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;
}