/*
  Forces backgrounds to span full width,
  even if there is horizontal scrolling.
  Increase this if your layout is wider.
  Note: IE6 works fine without this fix.
*/
body {
  min-width: 960px;
}
/* `Container
----------------------------------------------------------------------------------------------------*/
.container_16{
  margin-left: auto;
  margin-right: auto;
  width: 960px;
}
/* `Grid >> Global
----------------------------------------------------------------------------------------------------*/
.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12,
.grid_13,
.grid_14,
.grid_15,
.grid_16 {
  display: inline;
  float: left;
  margin-left: 10px;
  margin-right: 10px;
}

.push_1, .pull_1,
.push_2, .pull_2,
.push_3, .pull_3,
.push_4, .pull_4,
.push_5, .pull_5,
.push_6, .pull_6,
.push_7, .pull_7,
.push_8, .pull_8,
.push_9, .pull_9,
.push_10, .pull_10,
.push_11, .pull_11,
.push_12, .pull_12,
.push_13, .pull_13,
.push_14, .pull_14,
.push_15, .pull_15,
.push_16, .pull_16 {
  position: relative;
}
/* `Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/
.alpha {
  margin-left: 0;
}
.omega {
  margin-right: 0;
}
/* `Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/
.container_16 .grid_1 {
  width: 40px;
}

.container_16 .grid_2 {
  width: 100px;
}

.container_16 .grid_3 {
  width: 160px;
}

.container_16 .grid_4 {
  width: 220px;
}

.container_16 .grid_5 {
  width: 280px;
}

.container_16 .grid_6 {
  width: 340px;
}

.container_16 .grid_7 {
  width: 400px;
}

.container_16 .grid_8 {
  width: 460px;
}

.container_16 .grid_9 {
  width: 520px;
}

.container_16 .grid_10 {
  width: 580px;
}

.container_16 .grid_11 {
  width: 640px;
}

.container_16 .grid_12 {
  width: 700px;
}

.container_16 .grid_13 {
  width: 760px;
}

.container_16 .grid_14 {
  width: 820px;
}

.container_16 .grid_15 {
  width: 880px;
}

.container_16 .grid_16 {
  width: 940px;
}


/* `Prefix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/
.container_16 .prefix_1 {
  padding-left: 60px;
}

.container_16 .prefix_2 {
  padding-left: 120px;
}

.container_16 .prefix_3 {
  padding-left: 180px;
}

.container_16 .prefix_4 {
  padding-left: 240px;
}

.container_16 .prefix_5 {
  padding-left: 300px;
}

.container_16 .prefix_6 {
  padding-left: 360px;
}

.container_16 .prefix_7 {
  padding-left: 420px;
}

.container_16 .prefix_8 {
  padding-left: 480px;
}

.container_16 .prefix_9 {
  padding-left: 540px;
}

.container_16 .prefix_10 {
  padding-left: 600px;
}

.container_16 .prefix_11 {
  padding-left: 660px;
}

.container_16 .prefix_12 {
  padding-left: 720px;
}

.container_16 .prefix_13 {
  padding-left: 780px;
}

.container_16 .prefix_14 {
  padding-left: 840px;
}

.container_16 .prefix_15 {
  padding-left: 900px;
}

/* `Suffix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/
.container_16 .suffix_1 {
  padding-right: 60px;
}

.container_16 .suffix_2 {
  padding-right: 120px;
}

.container_16 .suffix_3 {
  padding-right: 180px;
}

.container_16 .suffix_4 {
  padding-right: 240px;
}

.container_16 .suffix_5 {
  padding-right: 300px;
}

.container_16 .suffix_6 {
  padding-right: 360px;
}

.container_16 .suffix_7 {
  padding-right: 420px;
}

.container_16 .suffix_8 {
  padding-right: 480px;
}

.container_16 .suffix_9 {
  padding-right: 540px;
}

.container_16 .suffix_10 {
  padding-right: 600px;
}

.container_16 .suffix_11 {
  padding-right: 660px;
}

.container_16 .suffix_12 {
  padding-right: 720px;
}

.container_16 .suffix_13 {
  padding-right: 780px;
}

.container_16 .suffix_14 {
  padding-right: 840px;
}

.container_16 .suffix_15 {
  padding-right: 900px;
}

/* `Push Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/
.container_16 .push_1 {
  left: 60px;
}

.container_16 .push_2 {
  left: 120px;
}

.container_16 .push_3 {
  left: 180px;
}

.container_16 .push_4 {
  left: 240px;
}

.container_16 .push_5 {
  left: 300px;
}

.container_16 .push_6 {
  left: 360px;
}

.container_16 .push_7 {
  left: 420px;
}

.container_16 .push_8 {
  left: 480px;
}

.container_16 .push_9 {
  left: 540px;
}

.container_16 .push_10 {
  left: 600px;
}

.container_16 .push_11 {
  left: 660px;
}

.container_16 .push_12 {
  left: 720px;
}

.container_16 .push_13 {
  left: 780px;
}

.container_16 .push_14 {
  left: 840px;
}

.container_16 .push_15 {
  left: 900px;
}

/* `Pull Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/
.container_16 .pull_1 {
  left: -60px;
}

.container_16 .pull_2 {
  left: -120px;
}

.container_16 .pull_3 {
  left: -180px;
}

.container_16 .pull_4 {
  left: -240px;
}

.container_16 .pull_5 {
  left: -300px;
}

.container_16 .pull_6 {
  left: -360px;
}

.container_16 .pull_7 {
  left: -420px;
}

.container_16 .pull_8 {
  left: -480px;
}

.container_16 .pull_9 {
  left: -540px;
}

.container_16 .pull_10 {
  left: -600px;
}

.container_16 .pull_11 {
  left: -660px;
}

.container_16 .pull_12 {
  left: -720px;
}

.container_16 .pull_13 {
  left: -780px;
}

.container_16 .pull_14 {
  left: -840px;
}

.container_16 .pull_15 {
  left: -900px;
}

/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/
/* http://sonspring.com/journal/clearing-floats */
.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */

