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

ol {margin:10px 0 10px 40px; padding:10px; color:#222;}
ol li {list-style-type:decimal; line-height:30px;}
ol li a {color:#222;}

#scrollcontent h3 {font-size:21px; color:#8f3336; margin:20px 0 10px 20px; font-family:"Courier New", Courier, monospace; font-variant:small-caps; letter-spacing:-0.03em;}
#scrollcontent h3.t {margin-top:0;}
#scrollcontent h3 a {font-size:12px; font-weight:normal; text-decoration:none; float:right; margin:4px 10px 0 0; color:#222; font-family:Arial, Helvetica, sans-serif; font-variant:normal; letter-spacing:normal;}
#scrollcontent h3 a img {float:left; margin-right:6px; border:none;}

#empresa {margin-left:40px;}
#empresa p {line-height:16px;}
#empresa a {color:#8f3336; text-decoration:none;}
#empresa a:hover {text-decoration:underline;}

form {margin:20px 20px 60px;}
form label {display:block;}
form label input[type=text], textarea {font-size:12px; color:#8f3336; width:250px; padding:3px; margin:0 0 6px; border:none; border-bottom:1px solid #222; padding-left:24px;}
form label input[type=text]:focus, textarea:focus {color:#222;}
form input[type=submit] {margin:0 80px;}
form .persona {background:url(../images/persona.png) 2px 2px no-repeat #fff;}
form .telefono {background:url(../images/telefono.png) 2px 2px no-repeat #fff;}
form .correo {background:url(../images/correo.png) 2px 2px no-repeat #fff;}
form .mensaje {background:url(../images/mensaje.png) 2px 2px no-repeat #fff; height:30px;}

#map {width:280px; height:120px; margin-left:20px; border:1px solid #222; }
#map span, #map a {display:none;}
.mapa {padding:10px 20px;}
.mapa a {color:#8f3336; text-decoration:none; font-size:12px;}
.mapa a:hover {text-decoration:underline;}