@charset "UTF-8";
/* CSS Document */
body {
	background: #2a102e url(../images/bg.jpg) no-repeat fixed center;
	margin-top: 0px;
	font-family: Helvetica, Arial, Verdana, Tahoma, Geneva, sans-serif;
	color: #000000;
	font-size: 18px;
}
h1 {
	color: #951A32;
	font-size: 16px;
	margin: 0;
}
h2 {
	color: #39B54A;
	font-size: 16px;
	margin: 0 0 16px 0;
	font-style: italic;
}
h2 span {
	color: #000;
	font-size: 12px;
	margin: 0;
	font-weight: normal;
	font-style: normal;
}
h3 {
	color: #F47920;
	margin: 0;
}
h4 {
	color: #999;
	font-size: 14px;
}
h5 {
	color: #B44B15;
	font-size: 16px;
	margin: 0;
}
h6 {
	color: #F47920;
	font-size: 14px;
	margin: 0 0 -14px 0;
	font-style: italic;
	font-weight: normal;
}
sup, sub { line-height:0;}
.cleaner { clear: both; width: 100%; height: 0px; font-size: 0px;  }
/*------------------GENERALES-----------------*/
img{ border:none;}

a:link, a:hover, a:visited, a:active, a:focus { text-decoration:none; outline:none; }

/*------------------PRINCIPAL-----------------*/
#container_principal{
	width:960px;
	border: none;
	margin: 0px auto 0px;
	background:#FFF;
	-webkit-box-shadow: 10px 10px 20px 0px #18061c;
	-moz-box-shadow: 10px 10px 20px 0px #18061c;
	box-shadow: 10px 10px 20px 0px #18061c;
	position:relative;
	
}


#general{ 
	font-size:0.7em;
	line-height:1.7em;
	margin-top:0px;
	overflow:hidden;
	}

/*------------------ENCABEZADO-----------------*/

#encabezado{
	height:50px;
	top:30px; left:15px; right:15px;
	background-color:#fff;
	color:#808080;
	font-size:9px;
	display:inline;
	position:relative; z-index:0;
}

#encabezado #logo{
	float:left;
	width:250px;
	position:absolute; z-index:3;
} 


#encabezado #submenu{
	float:right;
	position:absolute;
	margin-left:395px; z-index:4;
	vertical-align:middle;
	margin-top:-10px;
	width:540px;
	
}
#table-submenu {
	height:40px;
	
	
}
#table-submenu td.item{
	vertical-align:middle;
	background:url(../images/bg-submenu.jpg) repeat-x;
	text-align:center;
}
#table-submenu a{ text-decoration:none; color:#FFF; font-size:11px;}
#table-submenu a:hover{ text-decoration: none; color:#96032F;}
#table-submenu .selecte{text-decoration: none; color:#96032F;}


#table-submenu td.linea{
	vertical-align:middle;
	border-left:#96032F 1px solid;
	width:1px;
}
.submenu_color{ 
color:#8E002E;
font-weight:bold;
font-size:16px;
} 

/* titulos */

.titulos_rojo{ color:#8E002E;} 

.titulos_blanco{ color:white;} 

.submenu_verde{ 
color:green;
font-weight:bold;
font-size:16px;
} 

.submenu_naranja{ 
color:#E23705;
font-weight:bold;
font-size:16px;
} 
/*------------------MENU-----------------*/




#menu_arriba{ position:absolute; z-index:1000; margin:85px 15px 0px; width:930px; height:50px; background: url(../images/bg-menu.jpg);} 

#menu_principal {
	position: relative;
	
}
/*----------------BANNERS-------------------*/

#banner-negro-h450{
	position: relative;
	z-index: 100;
	width: 960px;
	height: 450px;
	margin-top: 135px;
	background: #000;
}
	
#banner-negro-h311{
	position: relative;
	z-index: 100;
	width: 960px;
	height: 311px;
	margin-top: 135px;
	background: #000;
}
	
#banner-negro-h350{
	position: relative;
	z-index: 100;
	width: 960px;
	height: 350px;
	margin-top: 135px;
	background: #000;
}
	
