body { position:relative; margin:0 auto; padding-top:186px; width:933px; font:12px Arial,Helvetica,sans-serif; background:#189ce7 url(img/fondo.png) repeat-x left top; }
body, a, input, textarea { color:white }
a:hover {	color:#F00; }
img { border:0; }
ul, ol { padding-left:2em; }
ul li { padding:2px 0; }
ol li { padding:6px 0; }
table { width:100%; border-spacing:0; }
td { padding:0; vertical-align:top; }

#header {	position:absolute; top:0; left:0; width:909px; height:144px; background:url(img/header.jpg); padding:12px 24px 0 0; font:13px serif; letter-spacing:1px; text-align:right; }
#header a { text-decoration:none; }
#header a#icab { position:absolute; bottom:12px; right:21px; width:73px; height:73px; line-height:500px; overflow:hidden; }

#menu {	position:absolute; top:156px; left:0; width:100%; height:30px; background-color:white; }
#menu a { text-decoration:none; }
#menu #contacto { position:absolute; top:0; right:0; }

#content { position:relative; padding-bottom:40px; background:#02395f url(img/content.jpg) no-repeat left top; }
h1 { margin:0; padding:0; height:83px; text-indent:-999px; }
.text { padding-left:40px; width:567px; text-align:justify; }
.text, input, textarea { font:13px Arial,Helvetica,sans-serif; }
h2, h3, .box { font:bold 13px Arial,Helvetica,sans-serif; }
h2, h3 { margin:30px 0 15px; }
h2 { padding:12px 0 12px 39px; background:url(img/box-h2.gif) no-repeat; }
h3 { border-bottom:1px solid #1988E1; }
h4 { margin:1.5em 0 1em; font-size:14px; }
.box { margin:15px 0; padding-top:12px; background:url(img/box-top.gif) no-repeat; }
.box .body { background:url(img/box-body.gif) repeat-y; }
.box a, .box span { padding-left:39px; background:url(img/flecha.png) no-repeat 12px center; }
.box a.sub { font-size:12px; line-height:20px !important; padding-left:54px; background:url(img/flecha-mini.png) no-repeat 34px center; }
.box div.body a { line-height:36px; }
.box table.body a, .box span { line-height:30px; }
.box .bottom { height:12px; background:url(img/box-bottom.gif) no-repeat; }
a.link { padding-left:35px; font-weight:bold; background:url(img/flecha.png) no-repeat 12px center; }
#menu2 { position:absolute; top:38px; right:23px; width:277px; }
img#decoration { position:absolute; bottom:0; right:0; }

#footer { position:relative; padding:2px 0 18px; background:#012e4c url(img/footer.png) repeat-x top; line-height:20px; text-align:center; }
#footer img { vertical-align:top; }

#index h1.es { background:url(img/title/index_es.jpg) no-repeat left; }
#index h1.ca { background:url(img/title/index_ca.jpg) no-repeat left; }
#index .box { margin-top:30px; }

#areas h1.es { background:url(img/title/areas_es.jpg) no-repeat left; }
#areas h1.ca { background:url(img/title/areas_ca.jpg) no-repeat left; }

#particulares h1.es { background:url(img/title/particulares_es.jpg) no-repeat left; }
#particulares h1.ca { background:url(img/title/particulares_ca.jpg) no-repeat left; }

#empresas h1.es { background:url(img/title/empresas_es.jpg) no-repeat left; }
#empresas h1.ca { background:url(img/title/empresas_ca.jpg) no-repeat left; }

#contactar h1 { background:url(img/title/contactar.jpg) no-repeat left; }
#contactar .text { width:370px; }
#contactar .text p.ok { color:#7f6; font-weight:bold; font-size:15px; }
#contactar .text p.error { color:#f66; font-weight:bold; font-size:15px; }
#contactar form { margin-bottom:1.5em; }
#contactar form p { margin:0; padding:5px 20px 5px 0; text-align:right; }
#contactar form a { padding-left:22px; background:url(img/flecha2.jpg) no-repeat left }
#contactar input, #contactar textarea { padding:5px; width:270px; background:#004b77; border:1px solid #295d81; }
#contactar input { height:18px; }
#contactar textarea { min-width:270px; max-width:270px; height:150px; max-height:220px; overflow:auto; vertical-align:top; }
#contactar p.big { font-size:16px; }
#contactar #mapa { position:absolute; top:66px; right:100px; }
#contactar #mapa a { text-decoration:none; }
#contactar #mapa p { margin:0; }
#contactar #mapa p.big { padding-left:22px; }
#contactar #mapa p.mini { position:relative; top:33px; font-size:11px; text-align:center; }

#mapa h1 { height:35px; }
#mapa .text { padding:0 0 70px 80px; }
#mapa .text a { display:block; padding:35px 0 5px 27px; font-size:17px; background:url(img/flecha.png) no-repeat 0 35px; }
#mapa .text p { margin:0; padding-left:27px; }