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

@import url("media.css");
/**********************************************/
/************** Editores *****************/
/**********************************************/

@import url("contacto.css");

@import url("lightbox.css");
/**********************************************/
/*******************page **********************/
/**********************************************/
body, html{
	margin: 0;
	padding: 0;
	font-family:Arial, sans-serif;
	color:#706F6F;
 font-size:12px;
}
p {
	color: #706F6F;
	font-family: Arial,  sans-serif;
	font: 14px;
	text-align: justify;
}
a{ border:none;}
a:hover{ border:none;}
.white{color:#fff;}
.gris{color:#666666;}
.gris-claro{color:#999;}
.naranja{
	color: #EE8E22;
}
.clear{
	clear: both;
	font-style: normal;
}
.right{float:right;}
.left{float:left;}
.center{text-align:center !important;}
a{color:#EE8E22;
	}
a:hover{
	color: #D3620E;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}	
/***contenido****/
#drawer{
	background-color: #fff;
	width: 100%;
	margin: 0px auto;
	clear: both;
	padding-bottom: 10px;
  }
#drawer-a{
	width: 100%;
	clear: both;}
#drawer-c{
	width: 100%;
	clear: both;}
#drawer-b{
	background: #fff;
	background-size: cover;
	width: 100%;
	clear: both;
	padding-bottom: 15px;
}
/*@media screen and (min-width: 700px) and (max-width: 1000px) {*/
  /*contenedor logo*/
	#container{
	width: 980px;
	margin: auto;
	height: 160px;
	position: relative;
		}
	#logo{
	width: 180px;
	height: 85px;
	float: left;
	padding-top: 35px;
	}
	#traduction{
	width: 270px;
	height: 80px;
	float: right;
	margin-right: 80px;
	position: relative;
	}
	
	#meta{
	width: 100%;
	height: 40%;
	float: right;
}
#meta li{
	display: inline;
	width: 37px;
	height: 33px;
	list-style-type: none;
	vertical-align: middle;
	padding-bottom: 20px;
}
#meta a{
	display: block;
	float: left;
	margin: 0 6px 0 0;
	color: #fff;
	padding-bottom: -5px;
}
.meta1{background:url(../images/mex.png) bottom right no-repeat;}
.meta2{background:url(../images/eu.png) bottom right no-repeat;}
.meta3{background:url(../images/fra.png) bottom right no-repeat;}
.meta4{background:url(../images/sue.png) bottom right no-repeat;}
/*#meta a:hover{
	background-position: bottom right;
	color: #0CF;
}*/
#meta a:hover.b1{
	background-position: bottom right;}


#meta a:hover.b2{
	background-position: bottom right;}
#meta a:hover.b3{
	background-position: bottom right;}
#meta a:hover.b4{
	background-position: bottom right;}
	#top-a{
	width: 98px;
	height: 50px;
	float: right;
	padding-top: 40px;
	padding-left: 30px;
	margin-right: 20px;
	position: absolute;
	left: 822px;
	top: 4px;
}
	#sidebar-a{
    clear: both;
    width: 100%;
    float:none;
  }
/*}*/

#header{
	width: 978px;
	margin: auto;
	margin-top: 10px;
	}
	
#slide-info{
	width: 40%;
	height: 400px;
	float: left;
	position: relative;
	padding-left: 30px;
	z-index: 0;
	}
	.color-a{
	background-color: #D2D2D2;
}
	.color-b{
	background-color: #93ABB6;
}
	.color-c{background-color:#003B70;}
	.color-d{background-color:#1A1A1A;}
	.color-e{background-color:#051421;}
	.color-f{background-color:#08262C;}
	.color-g{background-color:#E53C2E;}
	.color-h{background-color:#BA7131;}
	.color-i{background-color:#76B9C5;}
#slide-info h1{
	color: #fff;
	font-size: 45px;
	font-family: Arial, Helvetica, sans-serif;
}

#info-leer{
	position: absolute;
	width: 648px;
	height: 40px;
	background-color: #E6E6E6;
	top: 235px;
	left: -390px;
	padding-left: 12px;
	z-index: 999999;
	
}
#text-info {
	float: left;
	height: 30px;
	padding-top: 10px;
	font-size: 12px;
	z-index: 18;
}

#text-info p{color: #000;
	font-size: 12px;
	z-index: 18;
	}
#info-leer a{
	text-decoration:none;
	color:#fff;
	z-index: 18;}	
	
#more a{
	float: right;
	background-color: #EE8E22;
	color: #fff;
	width: 55px;
	text-align: center;
	height: 34px;
	z-index: 18;
	padding: 16px 10px 0px 10px;
}
#more a:hover{
	float: right;
	background-color: #EE8E22;
	color: #706F6F;
	width: 55px;
	text-align: center;
	z-index: 18;
}
/*************************** MENU **********************/

