/* ESTRUCTURA 
	Este solo maneja la estructura, imagenes, colores y tipo de letra se van a manejar en otro, de esta manera
	se nos va a facilitar la manera de trabajo
*/
* { margin: 0; padding: 0; outline: 0 }
/* DIV PRINCIPAL DE PAGINA QUE VA A CONTENER EL HEADER, FOOTER ETC, DEFINE EL ANCHO DE LA PAGINA*/
#wrapper { 
	width: 1000px;
	margin: 0 auto;
	text-align: center;
}

/************************************************** HEADER ****************************************************/
/* CABECERA PRINCIPAL DE LA PAGINA DONDE SE RECOMIENDA FIJAR EL ANCHO DEL HEADER=ANCHO DE PAGINA
	Podemos manejar una imagen en el background
*/

#top {
height:22px;
}

#header {
	/*width: 1000px;
	position: relative;
	padding: 0;*/
	width: 100%;
	padding: 0;
	height: 95px;
	position:relative;
}
/*ESTE ESTILO EN PARTICULAR SE APLICA A LA IMAGEN EN EL LINK, */
#header h1#logo-text a {
	position: absolute;
	margin: 0; padding: 0;
	letter-spacing: -2px;
	text-transform: none;
	text-decoration: none;
	background: transparent;
	top: 25px; left: 47px;	
}
#header p#slogan {
	position: absolute;
	margin: 0; padding: 0;
	text-transform: none;
	top: 70px; left: 55px;		
}
#header #toplinks {
	position: absolute;
	right: 30px;	
	font-size: 10px;	
}
/************************************************** MENU  ****************************************************/
#menu {
	clear: both;	
	margin: 0 auto; padding: 0;
	height: 23px;
	width: 100%;
}
#menu ul {
	float: left;
	list-style: none;
	margin:0; padding: 0;
}
#menu ul li {
	display: inline;
}
#menu ul li a {
	display: block;
	float: left;
	padding: 0 3px;	
	text-decoration: none;
}
#menu ul li.multimo a {
	padding-right:15px;	
}
/************************************************ BARRA DERECHA O 2 -------------------------------------------------------------*/

#barra2 {
	float: right;
	width: 26.5%;
	padding: 0; margin: 0;	
}	
#barra2 h3 {
	margin-top: 10px;
	padding: 5px 5px; 
}
#barra2 ul.b2menu {
	list-style: none;
	text-align: left;
	margin: 7px 4px 8px 0; padding: 0;
	text-decoration: none;
}

#barra2 ul.b2menu li {
	list-style: none;
	padding: 4px 0 4px 5px;
	margin: 0 2px;	
}
.SeccMenu{border:solid 1px #FFFFFF;margin:3px;}
.SeccMenu p{text-align:left; color:#FFFFFF;}

.SeccMenu p a{
	margin-left:5px;
	color:#FFFFFF;	
	text-decoration: none;
	border-left:solid 5px #FAAD13;
}
.SeccMenu p a:hover{
	color:#B35E11;
	text-align:left;
	text-transform:uppercase;
	margin-left:18px; 
	padding-left:5px;
	text-decoration: none;
	background-color:#FFFFFF;
	border-left:solid 5px #FAAD13;
}
.SeccMenu h3{
font:bold 12px Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
}
/********************************** DIV PRINCIPAL ***************************************************************/
#content-wrap {
	clear: both;
	width: 1000px;
	padding: 0; 
	/*margin: 10px auto;*/
}

#content-page {
	width: 100%;
	padding: 0;
	/*margin: 10px auto;*/
	/*background: #FFFFFF url(../images/bkcontent.gif) repeat-y center top;*/
}

#principal{
	float: left;
	width: 70%;
	padding: 0; margin: 5px 0 0 5px;
	display: inline;
}

#principal h2 {
	margin-top: 10px;
	padding: 5px 0 5px 25px; 	
	text-transform: none;
}

#principal h2 a{
	background: none;
	text-decoration: none;
}



/*********************************** FOOTER ********************************************************************/



#footer  {
	clear: both;
	width: 100%;
}
/***************************** VARIOS ********************************/
.justificado{
	text-align:justify;
}

.izquierda{
	text-align: left;
}

.margen_medio{
	margin:5px;
}

/************************************* cc3sub ************************************************************/

#notasrapidascontent{
	height:60px;
	color:#003366;
	
}

