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

body{
	font-family: 'PT Sans Narrow', sans-serif;
	background:#1F242E;
	margin: 0 auto;
	padding: 0;
	font-size:14px; 
	text-align:justify;
}

#back_main_img{
	background:url(img/img_header.jpg) repeat-x top;
	height:96px;
	position:absolute;
	z-index: -99;
	top:0;
	left:0;
	width:100%;
}
/*contiene el fondo del banner y del menu*/
#back_main{
	background:url(img/header_bkg.png) no-repeat top center;
	padding:0;
	top:20px;
	margin:0 auto 0 auto;
	width:961px;
	height:183px;

}
#back_main_logo{
	background:url(img/logo.png) no-repeat top center;
	padding:0;
	position:absolute;
	width:259px;
	height:183px;
	z-index:1000;
}


#main{
	position:relative;
	margin:0 auto;
	width: 850px;
	padding:0;
	border: 0;
}


#header{
	display:block;
	height: 175px;
	margin:0 auto;
	padding:0;
	width:776px;
}
h1 {
	color: white;
	line-height: 35px;
	margin: 0 0 0 220px;;
	font-size: 28px;!important /*cambiar el tamaýo de acuerdo al týtulo de cada unidad*/
	position: relative;
	top: 30px;
	text-align: left;
	text-shadow: 5px 5px 5px rgba(139, 141, 150, 1);
	width:450px;
	}
h2 {
	color: white;
	line-height: 25px;
	margin: 20px 0 0 220px;;
	font-size: 23px;!important /*cambiar el tamaýo de acuerdo al týtulo de cada unidad*/
	position: relative;
	top: 0px;
	text-align: left;
	width:500px;
	}
#sheet{
	position: absolute;
	background:#FFFFFF;
	margin: 0px auto 1000px auto;
	padding: 0 0 15px 0;
	width:960px;
	height:550px;
	top:0px;	
}
#content_sheet{
	position: absolute;
	background-color: rgba(255, 255, 255, 0);
	margin: 0px auto 0px auto;
	padding: 0 0 15px 0;
	width:960px;
	height:780px;
	top:130px;	
}
#sheet_title{
	background: #DDDDDD;
	margin: 0 auto;
	width:960px;
	height:37px;
}
#sheet_title p{
	color:#1F242E;
	margin:0px;
	padding:5px 0px 0px 310px;
	font-size:18px;
}

#footer{
	background:url(img/footer.png) repeat-x;
	padding:0;
	margin:0;
	height:55px;
	position:fixed;
	/*z-index: 100;*/
	bottom:0;
	width: 100%;
}
#footer-inner{/*CONTENEDOR DE LOS ICONOS SECUNDARIOS DE LA IZQUIERDA*/
    background:url(img/img_footer.jpg) no-repeat top left;
    display:inline-block;
	margin:0 0 0 -388px;
	position:absolute;
	top:0px;
	left:50%;
	width:957px;
	height:55px;
}

/*CONTENEDOR DE LAS FLECHAS ANTERIOR Y SIGUIENTE*/
#menu_bottom{
    margin: 5px 25px 5px 0;
	text-align:right;
	}
	
#menu_bottom img{ border: 0}

#menu_bottom a{
	color:#FFF;
	text-decoration:none;
	
	}

#menu_bottom a:hover{
	color:#FFF;
	text-decoration:underline;
	}
	

.next{/*boton siguiente del menu inferior*/
	display:inline-block;
	height:45px;
	margin:0 0 0 -55px;
    position:absolute;
	left:100%;
	top:5px;
	width:45px;
	}

.prev{/*boton anterior del menu inferior*/
	display:inline-block;
	height:45px;
	margin-top:5px;
	margin-left:10px;
	width:45px;
	}
	
#next a img, #prev a img{border:none;/*evitamos que a las imýgenes de las flechas les aparezca el borde de enlace*/}

/* end footer */

/*******************************************************************************

									MENU INICIO

 *******************************************************************************/
#menuhorizontal{

	margin: -40px 0 0 250px;!important/*cambiar para cada unidad segýn el ýnumero de botones del mený y asý conseguir que se ajuste centrado automýticamente gracias al margin*/
	padding: 0;
	height:100px;
	/*border-bottom: solid 5px #099;*/

}


/*propiedades para cada uno de los items del mený principal*/
.item1{width:110px;}
.item2{	width:110px; }
.item3{	width:110px; }
.item4{	width:110px; }
.item5{width:120px; }/*ancho de los items submenu*/
.item6{	width:110px; }

/* SpryMenuBarHorizontal.css - version 0.6 - Spry Pre-Release 1.6.1 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

/*******************************************************************************

 LAYOUT INFORMATION: describes box model, positioning, z-order

 *******************************************************************************/