#menu {
	list-style: none;
	width: 1000px;
	margin: auto;
	height: 43px;
	padding: 0px 0px 0px 0px;
	background-color: #fff;
	color: #666;
	z-index: 20;
	
	
}

#menu li {
	float: left;
	display: block;
	text-align: center;
	position: relative;
	padding: 4px 0px 4px 0px;
	margin-top: 7px;
	border: none;
	z-index: 20;
	margin-bottom: 15px;
}

/*#menu li:hover {
	padding: 4px 9px 0px 0px;
	background: #fff;
	z-index: 20;
	
}*/

#menu li a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #818181;
	display: block;
	outline: 0;
	text-decoration: none;
	z-index: 20;
}

#menu li:hover a {
	color:#EE8E22;
}
#menu li a.active{
	color:#EE8E22;
	border-bottom:2px #EE8E22 solid;}
	
#menu li .drop {
	padding-right:21px;
	background:url("img/drop.png") no-repeat right 8px;
}
#menu li:hover .drop {
	background:url("img/drop.png") no-repeat right 7px;
}

.dropdown_1column, 
.dropdown_2columns, 
.dropdown_3columns, 
.dropdown_4columns,
.dropdown_5columns {
	margin:4px auto;
	float:left;
	position:absolute;
	left:-999em; /* Hides the drop down */
	text-align:left;
	padding:10px 5px 10px 5px;
	border-top:none;
	
	/* Gradient background */
	background:#fff;
	z-index:22;
}

.dropdown_1column {width: 180px;}
.dropdown_2columns {width: 280px;}
.dropdown_3columns {width: 420px;}
.dropdown_4columns {width: 560px;}
.dropdown_5columns {width: 700px;}

#menu li:hover .dropdown_1column, 
#menu li:hover .dropdown_2columns, 
#menu li:hover .dropdown_3columns,
#menu li:hover .dropdown_4columns,
#menu li:hover .dropdown_5columns {
	left:-1px;
	top:auto;
	z-index:22;
}

.col_1,
.col_2,
.col_3,
.col_4,
.col_5 {
	display:inline;
	float: left;
	position: relative;
	margin-left: 5px;
	margin-right: 5px;
	z-index:22;
}
.col_1 {width:130px;}
.col_2 {width:270px;}
.col_3 {width:410px;}
.col_4 {width:550px;}
.col_5 {width:690px;}

#menu .menu_right {
	float:right;
	margin-right:0px;
	z-index:22;
}
#menu li .align_right {
	/* Rounded Corners */


}

#menu li:hover .align_right {
	left:auto;
	right:-1px;
	top:auto;
}

#menu p, #menu h2, #menu h3, #menu ul li {
	font-family:Arial, Helvetica, sans-serif;
	line-height:11px;
	font-size:12px;
	text-align:left;
	color:#666;
	z-index:22;
	}
#menu h2 {
	font-size:21px;
	font-weight:400;
	letter-spacing:-1px;
	margin:7px 0 14px 0;
	padding-bottom:14px;
	border-bottom:1px dashed #EE8E22;
	width:170px;
}
#menu h3 {
	font-size:14px;
	margin:7px 0 14px 0;
	padding-bottom:7px;
	border-bottom:1px dashed #EE8E22;
}
#menu p {
	line-height:18px;
	margin:0 0 10px 0;
}

#menu li:hover div a {
	font-size:12px;
	color:#666;
	width:140px;
}
#menu li:hover div a:hover {
	color:#EE8E22;
	
}
#menu li ul li ul {
right:-165px;
top:0;
background-color:#CCC;

}

.strong {
	font-weight:bold;
}
.italic {
	font-style:italic;
}

