/* INDICE*/
/* DISTANCIA DEL ENLACE AL GIF DEL MENÚ L-67 */
/* MARGEN DEL MENU-C1 AL BORDE DE PAGINA L-31 */
/* ANCHURA DEL MENU-C1 L-38*/	
/* MARGEN DEL C2 AL BORDE DE PAGINA o AL C1 L-31 */
/*  La anchura del menu C1 Y marca inicio de C2  L-27 */

body {
/* COLOR DE FONDO */
background: #000 url(img/bg.gif) repeat-x;	
/* TIPIOGRAF?A */
	font-family: arial;
	color:#444;
	font-size: 8.7pt;
	line-height: 1.5em;
	margin: 0em;
	padding: 0em;
}

/* COLORES font: 8pt arial; */
.img a {border: 0px;}
a {text-decoration:underline;}
a:hover {text-decoration:underline;}

/*#######################################################################################################*/
/*####################          ######    ###############################################################*/
/*###################           ######    ###############################################################*/
/*#################   ##################  ###############################################################*/
/*#################   ##################  ###############################################################*/
/*#################   ##################  ###############################################################*/
/*#################   ##################  ###############################################################*/
/*#################   ##################  ###############################################################*/
/*#################   ##################  ###############################################################*/
/*##################            ########  ###############################################################*/
/*###################           ########  ###############################################################*/
/*#######################################################################################################*/

#C1{ 
/*  La anchura de C1 Y marca inicio de C2   */
	width: 300px; 
	position: relative;
	float: left;
/* MARGEN DE C1 a CABECERA  */
	padding-top: 0px;
	

	
	}
/* MARGEN DEL MENU-C1 AL BORDE DE PAGINA */
#C1_inner{

/* MARGEN DEL MENU-C1 AL BORDE DE PAGINA */
	margin-right: 0px;
/* ANCHURA DEL MENU-C1 */	
	width: 100%; 
	padding: 0px;
	background-color: none;	

}
#C1_nom_lista{
	color: #222;
	height: 56px;
	padding: 0px px 0px 0px;


}	

/*LISTAS C1*/
#C1_inner ul{ 
	
	
	border-top: 1px solid #ccc;
	display: block;
	margin: 0;
	padding: 0;
	text-indent: 0em;
	list-style-type: none;
	list-style-position: outside;
	line-height: 2.5em;

	color: #222;
}


#C1_inner ul a { 
	margin-left: 1em;
	color: #444; 
	font-weight: bold;
	background-color: #fff;	
	background: url(img/off.gif) no-repeat;	
/* DISTANCIA DEL ENLACE AL GIF*/
	padding: 0.5em 0 0.5em 2em;}

#C1_inner ul a:hover  { 
	color: #888;
	/*background-image: url("img/off.gif") no-repeat;*/
	text-decoration: none;
	background-color: #222;	
}

#C1_inner li{ 
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	padding: 0em;
	
	}

#C1_menu_coment { 
	color: #666;
	background-color: #fff;
	margin-left: 2em;
	margin-bottom: 1em;
	line-height: 1.5em;
	padding: 0em;
	display: none;
	}


/*
solo con IE
#inner_cont1 ul a:active {color: #fff; }
Enlaces visitados
#inner_cont1 ul a:visited {color: #cccccc; }*/
/* texto (sin ser enlace) C1 */



/*#######################################################################################################*/
/*####################          #######         #########################################################*/
/*###################           ######   #####   ########################################################*/
/*#################   ################   #####   ########################################################*/
/*#################   #######################   #########################################################*/
/*#################   ######################   ##########################################################*/
/*#################   #####################   ###########################################################*/
/*#################   ####################   ############################################################*/
/*#################   ###################   #############################################################*/
/*##################            ########          #######################################################*/
/*###################           #######           #######################################################*/
/*#######################################################################################################*/


#C2{ 
/* MARGEN DE C2  */
	width: 630px;
	position: relative;
	float: left;
	clear:right;
/* MARGEN DE C2 a CABECERA  */
	background-color: #fff;
	padding-bottom: 30px;
	padding-top: 0px;


	}
#C2_inner{
	color: #555;

	border-right: 0px solid #efefef;	
	border-left: 0px solid #efefef;
	border-top: 0px solid #efefef;
	border-bottom: 0px solid #efefef;
	}
#C2_txt {  padding: 0px; text-align:justify; width: 630px; }
#C2_txt p{ padding: 0px;  width: 630px;font-size: 16px; }
#C2_txt p img {  margin-right: 20px;  margin-bottom: 10px;float:left;}
#C2_inner a{ background: #E7F1FC; color: #265D9B; padding-left: 5px; padding-right: 5px;}
#C2_inner a:hover{ text-decoration: none;}


	
#C2_inner h1{ font-size: 19px ; line-height: 1em; font-family: sans-serif ; display: none;}
#C2_inner h2{ font-size: 12px ; font-weight: bold; line-height: 0em; display: none;  }
#C2_inner p{ font-size: 13px; line-height: 1.5em;  }