#banner-negro-h380{
	position: relative;
	z-index: 100;
	width: 960px;
	height: 380px;
	margin-top: 135px;
	background: #000;
}
	
	
#banner-home{
	position:absolute;
	width:10px;
	height:10px;
	
	background: url(../images/bg-banner-01.png); 
	transition:width height 2s;
	-moz-transition:width 2s; /* Firefox 4 */
	-webkit-transition:width 2s; /* Safari and Chrome */
	-o-transition:width 2s; /* Opera */
	overflow:hidden;}
	
	
	/* las otras pantallas*/
	
	#banner-CF{
	position:absolute;
	width:10px;
	height:10px;
	
	background: url(../images/bg-banner-02.png); 
	transition:width height 2s;
	-moz-transition:width 2s; /* Firefox 4 */
	-webkit-transition:width 2s; /* Safari and Chrome */
	-o-transition:width 2s; /* Opera */
	overflow:hidden;}
	
		#banner-PC{
	position:absolute;
	width:10px;
	height:10px;
	
	background: url(../images/bg-banner-03.png); 
	transition:width height 2s;
	-moz-transition:width 2s; /* Firefox 4 */
	-webkit-transition:width 2s; /* Safari and Chrome */
	-o-transition:width 2s; /* Opera */
	overflow:hidden;}
	
		#banner-CG{
	position:absolute;
	width:10px;
	height:10px;
	
	background: url(../images/bg-banner-04.png); 
	transition:width height 2s;
	-moz-transition:width 2s; /* Firefox 4 */
	-webkit-transition:width 2s; /* Safari and Chrome */
	-o-transition:width 2s; /* Opera */
	overflow:hidden;}
	
		#banner-CEO{
	position:absolute;
	width:10px;
	height:10px;
	
	background: url(../images/bg-banner-05.png); 
	transition:width height 2s;
	-moz-transition:width 2s; /* Firefox 4 */
	-webkit-transition:width 2s; /* Safari and Chrome */
	-o-transition:width 2s; /* Opera */
	overflow:hidden;}
	
#banner-06{
	position:absolute;
	width:960px;
	height:10px;
	
	background:url(../images/bannerKOF1.jpg); 
	transition:height 2s;
	-moz-transition:height 2s; /* Firefox 4 */
	-webkit-transition:height 2s; /* Safari and Chrome */
	-o-transition:height 2s; /* Opera */
	overflow:hidden;}

#banner-07{
	position:absolute;
	width:960px;
	height:10px;
	
	background:url(../images/bannerKOF2.jpg); 
	transition:height 2s;
	-moz-transition:height 2s; /* Firefox 4 */
	-webkit-transition:height 2s; /* Safari and Chrome */
	-o-transition:height 2s; /* Opera */
	overflow:hidden;}

#banner-08{
	position:absolute;
	width:960px;
	height:10px;
	
	background:url(../images/bannerKOF.jpg); 
	transition:height 2s;
	-moz-transition:height 2s; /* Firefox 4 */
	-webkit-transition:height 2s; /* Safari and Chrome */
	-o-transition:height 2s; /* Opera */
	overflow:hidden;}
	
#banner-09{
	position:absolute;
	width:960px;
	height:10px;
	
	background:url(../images/bannerOXXO1.jpg); 
	transition:height 2s;
	-moz-transition:height 2s; /* Firefox 4 */
	-webkit-transition:height 2s; /* Safari and Chrome */
	-o-transition:height 2s; /* Opera */
	overflow:hidden;}
	
#banner-10{
	position:absolute;
	width:960px;
	height:10px;
	
	background:url(../images/bannerOXXO2.jpg); 
	transition:height 2s;
	-moz-transition:height 2s; /* Firefox 4 */
	-webkit-transition:height 2s; /* Safari and Chrome */
	-o-transition:height 2s; /* Opera */
	overflow:hidden;}
	
#banner-11{
	position:absolute;
	width:960px;
	height:10px;
	
	background:url(../images/bannerOXXO.jpg); 
	transition:height 2s;
	-moz-transition:height 2s; /* Firefox 4 */
	-webkit-transition:height 2s; /* Safari and Chrome */
	-o-transition:height 2s; /* Opera */
	overflow:hidden;}
	
#banner-12{
	position:absolute;
	width:960px;
	height:10px;
	
	background: url(../images/bg-banner-12.jpg); 
	transition:height 2s;
	-moz-transition:height 2s; /* Firefox 4 */
	-webkit-transition:height 2s; /* Safari and Chrome */
	-o-transition:height 2s; /* Opera */
	overflow:hidden;}
	
#banner-13{
	position:absolute;
	width:960px;
	height:10px;
	
	background: url(../images/bg-banner-13.png); 
	transition:height 2s;
	-moz-transition:height 2s; /* Firefox 4 */
	-webkit-transition:height 2s; /* Safari and Chrome */
	-o-transition:height 2s; /* Opera */
	overflow:hidden;}
	
	
/*----------------CONTENIDO-------------------*/

#contenido{
	position: relative;
	z-index: 100;
	width: 960px;
	margin: 20px;
	text-align: left;
}

#contenido-sin-banner{
	position: relative;
	z-index: 100;
	width: 920px;
	margin: 143px 0 20px 18px;
	text-align: left;
	
	
	}
	
#contenido-sin-banner-naranja{
	position: relative;
	z-index: 100;
	width: 960px;
	margin: 133px 20px 20px 20px;
	text-align: left;
	
	
	}
	

	
/*----------------Pie-------------------*/

#pie{
	background:#FFF;
	font-size:11px;
	line-height:180%;
	color:#000;
	margin:15px;
	padding:15px 0px;
	border-top:1px solid #96032F;
	top: 50%;
	
	
	}
