/* ------------------------------------------------------------------------ */
/* CSS Institut Odontològic Serra                                           */
/* ------------------------------------------------------------------------ */
/* Author: Listalia.com <info@listalia.com> - www.listalia.com              */
/* ------------------------------------------------------------------------ */
/* Name: public.css                                                         */
/* ------------------------------------------------------------------------ */

/* --------------------------General--------------------------- */
body {margin:0 auto; padding:0; font-size:11px; color:#000033; font-family: Verdana, Geneva, sans-serif; width:760px; background-image:url(../img/fondo.jpg); scrollbar-face-color: #F4F4F4; scrollbar-shadow-color: #A4BDD6;  scrollbar-highlight-color: #F4F4F4; scrollbar-3dlight-color: #A4BDD6; scrollbar-darkshadow-color: #A4BDD6; scrollbar-track-color: #A4BDD6; scrollbar-arrow-color: #A4BDD6;}
img {border:0px;}
.img-border img { margin:0 0 10px 0; padding:0; border:1px solid #204365}
a {color:#330000; text-decoration:none;}
a:hover {color:#FD5918; text-decoration:none;}
p {margin:0 0 0 0; padding:0; width:100%; text-align:justify;}
h1 {width:732px; background-color:#204365; color:#FFFFFF; text-transform:uppercase; font-size:12px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; padding:8px; margin:0 0 10px 0;}
h2 {font-weight:bold; margin:10px 0 10px 0; padding:0; text-transform:uppercase; color:#DF6B2F; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
h3 {color:#DF6B2F; font-weight:bold; display:inline;}
h4 {font-size:11px; font-weight:bold;}
.center {text-align:center;}
.img-right {float:right;}
.h1 {width:732px; background-color:#204365; color:#FFFFFF; text-transform:uppercase; font-size:12px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; padding:8px; margin:0 0 10px 0;}


/* --------------------------Cabecera--------------------------- */
#cab-izq {width:127px; height:135px; float:left;}
#cab-der {width:633px; height:135px; float:left;}
#cab-der-izq {width:463px; background-color:#DF6B2F; margin:8px 0 12px 0; padding:5px 0 4px 10px; color:#FFFFFF; float:left; font-size:10px; font-weight:bold; text-decoration:none;}
#cab-der-der {width:138px; background-color:#DF6B2F; margin:8px 0 12px 0; padding:4px 10px 4px 0; text-align:right; float:left;}
.idioma {color:#FFFFFF; text-decoration:none; font-weight:bold; text-transform:uppercase; font-size:10px;}
a.idioma:hover {color:#330000; text-decoration:none;}
#nav {margin: 0; padding: 0; width:633px;}
#nav ul {margin: 1px; padding: 0; list-style: none; white-space:nowrap; display: inline;}
#nav li {margin: -2px; padding: 0; display: inline;}

/* --------------------------Contenido--------------------------- */
#contenido {width:760px; margin:0; padding:0;}

/* -----------Home------------ */
#contenido-home-izq {width:460px; float:left; line-height:15px; margin:0 10px 0 0}
#contenido-home-der {width:262px; float:left; padding:0 0 0 9px; margin:0 0 10px 0}

/* -----------Equipo------------ */
.equipo {margin:0; padding:0; width:750px; list-style:none}
.equipo li {margin:0; padding:10px 0 10px 0; width:250px; height:270px; float:left; text-align:center}
.equipo li img { border:1px solid; margin:0 0 10px 0}

/* -----------Implantes------------ */
#contenido-implantes-izq {float:left; width:420px;}
#contenido-implantes-der {float:right; width:310px;}

/* -----------Estética y tratamientos------------ */
#contenido-izq {width:262px; float:left;}
#contenido-der {width:470px; float:left; padding:0 0 0 9px; margin:0 0 10px 0}
#contenido-der h1 {width:461px; background-color:#DF6B2F; color:#FFFFFF; text-transform:uppercase; font-size:12px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; padding:8px; margin:10px 0 10px 0;}
.contenido-der-img { float:right;}
.lista {margin: 10px 0 0 0; padding: 0; list-style:none}
.lista li {padding:0 0 10px 0; margin:0 0 10px 0; background-image:url(../img/listado-rayas.png); background-repeat:no-repeat; background-position:bottom}
.lista ul { margin:0; padding:0; list-style:none}
.lista a {padding:0 0 0 15px; margin:0; font-weight:bold; color:#204365; background-image:url(../img/liflecha.png); background-repeat: no-repeat; background-position: 0 .5em;}
.lista a:hover {text-decoration:none; color:#B34004;}
.lista p {padding:0 0 0 15px; margin:0; font-weight:bold; color:#B34004; background-image:url(../img/liflecha.png); background-repeat: no-repeat; background-position: 0 .5em;}


/* -----------Contacto y dónde estamos------------ */
#contenido-contacto-izq {padding: 0 10px 0 0; float:left; width:215px;}
#contenido-contacto-der {width:525px; float:right;}
#form-fieldset { margin:0; padding:0; border:none;}
.form-p {padding:0 0 10px 0; margin:0; border:none; font-weight:bold; color:#204365;}
.form-caja {border:1px solid #204365; width:460px; margin-left:11px; font-size:11px; padding:3px}
.button {width:198px; color:#FFFF99; text-decoration:none; padding:5px; margin:8px 0 0 150px; border:none; background-color:#204365; font-weight:bold; font-size:10px;}

/* --------------------------Footer--------------------------- */
#footer { height:15px; width:732px; background-color:#204365; color:#FFFFFF; font-size:9px; padding:8px; margin:20px 0 0 0;}
a.footer {color:#FFFFFF; text-decoration:none;}
a.footer:hover {color:#000000; text-decoration:none;}
#footer-izq {float:left;}
#footer-der {float:right;}