/* The outermost container of the Menu Bar, an auto width box with no margin or padding */
ul.MenuBarHorizontal{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 14px;
	cursor: default;
	float: left;
	height:100px;
	position:relative;
	font-family: 'CabinSemiBoldItalic', arial, sans-serif;
	letter-spacing:0.03em;
	/*font-weight:bold;*/
	text-align:center;

}
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive
{
	z-index: 1000;
}
/* Menu item containers, position children relative to this container and are a fixed width */
ul.MenuBarHorizontal li{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	text-align: center;
	cursor: pointer;
	float: left;
/*	border-right:1px solid #999;
	border-left:1px solid #FFF;
	border-top:1px solid #FFF;*/
	position:relative;
}




ul.MenuBarHorizontal li a{
	padding: 13px 10px 0 10px;
	display: block;
	cursor: pointer;
	color: #999;
	text-decoration: none;
	/*background-image:url(../css/img/menu_c.jpg);*/
	height: 20px;
	text-align:center;
}

ul.MenuBarHorizontal li a img{ position:relative; bottom:2px;}/*así las imágenes del menu no queda pegada al borde*/

ul.MenuBarHorizontal li a span{display:block; position:relative; top:0; margin:0 auto;}

ul.MenuBarHorizontal li a:hover{

	color: #76B715; 
	text-decoration: none;
}



ul.MenuBarHorizontal li a:visited{ 
	text-decoration: none;
}

ul.MenuBarHorizontal li .active{
	color:#76B715; 
	#color: #76B715;
	_color: #76B715;
	text-decoration:underline;
	
}

ul.MenuBarHorizontal li .active a:hover {
	background: none;	  
}



ul.MenuBarHorizontal li .active MenuBarItemSubmenu{
	background-image:url(../css/img/menu_c2.jpg);	  
	color: #FFF;
	#color: #FFF;
	_color: #FFF;
	border-bottom: 1px solid  #099;
	font-weight:bold;
}

ul.MenuBarHorizontal img{
	border:0;
}




/*******************************************************************************

 BROWSER HACKS: the hacks below should not be changed unless you are an expert

 *******************************************************************************/

/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarHorizontal iframe
{
	position: absolute;
	z-index: 1010;
	filter:alpha(opacity:0.1);
}
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
{
	ul.MenuBarHorizontal li.MenuBarItemIE
	{
		display: inline;
		f\loat: left;
		/*background: #FFF;*/
	}
}

/*************************BARRA CARGA SLIDES***************************************/
/*************************BARRA CARGA SLIDES***************************************/

/* CSS Document */
.cargador{
	position: absolute;
	z-index: 200;
	float: right;
	top: 6px;
	margin-top: 0;
	margin-right: 0;
	margin-left: 10px;
	margin-bottom: 0;
	padding: 0;
	width: 237px;
	left: 727px;
}/*Cambio*/
.cargador span{
	font-size:12px;
	margin:0 0 0 5px;
	padding:0; 
	width:20px;
}
div#precargador {
  /*border: 1px solid #0099CC;*/
	margin-left: 0px; 
   /* margin: 0 auto;*/
    /*width: 120px;*/
}
#progressnum {
	width: 52px;
	color: #1F242E;
	font-size: 16px;
	height: 20px;
	margin-top: 4px;
	margin-right: 3px;
	margin-left: 10px;
	margin-bottom: 2px;
	float: left;
	text-align: center;
}
#progressbar{
	/*padding: 4px;*/
	border: 2px solid #fff;
	/*padding: 4px;*/
	background-color: #ffffff;
	margin-top: 4px;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 0;
	width: 80px;
	height: 14px;
	float: left;
}
div#precargador input {
    background: #eee;
    border: none;
    background: #444;
    box-shadow: 0 1px 1px #222 inset, 0 1px 0 #999;
    color: #777;
    cursor: pointer;
}
div#precargador input:hover {
    background: #666;
    color: #333;
}
#indicador{
	float: left;
	/*border: 1px solid rgba(0, 0, 0, 0.5);*/
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
	color: #c12b2b;
	height: 14px;
	width: 80px;
	margin-right: 10px;
	background-color: #bed73e;
	}
.paginanum{
	width: 84px;
	padding-top: 4px;
	padding-left: 0;
	padding-bottom: 0;
	font-size: 16px;
	margin: 0px auto;
	float: left;
	color: #1F242E;
	text-align: center;
}
/*- See more at: http://www.tutosytips.com/barra-de-progreso-con-css3-animado-con-un-poco-de-javascript/#sthash.Ow5L1lxQ.dpuf*/

#nav-anterior_vacio
{
	float:left;
	height: 30px;
	width: 12px;
}
#nav-siguiente_vacio
{
	float:left;
	height: 30px;
	width: 12px;
}