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

h2 {
	font-family: Impact;
	color:#77b5cc;
	font-size:20px;
	font-weight: normal;
	margin-bottom: -10px;
} 

h2 a, a:hover{
	text-decoration:none;
	}


h3 a {
	font-family: Verdana, Arial, Helvetica;
	color:#1f4c73;
	font-size:13px;
	font-weight: normal;
	text-decoration: none;
	border-bottom: 1px dotted;
} 

h3 a:hover {
	text-decoration: none;
	border-bottom: 1px solid;
} 

#glosario a {
	font-family: Verdana, Arial, Helvetica;
	color:#0000ff;
	font-size:12px;
	font-weight: normal;
	text-decoration: none;
	border-bottom: 0px dotted;
} 

#glosario a:hover {
	text-decoration: none;
	color:#0000ff;
	border-bottom: 1px dashed;
}
h4
{
	padding: 0px;
	margin:0px;
	font-family: Verdana, Arial, Helvetica;
	color:#0000ff;
	font-size:15px;
	font-weight: normal;
}

h4 a {
	color:#0000ff;
	text-decoration: none;
	border-bottom: 0px dotted;
	padding: 0px;
} 

.highlight{
	font-family: Verdana, Arial, Helvetica;
	color:#77b5cc;
	font-size:15px;
	font-weight: normal;
}

#glosario{
	width:98%;
	padding:0px;
}
#glosario p{
	padding: 0px;
	margin: 0px;
}
h4 a:hover {
	text-decoration: none;
	color:#0000ff;
	border-bottom: 1px dashed;
} 

.resaltar {
	font-family: "Century Gothic";
	font-size: 16px;
	color: #3887a6;
	font-weight: normal;
}

.div_left {

float: left;

text-align: right;

width: 30%;

margin-top: 0px;

margin-right: 0px;

margin-bottom: 5px;

margin-left: 10px;

}

.div_right

{

float: left;

width: 50%;

text-align: left;

margin-top: 0px;

margin-right: 0px;

margin-bottom: 5px;

margin-left: 10px;

}	
	
a.faq {
	font-family: Verdana, Arial, Helvetica;
	color:#1f4c73;
	font-size:11px;
	font-weight: normal;
	text-decoration: none;
	border-bottom: 1px dotted;
}

a.faq:hover {
	text-decoration: none;
	border-bottom: 1px solid;
}

img.main-image
{
	border: 1px solid #cccccc;
	background-color:#ffffff;
	padding:15px;
	margin: 45px 10px 10px 0;
}

#wrapperHeader {
	width: 1045px;  /* this will create a container 80% of the browser width */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
}
#logo {
	padding-top:11px;
}


#socialmedia {
	float: right;
	display: block; /*For ignore double margin in IE6*/
	padding-right: 20px;
	margin-top: -70px;
}
#socialicons ul li {
	float: left;
	display: block; /*For ignore double margin in IE6*/
	padding-right: 30px;
	font-family: "Century Gothic";
	font-size: 18px;
	font-weight: normal;
	color: #f2f2f2;
}


#navigation {
	background-image: url(../images/nav_bg.png);
	height: 40px;
}
#navigation ul {
	list-style: none;
	float: left;
	clear: left;
	height: 30px;
	margin-top: 3px;
	margin-right: 0;
	margin-left: 30px;
	padding: 5px;
}

#navigation ul li {
	float: left;
	display: block; /*For ignore double margin in IE6*/
	padding-right: 13px;
}

#navigation ul li a {
	text-decoration: none;
	float:left;
	color: #000;
	cursor: pointer;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	line-height: 25px;
}

#navigation ul li a span {
	float:left;
	margin-top: 0;
	margin-right: 5px;
	margin-bottom: 0;
	margin-left: -8px;
	padding-top: 1px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
}

#navigation ul.nav li a.current, #navigation ul.nav li a:hover {
	color: #fff;
	height:40px;
	background-image: url(../images/btn_selected.png);
	background-repeat: no-repeat;
	background-position: right top;
}

#navigation ul.nav li a.current span, #navigation ul.nav li a:hover span {
	height:40px;
	background-image: url(../images/btn_selected.png);
	background-repeat: no-repeat;
	background-position: left top;
}





