html, body{ 
 margin:0; 
 padding:0; 
 text-align:center; 
 background-color: white ;
 font-size:10px ;
  color: #666666 ;
 /*letter-spacing: 0.05em;*/
 font-family: Tahoma, Arial, Helvetica, sans-serif;
} 


#pagewidth{ 
 width:960px; 
 text-align:left; 
 margin:0 auto; 
}

#maincol{
 background-color: white;  
 position: relative; 
 }
 
#header{
 background-color: white;
 text-align: center ;
 height : 176px ;
 background : url('img/borde.jpg') ;
 background-position :bottom ;
 background-repeat: no-repeat;

}

#menu {
	/*height: 6px ;*/
	width: 100% ;
	top : 177px ;
	margin-top: 4px ;
}

#content {
 /*height:388px ;*/
 display: table; 
 width: 960px ;
 min-height : 390px ;
 background-color: white ;
 /*padding-top:10px ;*/
 padding-bottom:10px ;
 
}
#content_sin_min {
 display: table; 
 width: 960px ;
 background-color: white ;
 /*padding-top:10px ;*/
 padding-bottom:10px ;	
}

#titulo {
	float: left;
	width: 216px;
	padding-left: 40px ;
	padding-top:40px ;
	vertical-align: middle ;
}



#footer {
 background : url('img/borde_inferior.jpg') ;
 background-repeat:no-repeat; 
 background-color: #FFFFFF;
 font-weight: bolder ;
 font-size: 12px ;
 padding-top:15px ;
 padding-bottom:10px ;
 padding-left : 0px ;
 height: 25px ; 
}

#titulo {
	float: left;
	width: 200px;
	padding-left: 0px ;
	padding-top: 0px ;
	vertical-align: middle ;
}

#contenido { 
	margin: 0;
	float: left;
	width: 700px;
	padding-left : 12px ;
	margin-left : 12px ;
	height: 1% ; /* Holly hack for Peekaboo Bug */
	padding-top: 0px ;
}

/************ fin estructura ************/

a.nombre_doc , a.nombre_doc:visited , a.nombre_doc:hover {
	font-size: 12px ;
	color: #666666 ;
	/*line-height: 1.8em ;*/
}


a.doc_seleccionado, a.doc_seleccionado:visited, a.doc_seleccionado:hover {
	font-weight: bold ;
	color: #65C2BC ;
}

a, a:visited {
	color: #666666 ;
	text-decoration: none ;
}

a:hover {
	color : #52C5D4 ;
}

a.texto_blanco, a.texto_blanco:visited {
	color: white ;
}
a.texto_blanco:hover {
/*	color : #31D3DF ;*/	
}

a.celeste, a.celeste:visited {
	color : #279FA8 ;
}
a.celeste_over:hover {
	color : #52C5D4 ;
}

a.escolares, a.escolares:visited {
	color : #89AC3E ;
}
.escolares {
	color : #89AC3E ;	
}
a.escolares_over:hover {
	color : #B8D54B ;
}

a.leyes,a.leyes:visited {
	 color : #673090;	
}
.leyes {
 	color : #673090;	
}
a.leyes_over:hover {
	color : #8D61A9 ;
}
a.op_online,a.op_online:visited {
	color : #971D59 ;
}
.op_online {
	color : #971D59 ;	
}
a.op_online_over:hover {
	color: #E14498 ;
}
.bold {
  font-weight: bold ;	
}

p {
	font-size:12px ;
	margin-top: 0px ;
}

h2 {
	color : #B3D744 ;
	font-size:18px ;
	margin-top :0px ;
}

h3 {
	text-align:right ;
	font-size : 15px ;
	line-height: 8px ;
	font-weight: normal ;
}

h4 {
	margin: 6px 0px ;
	font-size: 13px ;
	font-weight: bold ;
}
h5 {
	margin: 6px 0px ;
	font-size: 11px ;
	font-weight: normal ;
	color: #989898 ;	
}
h5.sel {
	/*color: #666666 ;*/
}

.texto_blanco {
	color : white ;
}
.verde {
	color: #B3D744 ;
}
.verde_oscuro {
	color: #78A118 ;
}
.violeta_oscuro {
	color: #662D90 ;
}
.celeste {
	color: #65C2BC ;
}
#img_titulo {
	position: absolute ;
	left : 9px ;
	top : 50px ;
}
a img {
border:0px ;
}
#menu_superior {
	position: absolute ;
	left: 855px ;
	top : 50px ;
}
.rojo {
	color: #AA0000 ;
	font-size: 1.3em ;
}
#que_hacer {
	float:right ;
}

.subtitulo {
	font-size: 14px ;
	color: #B3D744 ;
	font-weight: bold ;
}

.span4 {
	float:left ;
	width:25% ;
}

.span_seleccionado {
	border-left: 4px solid #279FA8 ;
	padding-left : 4px ;
}
.span_seleccionado_celeste {
	border-left: 4px solid #279FA8 ;
	padding-left : 4px ;
}

a.sel_submenu_generales {
color : #279FA8 ;
}
a.sel_submenu_escolares {
color : #89AC3E ;
}
a.sel_submenu__online {
color : #971D59 ;
}

.span5 {
	float:left ;
	width:19% ;
}

.span7 {
	float:left ;
	width:14% ;
}

.borde_izq_verde {
	border-left: 4px solid #B8D54B ;
	padding-left : 12px ;	
}

.borde_izq_violeta {
	border-left: 4px solid #971D59 ;
	padding-left : 12px ;	
}
.borde_izq_violeta2 {
	border-left: 4px solid #E14498 ;
	padding-left : 12px ;	
}

.todo_el_ancho {
	width: 100% ;
}

td {
	text-align: right ;
}

input[type="text"] {
	width: 98% ;
}
textarea {
	width:98% ;
	height:55px ;
}
td.izq {
	text-align: left ;
}


.borde_izq_celeste {
	border-left: 4px solid #279FA8  ;
	padding-left : 12px ;	
}

#texto_lateral {
	float: left;
	width: 200px;

	vertical-align: middle ;	
	padding-left : 10px ;
	padding-top: 0px ;
	font-size:14px ;
}

#cuerpo {
	font-size:12px ;
}

.span3 {width:318px;float:left;text-align:center; }
.span3 h3,.span3 p { width:290px; margin:0 auto; text-align:center; font-family:'Barlow', sans-serif; color:#666;}
.span3 h3 { font-weight:700; font-size:20px; margin-top:10px;}
.divisor_vertical { float:left;width:1px; margin:20px 0; background-color:#666; height:175px;}
.divisor { width:80px; margin:20px auto 10px; background-color:#31d4e0; height:2px;}
.span3 p { font-weight:400; font-size:14px;}
.span3 p.span3_texto { height:52px;}
.span3 img { align:center;}
.link_triangulo { font-weight:700; font-size:14px; margin:10px auto; display: block; width:52px;}
.link_triangulo img { width:10px; float:left;margin-top:2px;}