@import url(base.css);
body {
margin:0;
background:url("../../../../img/fon/blo.png") repeat-x top left;
font:0.75em "Trebuchet MS", Arial, Helvetica, sans-serif;
color:#002f67;
}
/* estructura */
#page {margin:0 auto; width:730px;}
#wrapper {}
#content {float:left; width:65%;}
#sidebar {float:right; width:34%;}
#header {}
#header h1 {display:none;}
/* solo portada */
#logo {float:left; margin:11px 0 0 0; width:63px;}
/* nav.global */
#navglo {float:right; height:60px; display:inline; margin:15px 1.5em 0 0;}
#navglo ul {text-align:right; margin:21px 0 0 0;}
ul.ser li, #navglo ul li {list-style-type:none; margin:0; display:inline;}
#navglo li a {text-decoration:none; font-weight:bold; font-size:115%; color:#fff;}
#navglo li a:link, #navglo li a:visited {background: url("../../../../img/menu/ini_of.gif") no-repeat top center;}
#navglo li.inicio a:link, #navglo li.inicio a:visited {padding:10px 22px 20px 22px;}
#navglo li.inicio a:hover {background: url("../../../../img/menu/ini_on.gif") no-repeat top center;}
#navglo li.inicio a#activo {background: url("../../../../img/menu/ini.gif") no-repeat top center;}
#navglo li.nosotros a:link, #navglo li.nosotros a:visited {padding:10px 11px 20px 11px;}
#navglo li.nosotros a:hover {background: url("../../../../img/menu/nos_on.gif") no-repeat top center;}
#navglo li.nosotros a#activo {background: url("../../../../img/menu/nos.gif") no-repeat top center;}
#navglo li.servicios a:link, #navglo li.servicios a:visited {padding:10px 11px 20px 11px;}
#navglo li.servicios a:hover {background: url("../../../../img/menu/ser_on.gif") no-repeat top center;}
#navglo li.servicios a#activo {background: url("../../../../img/menu/ser.gif") no-repeat top center;}
#navglo li.trabajos a:link, #navglo li.trabajos a:visited {padding:10px 12px 20px 12px;}
#navglo li.trabajos a:hover {background: url("../../../../img/menu/cli_on.gif") no-repeat top center;}
#navglo li.trabajos a#activo {background: url("../../../../img/menu/cli.gif") no-repeat top center;}

#navglo li.weblog a:link, #navglo li.weblog a:visited {padding:10px 16px 20px 16px;}
#navglo li.weblog a:hover {background: url("../../../../img/menu/blo_on.gif") no-repeat top center;}
#navglo li.weblog a#activo {background: url("../../../../img/menu/blo.gif") no-repeat top center;}
/* solo portada */
#promo {float:left; width:73%;}
#ilus {float:right; width:26%; height:255px;}
body #ilus {background: url("../../../../img/ilus/blo.jpg") no-repeat top left;}

