/* CSS Document */

/* Entorno Digital - www.entorno.es - www.entornodigital.com
/* Proyecto: Vidal Gestores
/* Fecha: Febrero 2008
/* Autor: Jaume Izquierdo - jaume@entorno.es
--------------------------------------------------------------------------- */

/* BASICOS
--------------------------------------------------------------------------- */

body {font-family: arial, verdana, tahoma, sans-serif; font-size: 13px;  margin: 0; padding: 0; background: #7f9eb9; color: #3e6d96;}

h1 {}
h2 {}

p {padding: 0; margin: 0 0 15px 0;}

img {border: 0;}
img a {border: 0;}

a:link, a:active, a:visited {color: #3e6d96; text-decoration: underline;}
a:hover {color: #9a9b9d;}

ul {list-style-type:none; margin:0; padding:0;}
li {margin: 0;}

.clear {clear: both;}

.height20 {height: 20px;}
.height50 {height: 50px;}
.height100 {height: 100px;}

.gris {color: #9a9b9d;}

.titol {font-size: 14px; border-bottom: 1px dashed #c2d3df; padding: 0 0 5px 0; margin: 0 0 10px 0; font-weight: bold;}
.titol2 {font-size: 14px; border-bottom: 1px dashed #c2d3df; padding: 10px 5px 5px 5px; font-weight: bold; margin: 0 0 5px 0;}
.titol3 {font-size: 13px; font-weight: normal;}

/* ESTRUCTURA
--------------------------------------------------------------------------- */

#contenedor {width: 901px; background: #fff; margin: 0px auto;}

#contenedor #cabecera {/*height: 107px;*/}

#contenedor #cabecera #superior {background: #003e74; color: #fff; height: 70px;}

#contenedor #cabecera #superior #logo {float: left;}
#contenedor #cabecera #superior #fecha {float: right; padding: 10px 30px 0 10px; text-align: right; font-size: 10px;}
#contenedor #cabecera #superior #fecha #banderas {margin: 5px 0 0 0;}
#contenedor #cabecera #superior #fecha #banderas a {text-decoration:none; color: #ADD2F1;}
#contenedor #cabecera #superior #fecha #banderas a:hover { color: #9a9b9d;}


#contenedor #cabecera #menucont {height: 25px;}

#contenedor #flash {height: 153px; background: #ccd8e3;}

#contenedor #inicio {}

#contenedor #home #izq {width: 551px; float: left;}
#contenedor #home #izq #quienes {width: 228px; float: left; padding: 45px 0 40px 48px;}
#contenedor #home #izq #quienes img {margin: 0 0 10px 0; text-align: center;}
#contenedor #home #izq #quienes p {padding: 0 30px 5px 0;}
#contenedor #home #izq #img {width: 275px; float: left; padding: 45px 0 0 0;}

#contenedor #home #dcha {width: 350px; height: 594px; float: left; background: url(../img/bg_servicios.jpg) no-repeat top left;}

#contenedor #home #dcha #servicios {width: 303px; height: 180px; background: #fff; margin: 10px auto;}
#contenedor #home #dcha #servicios .cont {padding: 15px 0 0 0;}

#contenedor #home #dcha #servicios .cont .fila {margin: 0 0 0 20px;}
#contenedor #home #dcha #servicios .cont .fila .izq {float: left; padding: 0 5px 5px 0;}
#contenedor #home #dcha #servicios .cont .fila .dcha {float: left;}

#contenedor #home #dcha #areaprivada {width: 303px; height: 140px; background: #fff; margin: 10px auto;}
#contenedor #home #dcha #areaprivada2 {width: 303px; height: 46px; background: #fff; margin: 10px auto;}
#contenedor #home #dcha #areaprivada .titulo {height: 44px;}
#contenedor #home #dcha #areaprivada .cont img {}
#contenedor #home #dcha #areaprivada .cont .formulari {float: left; width: 190px; margin: 0 10px 0 0;}
#contenedor #home #dcha #areaprivada .cont .formulari .cont {padding: 5px 0 2px 0;}
#contenedor #home #dcha #areaprivada .cont .formulari .cont .txt {float: left; width: 70px; text-align: right; padding: 0 10px 0 0;}
#contenedor #home #dcha #areaprivada .cont .formulari .cont .input {float: right;}
#contenedor #home #dcha #areaprivada .cont .formulari .cont .input .inputhome {border: 1px solid #7f9eb9; font-size: 13px; width: 100px; color: #7f9eb9;}
#contenedor #home #dcha #areaprivada .cont .formulari .cont .btsubmit {text-align: right; margin: 5px 0 0 0;}
#contenedor #home #dcha #areaprivada .cont .formulari .cont .btsubmit .bthome {background:url(../img/submit.gif) no-repeat; width: 21px; height: 21px; border: 0;}


#contenedor #home #dcha #areaprivada .cont .password {float: left;}

#contenedor #home #dcha #noticias {width: 303px; height: 96px; background: #fff; margin: 10px auto; font-size: 10px;}
#contenedor #home #dcha #noticias .titulo {height: 27px;}
#contenedor #home #dcha #noticias .conttxt {padding: 0 0 0 10px;}
#contenedor #home #dcha #noticias .bullet {float: left; width: 6px; padding: 3px 0 0 0;}
#contenedor #home #dcha #noticias .txt {float: left; width: 280px; padding: 0 0 10px 5px}

#contenedor #home #dcha #circulares {width: 303px; height: auto; background: #fff; margin: 10px auto; font-size: 10px;}
#contenedor #home #dcha #circulares .titulo {height: 27px;}
#contenedor #home #dcha #circulares .conttxt {padding: 0 0 0 10px;}
#contenedor #home #dcha #circulares .bullet {float: left; width: 6px; padding: 3px 0 0 0;}
#contenedor #home #dcha #circulares .txt {float: left; width: 280px; padding: 0 0 10px 5px}

#contenedor #pie {height: 60px; background: #ccd8e3; font-size: 11px; border-top: 1px dashed #7f9eb9;}
#contenedor #pie .txt {padding: 0px 0 0 150px;}
#contenedor #pie #logopie {position: absolute; background: #d7d7d7; width: 71px; height: 72px; margin: -40px 0 0 20px;}

/* MENU */

#menu {list-style-type:none; margin:0; padding:0;}
#menu li {display:block; float:left; position:relative; z-index:100; margin-right:1px;}

#menu li a.enlace:link, a.enlace:active, a.enlace:visited {color: #3e6d96; display: block; padding: 0 10px 0 10px;}
#menu li a.enlace:hover {color: #fff; display: block;  background: #7f9eb9; padding: 0 10px 0 10px;}
#menu dl {position:absolute; top:10; left:0; margin: 0; padding: 0; background: #fff; width: 200px;}
#menu dt { padding:0; margin: 0;}
#menu dd {display:none; clear:both; margin:0; padding:0; color: #fff; text-align:left;}
#menu dt a, #menu dt a:visited, #menu dt a:active {display:block; text-decoration:none; color: #3e6d96; padding: 0 10px 0 10px;}
#menu dd a, #menu dd a:visited {color:#000; text-decoration:none; display:block; color: #3e6d96; padding: 0 10px 0 10px;}
#menu dd a:hover {display: block; color:#fff; background: #7f9eb9; text-decoration: none;}

#menu li a, #menu li a:visited {display: block; line-height: 25px; color:#3e6d96;  text-decoration: none;}
#menu li a:hover {display: block; line-height: 25px; color:#fff; background: #7f9eb9; text-decoration: none;}

#menu li:hover dd, #menu li a:hover dd {display:block;}
#menu li:hover dl, #menu li a:hover dl {}

#menu table { padding: 0; margin: 0;}
#menu table td { padding: 0; margin: 0;}
#menu table tr { padding: 0; margin: 0;}

/* TOOLTIPS */
.tool-tip { color: #fff; width: auto; z-index: 13000; }
.tool-title { font-weight: bold; font-size: 13px; margin: 0; color: #9FD4FF; padding: 8px 8px 4px; background: url(img/bubbleazul.png) top left; }
.tool-text { font-size: 13px; padding: 4px 8px 8px; background: url(../img/bubbleazul.png) bottom right; }
.custom-tip { color: #000; width: 200spx; z-index: 13000; }
.custom-title { font-weight: bold; font-size: 13px; margin: 0; color: #3E4F14; padding: 8px 8px 4px; background: #C3DF7D; border-bottom: 1px solid #B5CF74; }
.custom-text { font-size: 13px; padding: 4px 8px 8px; background: #CFDFA7; }

/* NOTICIAS
--------------------------------------------------------------------------- */

#contenedor #notcont {background:url(../img/bg_otros.gif) top left repeat-y;}
#contenedor #notcont #noticias {margin: 0px auto; width: 700px; background: url(../img/bg_centro.gif) left top no-repeat;}
#contenedor #notcont #noticias #bienvenido {padding: 20px 0 8px 0;}
#contenedor #notcont #noticias #noticiascont {width: 700px; height: auto; border-top: 1px solid #d2dde4; border-left: 1px solid #d2dde4; border-right: 1px solid #d2dde4; margin: 0;}
#contenedor #notcont #noticias #noticiascont .noticia {border-bottom: 1px solid #d2dde4; height: auto;}
#contenedor #notcont #noticias #noticiascont .noticia .contnoticia {padding: 10px 0 10px 0; background: #fff url(../img/bg_not.gif) repeat-x;}
#contenedor #notcont #noticias #noticiascont .noticia .contnoticia .bullet {float: left; width: 10px; padding: 5px 0 0 0; margin: 0 0 0 10px;}
#contenedor #notcont #noticias #noticiascont .noticia .contnoticia .txt {float: left; width: 650px;}

/* ANTERIOR Y SIGUIENTE */
#contenedor #notcont #noticias #contanterior {width: 600px; margin: 40px 0 0 45px;}
#contenedor #notcont #noticias #contanterior #anterior {float: left;}
#contenedor #notcont #noticias #contanterior #anterior .img {float: left;}
#contenedor #notcont #noticias #contanterior #anterior .txt {float: left; padding: 0 0 0 10px;}
#contenedor #notcont #noticias #contanterior #siguiente {float: right;}
#contenedor #notcont #noticias #contanterior #siguiente .img {float: left; padding: 0 0 0 10px;}
#contenedor #notcont #noticias #contanterior #siguiente .txt {float: left;}
#contenedor #notcont #noticias #linea {margin: 50px 0 0 0;}

/* NOTICIA DESARROLLADA */
#contenedor #notcont #noticias #noticiades {width: 600px; height: auto; margin: 0 0 0 45px;}
#contenedor #notcont #noticias #noticiades #noticiatit {border-bottom: 1px solid #d2dde4; height: auto; padding: 20px 0 20px 20px; background: url(../images/bg_not.gif) repeat-x;}
#contenedor #notcont #noticias #noticiades #noticiatit .txt {font-size: 13px;}
#contenedor #notcont #noticias #noticiades #noticia {margin: 20px 0 0 20px; text-align: justify;}	

/* SERVICIOS
--------------------------------------------------------------------------- */

#contenedor #servicios {}
#contenedor #servicios #foto {float: left; width: 300px; height: 516px; background: url(../img/bg_interior.jpg) no-repeat bottom;}
#contenedor #servicios #foto #titulo {height: 68px; font-size: 14px;}
#contenedor #servicios #foto #titulo .pos {padding: 26px 0 5px 24px; border-bottom: 1px dashed #d2dde4; font-weight: bold;}
#contenedor #servicios #foto #img {width: 228px; height: 229px; /*border: 1px solid #92b1cd;*/ background: #fff ; margin: 0px auto;}
#contenedor #servicios #txt {float: left; width: 600px; height: 516px; background:url(../img/bg_otros.gif) top left repeat-y;}
#contenedor #servicios #txt .postxt {padding: 56px 30px 50px 45px; text-align:justify; width:500px;}
#contenedor #servicios #txt .postxt .imagen2 {margin: 10px; padding: 20px; width: auto; height: auto;}

.margin { margin-top:95px;}

.bg_estandard {background: url(../img/bg_interior.jpg) no-repeat bottom;}
.bg_empresa {background:url(../img/bg_empresa.jpg) no-repeat bottom;}
.bg_fiscal {background:url(../img/bg_fiscal.jpg) no-repeat bottom;}

#contenedor #servicios #txt .postxt .conttxt {padding: 0 0 0 10px; margin: 10px auto; width: 500px;}
#contenedor #servicios #txt .postxt .conttxt .bullet {float: left; width: 6px; padding: 3px 0 0 0;}
#contenedor #servicios #txt .postxt .conttxt .txt {float: left; width: 450px; padding: 0 10px 5px 5px; } 


.includeLogon { margin:15px 0 0 20px;}
#spacer { width:100%; display:block; margin:50px auto;}

/* CONTACTAR
--------------------------------------------------------------------------- */

#contenedor #notcont #noticias #noticiascont .noticia #contactar {padding: 30px;}
#contenedor #notcont #noticias #noticiascont .noticia #contactar .bloque {margin: 0 0 10px 0;}
#contenedor #notcont #noticias #noticiascont .noticia #contactar .bloque .izq {float: left; width: 100px;}
#contenedor #notcont #noticias #noticiascont .noticia #contactar .bloque .dcha {float: left;}
#contenedor #notcont #noticias #noticiascont .noticia #contactar .bloque .dcha input {background: #fff; width: 200px; height: 15px; border: 1px solid #d7d7d7; font-size: 13px; color: #3e6d96;}

#contenedor #notcont #noticias #noticiascont .noticia #contactar .bloque .dcha textarea {background: #fff; width: 300px; border: 1px solid #d7d7d7; font-size: 13px; color: #3e6d96; font-family:Arial, Helvetica, sans-serif;}

#contenedor #notcont #noticias #noticiascont .noticia #contactar .submit {background: #fff; border: 1px solid #d7d7d7; height: 20px; width: 80px; color: #3e6d96; font-size: 13px;}

#contenedor #notcont #noticias #noticiascont .noticia #contactar .submit:hover {background: #3e6d96; border: 1px solid #d7d7d7; height: 20px; width: 80px; color: #fff; font-size: 13px;}

/* EQUIPO PROFESIONAL
--------------------------------------------------------------------------- */

#contenedor #equipo {}
#contenedor #equipo #titulo {margin: 30px;}
#contenedor #equipo #txt {float: left; width: 100%; background:url(../img/bg_otros.gif) top left repeat-y;}
#contenedor #equipo #txt #equipocont {width: 100%; height: auto; margin: 30px 0 50px 0;}
#contenedor #equipo #txt #equipocont #equipolist {float: left; width: 30%; padding: 0 0 0 50px;}
#contenedor #equipo #txt #equipocont #equipolist .conttxt {padding: 0 0 5px 10px;}
#contenedor #equipo #txt #equipocont #equipolist .conttxt .bullet {float: left; width: 6px; padding: 3px 0 0 0;}
#contenedor #equipo #txt #equipocont #equipolist .conttxt .txt {float: left; width: 200px; padding: 0 0 10px 5px;}

#contenedor #equipo #txt #equipocont #equipotexto {float: left; width: 55%; background:url(../img/bg_barra_seccion.gif) top left no-repeat; border-left: 1px dashed #c2d3df; height: auto; padding: 0 0 0 20px;}
#contenedor #equipo #txt #equipocont #equipotexto .imagen {margin: 20px auto; height: 200px; width: 70%; border: 1px solid #d8ede6; background: #fff;}
#contenedor #equipo #txt #equipocont #equipotexto .conttxt {padding: 0 0 0 10px;}
#contenedor #equipo #txt #equipocont #equipotexto .conttxt .bullet {float: left; width: 6px; padding: 3px 0 0 0;}
#contenedor #equipo #txt #equipocont #equipotexto .conttxt .txt {float: left; width: 400px; padding: 0 0 10px 5px;}

#contenedor #equipo #txt #equipocont #equipotexto .contenido {padding: 0 0 0 30px;}
#contenedor #equipo #txt #equipocont #equipotexto .contenido p {margin: 0 0 10px 0;}

/* CIRCULARES
--------------------------------------------------------------------------- */
	
#contenedor #notcont #noticias #circulares {float: left; width: 650px; background: url(../img/bg_centro.gif) left top no-repeat;}
#contenedor #notcont #noticias #circulares #bienvenido {margin: 20px 0 8px 45px;}
#contenedor #notcont #noticias #circulares #circularescont {width: 600px; height: auto; border-top: 1px solid #d7d7d7; border-left: 1px solid #d7d7d7; border-right: 1px solid #d7d7d7; margin: 0 0 0 45px;}
#contenedor #notcont #noticias #circulares #circularescont .circular {border-bottom: 1px solid #d7d7d7; height: auto;}
#contenedor #notcont #noticias #circulares #circularescont .circular .contcircular {padding: 10px 0 10px 0; background: url(../img/bg_not.gif) repeat-x;}
#contenedor #notcont #noticias #circulares #circularescont .circular .contcircular .col1 {float: left; width: 100px; padding: 0 10px 0 10px;}
#contenedor #notcont #noticias #circulares #circularescont .circular .contcircular .col2 {float: left; width: 30px; padding: 0 10px 0 0;}
#contenedor #notcont #noticias #circulares #circularescont .circular .contcircular .col3 {float: left; width: 50px; padding: 0 10px 0 0;}
#contenedor #notcont #noticias #circulares #circularescont .circular .contcircular .col4 {float: left; width: 300px; padding: 0 10px 0 0;}
#contenedor #notcont #noticias #circulares #circularescont .circular .contcircular .col5 {float: left; width: 50px;}

#contenedor #notcont #noticias #circulares #buscador {margin: 20px auto; width: 400px; border: 1px solid #d7d7d7; padding: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;}
#contenedor #notcont #noticias #circulares #buscador .col1 {width: 80px; padding: 0 0 0 10px; /*line-height:45px;*/}
#contenedor #notcont #noticias #circulares #buscador .col2 {margin: 10px 0 10px 0;}
#contenedor #notcont #noticias #circulares #buscador .col2 .login {width: 80px; float: left; padding: 3px 0 0 0;}
#contenedor #notcont #noticias #circulares #buscador .col2 input {background: #fff; width: 150px; height: 20px; border: 1px solid #d7d7d7; font-size: 13px; color: #3e6d96; float:left;}
#contenedor #notcont #noticias #circulares #buscador .col2 input:hover {background: #658db1; width: 150px; height: 20px; border: 1px solid #658db1; font-size: 13px; color: #fff;}
#contenedor #notcont #noticias #circulares #buscador .col2 .btnBuscar {background: #3e6d96; width: 80px; height: 24px; border: 0; font-size: 13px; color: #fff; padding: 3px 0 3px 3px; margin: 0 0 0 10px;}
#contenedor #notcont #noticias #circulares #buscador .col2 .btnBuscar:hover {width: 80px; height: 24px;}
#contenedor #notcont #noticias #circulares #buscador .col3 input {background: #3e6d96; width: 80px; height: 24px; border: 0; font-size: 13px; color: #fff; padding: 3px 0 3px 3px; margin: 0 0 0 80px;}