.clearfix:before,
.clearfix:after,
.container_16:before,
.container_16:after {
  content: '.';
  display: block;
  overflow: hidden;
  visibility: hidden;
  font-size: 0;
  line-height: 0;
  width: 0;
  height: 0;
}

.clearfix:after,
.container_16:after {
  clear: both;
}

/*
  The following zoom:1 rule is specifically for IE6 + IE7.
  Move to separate stylesheet if invalid CSS is a problem.
*/

.clearfix,
.container_16 {
  zoom: 1;
}
.br{
	margin-top:10px;
	/*height:10px;*/
}

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

.color_negro{
	color:#000;
}
.color_blanco{
	color:#FFF;
}
.color_gris{
	color:#666;
}
.color_azul{
	color:#1b2b65;
}
.no_sub{
	text-decoration:none;
}
/*************************************************************************************************/


/********************************** HEADER ********************************************************/
#cabecera{
	background-color:#FFF;
	min-height:68px;
	/*position:fixed;*/
	z-index:4000;
	padding-top:10px;
}
/******************************** FIN HEADER ****************************************************/

/************************************  MENU  *****************************************************/
.boton_off:hover{
	cursor:pointer;
	background:none;
}
.boton_on{
	background-color: #30ADE1;
	color:#FFF;
}
.boton_on:hover{
	color:#FFF;
}
#menu_web{
	background-color: #1B2B65;
    color: #FFFFFF;
    font-size: 15px;
    height: 40px;
    margin-top: 7px;
}
#menu_web ul{
	display:inline;
	list-style:none;
	margin:0;
	padding:0;
	z-index:100;
	visibility:visible;
}