.imgshadow { /* Better style on light background */
	background:#FFFFFF;
	padding:4px;
	border:1px solid #777777;
	margin-top:5px;
	-moz-box-shadow:0px 0px 5px #666666;
	-webkit-box-shadow:0px 0px 5px #666666;
	box-shadow:0px 0px 5px #666666;
}
.img_left { /* Image sticks to the left */
	width:auto;
	float:left;
	margin:5px 15px 5px 5px;
}

#menu li .black_box {
	background-color:#333333;
	color: #eeeeee;
	text-shadow: 1px 1px 1px #000;
	padding:4px 6px 4px 6px;

	/* Rounded Corners */
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;

	/* Shadow */
	-webkit-box-shadow:inset 0 0 3px #000000;
	-moz-box-shadow:inset 0 0 3px #000000;
	box-shadow:inset 0 0 3px #000000;
}

#menu li ul {
	list-style:none;
	padding:0;
	/*margin:0 0 12px 0;*/
}
#menu li ul li {
	font-size:12px;
	line-height:19px;
	position:relative;
	text-shadow: 1px 1px 1px #ffffff;
	padding:0;
	margin:0;
	float:none;
	text-align:left;
	width:130px;
}
#menu li ul li:hover {
	background:none;
	border:none;
	padding:0;
	margin:0;
	z-index:23;
	
}

#menu li .greybox li {
	background:#F4F4F4;
	border:1px solid #bbbbbb;
	margin:0px 0px 4px 0px;
	padding:4px 6px 4px 6px;
	width:116px;

	/* Rounded Corners */
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
	z-index:22;
}
#menu li .greybox li:hover {
	background:#ffffff;
	border:1px solid #aaaaaa;
	padding:4px 6px 4px 6px;
	margin:0px 0px 4px 0px;
	z-index:22;
}
.nav > li {
float:left;

}

.nav li a {background-color:#fff;
color:#666;
display:block;

padding:10px 12px;
}

.nav li .flecha{
font-size: 9px;
padding-left: 6px;
display: none;
background-image:url(../images/row.png);
}

.nav li a:not(:last-child) .flecha {
display: inline;
background-image:url(../images/row.png);
}

.nav li a:hover {
color:#EE8E22;
}
.border{
	}
.nav li {
position:relative;
}

.nav li ul {
display:none;
position:absolute;
min-width:20px;
}

.nav li:hover > ul {
display:block;
}

.nav li ul li ul {
	border-left:1px #CCC solid;
	
right:-20px;
top:0;
}
/********************termina menu*********************/

#breadcrumb{
	width: 978px;
	height: 50px;
	margin: 20px auto;
	background-color: #999999;
	color: #666;
}
.bread{
	font-size: 25px;
	width: 850px;
	padding-top: 5px;
	padding: 5px 15px 0;
	height: 34px;
}
#utility{
	width: 278px;
	float: left;
	margin: 16px;
	background-color: #FFF;
	padding: 0 15px;
	margin-top: 17px;
	margin-left: 0px;
	background: url(../images/line.png) center right no-repeat;
}
#utility h2{font-size:25px;}
	.u-a{
		border-top:7px #b8d9d6 solid !important;
		color:#EE8E22;}
	.u-b{
		border-top:7px #58a6dd solid !important;
		color:#58a6dd;}
	.u-c{
		border-top:7px #b8d9d6 solid !important;
		color:#ac1d16;}

#inicio a{
	background:url(../images/home.png) right no-repeat;
	color:#666;
	height:50px;
	width:110px;
	float:left;
	line-height:50px;
	text-align:center;
	margin-top:10px;
	margin-bottom: 10px;
	padding-right:10px;

	}
#inicio a:hover{
	background:url(../images/home.png) right no-repeat;
	color: #EE8E22;
	height:50px;
	width:110px;
	float:left;
	line-height:50px;
	text-align: center;
	margin-top: 10px;
	font-size: 12px;
	padding-right:10px;
	
	}
#leermas a{
	
	color:#EE8E22;
	background-repeat:no-repeat;
	height:20px;
	width:80px;
	float:left;
	font-size:11px;
	line-height:20px;
	text-align:center;
	margin-top:10px;
	margin-bottom: 10px;
	}
