body {background: url(../images/top_bg.jpg) repeat-x 0 0; margin: 0;}

#todo {width: 953px; margin: 0 auto; background: url(../images/top_banner.jpg) no-repeat ; padding: 25px 0 0 0;}

#logo {padding: 86px 0 0 0; overflow: hidden; background: url(../images/logo.jpg) no-repeat 0 0; height: 0px !important; width: 409px; margin: 0 0 0 10px;}
#logo a {padding: 86px; height: 0 !important; overflow: hidden;}

#cabecera {width: 925px; margin: 32px auto 0 auto;}

#menu {background: url(../images/bg_menu.gif) repeat-x 0 0; height: 31px;}
#menu li {list-style: none; float: left; margin: 0 28px 0 0;}
#menu li a {color: #FFF; font: 82.5%/2 Arial, sans-serif; display: block; line-height: 29px;}
#menu {padding: 0 0 0 30px;}
#menu li a:hover {color: #54AECA; background: url(../images/activo.gif) no-repeat 50% 0;}
.activo {background: url(../images/activo.gif) no-repeat 50% 0; color: #54AECA !important;}
#menu li.final {margin-right: 0;}

#banner {height: 308px; background: url(../images/banner.jpg) no-repeat 0 0; }
#banner_der {float: right; margin: 40px 48px 0 0; width: 352px;}
#banner_txt1 {height: 0 !important; padding: 20px 0 0 0; background: url(../images/banner_txt1.gif) no-repeat 0 0; overflow: hidden; margin: 0 0 10px 0;}
#banner_txt2 {height: 0 !important; padding: 63px 0 0 0; background: url(../images/banner_txt2.gif) no-repeat 0 0; overflow: hidden;}
#banner_der p  {color: #3C3E43; font: normal 12px/normal Arial, sans-serif; margin: 20px 0 0 3px; line-height: 17px;}
#banner_boton {float: right; margin: 41px 5px 0 0; clear: both;}
#banner_boton a {height: 0 !important; width: 163px; padding: 39px 0 0 0; overflow: hidden; background: url(../images/banner_boton.gif) no-repeat 0 0; display: block;}
#banner1 {height: 150px; background: url(../images/banner1.jpg) no-repeat 0 0; margin-top:5px;}

#cuerpo {margin: 30px 0 0 7px; background: url(../images/linea.png) repeat-y 630px 0;}
#cuerpo p, #cuerpo li {font: normal 12px/16px Arial, sans-serif; color: #6B6B6B; margin: 9px 0 10px 0;}

#cuerpo dl {margin: 10px;}
#cuerpo dt {float: left; clear: both; margin: 0 10px 0 0;}
#cuerpo h2 {font: normal 19px/normal Arial, sans-serif; color: #84AFD0; margin: 0 0 10px 0;}


#cuerpo ul {margin: 15px 30px;}
#cuerpo li {list-style: none; background: url(../images/icono.gif) no-repeat 0 0; padding: 0 0 0 18px;}
#cuerpo a {color: #6395BB;}
#cuerpo a:hover {border-bottom: 1px solid #84AFD0;}
#cuerpo dt, #cuerpo dd {font: normal 12px/16px Arial, sans-serif; color: #6B6B6B;}

.tit h3 {color: #0063A6; font-size: 24px; margin: 15px 0 10px 0; letter-spacing: -22px; padding-top: 10px;}
.tit h4 {color: #0063A6; font-size: 20px; margin: 15px 0 10px 0; letter-spacing: -22px; padding-top: 10px;}

#col_izq {width: 600px; float: left;}
#home_txt1 {height: 0 !important; padding: 25px 0 0 0; overflow: hidden; background: url(../images/home_txt1.gif) no-repeat 0 0; margin: 0 !important;}
#home_txt2 {height: 0 !important; padding: 92px 0 0 0; overflow: hidden; background: url(../images/home_txt2.gif) no-repeat 0 0; margin: 18px 0 20px 0 !important;}

#modulo {border: 1px solid #EAEAEA; background: #F9F9F9; margin: 30px auto 0 auto; width: 100%; padding: 0 0 10px 0;}
#modulo img {border: 0; display: block; margin: 30px 10px 0 0; padding: 0; float: left;}
.mod_marco {margin: 10px 10px 0 10px;}

#col_der {width: 262px; float: left; margin: 0 0 0 50px;}
.bloque_der {clear: both; margin: 0 0 20px 0;}
.leermas {height: 0 !important; width: 85px; padding: 32px 0 0 0; display: block; overflow: hidden; background: url(../images/leer.gif) no-repeat 0 0; float: right; border: 0 !important;}
.bloque_der p {margin-left: 1px !important;}

#equipo {height: 0 !important; background: url(../images/equipo.gif) no-repeat 0 0; padding: 23px 0 0 0; overflow: hidden;}
.equipo_lista {margin: 0 !important;}
.equipo_lista li {list-style: none; padding: 0 0 0 18px; background: url(../images/icono.gif) no-repeat 0 0; margin-left: 10px !important;}
#news {height: 0 !important; background: url(../images/news.gif) no-repeat 0 0; padding: 23px 0 0 0; overflow: hidden;}

#pie {background: url(../images/pie.gif) no-repeat 0 0; width: 957px; height: 47px; margin: 30px auto 30px auto;}
.pie_izq {float: left; font: normal 12px Arial, sans-serif; line-height: 47px; margin: 0 0 0 55px; color: #374448; display: inline}
.pie_der {float: right; line-height: 47px; margin: 15px 15px 0 0; color: #374448; display: inline; font: normal 12px Arial, sans-serif; color: #374448;}
.pie_der a {font: normal 12px Arial, sans-serif; color: #374448;}
.pie_der a:hover {color:#586D74;}


* {margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}
a {text-decoration: none; font: normal 12px Arial, sans-serif;}
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td { text-align: left; font-weight:400; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
a img { border: none; }
strong {font-weight: bold;}
em {font-style: italic;}
.clearfix:after {content: "."; display: block; visibility: hidden; height: 0 !important; font-size: 0 !important; line-height: 0 !important; clear: both;}
.clearfix {display: inline-block; clear:both}
head:first-child + body .clearfix {height: auto; display: block;}
hr {border: 0; width: 100%; color: #eee; background-color: #eee; height: 1px; margin-bottom:10px;}

.imder {float:right; border: 2px solid #EEEEEE; margin:0 0 15px 15px; padding:1px;}

.azul {color: #6395BB; font-size: 12px;}

div.tipa form { width: 100%; }
div.tipa label { float: left; display: block;  width: 130px; padding: 8px 0 0 0; }
html>body div.tipa label {padding: 8px 0 0 0; }
div.tipa input { float: left; color: #FF860C; width: 370px; margin: 8px 0 0 0; padding: 0; background: url(../images/puntos_bg.gif) bottom; border: none; /*border-bottom: 1px solid #444;*/ }
html>body div.tipo input {padding: 4px 0 0 0; }
div.tipa label.higher { margin: 10px 0 0 0; }
div.tipa textarea {font-size: 110%; font-family: Verdana, Arial, Helvetica, sans-serif; color: #FF860C; width: 500px; height: 180px; overflow: hidden; margin: 4px 0 4px 0; padding: 4px; line-height: 24px; background: url(../images/puntos_bg.gif); border: none; /*border: 1px solid #444;*/ }
div.tipa input#button { width: auto; padding: 4px; margin: 4px 0 0 0; background: #222; border: 1px solid #444; }
div.tipa input.submit {font-size: 110%; font-family: Verdana, Arial, Helvetica, sans-serif; outline: none; border:none; font-size: 9pt; color: #444; padding: 3px; background: #eee; border: 1px solid #bbb; margin: 0 0 0 30px; }
div.tipa input.submit { width: 90px; background: url(../images/boton_off.gif) no-repeat; border: none; }
div.tipa input.submit:active { background: url(../images/boton_on.gif) no-repeat; }
div.tipa input.contacto { padding: 4px 16px 6px 16px; }
div.tipa .gran, div.tipo p.gran {width: 501px; margin-bottom:0px;}
div.tipa .clear {clear: both; }
div.tipa .formu-izq {float: left; }
div.tipa #log_res {overflow: hidden;}

#col_der input, textarea {border:1px solid #ccc; padding-left:4px; padding-top:4px; padding-bottom:-5px; font-size: 85%; font-family: Arial, "Arial narrow", "Lucida grande", Verdana, Helvetica, sans-serif;}

#col_der input.alto {height: 17px;}

#col_der label {color:#999;}

#col_der form p {line-height: 5px; margin: 8px 0 0 0; padding:0;}

#col_der #btnTest {padding:5px 10px; border:none; background:#000; color:#fff; font:normal 14px/14px arial;}

#col_der #btnTest:hover {background:#c30;}