#menu_web li{
	position:relative;
	background-color: #1B2B65;
	margin-bottom:0;
	float:left;
	list-style-image:none;
}
#menu_web li.boton_on{
	background-color: #30ADE1;
	float:left;/* IE6-9 fallback on horizontal gradient */
} 
#menu_web ul li{
	display:block;	
}
#menu_web ul li a{
	font-size:18px;
	font-weight:normal;
	display:block;
	color:#FFF; 
	text-decoration:none;
	background:none;
	-webkit-transition:all 0.1s ease-out;  /* Chrome y Safari */
	-o-transition:all 0.1s ease-out;  /* Opera */
	-moz-transition:all 0.1s ease-out;  /* Mozilla Firefox */
	-ms-transition:all 0.1s ease-out;   /* Internet Explorer */
	transition:all 0.1s ease-out;  /* W3C */
	height: 32px;
    padding: 8px 21px 0;
}
#menu_web li:hover{
	cursor:pointer;
	/*z-index:100;*/
}
#menu_web ul li:hover a{
	color:#30ADE1;
	/*background:none;*/
	/*background:url(../img/sepmenu_16.jpg) no-repeat right top #ccc;*/
}
#menu_web ul li:hover ul li a{
	/*background:url(../img/fondos/fondo_separacion_menu.jpg) repeat-y right top #ccc;	*/
}
#menu_web li.boton_on:hover a{
	color:#FFF;
}

/*AGREGAR NIVELES*/
#menu_web ul ul{
	position:absolute;
	z-index:50000000000000000000000;
	display:none;
	background-color:#FFF;
}
#menu_web ul ul li{
	float:none;
	background:none;
}
#menu_web ul ul li a{
	border-top:#e6f0f8 1px solid;
	width:192px;
	height:auto;
	float:none;
	margin:0;
	display:block;
	font-size:12px;
	padding-bottom:7px;
	background:none;
}
#menu_web ul li:hover ul li:hover a{
	background:#fff;
}

#menu_web ul ul ul{
	display:none;
	top:0;
	left:100%;
	margin:0;
	padding-left:3px;
	background-color:#FFF;
}

#menu_web ul ul ul li{
	display:block;
	height:auto;
	background:none;
	background-color:#e6edf3;
}

#menu_web ul ul ul li  a{
	background:none;
}


#menu_web li:hover ul ul,
#menu_web li li:hover ul ul,
#menu_web li li li:hover ul ul,
#menu_web li li li li:hover ul ul{
	display:none;
}

#menu_web li:hover ul,
#menu_web li.boton_on:hover ul,
#menu_web li li:hover ul,
#menu_web li li li:hover ul,
#menu_web li li li li:hover ul{
	display:inline;	
	visibility:visible;
}
/******************************** FIN MENU ***********************************************/



/******************************** CUERPO WEB     ***********************************************/
#cuerpo_web{
	min-height:270px;
}



.boton a,
.boton_input{
	display:inline-block;
	text-align:center;
	color:#FFF;
	height: 53px;
    padding-left: 32px;
	text-decoration:none;
	background:url(../img/elementos_navegacion/boton_izq.png) no-repeat left bottom;
	cursor:pointer;
}

.boton_input input{
	background:none;
	border: 0 none;
	cursor:pointer;
	color:#FFF;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	font-size:18px;
	font-weight:normal;
}

.boton a span,
.boton_input span{
	display:block;
	float:left;
 	height: 48px;
    padding: 5px 24px 0 0;
	cursor:pointer;
	text-shadow:none;
	font-size:18px;
	font-weight:normal;
	background:url(../img/elementos_navegacion/boton_der.png) no-repeat right bottom;
}
.boton_input span{
	height: 44px;
    padding: 9px 24px 0 0;
}

.boton a:hover,
.boton_input:hover{
	background:url(../img/elementos_navegacion/boton_izq.png) no-repeat left top;
}
.boton a:hover span,
.boton_input:hover span{
	background:url(../img/elementos_navegacion/boton_der.png) no-repeat right top;
}