ul.ser {text-align:center; padding-top:5px;}
ul.ser li a {padding:0 8px;}
ul.ser li a:link, ul.ser li a:visited {color:#fff; text-decoration:none;}
ul.ser li a:hover {color:#fff; text-decoration:none;}
/* encabezados */
#content h2, #content h3, #content h4, #content h5, #content p, #content img, #sidebar h2, #sidebar h3, #sidebar p, #sidebar img, #content small {margin-left:10px; margin-right:10px;}
#sidebar form#searchform {margin-left:2em;}
#content h2, #content h3, #sidebar h2, #sidebar h3 {border-bottom:2px dotted #ccc; padding-bottom:5px;}
/* color secciones */
dt, #content h4 {font-weight:bold; font-size:120%;}
#content h4, #content dt {color:#de9914;}
#content h4 a {color:#de9914;}
/* pie */
#footer {
width:100%;
clear:both;
background:#e5e5e5;
border-top:4px solid #de9914;
border-bottom:1px solid #ccc;
}
#footer address {margin:0; display:inline;}
#footer {font-size:smaller; text-align:center; color:#666; padding:5px 0;}
#footer a:link, #footer a:visited {color:#666; text-decoration:none;}
#footer a:hover {color:#000; text-decoration:none;}
/* enlaces */
a:link, a:visited {color:#002f67; text-decoration:underline;}
a:hover {color:#000; text-decoration:none;}
/* WP */
/* citas */
blockquote{border:1px dotted #fafafa; margin:1em 1.5em; padding:1em 1.5em;}
blockquote cite{display:block; margin:5px 0 0;}
/* #searchform */
input, textarea {color:#333; border:1px solid #003a62; background:#fafafa;}
input:focus, textarea:focus {color:#000; border:1px solid #f00; background:#fff;}
select {color:#000; background:#fafafa;}
textarea {font:1.1em "Trebuchet MS", Arial, Helvetica, sans-serif;}
form {margin:0; padding:0;}
form legend {margin:8px 0 0 0; padding:2px 0 2px 10px; color:#003a62; font-weight:bold;}
form label {float:left; width:100px; padding:0 1em; text-align:right;}
form fieldset {margin:0; border:none;}
form fieldset div {margin-bottom:0.5em; padding:0; display:block;}
form fieldset div input, form fieldset div textarea {width:220px; padding:1px; color:#333;}
form.contacto fieldset div input, form.contacto fieldset div textarea {width:250px; padding:1px; color:#333;}
form fieldset div select {padding:1px;}
form#buscador input#buscar {width:120px;}
#envio, form#commentform input#submit {clear:both; margin-top:0.6em; text-align:center;}
fieldset div.obl {font-weight:bold;}
fieldset div.obl label:before {content: "* "; color: #f00;} /* bug IE */
/* listas */
#sidebar ul {list-style-type:none; list-style-position:outside;}
#sidebar ul li {
padding:0 0 0 16px;
line-height:16px;
background:url("../../../../img/ico/listas/blo.gif") no-repeat left top;
}
/* metainfo */
.metainfo {color:#666; font-size:90%;}
.metainfo a:link, .metainfo a:visited {color:#666;}
.metainfo a:hover {color:#000;}
/* xml */
.xml {
border:1px solid;
border-color:#fc9 #630 #330 #f96;
padding:0 3px;
font:bold 10px verdana,sans-serif;
color:#fff;
background:#f60;
text-decoration:none;
}
a:link.xml, a:visited.xml, a:hover.xml {color:#fff; text-decoration:none;}
/* comentarios */
dt img {margin-bottom:-10px;}
dd.comentario {
background:#fdf7ea url("../../../../img/fon/comentario.png") no-repeat 0 0;
margin-top:-4px;
padding:2.1em 0.5em 0.5em 0.5em;
}
dd.fecha {font-size:85%; color:#999;}
.normas {font-size:90%; border-top:1px dotted #ccc; margin:1em 0;}
.advert {background: url("../../../../img/ico/alerta.gif") no-repeat left top; padding-left:20px;}
/* nav local */
.alignleft, .alignright {margin:0; padding:0.5em 0; font-size:90%; width:40%;}
.alignleft {float:left;}
.alignright {float:right; text-align:right;}
.alignleft a, .alignright a {color:#3967a6; font-weight:bold; text-decoration:none;}
/* comentarios */
p.comentar a:link, p.comentar a:visited, p.comentar a:hover {
padding-left:25px;
background: url("../../../../img/ico/comentario.gif") no-repeat left center;
}
p.opinar a:link, p.opinar a:visited, p.opinar a:hover {
padding-left:25px;
background: url("../../../../img/ico/opinar.gif") no-repeat left center;
}
.post h2 a:link, .post h2 a:visited, .post h2 a:hover, .post h3 a:link, .post h3 a:visited, .post h3 a:hover {text-decoration:none;}



/* STYLE.CSS Weblog IT7 (W3C-CSS2) R.1.0.7.100706 */
/* copyright 2006 Jose Ramon Quevedo Santana (jquevedo@qweos.net). May not be reproduced. */