#language {
	height: 40px;
	margin-top: -45px;
	padding-right: 30px;
}

#language ul li {
	float: right;
	display: block; /*For ignore double margin in IE6*/
	padding-left:5px;
	padding-right:5px;
	line-height: 24px;
}

#language ul li a {
	text-decoration: none;
	float: right;
	color: #999;
	cursor: pointer;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	line-height: 24px;
	padding-left:3px;
}
#language ul li a.currentl, #language ul li a:hover {
	color: #c4002e;
}




#maincont {
	margin-top:10px;
	width: 1045px;
}
#left {
	float: left;
	width: 475px;
}
#left2 {
	float: left;
	width: 725px;
}

#center1 {
	padding-right: 300px;
	padding-left: 495px;
}

#right {
	float: right;
	width: 242px;
	padding-right:35px;
	margin-top:0px;
}
#right2 {
	float: right;
	width: 280px;
	padding-right:20px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #72cef2;
	margin-top:20px;
	padding-left:10px;
}

.clear {
    clear: both;
}

a.clientes {
	color:#dc3c35;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
}
a.clientes:hover {
	color:#dc3c35;
	text-decoration: underline;
}

#mainTitle1 h1 {
	font-family: "Century Gothic";
	font-size: 30px;
	color: #000000;
	font-weight: normal;
}
#mainTitle2 h1 {
	font-family: "Century Gothic";
	font-size: 24px;
	color: #3887a6;
	font-weight: normal;
	padding-top: 15px;
}
#mainTitle3 h1 {
	font-family: "Century Gothic";
	font-size: 24px;
	color: #f2600c;
	font-weight: normal;
	padding-top: 30px;
}
#mainTitle4 h1 {
	font-family: "Century Gothic";
	font-size: 16px;
	color: #3887a6;
	font-weight: normal;
	margin-top: -15px;
}
#mainTitle5 h1 {
	font-family: "Century Gothic";
	font-size: 24px;
	color: #1f4c73;
	font-weight: normal;
	padding-top: 5px;
}

#boxDW{
	border: 1px solid #f2f2f2;
	background-color: #fff;
	border-radius: 5px;
	box-shadow: inset 0 1px 3px #fff, inset 0 -15px #fff, 0 0 3px #666;
	-o-box-shadow: inset 0 1px 3px #fff, inset 0 -15px #fff, 0 0 3px #666;
	-webkit-box-shadow: inset 0 1px 3px #fff, inset 0 -15px #fff, 0 0 3px #666;
	-moz-box-shadow: inset 0 1px 3px #fff, inset 0 -15px #fff, 0 0 3px #666;
	color: #000;
	text-shadow: 0 1px #fff;
	height:310px;
}
.titlebox h1{
	font-family: Impact;
	font-size: 30px;
	color: #1f4c73;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #f0efe6;
	text-align:center;
	margin-top: 15px;
	padding-bottom: 10px;
	font-weight: normal;
}

.titlebox h1 a{
	text-decoration:none;
	color: #1f4c73;
}

.titlebox h1 a:hover{
	text-decoration:none;
	color: #1f4c73;
}

.iconbox{
	text-align:center;
	margin-top: 15px;
	padding-bottom: 10px;
}

.textbox{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	text-align:justify;
	padding-bottom: 40px;
	font-weight: normal;
	padding-right: 18px;
	padding-left: 18px;
}
.textbox2{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	text-align:justify;
	padding-bottom: 32px;
	font-weight: normal;
	padding-right: 18px;
	padding-left: 18px;
}

.textbox2 ul{
	
	margin-left: 20px;
}

.ribbon{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	text-align:center;
	padding-top:10px;
	background-image: url(../images/btn_ribbon.png);
	background-repeat: no-repeat;
	height: 28px;
	width: 123px;
	margin-top: -17px;
	float: right;
	margin-right: -7px;
}
.ribbon a{
	color: #FFF;
	text-decoration: none;
}
.ribbon a:hover{
	color: #FFF;
	text-decoration: underline;
}

