body {

background: #f4ac00 url(../jpg/bghead.jpg) repeat-x;

margin:0;

font-family:"Trebuchet MS", Arial,Verdana;

font-size:13px;

}

h1 {

margin:4px 0 0 40px ;

font-size:15px;

color:#FFFFFF;

}

h2 {

margin:4px 0 0 20px ;

font-size:15px;

color:#FFFFFF;

}

h3 {

	font-size:14px;

	font-weight:bold;

	color:#223181;

	margin:0 0 0 0;

	padding:0 0 8px 16px;

	background:url(../gif/bgh3.gif) no-repeat;

	text-transform: uppercase;

}

#ca {

	font-size:14px;

	font-weight:bold;

	color:#223181;

	margin:0 0 0 0;

	padding:0 0 8px 16px;

	background:url(../gif/bgh3.gif) no-repeat;

	width:180px;

	text-transform: uppercase;

	

}



#de{

	font-family:"Trebuchet MS", Arial,Verdana;

	font-size:13px;

	font-weight:bold;

	color:#ffffff;

}



h4 {

	font-size:14px;

	font-weight:bold;

	color:#223181;

	margin:0 0 0 0;

	padding:0 0 8px 18px;

	background:url(../jpg/bgh4.jpg) no-repeat;

	text-transform: uppercase;

}

p {

margin:0 0 18px 0;

}

img {

border-color: #CCCCCC;

}

#head {

height:310px;

text-align:center;

}



#content {

background: #FFFFFF;

margin:15px 0 0 0 ;

}

#contenido {

width:985px;

margin:auto;

background:#fff;

}

#contenido:after {

content: ".";

display: block;

height: 0;

clear: both;

visibility: hidden;

}



.cuadros {



float:left;

}

.bgceleste {

background:url(../jpg/bgceleste.jpg) no-repeat;

width:328px;



}

.bgazul {

background:url(../jpg/bgazul.jpg) no-repeat;

width:288px;

padding:0 20px 0 20px;

}

.bgnaranja {

background:url(../jpg/bgnaranja.jpg) no-repeat;

width:288px;

padding:0 20px 0 20px;

}

#contcuadros {

	text-align:justify;

	margin:10px 0 0 0;

}

#contcuadrosb {

	text-align:justify;

	margin:10px 0 0 0;

	line-height: 22px;

}

#azul {

font-weight:bold;

color:#223181;

}

#morado {

font-weight:bold;

color:#3f5ae6;

}

.serv {

margin:10px 0 0 20px;

padding:0;

list-style:square; 

font-weight:bold;

color:#223181;

}

.serv a{

color:#223181;

text-decoration:none;

}

.serv a:hover{

color:#e30a16;

text-decoration: underline;

}



.servb {

margin:10px 0 0 20px;

padding:0;

list-style:square; 

font-weight:bold;

color: #FF0000;

font-size:18px;

}

.servb a{

color:#FF0000;

text-decoration:none;

}

.servb a:hover{

color:#223181;

text-decoration: underline;

}

.servn {

margin:0 0 0 20px;

padding:0;

list-style:square; 

font-weight:bold;

color: #000000;

}





/*interior*/

#izquierdab {

width:985px;

float:left;

}

#izquierda {

width:647px;

float:left;

}

#derecha {

width:298px;

float:left;

margin: 0 20px;

}

#michel {

margin: 5px 0 10px 0;

}

#servint {

background:url(../gif/bgnaranja.gif) no-repeat ;

padding:2px 0 0 0;

margin:0 0 20px 0;

}



#titulint {

background:url(../jpg/bgtitulo.jpg) no-repeat;

font-size:17px;

font-weight:bold;

color:#FFFFFF;

padding:5px 0 5px 40px;

}

#texto {

	background: url(../jpg/puntos.jpg) repeat-y right;

	padding: 20px 20px 0 20px;

	margin: 0 0 20px 0;

	line-height: 20px;

}

#textob {

	

	padding: 20px 20px 0 20px;

	margin: 0 0 20px 0;

	line-height: 20px;

}





#footer {

background:#f4ac00;

text-align:center;

clear:both;

}

#menuabajo {

background:#fff9b3;

font-size:12px;

color:#f4ba00;

padding:2px 0;

}

#menuabajo a{

color:#223181;

text-decoration:none;

}

#menuabajo a:hover{

text-decoration: underline;

}

#datos {

padding:8px 0;

}

#multivia {

font-size:12px;

color:#000;

padding:0 0 5px 0;

}

#multivia a{

color:#000;

text-decoration:none;

}

#multivia a:hover{

text-decoration: underline;

}

#texto h1 {
color:#223181;
margin:0 0 10px 0;
border-bottom:#223181 1px dotted;
}
.leermas {
text-align:right;
clear:both;
}
.leermas a{
background:#223181;
color:#fff;
text-decoration:none;
padding:2px 4px;
}
.leermas a:hover{
background:#162159;
}