@charset "utf-8";
/* CSS Document */

@font-face {
  font-family: 'HPBold';
  src: url("media/fonts/HPSimplifiedW01-Bold.eot");
  src: url("media/fonts/HPSimplifiedW01-Bold.eot?#iefix") format("embedded-opentype"), url("media/fonts/HPSimplifiedW01-Bold.ttf") format("truetype"), url("media/fonts/HPSimplifiedW01-Bold.svg#HPBold") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'HPRegular';
  src: url("media/fonts/HPSimplifiedW01-Regular.eot");
  src: url("media/fonts/HPSimplifiedW01-Regular.eot?#iefix") format("embedded-opentype"), url("media/fonts/HPSimplifiedW01-Regular.ttf") format("truetype"), url("media/fonts/HPSimplifiedW01-Regular.svg#HPRegular") format("svg");
  font-weight: normal;
  font-style: normal;
}


/*
	----------------------------
	GLOBAL CLASSES + STYLES
	----------------------------
*/

body,img,p,h1,h2,h3,h4,h5,h6,form,table,td,ul,ol,li,fieldset { margin:0; padding:0; border:0; }
section, nav, article, header, footer { display: block; }
a { color: #00bff3; text-decoration: none; }
a:hover, a:active, a:visited { color: #006699; }
input, textarea, select { font-family: "HPRegular", Arial, Helvetica, sans-serif; }
body { font-family: "HPRegular", Arial, Helvetica, sans-serif; font-size: 16px; line-height: 22px; color: #222; position: relative; }
h1 { font-size: 32px; line-height: 32px; font-weight: normal; font-family: "HPBold", "Arial Bold", sans-serif; margin-top: .5em; margin-bottom: .25em;}
h2 { font-size: 24px; line-height: 30px; font-weight: normal; font-family: "HPBold", "Arial Bold", sans-serif; }
h3 { font-size: 20px; line-height: 24px; font-weight: normal; font-family: "HPBold", "Arial Bold", sans-serif; margin-bottom: 8px; }
h4 { font-size: 18px; line-height: 22px; font-weight: normal; font-family: "HPBold", "Arial Bold", sans-serif; }
h5 { font-size: 18px; line-height: 22px; font-weight: normal; font-family: "HPRegular", "Arial", sans-serif; }
h6 { font-size: 16px; line-height: 22px; font-weight: normal; font-family: "HPRegular", "Arial", sans-serif; } 
p, ul, ol, dl { margin: 0 0 12px 0; }
a { color: #007DBA; text-decoration: none; }
a:visited { color: #822980; }
a:hover, a:focus { text-decoration: underline; }
::-moz-selection { background: #f05332; color: white; text-shadow: none; }
::selection {  background: #f05332; color: white; text-shadow: none; }

sup { font-size: 10px; line-height: 1; }
strong { font-family: "HPBold", "Arial Bold", sans-serif; font-weight: normal; }

.clearfix:before, .clearfix:after { content:""; display:table; }
.clearfix:after { clear:both; }
.clearfix { zoom:1; }

.left { text-align: left; }
.center { text-align: center; }
.right { text-align: right; }

.button { display: inline-block; background-color: #d7410b; color: #fff; font-size: 16px; line-height: 26px; font-family: "HPBold", "Arial Bold", sans-serif; padding: 0px 10px; white-space: nowrap; -webkit-border-radius: 0 6px; -moz-border-radius: 0 6px; border-radius: 0 6px; }
.button:hover, .button:visited { background-color: #c1401a; color: #fff; text-decoration: none; }

.button.secondary { background-color: #007DBA; }
.button.secondary:hover, .button.secondary:visited { background-color: #006699; }
.button.tertiary { background-color: #767676; }
.button.tertiary:hover, .button.tertiary:visited { background-color: #5a5a5a; }
.button.disabled, .button.disabled:hover { background-color: #ccc; }

.uppercase { text-transform: uppercase; }

.first-child { border-top: 0 !important; padding-top: 0 !important; }
.last-child { border-bottom: 0 !important; padding-bottom: 0 !important; }

.clickable-div { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 1; background-image: url(../media/layout/empty.gif); }
.clickable-div ~ a.button, .clickable-div ~ p a.button { position: relative; z-index: 2; }


/*
	----------------------------
	GLOBAL CLASSES + STYLES
	----------------------------
*/

#header{ width:1000px; height:105px; margin:auto; border-bottom: 1px solid #000;}

#logo{ float:left;}
#textheader{float:left; margin-left:10px; font-size:30px; font-weight:bold; margin-top:35px; font-family:"HPBold","Arial Bold",sans-serif}
#textheader span{ color:#767676; font-size:14px; font-weight:normal;}
#main{ height:402px; width:1000px; margin:auto; background:url(images/bg-main.jpg) no-repeat right top;} 


#paises ul { list-style:none; margin:0px; padding:0px;}
#paises ul li{ height:24px; border-bottom:1px solid #CCC; font-size:14px;}
#paises ul li a{ display:block; color:#767676; height:24px;}
#paises ul li a span{ display:block; margin-left:18px;}
#paises ul li a:hover{ display:block; color:#0096d6; background-color:#f2f2f2; text-decoration:none;}

.firstlist{ border-top: 1px solid #CCC;}

#left{ width:308px; float:left; margin-left:10px;}
#left h4{ margin-bottom:23px; margin-top:23px; margin-left:5px;}


#footer{ height:65px; width:1000px; margin:auto; border-bottom:1px solid #CCC; border-top: 1px solid #CCC; background-color:#f2f2f2; text-align:center;}

#content-footer{ font-size:12px; margin-top:10px;}
#content-footer a{ color:#222; text-decoration:none;}
#content-footer a:hover{ text-decoration:underline;}