#leermas a:hover{
	color: #D3620E;
	background-repeat: no-repeat;
	height: 20px;
	width: 80px;
	float: left;
	line-height: 20px;
	text-align: center;
	margin-top: 10px;
	font-size: 11px;
	margin-bottom: 10px;
	}
#featury-a{
	width: 192px;
	background-color: #fff;
	float: left;
	padding: 10px;
	height: 260px;
	margin-top: 10px;
	background: url(../images/line.png) center right no-repeat;
}
	#featury-a p{
	color: #999;
}

#featury{
	width: 234px;
	float: left;
	padding: 10px 5px;
	background-color: #fff;
	/* [disabled]height: 260px; */
	background: url(../images/line.png) center right no-repeat;
}
#titulos  a{
	font-size: 18px;
	color: #666;
	font-style: normal;
	font-weight: normal;
}
#titulos a:hover{
	font-size: 18px;
	color: #EE8E22;
}
#featury h3{font-size:25px;}
/**footer**/
footer{
	border-top: 3px #A5A4A9 solid;
	height: 145px;
	width: 978px;
	margin:auto;
}	
#copyright{ 
margin:auto;
width: 978px;
clear:both;}	
#copyright p{
	font-size: 12px;
	color: #A5A4A9;
}
#f-logo{
	width: 190px;
	float: left;
	padding-top: 30px;
	text-align: right;
}
#f-dir{
	width: 180px;
	float: left;
	padding-top: 20px;
	margin-left: 20px;
}
#f-media{
	width: 265px;
	float: left;
	padding-top: 20px;
	margin-left: 20px;
}
#f-copy{
	width: 300px;
	float: right;
	padding-top: 30px;
	text-align: right;
}
/*****************Contenido***********************/
#content{
	width: 950px;
	margin: auto;
	margin-top: 20px;
	/*border: 1px #666 solid; */
	padding-bottom: 25px;
	padding-top: 10px;
	border-left: 28px #ebebeb solid;
	padding-left: 10px;
}
#content h1{
	font-family: Arial, sans-serif;
	color: #666;
	font-size: 20px;
	font-style: normal;
	font-weight: normal;
}
#content h2{
	font-family: Arial, sans-serif;
	color: #EE8E22;
	font-size: 14px;
	font-style: normal;
	font-weight:normal;
}
#content h3{
	font-family: Arial, sans-serif;
	color: #666;
	font-size: 18px;
	font-style: normal;
	font-weight:normal;
}
#content ul li{
	list-style-image: url(../images/list.png);
	line-height: 25px;
	font-family: Arial, sans-serif;
	color: #706F6F;
	text-align: justify;
}
#content ol li{
	color: #666666;
	line-height: 25px;
	list-style-type: decimal;
}
#content ul li ul li{
	list-style-image:url(../images/subullts.jpg);
	line-height:25px;}
#content span{
	color: #666;
	line-height: 25px;
}
/*.cont-a{ background:url(../images/cont-a.jpg) left top no-repeat !important; }
.cont-b{ background:url(../images/cont-b.jpg) left top no-repeat !important;}
.cont-c{ background:url(../images/cont-c.jpg) left top no-repeat !important;}
.cont-d{ background:url(../images/cont-d.jpg) left top no-repeat !important;}
.cont-e{ background:url(../images/cont-e.jpg) left top no-repeat !important;}
.cont-f{ background:url(../images/cont-f.jpg) left top no-repeat !important;}
.cont-g{ background:url(../images/cont-g.jpg) left top no-repeat !important;}
.cont-h{ background:url(../images/cont-h.jpg) left top no-repeat !important;}*/
#mainbody-a{
	width: 610px;
	padding: 15px;
	float: left;
	text-align: justify;
}
#mainbody-a h2{
	font-family: Arial, Helvetica, sans-serif;
	color: ##EE8E22;
	font-size: 14px;}
#mainbody-b{
	width: 610px;
	padding: 15px;
	float: right;
}
#siderbar-a{
	width: 279px;
	float: right;
	padding: 25px 15px 0;
}
#siderbar-b{
	width: 279px;
	float: left;
	padding: 30px 15px 0;}