#pie a{ text-decoration:none; color:#000;}
#pie a:hover{ text-decoration: none; color:#96032F;}
#pie .selecte{text-decoration: none; color:#96032F;}

/*Columnas de contenido*/

.negro {
	
	color:black;
}

.negroch {
	
	color:black;
	font-size:9px;
}

.verde {
	
	color:green;
}

.naranja {
	
	color:#E23705;
}
.col_derecha {
	float: left;
	width: 500px;
	color:black;
	text-align:left; 
}

#pipe{height:30px; width:1px; border-left:#FFF 1px solid;}
#tabla_highlights tr th {
	line-height:14px;
	border-bottom:#FFC10E solid 2px;
	padding-bottom:6px;
	text-align:right;
	font-size:11px;
	vertical-align:bottom;
}
#tabla_highlights tr td {
	line-height:30px;
	border-bottom:#FFF solid 1px;
	text-align:right;
	font-size:11px;
}
#tabla_highlights tr .izq {
	text-align:left;
	color:#000;
}
#tabla_highlights tr:hover td {
	background-color: #971B33;
	color: #FFF;
}
.menu_descargas {
	float: left;
	width: 300px;
}
.menu_descargas ul {
	margin:0;
	padding:0;
	list-style:none;
}
.menu_descargas ul li a {
	color: #98002E;
	margin-bottom: 0px;
	background: url(../images/down.png) no-repeat;
	padding-left: 60px;
	display: block;
	height: 60px;
	text-decoration: none;
	line-height: 42px;
	width: 300px;
	font-size: 16px;
}
.menu_descargas ul li a:hover {
	color:#000;
}
.menu_lateral {
	float:left;
	margin-right:20px;
}
.menu_lateral ul {
	list-style:none;
	margin:0;
	padding:0;
}
.menu_lateral ul li a {
	background:url(../images/bg_menu_lateral.png) repeat-x;
	color: #666;
	display: block;
	height: 38px;
	line-height:34px;
	border-top: #fff solid 2px;
	padding:0 10px 0 10px;
}
.menu_lateral ul li a:hover, .menu_lateral ul li .selected {
	border-top: #961A32 solid 2px;
	color: #000;
}
.menu_lateral ul li ul li {

}
.menu_lateral ul li ul li a {
	background: none;
	line-height: 20px;
	padding: 4px 0 4px 20px;
	height: 44px;
	border: none;
}
.menu_lateral ul li ul li a:hover, .menu_lateral ul li ul li .selected {
	border:none;
}
.menu_lateral ul li .estados {
	background:url(../images/bg_menu_lateral_02.png) repeat-x;
	height:420px;
}
.tipo10 {	font-size:10px;
}
.titulo-principal {	color: #FFC20E;
	font-size:20px;
	font-weight:bold;
}

---  estilos de araceli 

.titulo-principal{
	color: #FFC20E;
	font-size:20px;
	font-weight:bold;
	}
.titulo-nota{
	color:#F47920;
	font-size:16px;
	font-weight:bold;
	
	}
.num-nota{
	padding:5px;
	background:#F47920;
	color: #FFF;}
.subtitulo{
	color:#B44B15;
	font-size:12px;
	}
.color_texto{
	color:#F47920;
	font-size:12px;
	}

#tabla_notas tr th {
	border-bottom: solid 2px #B44B15;
	color: #F47920;
	font-size: 8px;
	line-height: 10px;
}
#tabla_notas tr td {
	text-align: right;
	font-size: 11px;
	line-height: 16px;
	
}
#tabla_notas tr:hover th, #tabla_notas tr:hover td, #tabla_notas tr.selected th, #tabla_notas tr.selected td  {
	
	background-color: #E1E0D6;
}


#tabla_notas tr .izq {
	text-align:left;
}
#tabla_notas tr .izq_bold {
	text-align:left;
	font-weight:bold;
}
#tabla_notas tr .bold {
	font-weight:bold;
}
#tabla_notas tr .izq_tab_01 {
	text-align:left;
	padding-left:10px;
}
#tabla_notas tr .izq_tab_02 {
	text-align:left;
	padding-left:20px;
}
#tabla_notas tr .red {
	color: #F47920;
	font-weight: normal;
	font-size: 10px;
}
#tabla_notas .linea td {
	border-bottom:solid 1px #B44B15;
}
#tabla_notas .linea2 td {
	border-bottom:solid 3px #B44B15;
}
#tabla_notas tr .centrar_linea {
	text-align:center;
	border-bottom:solid 2px #B44B15;
}
#tabla_notas .centrar {
	text-align:center;
}
#tabla_notas .txt {
	color:#F47920;
}
#tabla_notas h3 span {
	color:#F00;
}
.vinetas {
	padding-left:15px;
}
.vinetas li {
	margin-bottom:10px;
}
.tipo10 {
	font-size:10px;
}

	
.tabla_rebasada {
	width: 700px;
	overflow: auto;
	padding-bottom: 20px;
}