#glosario h1 {
	font-family: "Century Gothic";
	font-size: 16px;
	color: #3887a6;
	font-weight: normal;
}

#glosario p {
	font-size: 12px;
	color:#000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-bottom:25px;
}

#pBox {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#333333;
	font-size:12px;
	font-weight: normal;
	padding-top: 10px;
}
#pBox p {
	font-size: 11px;
	color:#333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#pBox h2 {
	font-family: Impact;
	color:#77b5cc;
	font-size:20px;
	font-weight: normal;
	margin-bottom: -10px;
} 
#pBox a {
	color:#dc3c35;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
}
#pBox a:hover {
	color:#dc3c35;
	text-decoration: underline;
} 

#extraprod {
	margin-top:60px;
	height: 200px;
}
.titlextra h1 {
	color:#FF6600;
	font-family: "Century Gothic";
	font-size: 30px;
	font-weight: normal;
	text-align:center;
}

#extraprod #box_1 {
	padding:8px;
	float:left;
	width:238px;
	margin-top: -20px;
	margin-right: 6px;
	margin-bottom: 2px;
	margin-left: 0;
}

#extraprod #box_2 {
	padding:8px;
	float:left;
	width:238px;
	margin-top: -20px;
	margin-right: 6px;
	margin-bottom: 2px;
	margin-left: 0px;
}

#extraprod #box_3 {
	padding:8px;
	float:left;
	width:238px;
	margin-top: -20px;
	margin-right: 0px;
	margin-bottom: 2px;
	margin-left: 6px;
}

#extraprod #box_4 {
	padding:8px;
	float:left;
	width:238px;
	margin-top: -20px;
	margin-right: 0;
	margin-bottom: 2px;
	margin-left: 6px;
}

#box_1 p, #box_2 p, #box_3 p, #box_4 p {
	font-size: 11px;
	color:#333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#box_1 h2, #box_2 h2, #box_3 h2, #box_4 h2 {
	font-family: Impact;
	color:#1f4c73;
	font-size:18px;
	font-weight: normal;
	margin-bottom: -10px;
} 

#box_1 h2 a, #box_2 h2 a, #box_3 h2 a, #box_4 h2 a{
	text-decoration:none;
	color:#1f4c73;
	font-size:18px;
	font-family: Impact;
} 

#box_1 h2 a:hover, #box_2 h2 a:hover, #box_3 h2 a:hover, #box_4 h2 a:hover{
	text-decoration:none;
	color:#1f4c73;
	font-size:18px;
	font-family: Impact;
} 

#box_1 a.mas, #box_2 a.mas, #box_3 a.mas, #box_4 a.mas {
	color:#dc3c35;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
}
#box_1 a.mas:hover, #box_2 a.mas:hover, #box_3 a.mas:hover, #box_4 a.mas:hover {
	color:#dc3c35;
	text-decoration: underline;
}
#link a {
	color:#dc3c35;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
}
#link a:hover {
	color:#dc3c35;
	text-decoration: underline;
}


#containerfoot{
	text-align: left;
	margin: 0px auto;
	padding: 0px;
	border:0;
	width: 1041px;
	height:150px;
}
#footside-a {
	float: left;
	width: 832px;
}

#footside-b { 
	margin: 0;
	float: left;
	width: 209px;
	height: 1% /* Holly hack for Peekaboo Bug */
}


#footnav {
	height: 40px;
	padding-top: 10px;
	margin-left: -35px;
}

#footnav ul li {
	float: left;
	display: block; /*For ignore double margin in IE6*/
	padding-right:15px;
}

#footnav ul li a {
	text-decoration: none;
	float: left;
	color: #fff;
	cursor: pointer;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
}
#footnav ul li a:hover {
	color: #fff5c1;
}

#footaddress{
	margin-top:25px;
}
.footTitle {
	color:#FFF;
	font-family: "Century Gothic";
	font-size: 18px;
	font-weight: normal;
	text-align: right;
}
.foottext{
	color:#FFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-align: right;
}
.foottext a{
	color:#FFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-align: right;
	text-decoration: none;
}
.foottext a:hover{
	color:#15ADFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-align: right;
	text-decoration: none;
}