@charset "UTF-8";
/* CSS Document */

body{margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; background:url(../images/font.jpg);}

header, section, nav, footer{display:block;}

.bold{color:#10688C; font-weight:bold;}
.boldsolo{font-weight:bold; }
.rojo{color:#C00;}

nav{width:350px; height:180px; float:left;}
nav ul{width:350px; height:200px; margin:0; padding:0;}
nav ul li{width:350px; height:27px; list-style:none; border-bottom:1px solid #87B3C5;}
nav ul li a{display:block; width:340px; height:23px; text-decoration:none; color:#FFF; padding:4px 0 0 10px;}
nav ul li a:hover{background:#1693C5;}

footer h1{color:#FFF; text-align:center; margin:0; padding:0; font-size:14px;}
footer p{color:#FFF; text-align:center; font-size:13px; margin:0; padding:0;}

#logospace{width:360px; height:136px; margin:0 auto; background:url(../images/logo.jpg) no-repeat;}
#logospace span{visibility:hidden;}
#logospace a{ display:block; width:360px; height:136px; text-decoration:none;}

#titulo h1{font-size:30px; color:#FFF; margin:0 0 0 8px; padding:0; text-shadow:2px 2px 2px rgba(0,0,0,0.8);}
#titulo h2{font-size:50px; color:#FFF; margin:-10px 0 0 8px; padding:0; text-shadow:2px 2px 2px  rgba(0,0,0,0.8);}

#contenido{width:580px; float:left;}
 #contenido h1{margin:0; padding:0; color:#6C9DBC;}
 #contenido p{font-size:14px; color:#666; line-height:18px; margin:12px 0 0 0; text-align: justify;}
 #contenido ul{width:220px; float:left;}
 #contenido li{text-decoration:none; font-size:14px; color::#6C9DBC; list-style:none;}

#servicios{width:350px; float:left; background:#10688C; margin:0 0 0 10px; font-weight:normal;}
#servicios h1{font-size:18px; color:#FFF; margin:0; padding:0;}
 #servicios h1 a{color:#FFF;}
 #servicios h1 a:hover{color:#CCC;}
 
 #servicios h2{font-size:16px; color:#FFF; margin:0; padding:0; font-weight:normal;}
 #servicios h2 a{color:#FFF;}
 #servicios h2 a:hover{color:#CCC;}