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

/* e-Asesorias
/* Entornodigital, S.A.
/* Autor: Jaume Izquierdo
--------------------------------------------------------------------------- */


/* 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: #fa4b97;}
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: #fff 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: 18px; color: #2b6cd0; width: 120px;}
h3 {font-weight: normal; font-size: 1.4em; color: #2b6cd0; margin: 0 0 10px 0;}

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

#header {width:900px; height: 100px; background: #fff url(../images/bg_header.jpg);}
#header #col1 {width: 520px; float: left; height: 123px;}
#header #col2 {width: 320px; float: right;}

#login {width: 260px; margin:0px 2px 0 0; float:right; padding:20px 10px 4px 50px;}
#login2 {width: 260px; margin:20px 2px 0 0; float:right; padding:20px 10px 4px 50px;}
#login #izq {width: 190px; float: left; margin-left:40px;}
#login #dcha {width: 20px; float: right;}
#login #izq .row {}
#login #izq .row label {float: left; margin: 5px 0 0 0; width: 35px;}
#login #izq .row input {width: 132px; height: 14px; line-height: 14px; border: solid 1px #ccc; margin: 0 0 6px 15px; color: #2b6cd0; font-size: 12px;}
#login #izq .row input:hover, #login .row input:active { border-color: #2b6cd0;}

#login #dcha input.btnsub {width: 20px; height: 20px; background: url(../images/btn_sub.gif) no-repeat; cursor:pointer; border: 0; margin: 24px 0 0 0;}
a.salir { color:#2b6cd0; border:solid 1px #2b6cd0; text-decoration:none; padding:2px 6px;}
.bienvenida { font-weight:bold;}

ul#nav {margin: 16px 0 0 0px; background: url(../images/bg_nav.gif) repeat-x top left; width:862px; float:left; margin-top:0px; padding-left:38px;}
ul#nav li {float: left; margin: 0 30px 0 0; line-height:23px; height:23px;}
ul#nav li a {font-size: 11px; color: #fff; line-height:23px; height:23px; padding:0 10px;}
ul#nav li a:hover {color: #fff; background: url(../images/bg_nav2.gif) repeat-x top left; display:block;}

#logo {margin: 0px 0 0 0px;}

#content { border:solid 2px #f01f51; background: #dcdcdc url(../images/bg_content.gif) repeat-x bottom left;}	

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

#colizq {width: 449px; float: left; margin: 0 0 0 0;}
	#txtpres {margin: -1px 20px 20px 40px;}
	#txtpres p {text-align: justify; line-height: 20px; padding-bottom:20px;}
	
#coldcha {height: auto; background-color:#CCCCCC;}
	#imgportada {margin: 60px 40px 20px 0px; float:right; }
	#titnov h2{float:left; width:362px; height:27px; line-height:27px; display:block; background-color:#f01f51; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 15px; color:#FFFFFF; padding-left:20px; margin: -40px 0 0 474px;}
	

	
	#nov {margin: 13px 0 20px 0px; background-color: #fff; width: 340px; height: auto; padding: 20px; float:left; border:solid 1px #f01f51; margin: 1px 0 20px 474px;}
	
	#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*/
	#noticias #tit h2, #documentos #tit h2 {margin: 30px 0 27px 0; width:817px; color:#000; background:url(../images/bg_tit.gif) no-repeat right; line-height:20px; height:20px; font-size:18px;  font-weight:bold;}
	
	#contacta #tit h2, #servicios #tit h2, #avisolegal #tit h2, #localizacion #tit h2 {margin: 50px 0 27px 0; width:817px; color:#000; background:url(../images/bg_tit.gif) no-repeat right; line-height:20px; height:20px; font-size:18px;  font-weight:bold;}
	
	#txtpres #tit h2 {margin: 30px 0 27px 0; width:817px; color:#000; background:url(../images/bg_tit.gif) no-repeat right; line-height:20px; height:20px; font-size:18px; font-weight:bold;}
	

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

#accordion {
height:auto;
margin-bottom:0px;
}
#accordion h2 a {
width: 797px;
height:auto;
margin-bottom:6px;
background-color: #2b6cd0;
color:#fff;
display:block;
font-size:16px;
padding-left:20px;
line-height:28px;
}

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

#servicios {width: 856px; height: auto; margin: 0 0 0 40px;}

#colservizq {float: left; width: 817px;}

#colservizq .text_servicios {width: 745px; margin: -20px 20px 0px 0px; padding:10px 20px 10px 20px; color: #813434; font-size:15px;}

#colservizq ul {margin: 0 0 20px 0; padding-bottom:10px; border: solid 1px #CCC; background-color:#fff; padding:22px 10px 10px 20px;}
#colservizq ul li {font-size: 11px; line-height: 17px; background:url(../images/bullet.gif) left top no-repeat; padding: 0 0 0 20px;}

.sub_punt {font-size: 11px; line-height: 17px; padding: 0 0 0 10px;}

