* {margin:0; padding:0;}

/* font adjustment for IE5 */
body {text-align:center; background-image:url(../images/bg1.gif); background-repeat:repeat-x; background-color:#B9BFBF; font-family: Verdana, sans-serif; color:#404040; voice-family:inherit; font-size:small;}

html>body {font-size:small;}

body { behavior:url("csshover.htc"); }

.clearfloat {clear:both;}

a,a:visited {text-decoration:none; color:#417DBB;}

a:hover {text-decoration:none; color:#496D93;}

#content a.more {background-image:url(../images/arrow9x9.gif); background-repeat:no-repeat; background-position:0 50%; margin-left: 22px; font-size:110%; line-height: 22px; padding:1px 0 0 15px;}

#content a.mas {background-image:url(../images/arrow_mas.gif); background-repeat:no-repeat; background-position:0 50%; margin-left: 40px; font-size:110%; line-height: 22px; padding:1px 0 0 15px;}

p,h1 {margin:0 15px 10px; 15px;}

h2 {margin:0 15px 15px;}

h1 {font-size:110%; padding-top:15px; color:#496D93;}

h2 {font-size:100%; padding-top:20px; color:#417DBB; }

.imiz {float:left; background:#fbfbfb; border:1px solid #EDEDEC; margin:0 20px 0 16px; padding:10px;}

.imizq {float:left; background:#fbfbfb; border:1px solid #EDEDEC; margin:0 15px 15px 0; padding:4px;}

.col-izq h1,.genericcolumn h1 {font-size:200%; color:#404040; margin:0 15px;}

.col-der h2 {font-size:100%; color:#496D93; margin:0 0 15px 0;}

.col-der p {margin-left:0;}



.col-der p.bottomborder,.col-der div.bottomborder {border-bottom:1px dashed; border-bottom-color:#ccc; padding-bottom:20px;}

h3 {font-size:100%;}

p {line-height:1.5em;}

#todo {width:850px; text-align:left; background-image:url(../images/sombra_bg1.gif); background-repeat:no-repeat; padding-top:10px; background-position:top; margin:15px auto;}

#bottom {background-image:url(../images/pie_bg.gif); background-repeat:no-repeat; padding-top:10px; background-position:bottom;}

#cabecera {position: relative; height:127px; }

#cabecera img.logo {float:left; padding:51px 0 0 35px;}

#cabecera div.submenu {float:right; width:185px; min-height:28px; font-size:85%; margin-right:10px; margin-top: 10px;}


#cabecera div.menu {position:absolute; font-size: 1.0em; top: 85px; right: 24px; width:425px;}

html>body #cabecera div.menu {top: 70px; right: 24px;}

#cabecera div.menu ul {list-style-type: none;}	

#cabecera div.menu ul li {float: left; position: relative; z-index: 100; list-style-type: none;}

#cabecera div.menu ul li a {float: left; display: block; height: 27px; text-indent: -9999px; overflow: hidden;}

#cabecera div.menu ul li a.firma {background: url('../images/t_firma.gif') 0 0 no-repeat; width: 82px;}

#cabecera div.menu ul li a.areas {background: url('../images/t_areas.gif') 0 0 no-repeat; width: 162px;}

#cabecera div.menu ul li a.news {background: url('../images/t_news.gif') 0 0 no-repeat; width: 87px;}

#cabecera div.menu ul li a.contacto {background: url('../images/t_contacto.gif') 0 0 no-repeat; width: 93px;}

#cabecera div.menu ul li a:hover {background-position: 0 -27px;}

#cabecera div.menu ul li ul {left: 0px; position : absolute; top: -9999px; margin-top: 27px; z-index: 100;}

#cabecera div.menu ul li ul li {float: none; margin-bottom : -1px;}

#cabecera div.menu ul li ul li a {text-indent: 0; float: none; height: auto; padding: 6px 10px; background: #ffffff url(../images/arrow1.gif) no-repeat 155px center; width: 185px; color: #717171; text-decoration: none; border: 1px solid #C6C6C8;}

#cabecera div.menu ul li ul li a.color {text-indent: 0; float: none; height: auto; padding: 6px 20px; background: #ffffff url(../images/arrow1.gif) no-repeat 155px center; width: 135px; color: #FE860C; text-decoration: none; border: 1px solid #C6C6C8;}

#cabecera div.menu ul li ul li a:hover {color: #2F2F2F; background: #F3F4F6 url(../images/arrow_on.gif) no-repeat 155px center;}	

#cabecera div.menu ul li ul li a:hover.color {color: #FE860C; background: #F3F4F6 url(../images/arrow_on.gif) no-repeat 155px center;}	

#cabecera div.menu ul li:hover ul, div.menu ul li.sfhover ul {top: auto;}




#cabecera,#content,#pie-todo {background-image:url(../images/sombra_bg2.gif); background-repeat:repeat-y;}

#banner-todo {height:189px; background-image:url(../images/banner-todo-bg.gif); background-repeat:repeat-y; padding:0 25px;}

#banner-img {float:left; width:571px; height:189px; background-image:url(../images/about.jpg); background-repeat:no-repeat;}

#nav {float:left; width:229px; font-size:80%;}

#nav ul {list-style-type:none; letter-spacing:0px;}

#nav li a {voice-family:inherit; height:26px; text-decoration:none; border-left:1px solid #fff; border-bottom:1px solid #fff;}

html>body #nav li a {height:26px;}

#nav li a:link,#nav li a:visited {color:#fff; display:block; background-color:#417DBB; padding:11px 0 0 10px; }

#nav li.home a:link,#nav li.home a:visited {background-color:#417DBB;}

#nav li.about a:link,#nav li.about a:visited {background-color:#538BC8;}

#nav li.services a:link,#nav li.services a:visited {background-color:#5998CE;}

#nav li.promise a:link,#nav li.promise a:visited {background-color:#77ACD6;}

#nav li.contact a:link,#nav li.contact a:visited {background-color:#87B3DA;}

#nav li.home a:hover,#nav li.about a:hover,#nav li.services a:hover,#nav li.promise a:hover,#nav li.contact a:hover {color:#FFF; background-color:#3E76B1; padding:11px 0 0 15px;}


.col-izq,.col-der {border:solid 1px #ccc; background-color:#fff; float:left; display:inline; }

.col-izq {border:none; width:567px; float:left; text-align:justify; margin:0 10px 0 20px; }

.col-izq h2 { padding-bottom:.5em; border-bottom:1px solid #ccc;}

.col-izq h3 { margin:0 15px 10px; 15px; color: #8E8A4D;}

.col-der {border-right:none; border-bottom:none; border-top:none; margin-right:20px; voice-family:inherit; width:230px;}

.col-der h2.shift,.col-der p.shift,#mapmod {margin-left:15px;}

/* Noticias y eventos */

.noti { float: left; width: 210px; border-top: 0px solid #eee; margin: 0 0 5px 0; padding: 5px 10px 1px 10px; background: #fff; }

.noti p { font-size: 80%!important; margin: 0; padding: 0; color: #666; }

.noti h3 { font-size: 100%; font-weight: bold; margin: 0; padding: 0;}

.noti_fecha { float: left; width: 50px; height: 95px; background: transparent url("../images/bloc.jpg") 0 0 no-repeat; margin: 0 5px 0 0!important; padding: 0; }

.noti_fecha h4 { display: block; margin: 0; padding: 13px 0 0 0; background: transparent; width: 50px; height: 15px; text-transform: uppercase; font-size: 90%; text-align: center; font-weight: normal; color: #A6A6A6; line-height: normal;  }

.noti_fecha .dia { display: block; background: transparent; margin: -10px 0 0 0!important; padding: 0px!important; color: #A6A6A6; width: 50px; text-align: center; font-family: Georgia, "Times New Roman", Times, Sans; font-size: 25px!important; line-height: normal; }

.noti_fecha .anio { display: block; color: #A6A6A6; margin: -1px 0 0 0; padding: 0; background: transparent; width: 50px; height: 15px; text-transform: uppercase; font-size: 75%; text-align: center; font-weight: bold;  line-height: normal; }

.noti a {font-size: 80%;}


#content {background-color:#fff; padding:20px 0;}

#content ul {list-style:none; padding:0 0 10px 15px;}

#content li {background-image:url(../images/arrow.gif); background-repeat:no-repeat; background-position:0 .5em; padding-left:15px; line-height:175%; text-align:justify;}

#content dl {border-left:5px solid #D9DBC7; background-color:#FAFCE7; margin:15px 15px 0; padding:20px; }

#content dt {font-weight:700; font-size:110%; color:#496D93; padding-bottom:10px;}

.der {float:right; margin:0 16px 0 0;}

.der a:link, .der a:visited {color: #417DBB;}

.der a:hover {color: #496D93; border-bottom: 1px solid #496D93;}



#pie-todo {background-color:#fff; width:850px; padding-bottom:14px; font-weight:normal;}

#pie {width:800px; background: #A6BBCF; color:#2B5C9A; font-size:85%; margin:0 0 0 25px; padding:20px 0 1px; }

#pie h3,#pie p {letter-spacing:.5px; }

#pie p {letter-spacing:.5px; margin-bottom: 0;}

html>body #pie p {margin-bottom: 5px;}

#datalles {float:left; width:420px;}

#datalles div.direc {float:left; width:195px; }

#datalles div.telef {width:225x;}

#pie a,#pie a:visited {text-decoration:none; color:#fff;}

#pie a:hover {text-decoration:underline; color:#fff;}

#pie-nav {float:left; width:303px; margin-left:60px; margin-top:24px;}

#pie-nav ul {float:right;}

#pie-nav li {display:inline;}

#pie-nav li a,#pie-nav li a.noborde {float:left; color:#fff; text-decoration:none; border-right:2px solid #CCD7DD; padding:0px 6px; }

#pie-nav li a.der-noborde {border:0; margin-right:0;}

#pie-nav li a.iz-noborde {margin-left:0; padding-left:0; }

#pie-nav li a:visited {color:#fff;}

#pie-nav li a:hover {color:#fff; text-decoration:underline;}


#contacto {margin: 0 15px 0 15px;}	

#contacto input.reg, #contacto textarea {width: 300px; background-color: #fff; border: solid 1px #999; padding: 2px 0; display: inline;}

#contacto p {margin: 15px 0 0 0;}		

#contacto div.error {padding:10px 10px 10px 4px; background-color:#FFFFCC; float: left;}										

div.row textarea {width: 300px; height: 150px;}		

div.row {float: left; padding-top: 10px; zoom: 1; /* Hack for IE 6/7 to keep it from doubling the padding */}

div.row span.label {float: left; width: 135px; text-align: left; display: inline; padding: 2px 0 0 0;}	


#contactmod {background-image:url(../images/call-center.jpg); background-repeat:no-repeat; background-position: 0 10%; padding-left: 90px; padding-bottom: 10px; margin-left: 15px; height: 80px;}

#mapmod {margin-left: 15px;}

#mapmod img {padding: 2px; margin-bottom: 15px; border: 1px solid #eaeaea; background-color: #fff;}