/* CSS Document */

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

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

body {font-family:tahoma, arial, verdana, sans-serif; background: /*#a5c9b7*/#71a28a /*url(../images/bg.gif) top center repeat-y*/; font-size: 12px; color: #008752; margin: 0; padding: 0;}

a:link, a:active, a:visited {color: #008752;}
a:hover {color: #9a9b9d;}

h1 {}
h2 {}

p {padding: 0; margin: 0;}

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

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

.clear {clear: both;}

.gris {color: #9a9b9d;}

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


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

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

/* ESTRUCTURA */

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

#contenedor #cabecera {height: 215px;}
#contenedor #cabecera #lineatop {height: 9px;}
#contenedor #cabecera #contlogo {height: 57px;}
#contenedor #cabecera #contlogo #logo {float: left;}
#contenedor #cabecera #contlogo #fecha {float: right; padding: 10px 30px 0 10px; text-align: right; font-size: 10px;}
#contenedor #cabecera #contlogo #fecha #banderas {margin: 5px 0 0 0;}
#contenedor #cabecera #contlogo #fecha #banderas a { text-decoration:none;}
#contenedor #cabecera #linemedio {height: 4px;}
#contenedor #cabecera #flash {height: 128px;}
#contenedor #cabecera #lineainf {height: 17px;}

#contenedor #contenido {height: auto;}
#contenedor #contenido #menu {float: left; width: 191px; padding: 12px 0 0 0;}
#contenedor #contenido #centro {float: left; width: 480px; background: url(../images/bg_centro.gif) left top no-repeat;}

#contenedor #contenido #centro #bienvenido {margin: 20px 0 15px 45px;}
#contenedor #contenido #centro #bienvenidotxt {width: 435px; height: auto; border: 1px dashed #d7d7d7; margin: 0 0 0 45px;}
#contenedor #contenido #centro #bienvenidotxt .txt {padding: 20px 10px 10px 10px;}
#contenedor #contenido #centro #bienvenidotxt .imagen {float: right; width: 230px; height: 250px; padding: 10px 0 0 0;}
#contenedor #contenido #centro #bienvenidotxt .txt .conttxt {padding: 0 0 0 10px; margin: 10px auto; width: 400px;}
#contenedor #contenido #centro #bienvenidotxt .txt .conttxt .bullet {float: left; width: 6px; padding: 3px 0 0 0;}
#contenedor #contenido #centro #bienvenidotxt .txt .conttxt .txt {float: left; width: 350px; padding: 0 10px 10px 5px; border-bottom: 1px dashed #d8ede6;}
#contenedor #contenido #centro #bienvenidotxt .txt .imagen2 {width: 80%; border: 1px solid #d8ede6; height: 200px; margin: 20px auto;}
#contenedor #contenido #centro #contserveis {width: 435px; height: 141px; border: 1px dashed #d7d7d7; margin: 11px 0 30px 45px;}
#contenedor #contenido #centro #contserveis #servei1 {float: left; width: 217px; height: 141px; border-right: 1px dashed #d7d7d7;}
#contenedor #contenido #centro #contserveis #servei2 {float: left; width: 217px;}

#contenedor #contenido #circularesindex {float: left; width: 209px;}

#contenedor #contenido #circularesindex .contcirc {width: 188px; margin: 10px 0 0 20px; font-size: 10px;}
#contenedor #contenido #circularesindex .contcirc .top {background:url(../images/not_bg_top.gif) no-repeat; height: 43px;}
#contenedor #contenido #circularesindex .contcirc .top .txt {color: #fff; font-size: 13px; padding: 7px 0 0 10px;}
#contenedor #contenido #circularesindex .contcirc .middle {background: url(../images/not_bg_middle.gif) repeat-y; height: auto;}
#contenedor #contenido #circularesindex .contcirc .middle .conttxt {padding: 0 0 0 10px;}
#contenedor #contenido #circularesindex .contcirc .middle .conttxt .bullet {float: left; width: 6px; padding: 3px 0 0 0;}
#contenedor #contenido #circularesindex .contcirc .middle .conttxt .txt {float: left; width: 150px; padding: 0 0 10px 5px;}
#contenedor #contenido #circularesindex .contcirc .bottom {background:url(../images/not_bg_bottom.gif) no-repeat; height: 4px;}

/* NOTICIAS */
#contenedor #contenido #noticias {float: left; width: 650px; background: url(../images/bg_centro.gif) left top no-repeat;}
#contenedor #contenido #noticias #bienvenido {margin: 20px 0 8px 45px;}
#contenedor #contenido #noticias #noticiascont {width: 600px; height: auto; border-top: 1px dashed #d7d7d7; border-left: 1px dashed #d7d7d7; border-right: 1px dashed #d7d7d7; margin: 0 0 0 45px;}
#contenedor #contenido #noticias #noticiascont .noticia {border-bottom: 1px dashed #d7d7d7; height: auto;}
#contenedor #contenido #noticias #noticiascont .noticia .contnoticia {padding: 10px 0 10px 0; background: url(../images/bg_not.gif) repeat-x;}
#contenedor #contenido #noticias #noticiascont .noticia .contnoticia .bullet {float: left; width: 10px; padding: 5px 0 0 0; margin: 0 0 0 10px;}
#contenedor #contenido #noticias #noticiascont .noticia .contnoticia .txt {float: left; width: 540px;}

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

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

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

/*#contenedor #contenido #circulares #buscador {margin: 20px auto; width: 400px; border: 1px dashed #d7d7d7;}
#contenedor #contenido #circulares #buscador .col1 {float: left; width: 80px; padding: 0 0 0 10px; line-height:45px;}
#contenedor #contenido #circulares #buscador .col2 {float: left; margin: 10px 0 10px 0;}
#contenedor #contenido #circulares #buscador .col2 input {background: #fff; width: 150px; height: 20px; border: 1px solid #d7d7d7; font-size: 13px; color: #008752;}
#contenedor #contenido #circulares #buscador .col3 {float: left; text-align: center; margin: 10px 0 10px 10px;}
#contenedor #contenido #circulares #buscador .col3 input {background: #fff; width: 80px; height: 25px; border: 0; font-size: 12px; color: #008752; padding: 3px 0 3px 3px;}
#contenedor #contenido #circulares #buscador .col3 input:hover {background: #008752; width: 80px; height: 25px; border: 0; font-size: 12px; color: #008752; padding: 3px 0 3px 0; color: #fff;}
*/

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

/* EMPRESA */
#contenedor #contenido #circulares #circularescont2 {width: 600px; height: auto; border: 1px dashed #d7d7d7; margin: 0 0 0 45px;}
#contenedor #contenido #circulares #circularescont2 .txt {padding: 20px; text-align:justify;}
#contenedor #contenido #circulares #circularescont2 .txt img { float:left; margin:0 20px 10px 0;}

#contenedor #contenido #circulares #circularescont2 .imagen {border: 1px solid #d8ede6; float: left; margin: 0 20px 20px 0; width: 150px; height: 150px;}
#contenedor #contenido #circulares #circularescont2 .imagen2 {margin: 10px; padding: 20px; width: auto; height: auto;}

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

/* EQUIPO PROFESIONAL */
#contenedor #contenido #centro2 {float: left; width: 650px; background: url(../images/bg_centro.gif) left top no-repeat;}
#contenedor #contenido #centro2 #equipo {margin: 20px 0 8px 45px; font-size: 13px;}
#contenedor #contenido #centro2 #equipocont {width: 600px; height: auto; margin: 30px 0 50px 45px;}
#contenedor #contenido #centro2 #equipocont #equipolist {float: left; width: 40%;}
#contenedor #contenido #centro2 #equipocont #equipolist .conttxt {padding: 0 0 0 10px;}
#contenedor #contenido #centro2 #equipocont #equipolist .conttxt .bullet {float: left; width: 6px; padding: 3px 0 0 0;}
#contenedor #contenido #centro2 #equipocont #equipolist .conttxt .txt {float: left; width: 200px; padding: 0 0 10px 5px;}

#contenedor #contenido #centro2 #equipocont #equipotexto {float: left; width: 55%; background:url(../images/bg_equipo.gif) no-repeat top left; border-left: 1px dashed #d7d7d7; height: auto; padding: 0 0 0 20px; }
#contenedor #contenido #centro2 #equipocont #equipotexto .imagen {margin: 0 0 10px 0; height: 200px; width: 100%; border: 1px solid #d8ede6; background: #fff;}
#contenedor #contenido #centro2 #equipocont #equipotexto .imagen_big {margin: 0 0 10px 0; height: 150px; width: 100%; border: 1px solid #d8ede6; background: #fff; float:left; display:inline;}

#contenedor #contenido #centro2 #equipocont #equipotexto .conttxt {padding: 0 0 0 10px;}
#contenedor #contenido #centro2 #equipocont #equipotexto .conttxt .bullet {float: left; width: 6px; padding: 3px 0 0 0;}
#contenedor #contenido #centro2 #equipocont #equipotexto .conttxt .txt {float: left; width: 250px; padding: 0 0 10px 5px;}

#contenedor #contenido #centro2 #equipocont #equipotexto .contenido {padding: 0 0 0 30px;}
#contenedor #contenido #centro2 #equipocont #equipotexto .contenido p {margin: 0 0 5px 0;}

/* CONTACTAR*/
#contenedor #contenido #centro #bienvenidotxt .txt #contactar {}
#contenedor #contenido #centro #bienvenidotxt .txt #contactar .bloque {margin: 0 0 20px 0;}
#contenedor #contenido #centro #bienvenidotxt .txt #contactar .bloque .izq {float: left; width: 100px;}
#contenedor #contenido #centro #bienvenidotxt .txt #contactar .bloque .dcha {float: left;}
#contenedor #contenido #centro #bienvenidotxt .txt #contactar .bloque .dcha input {background: #fff; width: 150px; height: 15px; border: 1px solid #d7d7d7; font-size: 13px; color: #008752;}
#contenedor #contenido #centro #bienvenidotxt .txt #contactar .bloque .dcha textarea {background: #fff; width: 300px; border: 1px solid #d7d7d7; font-size: 13px; color: #008752;}

#contenedor #contenido #centro #bienvenidotxt .txt #contactar .submit {background: #fff; border: 1px solid #d7d7d7; height: 20px; width: 80px; color: #008752; font-size: 12px;}
#contenedor #contenido #centro #bienvenidotxt .txt #contactar .submit:hover {background: #008752; border: 1px solid #d7d7d7; height: 20px; width: 80px; color: #fff; font-size: 12px;}
	
/* USUARIOS */
#contenedor #contenido #menu #usuarios {background:url(../images/bg_usuarios.gif) no-repeat top; width: 191px; height: 280px;}
#contenedor #contenido #menu #usuarios #usuariosbox {background: url(../images/bg_usuarios_box.gif) no-repeat; width: 152px; height: 180px; color: #fff; margin: 0px auto;}
#contenedor #contenido #menu #usuarios #usuariosbox #area {height: 34px; font-size: 13px; padding: 5px 0 0 10px; /*line-height: 26px;*/}
#contenedor #contenido #menu #usuarios #usuariosbox #area .serveisonline {font-size: 12px;}
#contenedor #contenido #menu #usuarios #usuariosbox #lineaimg {height: 2px;}
#contenedor #contenido #menu #usuarios #usuariosbox #usuario {height: 40px; margin: 5px 0 0 10px;}
#contenedor #contenido #menu #usuarios #usuariosbox #password {height: 40px; margin: 0 0 0 10px;}
#contenedor #contenido #menu #usuarios #usuariosbox #olvido {height: 40px;}
#contenedor #contenido #menu #usuarios #usuariosbox #olvido .txt {float: left; font-size: 10px; width: 100px; padding: 0 0 0 12px;}
#contenedor #contenido #menu #usuarios #usuariosbox #olvido .submit {float: right; width: 25px; padding: 0 13px 0 0;}
#contenedor #contenido #menu #usuarios #usuariosbox #olvido .submit .subimg {background:url(../images/bg_submit.gif) no-repeat; border: 0; width: 25px; height: 25px;}
#contenedor #contenido #menu #usuarios #usuariosbox input {background:url(../images/bg_textfield.gif) no-repeat; width: 129px; height: 24px; border: 0; font-size: 13px; color: #008752; padding: 3px 0 0 5px;}

#contenedor #pie {height: auto; background: url(../images/bg_pie.gif) repeat-x; font-size:11px; padding:15px 0; line-height:15px;}
#contenedor #pie .txt {padding: 0px 0 0 120px;}
#contenedor #pie #logopie {position: absolute; background: #d7d7d7; width: 71px; height: 72px; margin: -40px 0 0 20px;}

/* ESTRUCTURA - MENU DESPLEGABLE
--------------------------------------------------------------------------- */

.menudiv ul {margin: 0; padding: 0; list-style-type: none; width: 190px; /* Width of Menu Items */}
.menudiv ul li {position: relative; }
/*Sub level menu items */
.menudiv ul li ul {position: absolute; width: 192px; /*sub menu width*/ top: 0; visibility: hidden;}
.menudiv ul li ul li a, .menudiv ul li ul li a:active, .menudiv ul li ul li a:visited {background: #ebebeb; color: #747679;}
.menudiv ul li ul li a:hover {background: #008752; color: #fff;}
/* Sub level menu links style */
.menudiv ul li a, .menudiv ul li a:active, .menudiv ul li a:visited {display: block; overflow: auto; /*force hasLayout in IE7 */ color: #747679; text-decoration: none; background: #fff url(../images/bg_menu.gif) no-repeat; width: 190px; height: 25px; border-bottom: 1px solid #fff; margin: 0 1px 0 1px; line-height: 25px; text-indent: 10px;}
.menudiv ul li a:hover {background: #008752; color:#fff; margin: 0 0 0 1px;}
.menudiv .subfolderstyle {background: #fff url(../images/bg_menu.gif) no-repeat;}
/* Holly Hack for IE \*/
* html .menudiv ul li {float: left; height: 1%; }
* html .menudiv ul li a {height: 1%;}