#localizacion {width: 856px; height: auto; margin: 0 0 0 40px;}
#localizacion #colservizq {float: left; width: 500px;}
#colservizq p {text-align: justify; line-height: 18px; margin: 0 0 0 20px;}

#mapa {border: 1px solid #2b6cd0; padding: 1px; width: 450px; float:left;}
#mapa a { background-color:#2b6cd0; color:#fff; padding: 3px; width: 444px; float:left; display:block;}
#mapa a:hover { background-color:#000; color:#fff;}

#colservdcha { width:350px; height: auto; margin: 0 0 0 0px; float: left;}
#colservdcha .img {margin: 0px 40px 20px 0px; border:solid 1px #002768; float:right;}

#direccion {margin: 0 0 0 0px; height: 450px;}
#direccion h3 {margin: 10px 0 10px 0; color: #2b6cd0; font-size: 14px; font-weight: normal;}
#direccion h4 {margin: 5px 0 5px 0; color: #2b6cd0; font-size: 13px; font-weight: normal;}
#direccion p {line-height: 20px; font-size: 12px;}
#direccion a {color: #2b6cd0;}
#direccion a:hover { text-decoration:underline;}

#footer {height: auto; background-color:#000; width:896px; border-right: solid 2px #f01f51; border-bottom: solid 2px #f01f51;  border-left: solid 2px #f01f51;}
#footer img{
border:none;
float:right;
}
#fcontent {padding: 20px 0 20px 40px; color:#ccc;}
#fcontent a {color:#fff;}
#fcontent a:hover {color:#fff; text-decoration:underline;}

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

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

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

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

#noticias {width:817px; height: auto; margin: 0 0 0 40px;}
#noticias #contenido {width:817px;}

#noticias ul {}
#noticias li { float:left; display:block; width:776px; padding:6px 35px 6px 5px; text-align:left; background-color:#fff; line-height:20px; border: 1px solid #ccc; margin: 0 0 2px 0; }
#noticias li a { display:block; color: #4d4e53; padding-left:0; font-size: 12px; display:block; line-height:20px;}
#noticias li a:hover { color: #2b6cd0; display:block;}
#noticias li:hover { color:#bdbdbd; border: 1px solid #000; }

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

#topcontent { float:left; width:810px; padding: 10px 0 15px 7px; margin:0 0 14px 0; background-color: #000;}

/* 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:#fa4b97; color:#fff;}
#pager ul li a.bot { padding:0 10px; color:#000; text-decoration:none;}
#pager ul li a.bot:hover { color:#f01f51;}

#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: #f01f51;}
#paginador a:hover {color: #2b6cd0;}
#paginador a.numnosel {color: #2b6cd0; margin: 0 0 0 5px; cursor: pointer;}

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

#contacta .bot { background-color:#2b6cd0; color:#fff; padding:0 10px 0 10px; border:none; margin: 20px 280px 40px 0; float:right;}
#contacta .bot:hover { background-color:#f01f51; color:#fff; cursor:pointer;}
.gris {margin: 0 0 20px 0; font-weight:bold; border:solid 1px #000; padding:6px; display:block; width:195px; background-color:#dcdcdc;}

a.contlink {color: #2b6cd0; font-weight: bold;}
a.contlink:hover {color: #f01f51;}

/* AVISO LEGAL */
#avisolegal {width: 810px; margin: 0 0 0 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; padding-bottom:10px;}
#contenido h2 { float:left; width:817px; font-size:16px; line-height:18px; text-align:left; color:#000; padding:10px 0; font-weight:lighter; border-top:1px solid #000; margin: 10px 0 0 0;}

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

.volver {float: right;}
.volver:hover  { color:#2b6cd0; text-decoration:underline;}

.bloc { float:left; width:817px; 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:#fff; line-height:12px; overflow:hidden;}
.fotoizq a { display:block; }
.fotoizq:hover { color:#f01f51;}
.fotodch { float:right; width:170px; height:auto; margin:0 0 5px 10px; color:#c2c2c2; line-height:11px; overflow:hidden;}
.fotodch:hover { color:#fa4b97;}
.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:815px; background-color:#fff; margin:0; padding:6px 0 6px 0;}
#documentos li:hover { color:#f01f51; color:#f01f51;}
#documentos li a { float:left; width:600px; text-align:left; color:#000; padding:0 0 6px 25px;}
#documentos li a:hover { color: #2b6cd0; }
#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:url(../images/icono_link.gif) no-repeat 8px 2px;}
#documentos .descrip { float:left; width:550px; text-align:left; color:#999; margin: 0 0 20px 25px;}

#orden { float:left; width:350px; color:#bebebe; padding-top:8px;}
#orden a { text-decoration:none; margin:0 6px 0 6px; color:#fff; padding-right:12px;}
#orden a:hover { text-decoration:none; color:#f01f51;}
#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;}
#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: #f01f51; border: 1px solid #f01f51;}
#buscador .categorias { float:left; width:150px; line-height:19px; 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; color:#ccc;}

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

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