@charset "utf-8";
/* CSS Document */

/* e-Asesorias
/* Entornodigital, S.A.
/* Autor: Manuel Ribera
--------------------------------------------------------------------------- */


/* ESTRUCTURA SIN MENÚ LATERAL


/* RESET
--------------------------------------------------------------------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }

ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
a img, :link img, :visited img {border: 0;}
a, a:active, a:visited, img { outline:none; text-decoration:none; color:#666;}
a:hover { color: #0096DB;}
img { -ms-interpolation-mode: bicubic;}

/*img, div, li, a { behavior: url(iepngfix.htc); }
a, a:active, a:visited, img { outline:none; text-decoration:none;}*/

/* remember to define focus styles! */
:focus { outline: 0; }

/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }

.clear { clear:both;}
.espacio { height:100px;}


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

body { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; color: #000; background: #68a0df url(../images/bg_body.gif) repeat-x top left;}
.separa { background:url(../images/bg_separa.gif) repeat-x top left; height: 6px; margin: 10px 0 0 0;}

h2 {font-weight: normal; font-size: 16px; color: #0066cc; width: 120px; font-weight:bold;}
h3 {font-weight: normal; font-size: 13px; color: #0066cc; margin: 0 0 10px 0;}

/* ESTRUCTURA
--------------------------------------------------------------------------- */
#wrapper { width:900px; height:auto; margin: 0px auto;  background-color:#e3e3e3;}

#header {height: 177px; background:url(../images/bg_header.jpg) no-repeat top left;}
#header #col1 {width: 570px; float: left;}
#header #col2 {width: 310px; float: left;}

#login {width: 220px; margin: 70px 0 0 0px; float:right;}
#login #izq {width: 190px; float: left; }
#login #dcha {width: 20px; float: left; }
#login #izq .row {}
#login #izq .row label {float: left; margin: 5px 0 0 0; width: 35px; color:#FFF;}
#login #izq .row input {width: 132px; height: 23px; background: url(../images/bg_input.png) no-repeat; border: 0; margin: 0 0 0 15px; color: #0096db; font-size: 12px; padding: 4px 0 0 5px;}
#login #izq .row input:hover, #login .row input:active {background: url(../images/bg_input_hover.png) no-repeat; color: #0066cc;}

#login #dcha input.btnsub {width: 20px; height: 20px; background: url(../images/btn_sub.gif) no-repeat; cursor:pointer; border: 0; margin: 28px 0 0 0;}

a.salir { color:#fff; border:solid 1px #fff; text-decoration:none; padding:2px 6px; line-height:30px;}
a.salir:hover { color:#fff;}
.bienvenida { font-weight:bold;}

ul#nav {margin: 0px; background: url(../images/bg_nav.gif) top left repeat-x; width:900px; height:30px;}
ul#nav li {float: left; margin: 0 20px; line-height:30px;}
ul#nav li a {font-size: 13px; color: #fff; line-height:30px; height:30px; display: inline-block; padding:0 6px; font-weight: 600;}
ul#nav li a:hover {color: #fff; background: url(../images/bg_nav_hover.gif) top left repeat-x; line-height:30px; height:30px;}

#logo {margin:0px;}

#content { background-color:#e3e3e3;}	

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

#colizq {width: 425px; float: left;}
	#txtpres {margin: 40px 20px 10px 40px;}
	#txtpres p {text-align: justify; line-height: 20px; padding-bottom:20px;}
	
#coldcha {width: 405px; height: auto; float: right; margin: 40px 40px 0px 0px; padding-bottom:10px;}
	#imgportada {width: 353px; height: auto; border:solid 1px #0066cc; }
	
	#titnov h2{float:left; width:345px; height:27px; line-height:27px; display:block; background-color:#0066cc; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 15px; color:#FFFFFF; padding-left:20px; margin: 0px 0 0 40px;}
	#nov {margin: 13px 0 20px 40px; background-color: #fff; width:323px; height: auto; padding: 20px; float:left; border:solid 1px #0066cc; margin: 1px 0 20px 40px;}
	
	#novcont {width: 341px;}
	#novcont a.tit {display: block; margin: 0 0 5px 0; font-size: 16px; color: #000; text-decoration:none;}
	#novcont a.tit:hover {color:#2b6cd0;}
	#novcont a.not {margin: 5px 0 0 0; background:url(../images/not_bullet.gif) no-repeat center right; padding: 0 15px 0 0; color: #000;}
	#novcont a.not:hover {background:url(../images/not_bullet_rosa_hover.gif) no-repeat center right; color:#000;}		
	
	/*TITS*/
	#servicios #tit, #avisolegal #tit, #documentos #tit {margin: 40px 0 27px 40px;}
	#txtpres #tit {margin: 0 0 27px 0;}
	#noticias #tit {margin: 30px 0 27px 0px;}
	#contacta #tit {margin: 40px 0 27px 0px;}
	

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

#navsup {}
#navizq {float: left; margin: 0 20px 0 10px; width: 180px; display: none;}

#accordion {
height:auto;
margin-bottom:0px;
}

#servicios {width: 898px; height: auto;}

#accordion h2 a {font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 13px; color: #fff; font-weight:normal;  width: 403px; height:30px; line-height:30px; display:block; background: url(../images/bg_nav.gif) top left repeat-x; margin: 0 0 4px 40px; padding-left:10px; border:solid 1px #0066cc; }
#accordion h2 a:hover{ background: url(../images/bg_nav_hover.gif) top left repeat-x; color:#fff; display:block;}


#colservizq {float: left; width: 455px; padding-bottom:20px;}
#colservizq ul {margin: 4px 0px 10px 40px; background-color:#FFFFFF; border:solid 1px #0066cc; padding:10px 10px 10px 10px;}
#colservizq ul li {font-size: 11px; line-height: 16px; background:url(../images/bullet.gif) left top no-repeat; padding: 0 0 0px 20px;}
#colservizq p {text-align: justify; line-height: 18px; margin: 0px 0 10px 4px;}
#colservizq p.area {font-weight: bold; margin:10px 0px 0px 4px;}
#colservizq p.area1 {font-weight: bold; margin:10px 0px 0px 4px;}

#mapa {border: 1px solid #0066cc; padding: 1px; width: 438px; margin-left:40px; float:left;}

#mapa a { background-color:#0066cc; color:#e3e3e3; padding: 3px; float:left; display:block; width: 432px;}
#mapa a:hover { background-color:#000; color:#fff;}


#colservdcha {float: right; width: 355px; height: auto; margin: 0 40px 0 0px; }
#colservdcha .img {width: 353px; height: auto; border:solid 1px #0066cc; margin-bottom:20px; }

#direccion {margin: 0 0 0 30px; height: 360px; background:#fff; padding:10px 0 0 60px; border: 1px solid #0066cc;}
#direccion h3 {margin: 10px 0 20px 0; color: #0066cc; font-size: 14px; font-weight: normal;}
#direccion h4 {margin: 5px 0 5px 0; color: #0096db; font-size: 13px; font-weight: normal;}
#direccion p {line-height: 20px; font-size: 12px;}



/* CONTENIDO DE MARQUETING COMERCIAL
--------------------------------------------------------------------------- */

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

#novedades, #noticias, #documentos, #fotos, #productos  { float:left; width:820px; margin-bottom:15px;}

#noticias {width: 820px; height: auto; margin: 0 0 0 40px;}
#noticias #contenido {width: 780px; background-color:#fff; padding:20px; margin-bottom:20px;}

#noticias ul {}
#noticias li { float:left; display:block; width:740px; padding:6px 35px 6px 5px; text-align:left; background: #fff; line-height:20px; border-bottom: 1px solid #e2e1dd; border-top: 1px solid #fff; border-right: 1px solid #e2e1dd; margin: 0 0 2px 0; }
#noticias li a { display:block; color: #4d4e53; padding-left:0; font-size: 12px;}
#noticias li a:hover { color: #0066cc; text-decoration:underline;}
#noticias li:hover { background: #fff; color:#0066cc; border-right: 1px solid #cacac8; border-bottom: 1px solid #cacac8;  }

.fecha { color:#0066cc; font-size:11px; float: right; margin: 0 10px 0 0;}
.fecha2 { float:left; width:80px; color:#0066cc; font-size:11px; padding:0 4px 0 2px;}
.fecha3 { float:left; width:80px; color:#0066cc; font-size:11px; clear:right;}

#topcontent { float:left; width: 768px; margin:0 0 14px 0; background:#fff; border:solid 1px #0066cc; padding: 4px 0 15px 10px;}

/* PAGINACIÓN
--------------------------------------------------------------------------- */

#pager { float:left; display:block; width:100%; margin-top:20px; text-align: center;}
#pager ul {}
#pager ul li, #pager ul li p, #pager ul li a { display:block; color:#999; background:#FFF; border: 0; text-align: center;}

#pager ul li:hover { display:inline; color:#999; background:#FFF; border: 0;}
#pager ul li a.num { text-decoration:none; color:#333; padding:0 2px;}
#pager ul li a.num:hover { text-decoration:none; background-color:#0096DB; color:#fff;}
#pager ul li a.bot { padding:0 10px; color:#000; text-decoration:none;}
#pager ul li a.bot:hover { color:#0096DB;}

#paginador {text-align: center; line-height: 30px;}
#paginador ul li, #paginador ul li:hover {background: #fff; text-align: center; border: 0; color: #747679; margin: 0 0 0 0;}
#paginador a, #paginador a.numnosel {text-align: center; line-height: 20px; font-size: 11px; /*border-right: 1px solid #e2e1dd;*/ margin: 0 0 0 3px; padding: 3px 4px 3px 4px; color: #0066cc;}
#paginador a:hover {color: #0096DB;}
#paginador a.numnosel {color: #0096DB; margin: 0 0 0 5px; cursor: pointer;}

/* CONTACTAR
--------------------------------------------------------------------------- */
#contacta {width: 780px; margin: 0 0 0 50px;}
#contacta form label { float:left; width:80px; font-size: 1.2em;}
#contacta form input { margin-bottom:6px; font-size: 13px; color: #0096db; font-family: Tahoma, Arial, Helvetica, sans-serif; padding: 2px 0 0 0;}
#contacta form input:active, #contacta form input:hover {border-color: #0066cc;}
#contacta form textarea {font-size: 11px; font-size: 13px; font-family: Tahoma, Arial, Helvetica, sans-serif; color: #0096db;}
#contacta form textarea:active, #contacta form textarea:hover {border-color: #0066cc;}
.cuadro, .cuadro2 { color:#000; border:1px solid #bdbdbd;}
.cuadro { width:200px; height:20px;}
.cuadro2 { width:390px;height:100px;}

#contacta .bot { background-color:#aaa; color:#fff; padding:10px; border:none; margin: 20px 0 20px 180px; cursor:pointer;}
#contacta .bot:hover { background-color:#0066cc; color:#fff; padding:10px; border:none; margin: 20px 0 20px 180px; cursor:pointer;}
.gris {margin: 0 0 20px 0;}

a.contlink {color: #0096db; font-weight: bold;}
a.contlink:hover {color: #0066cc;}

#pie_foto { position:relative; top:-50px; float:right; width:197px; font-size:10px; color:#0066cc; margin-top: 20px;}
#pie_foto img { margin-top: 60px;}

/* AVISO LEGAL */
#avisolegal {width: 820px; margin: 0 0 0 40px;}
#avisolegal #tit h2 {margin-left: -40px;}
#avisolegal p {text-align:justify; line-height: 20px; margin: 0 0 20px 0;}

/* CONTENIDO
--------------------------------------------------------------------------- */
#rightcol h1 { float:left; width:540px; background:url(../images/fondotit.jpg) no-repeat top left; font-size:16px; line-height:25px; text-align:left; color:#000; padding-left:20px; font-weight: lighter; /*margin-bottom:20px;*/ }
#contenido { float:left; width:780px;}
#contenido h2 { float:left; width:780px; font-size:18px; line-height:22px; text-align:left; color:#0066cc; padding:10px 0; font-weight:lighter; border-top:1px solid #0066cc; margin: 0px;}

a.boton { float:right; height:18px; background-color:#aaa; color:#fff; padding:2px 10px 0 10px; margin-top:4px;}
a.boton:hover { background-color:#0066cc;}

.volver {float: right;}

.bloc { float:left; width:780px; height:auto; text-align:justify; margin:10px 0;}
.bloc p {line-height: 20px;}
.fotoizq { float:left; width:170px; height:auto; margin:0 10px 5px 0 !important; *margin:0 5px 5px 0; color:#c2c2c2; line-height:12px; overflow:hidden;}
.fotoizq a { display:block; }
.fotoizq:hover { color:#0096DB;}
.fotodch { float:right; width:170px; height:auto; margin:0 0 5px 10px; color:#c2c2c2; line-height:11px; overflow:hidden;}
.fotodch:hover { color:#0096DB;}
.bloc img { width:170px; margin-bottom:4px;}

#contenido .enlace { display:block; float:left; width:540px; text-align:left; font-weight:lighter; padding:10px 0; margin-top:10px; border-top:1px dashed #bebebe; }
.enlace img { float:left; width:100px; height:auto; margin:0 10px 0 0;}
.enlace a { display:block; color: #4d4e53; text-decoration:underline; font-size:14px; line-height:18px; padding:0 14px 6px 0; }
.enlace a:hover { color:#000;}

#contenido select { margin:0 0 20px 10px; font-family: Tahoma, Arial, Georgia,"Times New Roman",Times,serif; font-size: 12px; color:#7a7a7a; }
#contenido label { float:left; font-size: 12px;}
#contenido form { margin-top:20px;}

/* DOCUMENTOS
--------------------------------------------------------------------------- */

#documentos li { float:left; width:780px; margin:0; padding:6px 0 6px 0; text-align:left; margin-bottom:10px;}
#documentos li:hover { color:#0066cc; color:#0066cc;}
#documentos li a { float:left; width:110px; text-align:left; color:#000; padding:0 0 6px 25px;}
#documentos li a:hover { color:#0066cc; }
#documentos li a.doc { background:url(../images/icono_doc.gif) no-repeat 8px 0;}
#documentos li a.lock { background:url(../images/icono_lock.gif) no-repeat 8px 0;}

#documentos li a.url { background:#fff url(../images/icono_link.gif) no-repeat 8px 2px; text-align:left; margin-left:0px;}
#documentos .descrip { float:left; width:550px; text-align:left; color:#999; margin: 0 0 20px 25px;}

#orden { float:left; width:350px; color:#0066cc; padding-top:8px;}
#orden a { text-decoration:none; margin:0 6px 0 6px; color:#666; padding-right:12px;}
#orden a:hover { text-decoration:none; color:#0096DB;}
#orden a.up { background:url(../images/flecha_up.gif) no-repeat right 6px;}
#orden a.up:hover { background:url(../images/flecha_down_rol.gif) no-repeat right 6px;}
#orden a.down { background:url(../images/flecha_down.gif) no-repeat right 6px;}
#orden a.down:hover { background:url(../images/flecha_up_rol.gif) no-repeat right 6px;}

#buscador { float:left; padding-top:10px; }
#buscador form { float:left; height:20px; margin:0; padding:0;}
#buscador .cuadro { float:left; width:150px; height:15px; border:1px solid #bdbdbd; /*padding:1px 0 0 2px;*/ 
font-family: Tahoma, Arial, Georgia,"Times New Roman",Times,serif; font-size: 11px; color: #999;}
#buscador .cuadro:hover {color: #0066cc; border: 1px solid #0066cc;}
#buscador .categorias { float:left; width:150px; height:19px; border:1px solid #bdbdbd; /*padding:1px 0 0 2px;*/ 
font-family: Tahoma, Arial, Georgia,"Times New Roman",Times,serif; font-size: 11px; color: #999;}
.separador_categoria {float:left; margin:0 5px; line-height:20px;}

#footer {background-color:#0066cc;}
#fcontent {padding:10px 0 10px 40px; color:#e3e3e3; display:block;}
#fcontent a{color:#e3e3e3;}
#fcontent a:hover{color:#fff; text-decoration:underline;}

#entorno {margin: 10px 15px 0px 0; padding-bottom:10px;}
#entorno p {font-size: 10px; text-align: center;}
#entorno a { color:#999999; text-decoration: none;}

/* ----- VALIDACION ----- */ 

.error { background-color: #FFA28C; border: 1px solid red;}