.cc3sub{
/*margin-top:10px;*/
}
.cc3sub_img{ border:none; height:132px;
}
.cc3sub #MiniTopD{ 
	width:191px;
	height:25px;
	color:#FFF;	
	font: bolder 12px/25px Verdana, Arial, Helvetica, sans-serif;
	background: url(../images/Op.gif) no-repeat right top;
	/*margin-right:29px;*/
}
.cc3sub #MiniTopI{ 
	height:25px;
	color:#FFF;	
	font: bolder 12px/25px Verdana, Arial, Helvetica, sans-serif;
	background: url(../images/Op.gif) no-repeat right top;
	/*margin-right:29px;*/
}

.TituloTabla{ 
	height:25px;
	color:#FFF;	
	font: bolder 12px/25px Verdana, Arial, Helvetica, sans-serif;
	background: url(../images/Op.gif) repeat-x right top;
	text-align:center;
}
.ContenidoTabla td{ 
	height:25px;
	color:#333333;
	font: bolder 10px Verdana, Arial, Helvetica, sans-serif;
	background-color:#8DB1ED;
	border: 2px solid #cccccc;
	padding:5px;
	text-align:center;
}
.ContenidoTabla td a, .ContenidoTabla td a:hover{
 	font: bolder 10px Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	
	color:#003366;
}
.ContenidoTabla td a:hover{
	text-decoration:underline;
}



.cc3sub #topIzq{
	width:191px;
	height:25px;
	color:#FFF;	
	font-weight: bold;
	font: bolder 14px/32px Verdana, Arial, Helvetica, sans-serif;
	background: url(../images/OpLeftTop.gif) no-repeat left top;
	/*margin-left:10px;*/
}
.cc3sub #topDer{
	width:191px;
	height:37px;
	color:#FFF;	
	font-weight: bold;
	font: bolder 14px/32px Verdana, Arial, Helvetica, sans-serif;
	background: url(../images/OpLeftTop.gif) no-repeat right top;
	/*margin-right:29px;*/
}
.cc3sub #barra{
	color:#FFF;		
	font-weight: bold;
	font-size:12px;
	background: #8DB1ED url(../images/OpBarra.gif) repeat-y right top;
}


.cc3sub #barra p{

	color:#FFF;		
	font-weight: bold;
	background: #8DB1ED url(../images/OpBarra.gif) repeat-y right top;
	border:1px solid #fff;
} 

.cc3sub #barra p a{
color:#FFFFFF;
font: bolder 12px/23px Verdana, Arial, Helvetica, sans-serif;
border-left: solid 7px #006699;
padding-left:5px;
}

.cc3sub #barra p.subProd a{
color:#EEEEEE;
font: bolder 10px/15px Verdana, Arial, Helvetica, sans-serif;
border-left: solid 7px #496981;
margin-left:5px;

}

.cc3sub #barra p a:hover,.cc3sub #barra p.subProd a:hover{
	color:#006699;
	text-decoration:none;
	margin-left:10px;
	text-transform:uppercase;
}


.cc3sub #barra.izq p {
	text-align:left;
	padding-left:5px;
}
.cc3sub #barra.der p {
	text-align:left;
	padding-left:25px;

}


.cc3sub_contentIzq{
	min-height:28px;
	color:#FFF;		
	font-size:12px;
	font: bolder 10px Verdana, Arial, Helvetica, sans-serif;
	background: #8DB1ED url(../images/OpBarra.gif) repeat-y right top;
	border:1px solid #fff;
	text-align:left;
	/*margin-left:30px;*/
}

.cc3sub_contentDer{
	min-height:28px;
	color:#FFF;		
	font-size:12px;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	background: #8DB1ED url(../images/OpBarra.gif) repeat-y right top;
	border:1px solid #fff;
	text-align:left;
	/*margin-right:30px;*/
}
.cc3sub_contentDer a{
color:#003366;
}
.cc3sub_contentDer a:hover{
color:#FF6600;
}

.mini{
	color:#000000;	
	font-weight:lighter;
	font-size:9px;
	font-family:Arial,Verdana;

}

.cc3sub_content ul{
	list-style-type: none;
	padding: 0em;
	margin: 0em;
}

.cc3sub_content li{
	/*
	background-image: url(/images/new_info.gif);
	background-repeat: no-repeat;
	background-position: 0em .4em;*/
	list-style-type:none;
	padding-left: 0em;
	line-height: 14px;
	border-bottom:#cccccc 1px dotted;
}