/* CSS Document */

body{
	margin:0;
	padding:0;
	background-repeat: repeat-x;
	background-image: url(../images/img01.jpg);
}

/* contenedor GRAL */  
#contentodo
{
position: relative;
width: 950px;
background-color: #fff;
margin: 0 auto;
}

/* HEADER */  
#header
{
position: relative;
width: 950px;
height:77px;
background-image: url(../images/header.jpg);
margin-bottom: 0px;
}

/* MENU */  
#menu
{
position: relative;
background-image: url(../images/menubg.png); repeat-x top left;
height: 36px; /* para el tamaño del background */
padding: 0em 1.0em 0em 1.0em;
margin-bottom: 0px;
}
#menu ul /* para el centrado del menu */
{
position: absolute;
top: -10px;
}
#menu ul li /* para que lo haga en horizontal */
{
position: relative;
display: inline;
}
#menu ul li a /* font menu */
{
padding: 2px 8px 20px 75px;
color: #757779;
font-family: Verdana;
font-size: 12px;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-decoration: none;
}
#menu ul li a:hover
{
text-decoration: underline;
}



/* CONTENIDO HOME */ 

#container{
width:950px;
height:auto;
background: #FFFFFF repeat-x  bottom left;
margin:0px 0px 0px 0px;
padding:0px;
float:left;
}

.caja1{ /* donde va el flash */ 
background: #FFFFFF repeat-x  bottom left;
width:690px;
margin:0px;
height:auto;
margin:10px 0px 0px 10px;
float:left;}


#caja2   /* al lado del flash */ 
{
background-image: url(../images/banner2/caja2bg.jpg); repeat-x top left;
width:225px;
height:auto;
margin: 10px auto;
background-color: #fff;
color: #CCC;
margin: 10px 0 0 15px;
float: left;
}

#top /* titulitos */ 
{
background: #E4F5FD repeat-x  bottom left;
width:225px;
height:32px;
}

#top2 /* titulito modulo 3 */ 
{
background: #E4F5FD repeat-x  bottom left;
width:448px;
height:32px;
}

#top h1
{
font-family: Helvetica,Verdana, Arial, sans-serif;
color:#0D90BD;
font-size: 15px;
padding: 5px 0 0 15px;
margin: 0;
}

#top2 h2
{
font-family: Verdana;
color:#0D90BD;
font-size: 15px;
padding: 5px 0 0 15px;
margin: 0;
}


#leftnav /* fotitos */ 
{
float: left;
width: 225px;
margin: 0;
}

#contentB /* contenidin */ 
{
margin-left: 10px;
padding: 15px;
max-width: 220px;
}

#contenido{
	width:950px;
	height:auto;
	display:block;
	position:relative;
	margin:15px 0;
	border:1px solid blue;
}


.txt
{
font-size:11px;
color:#231F20;
text-align:center;
font-family: Verdana;
	
}

.txtbold
{
font-size:9px;
color:#231F20;
font-style: normal;
font-weight: bold;
font-variant: normal;
text-align:center;
font-family: Verdana;
	
}
.orange
{
font-family: Verdana;
font-size:20px;
font-style: normal;
font-weight: bold;
font-variant: normal;
color:#F47A20;
text-align:center;
font-family: Verdana;
	
}
.blu
{
font-family: Verdana;
font-size:13px;
font-style: normal;
font-weight: bold;
font-variant: normal;
color:#0D90BD;
text-align:center;
font-family: Verdana;
	
}

.orangeB
{
font-family: Verdana;
font-size:13px;
font-style: normal;
font-weight: bold;
font-variant: normal;
color:#F47A20;
text-align:center;
font-family: Verdana;
text-decoration: none;	
}

.bluB
{
font-family: Verdana;
font-size:20px;
font-style: normal;
font-weight: bold;
font-variant: normal;
color:#0D90BD;
text-align:center;
font-family: Verdana;
	
}




 /* MODuLOS ABAJO INDEX */ 
 
#caja3 
{
background-image: url(../images/modulo1/bg2.jpg); repeat-x top left;
width:224px;
height:auto;
margin: 10px auto;
background-color: #fff;
margin: 10px 0 0 15px;
float: left;
}
.foto /* fotitos */ 
{
float: left;
width: 224px;
margin: 0;
}

#contentC /* contenidin */ 
{
	margin-left: 10px;
	padding: 15px;
	max-width: 223px;
}

.informacion{
	font-family: Verdana;
	font-size:13px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color:#333;
	float:left;
}

#caja4 
{
background-image: url(../images/modulo3/bg.jpg); repeat-x top left;
width:448px;
height:auto;
margin: 10px auto;
background-color: #fff;
color: #CCC;
margin: 10px 0 0 15px;
float: left;
}
.foto /* fotitos */ 
{
float: left;
width: 224px;
margin: 0;
}


/* CONTENIDOS GENERALES */ 

#caja5 
{
background-image: url(../images/pnf2010/bg3.jpg); repeat-x top left;
width:950px;
height:auto;
margin: 10px auto;
background-color: #fff;
color: #CCC;
margin: 0px;
float: left;
}

#contentD /* info */ 
{
margin-left: 10px;
padding: 15px;
max-width: 900px;
}

#form /* fotito formato beneficios*/ 
{
float: center;
width: 386px;
margin: 0;
}

/*para Listas con bolita AZUL y tipo negra*/

.listos{
margin:0px;
padding:0px;
}

.listos ul{
margin:0px;
padding:0px;
list-style:none;
}

.listos li{
margin:0px;
padding:0px 0px 5px 20px;
background:url(../images/dot_image_blu.gif) no-repeat left 3px;
}

/* THIKER */ 
 
#thiker
{
position: relative;
width: 950px;
height:24px;
background-color: FFF;
margin-bottom: 0px;
float: left;
}

/* PLECA DOWN */  
#plk_down
{
position: relative;
width: 950px;
height:63px;
background-image: url(../images/plk_down.png);
margin-bottom: 0px;
float: left;
}


/* FOOTER */ 
 
#footer
{
position: relative;
width: 950px;
height:77px;
background-image: url(../images/footer.jpg);
margin-bottom: 0px;
float: left;
}

/* Tabla calendario text */ 
.tabla_texBcochico {
	font-family: Verdana;
	font-size: 9pt;
	font-style: normal;
	font-weight: bold;
	color: #FFFFFF;
	padding-top: 3px;
	padding-left: 5px;
}
.tabla_texgris {
	font-family: Verdana;
	font-size: 8pt;
	font-style: normal;
	font-weight: bold;
	color: #666666;
	text-align: center;
}