/*#######################################################################################################*/
/*####################          #######         #########################################################*/
/*###################           ######   #####   ########################################################*/
/*#################   ################   #####   ########################################################*/
/*#################   #######################   #########################################################*/
/*#################   ######################   ##########################################################*/
/*#################   #######################    ########################################################*/
/*#################   ########################    #######################################################*/
/*#################   ################   #####    #######################################################*/
/*##################            ######    ###    ########################################################*/
/*###################           #######        ##########################################################*/
/*#######################################################################################################*/




#sit{ 
	position:absolute; top:0%; left:45%; bottom:35%; 
  	margin-left:-38em; 
	margin-top:0px; }
#cabeza{ 
	height: 365px;
	width: 980px; 
	background-color: #ffffff;
	margin: 0px;
	padding: 0px;
	}
	
#cabeza table { 
height: 365px;
	width: 980px; 
	background-color: #ccc;

	margin-top: 0px;
	padding-bottom: 10px;
	}
	

	

#pie{
	
	background-image: url("Images/pie.gif");
    
    background-color: #000;
	
	width: 980px; 
	height: 50px;
	float: left;
	}



#inner_pie{
	margin-left: 10px;
	width: 650px;
	padding:0em;
	float: left;
	}
	
#pie_cont{

	padding: 1em 2em 1em 1em;

	margin: 0em;
	color: #ccc;
	}

#pagina{
	position:absolute;
	width: 980px; 
	padding: 0em;
	margin:0em;
}

#contenido{ 
	
	position: relative;
	float: left;
	width: 100%;
	height: 100%;
	background: url("Images/bg_main.gif");
	background-repeat: repeat-y;
	background-color: #fff;
	}
	
#separador{
 
	background-color:#fff;
	padding: 0px;
	margin:0px;
	height: 40px;
	font-size: 11px;
	font-weight: bold;
	color: #555;
	}
	
	
#separador a{
 color: #555; text-decoration:none;
	}
	
#separador a:hover{
 color: #555; background-color:#ccc;
	}

#inner_separador{
	background-color:#F5F2F2;
	margin-left:10px;
	margin-right:10px;
	line-height: 30px;
	padding-left:10px;
	
	
 }



/*#####    MENU HORIZONTAL   ##########################################################################*/



#nav{
	
	background: url("img/bg_nav.gif");
	width: 980px; 
	position: relative;
	float: left;
	padding: 0px;
	margin: 0;
	line-height: 26px;

	}
#inner_nav{
	padding: 0px;
	margin: 0;}

#nav #inner_nav, #nav inner_nav a.btn { 
	font-family: sans-serif, Verdana, Arial; 
	background-color: #000;
	color: white; } 

#nav #inner_nav a.btn { 
	border-right: 1px solid #ccc;
	border-bottom: 0px solid #000;
 

	color: #666; 
	text-decoration: none; 
	padding: 5px 35px 5px 25px;} 
#nav #inner_nav ul li a.btn:hover { 
	border-bottom: 0px solid #fff;
	background: url(img/rollx.gif) no-repeat;	 
	background-color: #efefef;
	color: #222; } 
	
#nav #inner_nav ul li a.btn:active { 

 } 	
#inner_nav ul {
	
/* NECESARIO */
	margin: 0;
	padding-left: 275px;
	list-style-type: none;}
#inner_nav  ul li {
/* NECESARIO PARA JUNTAR BIEN LOS LI*/
	float: left;
	display: inline;}












#Tabla_01 {
	position:absolute;
	left:0px;
	top:0px;
	width:980px;
	height:365px;
}

#void-top_ {
	position:absolute;
	left:0px;
	top:0px;
	width:980px;
	height:26px;
}

#nav-prin_ {
	position:absolute;
	left:0px;
	top:26px;
	width:267px;
	height:52px;
}

#ITEM-1_ {
	position:absolute;
	left:267px;
	top:26px;
	width:136px;
	height:52px;
}

#ITEM-2_ {
	position:absolute;
	left:403px;
	top:26px;
	width:112px;
	height:52px;
}

#ITEM-3_ {
	position:absolute;
	left:515px;
	top:26px;
	width:117px;
	height:52px;
}

#ITEM-4_ {
	position:absolute;
	left:632px;
	top:26px;
	width:127px;
	height:52px;
}

#void_ {
	position:absolute;
	left:759px;
	top:26px;
	width:221px;
	height:52px;
}

#imagen_ {
	position:absolute;
	left:0px;
	top:78px;
	width:980px;
	height:287px;
}


h3.toggler {
	cursor: pointer;
	border-bottom: 1px solid #ccc;
	/*background-image : url('img/bg_0.jpg'); */
	font-size: 13px;
	margin: 0 0 0px 0;
	padding: 8px 8px 8px;
	
}

div.element p, div.element h4 {
 
font-size: 13px;
	margin:10px;
	padding:0px;
	text-align: justify;
	

}

div.element p {color: #555;

	float: left;
	width:800px;
	}
	
div.element img	{	 float: right; margin: 5px 0px 8px 25px;} 
	


div.element h4 {
 
font-size: 13px;
	margin:10px;
	padding:0px;
	color: #333;
		

}



div.element{
/*background-image : url('img/bg.jpg'); */

padding:0 10px 0 10px;
}
#accordion {
	margin-left:10px;
	WIDTH: 860PX;
	
		
	/*background: #888; */
}


