@charset "UTF-8";
/*---------------------------------------------------------------------------
--------------------------------- Comunes ----------------------------------
-------------------------------------------------------------------------*/
html { -webkit-text-size-adjust: none;}
body {background:#FFFFFF; font-family:'Open Sans', Helvetica, Arial, sans-serif;}
.fontface, .fontface > * {font-family:'Open Sans', Arial, Helvetica, sans-serif;}
.condensed, condensed > * {font-family:'Open Sans Condensed', 'sans-serif';}
h1 {font-size:28px;} h2 {font-size:20px;} h3 {font-size:18px;} h4 {font-size:16px;} h5 {font-size:12px;}
p {font-size:13px;} a {text-decoration:none; color:#37240C; outline:none;} a:hover {text-decoration:underline;}
strong {font-weight:bold;} em {font-style: italic;}
.separa {width:100%; clear:both; height:0; display:block; margin:0; padding:0;}
.boton {cursor:pointer;}
.aleft {float:left;} .aright {float:right;} .anone {float:none;}
.hide {display:none;} .show {display: block;}
.left {text-align:left;} .right {text-align:right;} .center {text-align:center;}
.foto img {display: block; max-width: 100%; height: auto;}
#prontusPlayer2 .prontusPlayerVideoPlayer {height:auto !important; width:100% !important; min-height:200px}
/* FIN Comunes */

/*---------------------------------------------------------------------------
------------------------------ Estructurales -------------------------------
--------------------------------------------------------------------------*/

/*--------------- Header ---------------*/
#header .foto {padding-top: .5em; padding-bottom: 1em;}
#header .foto img {display: inline-block;}
/* FIN Header */


/*--------------- Sidebar ---------------*/
.sidebar .rotulo {font-size: 24px; font-weight: normal; line-height: 140%; color:#292929;}
.sidebar ul li {font-size: 15px; color:#494949; position: relative; border-bottom: 1px solid #e8e8e8;}
.sidebar ul li .icono {position: absolute; right:1em; top:.7em;}
.sidebar ul li a {color:#2C4786; display: block; padding: .8em 1em;}
.sidebar ul li .activo {background: #393939;}
.sidebar .luxMenu .sub {margin:0 0 1em 0; padding: .5em 1.5em 1em;}
.sidebar .luxMenu .sub li {font-size: 14px;}
.sidebar .luxMenu .sub li a {padding: .5em 1em;}
.sidebar ul li .activo a, .template .sidebar .luxMenu.activo .sub li a {color:#f0f0f0;}
.sidebar ul li .activo .abrir a {background:#191919;}
/* FIN Sidebar */

/*VIDEO IFRAME*/
.video-art.container-youtube {position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; margin: 30px 0;}
.video-art.container-youtube iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}


/*--------------- Footer ---------------*/
#footer {background:#00284a; padding-top:75px;}
#footer .col1 .foto img {margin:0 auto;}
#footer .col2 {padding:30px 0 50px 0; display:none !important;}
#footer .col2 .busqueda {max-width: 300px; margin:0 auto;}
#footer .col2 .busqueda .input {border: none; float: left; font-size: 14px; font-style: italic; margin: 0; padding: 15px 5%; width: 75%; box-sizing: content-box;}
#footer .col2 .busqueda .submit {width:5%; background: url(/esmeralda/imag/bg/opacidad/black25-10x10.png) repeat left top; float: right; padding: 15px 5%; box-sizing: content-box;}
#footer .col3 {background:#02203b; display:none !important;}
#footer .col3 .contenido {max-width: 1280px; margin: 0 auto;}
#footer .col3 .articulo {margin: 30px 0; width:125px; display: block; float: left;}
#footer .col3 .articulo .foto {margin-bottom:10px;}
#footer .col3 .articulo .foto img {margin:0 auto; max-width: 80px;}
#footer .col3 .articulo .titular {font-size: 11px; color:#fff; text-align: center;}
#footer .col3 .articulo .titular a {color:#fff;}

#footer .col4 .contenedor {padding: 3em 3%;}
#footer .col4 .cuerpo div {float:left; width:14%; display:none !important;}
#footer .col4 .cuerpo h2 {font-size: 1.4em; color:#fff; margin-bottom: 20px; font-weight: normal;}
#footer .col4 .cuerpo a {color:#fff;}
#footer .col4 .cuerpo ul {margin:0; list-style: none; line-height: inherit;}
#footer .col4 .cuerpo ul li .ico {width:3px; height: 5px; background-position: 0 0;}
#footer .col4 .cuerpo ul li {font-size: .9em; font-weight: lighter; color:#c9c9c9; background: url(/esmeralda/imag/auxi/ico-bullet1-3x5.png) no-repeat left center; list-style: none; line-height: inherit;}
#footer .col4 .cuerpo ul li a {color:#c9c9c9; display: block; padding: 15px 15px 15px 10px; text-decoration: none;}
/* FIN Footer */


/*--------------- MakeMeScrollable ---------------*/
.makeMeScrollable {opacity: 0; position:relative; max-height: 165px; overflow-x: hidden; overflow-y: hidden; position: relative; white-space: nowrap;}
.makeMeScrollable .scrollingHotSpotLeft {position: absolute; left:0; top:0; width:7%; height: 100%; z-index: 200; overflow: hidden; text-indent: -9999px; background: url(/armada/imag/auxi/flecha-izq-21x54.png) no-repeat center center #797979; opacity: 0;}
.makeMeScrollable .scrollingHotSpotRight {position: absolute; right:0; top:0; width:7%; height: 100%; z-index: 200; overflow: hidden; text-indent: -9999px; background: url(/armada/imag/auxi/flecha-der-21x54.png) no-repeat center center #797979; opacity: 0;}
.makeMeScrollable div.scrollableArea > * {
	position: relative; display: block; margin: 0; padding: 0;
	/* If you don't want the images in the scroller to be selectable, try the following
		block of code. It's just a nice feature that prevent the images from
		accidentally becoming selected/inverted when the user interacts with the scroller. */
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
}
.makeMeScrollable .scrollWrapper {height: 100%; overflow: hidden; position: relative; width: 100%;}
.makeMeScrollable .scrollWrapper .scrollableArea {height: 100%; position: relative; width: auto;}
/* FIN MakeMeScrollable */


/*----------------------------------------------------------------------------
---------------------------------- Otros -----------------------------------
--------------------------------------------------------------------------*/
	/*--------------- Comœn r—tulo ---------------*/
	.comun_rotulo {margin:0; border-top:1px #898989 solid; border-bottom:1px #898989 solid;}
	.comun_rotulo h1 {color: #F0F0F0; font-size: 24px; font-weight: bold; line-height: 120%; padding:33px 0 30px; text-align: center;}
	
	
	/*--------------- jCarousel ---------------*/
	.jcarousel {position: relative; overflow: hidden; }
	.jcarousel ul { width: 20000em; position: relative;}
	.jcarousel li { float: left; }
	/* FIN jCarousel */

/*----------------------------------------------------------------------------
---------------------------------- Sprite -----------------------------------
--------------------------------------------------------------------------*/
.ico {background:url(/esmeralda/imag/sprite-300x500.png) no-repeat; display: inline-block; overflow: hidden; text-indent: -9999px;}
/* FIN Sprite */