/* CSS Document */
/* undohtml.css */
/* (CC) 2004 Tantek Celik. Some Rights Reserved. */
/* http://creativecommons.org/licenses/by/2.0 */
/* This style sheet is licensed under a Creative Commons License. */
/* http://www.tantek.com/log/2004/undohtml.css */
/* Purpose:undo some of the default styling of common (X)HTML browsers */
/* link underlines tend to make hypertext less readable,
because underlines obscure the shapes of the lower halves of words */
:link,:visited{text-decoration:none}
/* no list-markers by default,since lists are used more often for semantics */
ul,ol{list-style:none}
/* avoid browser default inconsistent heading font-sizes */
/* and pre/code too */
h1,h2,h3,h4,h5,h6,pre,code{font-size:1em;}
/* remove the inconsistent (among browsers) default ul,ol padding or margin */
/* the default spacing on headings does not match nor align with
normal interline spacing at all,so let's get rid of it. */
/* zero out the spacing around pre,form,body,html,p,blockquote as well */
/* form elements are oddly inconsistent,and not quite CSS emulatable. */
/* nonetheless strip their margin and padding as well */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input{margin:0;padding:0}
/* whoever thought blue linked image borders were a good idea? */
a img,:link img,:visited img{border:none}
/* de-italicize address */
address{font-style:normal}
/* more varnish stripping as necessary... */ 
/* ======== end of tantek's stuff =========*/
/* para quitar el borde de puntos que aparece al pinchar en los enlaces*/
a{outline:none;}
/*El contenedor de toda la web*/
#marco{margin-left:auto;margin-right:auto;width:800px;height:auto;}
/*La cabecera*/
#cabecera{top:1px;background:url(../img/cabecera.jpg) no-repeat left top;height:110px;width:780px;overflow:hidden;}
/*los menús*/
.menudos,.menu{background:#FFF;width:780px;height:12px;margin-top:4px}
.menu{border-bottom:#003 thin solid;padding-bottom:8px}
.menu ul li,.menudos ul li a,.menu ul li a{font-family:Arial,Helvetica,sans-serif}
.menu ul li,.menudos ul li,.menudos ul li a,.menu ul li a{list-style:none}
.menu ul li,.menudos ul li{float:left}
.menu ul li{margin-left:30px;letter-spacing:5px}
.menudos ul li{font:13px arial,helvetica,sans-serif;margin-left:15px;letter-spacing:2px}
.menudos ul li a,.menu ul li a{display:block;margin-left:70px}
.menudos ul li a,.menu ul li a,#marcado ul li{color:#003}
.menudos ul li a:hover,.menu ul li a:hover{color:#F30}
/*---------*/
/*Generales*/
body{font-family:Arial,Helvetica,sans-serif}
h1{text-indent:-10000px}
h2{padding:20px 0 0 50px;font:20px "apple chancery",palatino,arial italic;color:#fff;border-bottom:#FFF thin solid;margin-left:150px}
h2,h4{width:500px}
h3{margin-left:auto;margin-right:auto}
h4{font:9px verdana,arial,helvetica,sans-serif;margin:25px 20px 5px 170px;color:#ccc;letter-spacing:5px;padding-left:20px;border:thin solid #666}
/*-----*/
#cuerpo{background:#003;width:780px;height:450px;margin-top:3px}
.texto{font:14px/16px arial,helvetica,sans-serif ;text-align:justify;color:#fff}
.texto p{padding:20px 0 0 200px;width:500px}
.fotos{float:left;position:absolute;width:150px;display:block;margin:30px 0 20px 50px}
.fotos a img,.fotos a:hover img{border:1px solid #CC0;padding:3px}
.fotos a:hover img{background:#CC0}
/*Mapa*/
#mapa{position:absolute;margin-top:10px}
#mapa,.textomapa{float:left;margin-left:30px}
.textomapa{position:relative;top:340px;width:300px}
.textomapa p{font-size:14px;color:#fff}
/*Formulario*/
#formulario{background:#141543;float:left;width:350px;margin-left:50px;padding-left:10px;margin-top:10px; color:#fff;}
#formulario fieldset{ border:none; }
#formulario legend{ font-size: 1.2em }
#formulario div{ margin:10px 0 10px 0 }
#formulario label{ width: 70px; display:inline-block;}
#formulario #nombre, #formulario #apellidos, #formulario #telefono, #formulario #mail{ width: 250px; }
#formulario #grupotexto label{ display:block;}
#formulario #grupotexto textarea{ width: 95%;}
#formulario p{display:table-row-group;vertical-align:top;font:11px Arial,Helvetica,sans-serif}
#botonformulario a{font:10px arial,helvetica,sans-serif;background:#030;color:#fff;word-spacing:3px;width:15px}
/*Pie*/
#pie{background:#003}
#pie,#pie a,#pie h3{width:780px}
#pie a,#pie h3{margin:5px auto 5px auto;font-size:10px;text-align:center;letter-spacing:1em;color:#fff}
#pie a{display:block;text-decoration:none}