/* COLORS IMHOTEP
 * Blau: #00325d
 * Blau fluix: #6e8eb3
 * Gris: #4e4a49;
 * */

html { font-size: 62.5%; } 
body { margin: 20px; font-family: Arial, Helvetica, sans-serif; font-size: 1em; margin-left: 50%; }

.wrapper { position: relative; width: 960px; margin-left: -480px; float: left; border: 4px solid #00325d; }

#header { position: relative; height: 205px; }
#header h1 { text-indent: -9000px; background: url("../images/logo.gif"); margin: 22px 0px 0px 55px; width: 117px; height: 161px; float: left; }

*html #header h1 { margin-left: 30px; }

img { border: 0px; }

#header h1 a { width: 117px; height: 161px; display: block; }
h3 { font-size: 1.3em; }

/* Adreça de contacte en la capçalera */
#header div { position: absolute; top: 0px; right: 0px; width: 225px; padding: 0px 20px; padding-top: 30px; text-align: center; }
#header h2 { color: #00325d; font-size: 1.6em; font-weight: bold; margin: 0px 0px 10px 0px; }
#header address { font-style: normal; color: #00325d; font-size: 1.2em; }
#header a { text-decoration: none; }

/* Capçaleres */
.somos_legales { background: url("../images/bg_somos_legales.jpg") right no-repeat; }
.somos_profesionales  { background: url("../images/bg_somos_profesionales.jpg") right no-repeat; }
.somos_de_aqui  { background: url("../images/bg_somos_de_aqui.jpg") right no-repeat; }

.quienes_somos { background: url("../images/bg_quienes_somos.jpg") right no-repeat; }
.servicios { background: url("../images/bg_servicios.jpg") right no-repeat; }
.enlaces_prevencion { background: url("../images/bg_enlaces_prevencion.jpg") right no-repeat; }
.enlaces_menorca { background: url("../images/bg_enlaces_menorca.jpg") right no-repeat; }
.aviso_legal { background: url("../images/bg_aviso_legal.jpg") right no-repeat; }

a:link, a:visited { color: #00325d; }

#main_menu { background: #00325d; margin: 0px; padding: 0px; list-style: none; text-align: center; padding: 1em 0em; font-family: "Lucida Sans", Helvetica, sans-serif; }
#main_menu li { display: inline;  margin: 0em 1.1em; }
#main_menu li a { color: #6e8eb3; text-decoration: none; font-size: 1.5em; font-weight: bold; }
#main_menu li.selected a { color: #ffffff; }
#main_menu li a:hover { color: #ffffff; }

#main_content { width: 730px; float: left; position: relative; margin-top: 20px; padding: 0px 0px 10px 230px;  color: #4e4a49; font-size: 1.2em; text-align: justify; }
#main_content h2 { color: #00325d; font-size: 1.8em; margin: 0px 20px 5px 0px; padding: 0px; font-weight: normal; }
#main_content h3 { color: #00325d; font-size: 1em; margin: 0px 20px 20px 0px; padding: 0px; font-weight: bold; }
#main_content p { margin: 0em 20px 1em 0em; }
#main_content img { padding-bottom: 2em; }
#main_content dl { margin: 0em 20px 1em 0em; float: left; width: 700px; }
#main_content dt { float: left; clear: left; font-size: 1.2em; background: url("../images/li.png") left 0.20em no-repeat; padding-left: 15px; color: #333333; font-weight: bold; width: 100%; }
#main_content dd { float: left; clear: left; margin-left: 15px; background: none; width: 100%; }

#main_content dl img { float: left; margin-right: 10px; padding: 4px; border: 1px solid #4e4a49; }

#main_content #abstract { float: right; margin: 0px 0px 10px 20px; display: block; width: 350px; height: auto; color: #ffffff; background: #00325d; font-weight: bold; text-align: left; }
#main_content #abstract p { margin: 1em 0px 1em 0px; padding: 0px 20px; }
#main_content #abstract img { margin-bottom: -3px; padding: 0px; float: right; }

#main_content ul { list-style: none; margin: 0px; padding: 0px; }
#main_content ul li { background: url("../images/li.png") left 0.20em no-repeat; padding-left: 15px; color: #333333; font-weight: bold; }

#main_content #left_bar { position: absolute; top: 0px; left: 20px; }
#main_content #sub_menu { display: block; margin: 0px; padding: 0px; list-style: none; border-top: 1px solid #00325d; }
#main_content #sub_menu li { font-size: 1.4em; border-bottom: 1px solid #00325d; margin: 0px; padding: 0px; background-image: none; font-weight: normal; }
#main_content #sub_menu li a { text-decoration: none; padding: 10px; display: block; width: 165px; }
#main_content #sub_menu li.selected a { background: #00325d; color: #ffffff; }
#main_content #sub_menu li a:hover { background: #00325d; color: #ffffff; }
#main_content #sub_menu ul { font-size: 0.60em; border-top: 1px solid #ffffff; }
#main_content #sub_menu ul li { border: 0px; }
#main_content #sub_menu li.selected ul li a { padding-left: 20px; font-size: 0.80em; width: 155px; color: #6e8eb3; }
#main_content #sub_menu li.selected ul li a:hover { color: #ffffff; }
#main_content #sub_menu li.selected ul li.selected a { color: #ffffff; }

#main_content .banner { margin-top: 20px; }

#footer { border: 0px; position: relative; margin: 4px 0px 40px -476px; }
#footer address { font-size: 1.1em; font-style: normal; }
#footer ul { margin: 0px; padding: 0px; position: absolute; right: 0px; top: 0px; }
#footer ul li { display: inline; border-right: 1px solid #00325d; padding: 0em 0.50em; }
#footer ul li.last { border-right: 0px; }

.left { float: left; margin-right: 20px; }
.subAbstract { float: right; margin-left: 20px; clear: right; margin-top: -10px; }
.grup { float: right; margin-right: 340px; }

/* Classe per fer 2 columnes */
.column50 { width: 50%; float: left; }

/* Classe per fer 4 columnes */
.column25 { width: 24.9%; float: left; text-align: left; }

dl { margin: 0px; padding-top: 10px; }
dl dt { margin-bottom: 0.50em; font-weight: bold; }
dl dd { margin: 0em 0em 1.5em 0em; }

abbr { border-bottom: 1px dotted #555555}

.edifici { height: 750px; background: url(../images/fachada.jpg) center top no-repeat; }

#main_content form  { width: 215px; padding: 0px 20px; float: right; margin: 0px; }
fieldset { border:0px; margin: 0px; padding: 0px; }
form ol { list-style: none; margin: 0px; padding: 0px; }
form li { float: left; clear: left; margin-bottom: 10px; }
form li label  { float: left; clear: left; width: 200px; color: #00325d; font-weight: bold; }
form li input  { float: left; clear: left; width: 214px; padding: 2px; background-color: #00325d; color: #ffffff; border: 0px; }
form li textarea { float: left; clear: left; width: 214px; padding: 2px; height: 100px; background-color: #00325d; color: #ffffff; border: 0px; }
form .button { font-family: "Trebuchet MS"; background-color: #ffffff; border: 0px; font-weight: bold; color: #00325d; text-align: left; padding: 0px; cursor: pointer; background: url(../images/button.gif) right no-repeat; padding-right: 0px; width: 60px;}
form p { display: inline; color: #00325d; font-weight: bold; }
	
.error { background-color: #E6C0C0; border-top: 3px solid #DE7A7B; border-bottom: 3px solid #DE7A7B; padding: 5px; display: block; width: 204px; margin-bottom: 10px; }
.error p { display: block; color: #000000; font-weight: normal; }

ol { margin-left: 40px; margin-bottom: 20px; }

.clear { line-height: 0px; clear: both; height: 0px; }