#mainbottom{
	padding: 13px;
	width: 400px;
	float: left;
	background: url(../images/line.png) center right no-repeat;
	margin-left: 30px;
}
#mainbottom img{
	width: 263px;
	/* [disabled]padding-bottom: 10px; */
	/* [disabled]padding-right: 10px; */
	/* [disabled]float: left; */
}
#news{
	padding: 13px;
	width: 264px;
	float: left;
	background: url(../images/line.png) center right no-repeat;
	text-align:justify;
}
#news p{ text-align:justify;}
#news img{
	width: 245px;
	padding-bottom: 13px;
	padding-right: 13px;
	padding-left: 13px;
	text-align:center;
	/* [disabled]float: left; */
}
/* default style */

 .selectnav { display: none; } /* small screen */


#showcase{
	float: left;
	width: 465px;
	float: left;
	position: relative;
	margin-right: 10px;
	
	}
#showcase p{
	color: #666;
}
#showcase h3{
	font-size:20px;color: #000;}
.row{
	background: url(../images/rowtit.png) top left no-repeat;
	position: absolute;
	left: 2px;
	top: -4px;
}
#showcase .tit a{
	color: #666;
	font-size: 18px;
	display:block;
	
	}
#showcase .tit a:hover{
	color: #F9A439;
	font-size: 18px;
	}
#showcase .vermas a{
	color: #F9A439;
	font-size: 13px;
}
#showcase .vermas a:hover{
	color: #FB6837;
	font-size: 13px;
}
.vermas a{
	color: #F9A439;
	font-size: 13px;
}
.vermas a:hover{
	color: #FB6837;
	font-size: 13px;
}
#shwimg{
	width:207px;}
#shwtxt{
	display:block;
	padding-left: 23px;
	width: 235px;
	position: relative;
}

.marginleft{
	margin-left:70px;}
.margen{
	margin-left: 22px;
}
.img-news img{ display:none!important; }
#bottom{
	background: url(../images/line.png) center right no-repeat;
	float: left;
	padding: 12px;
	width: 180px;
	padding-top: 10px;
	margin: 10px 0 10px 23px;
	text-align: justify;
	}
#bottom h3{
	color: #666;
	font-size: 25px;
}	
#bottom p{color:#999999;
text-align:justify;
}	
#bottom-a{
	background: url(../images/line.png) center right no-repeat;
	float: left;
	padding: 12px;
	width: 168px;
	padding-top: 10px;
	margin: 10px 0 10px 23px;
	text-align:justify;
	}
#bottom-a h3{
	color: #666;
	font-size: 25px;
}	
#bottom-a p{color:#999999;
text-align:justify;
}
#extension{
	float: left;
	margin-left: 20px;
	width: 275px;
	margin-top: 20px;
	padding-top: 20px;
	background: url(../images/line.png) center right no-repeat;
	padding-right: 15px;
	}
#extension h4{ font-size:15px;}
#cont{
	width: 460px;
	float: left;
	margin-left: 15px;
	margin-top: 30px;
	border: none;
}
#cont h1{
	font-size: 20px;
	padding-left: 40px;
	color: #666;
	line-height: 5px;
	font-weight: normal !important;
	font-style: normal !important;
}
#txt_bar{
	width: 720px;
	float: right;
	margin-top: -36px;
	font-size: 16px;
}
#tit-news{ height:110px; text-align:justify;}
#tit-news p{ text-align:justify;}
#tit-news  a{
	font-size: 24px;
	color: #666;
}
#tit-news a:hover{
	font-size: 24px;
	color: #EE8E22;
}
#smalltitulos p{ color:#999999;}
#smalltitulos  a{
	font-size: 14px;
	color: #666;
}
#smalltitulos a:hover{
	font-size: 14px;
	color: #EE8E22;
}

#smalltitulos img{ display:none!important;}


#articulo h2{
text-align:center;
font-size:28px !important;
color:#1C1C1C;}
#articulo span{
font-size:18px;
color:#1E1E1E;}
#articulo p{
font-size:16px;
text-align:justify;
color:#333333;}
#articulo img{
width:274px;
padding-bottom:15px;
padding-right:15px;
float:left;}
.masart a{color:#333;
	}
.masart a:hover{
	color: #D3620E;
}
#privado a{
	color: #F69524;
}
#privado  a:hover{
	color: #D84D0A;
}
.name-more a{color:#706F6F;}
.name-more a:hover{color:#706F6F;}