/*Botones del Paginador*/

#paginador input.input_boton{
    background-color: transparent;
    background-position: center center;
    background-repeat: no-repeat;
    border: medium none;
    cursor: pointer;
    height: 23px;
    vertical-align: middle;
    width: 27px;
}
#paginador input.input_boton_primero_on{
	background-image:url(../img/elementos_navegacion/paginador_primero_on.png);
}
#paginador input.input_boton_primero_off{
	background-image:url(../img/elementos_navegacion/paginador_primero_off.png);
	cursor: auto;
}

#paginador input.input_boton_anterior_on{
	background-image:url(../img/elementos_navegacion/paginador_anterior_on.png);
}
#paginador input.input_boton_anterior_off{
	background-image:url(../img/elementos_navegacion/paginador_anterior_off.png);
	cursor: auto;
}
#paginador input.input_boton_siguiente_on{
	background-image:url(../img/elementos_navegacion/paginador_siguiente_on.png);
}
#paginador input.input_boton_siguiente_off{
	background-image:url(../img/elementos_navegacion/paginador_siguiente_off.png);
	cursor: auto;
}
#paginador input.input_boton_ultimo_on{
	background-image:url(../img/elementos_navegacion/paginador_ultimo_on.png);
}
#paginador input.input_boton_ultimo_off{
	background-image:url(../img/elementos_navegacion/paginador_ultimo_off.png);
	cursor: auto;
}

	


/******************************** FIN CUERPO WEB ***********************************************/





/******************************** PIE *********************************************************/

#pie_web {
    background-image: url("../img/fondos/fondo_pie.png");
	background-repeat:repeat-x;
    height: 396px;
    position: relative;
}
#menu_inf{
	color:#000;
	font-size:13px;
	text-align:left;
}
#menu_inf ul li{ 
	clear:both; 
	float:inherit;
}
#menu_inf a{
	color:#000;
	padding-bottom:10px;
}

#menu_inf a:hover{
	color:#000;
}

#menu_inf .boton_off, 
#menu_inf .boton_off a, 
#menu_inf .boton_1, 
#menu_inf .boton_2, 
#menu_inf .boton_3{
	display:block;
}
/******************************** FIN PIE ***********************************************/

#banderas{
	height:25px;
	margin-right:20px;
}
#iconos_rrss{
	height:25px;
}


.titulo{
	width:100%;
	text-align:center;
}

.linea_izq {
    border-bottom: 1px solid #1B2B65;
    border-top: medium none;
    height: 5px;
    margin-top: 7px;
	margin-right: 5px;
    width: 280px;
}

.linea_der {
    border-bottom: 1px solid #1B2B65;
    border-top: medium none;
    height: 5px;
    margin-top: 7px;
	margin-left: 5px;
    
}
.l_280{width:280px;}
.l_33{width:33px;}
.l_111{width:111px;}
.l_149{width:149px;}

.cuadrados {
    background-image: url("../img/varios/logo_titulo.png");
    height: 20px;
    width: 60px;
}


.separacion{
	margin-right:100px;
}
.ulok{
	margin-left:27px;
}
.ulok li{
	list-style-image:url(../img/varios/ok.png);
}
.sombra{
	background-image:url(../img/fondos/sombra.png);
	background-repeat:repeat-x; 
	height:18px; 
	margin-bottom:-1px;
}
.sombra_oscura{
	background-image:url(../img/fondos/sombra_oscura.png);
	background-repeat:repeat-x; 
	height:10px; 
	margin-bottom:-7px;
}

.sombra_titulo{
	background-image:url(../img/varios/sombra_titulo.png);
	background-repeat:no-repeat;
	background-position:center;
	height:18px; 
	margin-bottom:15px;
}

.h_1{
	text-align:center;
	font-size:30px;
	margin-top:30px;
}

#logo{
	float:left;
}

#paginador{
	text-align:center;
}