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

/* e-Portal
/* Entornodigital, S.A.
/* Autor: Gemma Valls/Jaume Izquierdo
--------------------------------------------------------------------------- */


/* 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: #f8b528;}
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: Arial, Helvetica, sans-serif; font-size: 13px; color: #666; line-height:16px; background: url(../images/fondo.jpg) top center repeat-x #fff;}
p { margin:0 0 20px 0; line-height:16px;}
.rosa { color:#f8b528;}
.espacio { padding:16px 0;}
.bold {font-weight: 600;}
.span_link{cursor: pointer; color: #666;}
.span_link:hover {color: #FA4B96;}

/* ESTRUCTURA
--------------------------------------------------------------------------- */
#wrapper { width:100%; height:auto; margin:0 auto; text-align:center; overflow:hidden;}
#header, #main, #log { width:956px/*770px*/; margin:0 auto; overflow:hidden;}
#main { height:auto; padding-bottom:20px; margin-top:10px; overflow:hidden;}
#leftcol { float:left; width:190px; height:auto; margin:0 0 30px 6px; }
#rightcol { float:right; width:730px/*560px*/; height:auto; margin:0 0 30px 0; text-align:left; }


/* HEADER
--------------------------------------------------------------------------- */
#header { height:108px; overflow:hidden; padding:0;}
#header #logo { float:left; width:170px; height:105px; margin-left:20px; padding:0; text-align:center;}
#banner { float:right; margin-top:9px;}
#iconos { float:right; width:700px; margin:4px 0 0 0; text-align:right;}
#iconos ul { margin-bottom:8px;}
#iconos li { display:inline; margin-right:4px;}
#iconos li a { border:none; }
#iconos li a .bandera { border:1px solid #fff;}
#iconos li a.lin { border-right:1px solid #fff; padding-right:10px; margin-right:2px;}


/* BANNERS
---------------------------------------------------------------------------*/ 
#bannerlat { float:left; width:190px; margin-top:50px; text-align:left; color:#CCC; margin:0 0 0 14px; overflow:hidden;}
#bannerlat img { margin:2px 0 2px 0;}

/* LOGGIN
--------------------------------------------------------------------------- */
#loggin, #loggin2 { float:left; width:auto; padding:8px 0 8px 16px; text-align:left; margin-top:10px; /*background: url(../images/busc_fondo.jpg) repeat-x top left; border:2px solid #f8b528;*/ }
#loggin label, #loggin2 label { float:left; padding:1px 4px 0 0; font-size: 12px; }
#loggin input, #loggin2 input { float:left; width:145px; height:16px; background: #fff; margin-left:6px; padding:2px 2px 0 2px; color:#999; font-size: 11px; border:1px solid #bbc0e6;}
.lupabot{ width:16px; height:16px; border:none; margin:2px 20px 0 5px; background:none;}
#loggin .bot, #loggin2 .bot { float:left; width:14px; height:14px; background: url(../images/lupa2.jpg) no-repeat top left; border:none; margin:2px 20px 0 6px;}
#loggin .bot:hover, #loggin2 .bot:hover { cursor:pointer;}
#loggin .bienvenida { padding:0 14px 0 10px; color:#000; text-transform:uppercase;}
#loggin a.salir  { padding:0 14px 0 12px; color:#b2b2b2;}
#loggin a.salir:hover  { color:#7b7eff;}
#loggin2 {/* margin-left:4px;*/ height:17px;}

/* NAVSUP
--------------------------------------------------------------------------- */
#navsup { float:right; margin-top:46px;}
#navsup ul { font-size:13px; line-height:32px; text-align:right; font-weight:bold;}
#navsup ul li { list-style: none; display: inline; padding: 0; }
#navsup ul li a { text-decoration: none; color:#3350A5; padding:6px 15px 6px 15px; /*border:2px solid #fff;*/ margin:0; }
#navsup ul li a:hover { color:#000; /*border:2px solid #f8b528;*/background: url(../images/nav_fondo.jpg) repeat-x top left; /*background:#f8b528;*/ }
#navsup ul li a.current { font-style:italic; color:#000; /*border:2px solid #f8b528;*/background: url(../images/nav_fondo.jpg) repeat-x top left; }

/* NAV
---------------------------------------------------------------------------*/ 
#nav { float:left; width:190px; list-style:none; text-align:left; color:#000; margin-top:50px; /*background:#c4cafe;*/  }
#nav a { display:block; width:175px; height:auto; font-size:13px; font-weight:bold; line-height:26px; text-decoration: none; color:#3350A5; margin:0 0 0 14px; padding:4px 0; border-bottom: 2px solid #fff;}
#nav a:hover {  color:#c2c9fd;}
#nav .submenu { float:left; width:150px; font-size:15px; line-height:26px; padding-left:10px; margin:6px 0;}
#nav a.current { font-style:italic; color:#f9b200; }

.titseccion { float:left; width:173px; font-size:16px; line-height:25px; text-align:left; color:#FFF; background-color:#7b7eff; padding-left:10px; }

/* HOME
--------------------------------------------------------------------------- */
.titular { float:left; width:720px/*540px*/;  text-align:left; color:#000; margin:8px 0; border-bottom:2px dotted #f8b528; }
.titular span { float:left; font-size:22px; padding: 6px 6px 0 0; font-weight: lighter; color:#f8b528;}
.titular a { float:right; height:18px; background: url(../images/nav_fondo.jpg) repeat-x top left; color:#000; font-weight:bold; font-size:11px; padding:6px 10px 4px 10px;}
.titular a:hover { color:#1b1986;}

.destacado { float:left; width:218px/*254px*/; height: 200px; margin:0 4px 6px 2px; padding:8px; background: url(../images/degradado_destacado.jpg) repeat top left #f7f8fd /*f0f2fe*/; overflow:hidden; }
.destacado:hover { background:#f7f8fd; cursor:pointer;}
.destacado .tit { display:block; color:#3450a4; font-size:12px; line-height:18px; padding:0 0 7px 0; font-weight:bold; }
.destacado a { text-decoration:none; color:#666;}
.destacado a:hover { color:#999;}
.destacadonews, .destacadonov { float:left; width:720px/*540px*/; height:auto; overflow:hidden; margin-bottom:8px; background:url(../images/deco.jpg) no-repeat top right;}
.destacadonews .destacado img { float:right; margin:0 0 5px 5px; width:100px;}
.destacadonov .foto { float:left; width:220px; height:80px; margin-bottom:5px; overflow:hidden;}
.destacadonov .foto img { float:left; width:220px; margin-top: -50px;}

.buscador {display:block; margin-bottom:2px; background-color:#FFF; overflow:hidden; padding: 5px; line-height:18px;}
.buscador:hover { background-color:#e8eafc/*f7f7f7*/; cursor:pointer;}
.buscador .tit2 {  color:#000; font-size:15px; line-height:18px; padding:0 0 7px 0; }
.buscador a { text-decoration:none; color:#999;}
.buscador a:hover { color:#666;}
.buscador p{margin-bottom: 0;}

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

#novedades, #noticias, #documentos, #fotos, #productos  { float:left; width:720px/*540px*/; margin-bottom:10px;}

#productos .destacado { float:left; width:700px/*524px*/; height: auto; margin-bottom:6px; padding:8px; background: url(../images/degradado_destacado2.jpg) repeat top left #e5e8ff; overflow:hidden; }
#productos .destacado:hover { background:#edeeff; cursor:pointer;}
#productos .destacado img { float:left; width:100px; margin:0 8px 5px 0;}
#productos .destacado a { text-decoration:none; color:#666;}
#productos .destacado a:hover { color:#999;}
.ref { display:block; color:#666; padding-bottom:4px;}

#noticias ul { }
#noticias li { float:left; display:block; width:660px/*500px*/; padding:6px 35px 6px 5px; text-align:left; background:url(../images/fondonews.jpg) no-repeat bottom right; line-height:20px; }
#noticias li a { display:block; color:#3450a4; padding-left:70px;}
#noticias li a:hover { color:#f8b528;}
#noticias li:hover { background:url(../images/fondonews_rol.jpg) no-repeat bottom right; color:#7b7eff; }
#noticias h2 { margin-top:20px;}

#documentos li { float:left; width:720px/*540px*/; background:url(../images/degradado.jpg) repeat-x bottom left; margin:0; padding:6px 0 6px 0; font-weight:bold;}
#documentos li:hover { background:url(../images/degradado_rol.jpg) repeat-x bottom left; color:#7b7eff;}
#documentos li a { float:left; width:620px/*440px*/; text-align:left; color:#3450a4; padding:0 0 6px 25px;}
#documentos li a:hover { color:#f8b528; }
#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:620px/*440px*/; text-align:left; color:#666; font-weight: lighter;}

#fotos li { display:inline;}
#fotos li img { width:100px; height:auto;}
#fotos li a { float:left; width:100px; height:auto; margin:0 2px 0 2px; border:2px solid #f7f7f7; overflow:hidden;}
#fotos li a:hover { border:2px solid #f8b528;}

/* CONTENIDO
--------------------------------------------------------------------------- */
#rightcol h1 { float:right; width:720px/*540px*/;  margin: 0 0 8px 0; font-size:22px; line-height:30px; padding-right:6px; font-weight: lighter; color:#f8b528; border-bottom:2px dotted #f8b528; }
#contenido { float:left; width:720px/*540px*/; margin:0 0 0 10px;}
#contenido h2 { float:left; width:720px/*540px*/; font-size:18px; line-height:18px; text-align:left; color:#3350A5; padding:10px 0; font-weight:lighter}

a.volver { float:right; color:#999; text-decoration:none; margin-right:10px;}
a.volver:hover { float:right;color:#f8b528;}
a.boton { float:right; height:18px; background: url(../images/nav_fondo.jpg) repeat-x top left; color:#000; font-weight:bold; font-size:11px; padding:6px 10px 4px 10px;}
a.boton:hover { color:#1b1986;}

.bloc { float:left; width:720px/*540px*/; height:auto; text-align:justify; margin:10px 0;}
.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:#f8b528;}
.fotodch { float:right; width:170px; height:auto; margin:0 0 5px 10px; color:#c2c2c2; line-height:11px; overflow:hidden;}
.fotodch:hover { color:#f8b528;}
.bloc img { width:170px; margin-bottom:4px;}

#contenido .enlace { display:block; float:left; width:720px/*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:#f8b528; 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-size: 12px; color:#7a7a7a; }
#contenido label { float:left; font-size: 12px;}
#contenido form { margin-top:20px;}

#topcontent { float:left; width:710px/*530px*/; border-bottom:1px solid #eee; padding-bottom:8px; margin:20px 0 14px 10px;}

#orden { float:left; width:720px/*350px*/; color:#bebebe; margin-bottom:8px;}
#orden a { text-decoration:none; margin:0 6px 0 6px; color:#666; padding-right:12px;}
#orden a:hover { text-decoration:none; color:#f8b528;}
#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; width:720px; }
#buscador form { float:left; height:25px; margin:0; padding:0; text-align:left;}
#buscador .cuadro{ width:150px; height:14px; font-size: 11px; line-height:16px; color: #999;}
#buscador select { font-size: 11px; color: #999; margin:0; padding:0;}
#documentos li a.lock { background:url(../images/icono_lock.gif) no-repeat 8px 0;}

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

#pager { float:left; display:block; width:720px/*540px*/; margin-top:20px; text-align:center;}
#pager ul {}
#pager ul li { display:inline; color:#999;}
#pager ul li a.num { text-decoration:none; color:#333; padding:0 2px;}
#pager ul li a.num:hover { text-decoration:none; background-color:#f8b528; color:#fff;}
#pager ul li a.bot { padding:0 10px; color:#000; text-decoration:none;}
#pager ul li a.bot:hover { color:#f8b528;}

/* CONTACTAR
--------------------------------------------------------------------------- */
#contacta form ul li {margin: 0 0 10px 0;}
#contacta form ul li label {width:140px; line-height: 30px;}
#contacta form input, #contacta form select, #info ul li, .info ul li { margin-bottom:6px; margin: 0;}

.cuadro, .cuadro2 {color:#000; border:2px solid #eee;}
.cuadro {width:200px; height:20px;}
.cuadro2 {width:575px/*390px*/;height:140px;}
.cuadro:hover, .cuadro2:hover {border: 2px solid #f8b528;}
.cuadro:focus, .cuadro2:focus {border: 2px solid #f8b528;}

#contacta .bot {float:right; background-color:#f8b528; color:#fff; padding:2px 10px; border:none; cursor: pointer;}
#contacta .bot:hover {background: #C2C9FD; color:#1C1980;}

.gris { color:#bebebe;}

#contacta form ul li #cli_email_error .aviso,
#contacta form ul li #cli_email2_error .aviso,
#contacta form ul li #cli_clave_error .aviso,
#contacta form ul li #cli_clave2_error .aviso {color: red; font-size: 1em;}

#cli_clave_bar {margin: 5px 0 0 0;}

.pstrength-info {margin: 0 0 0 140px;}
.pstrength-minchar {margin: 0 0 0 140px;}


/* CONTACTAR
--------------------------------------------------------------------------- */
a.boton3 { float:left; padding:10px 30px; background:#f8b528; color:#fff; margin:30px 10px 0 0; }
a.boton3:hover { color:#3350a5; background:#c4ccfd; }


/* PIE
--------------------------------------------------------------------------- */
#footer { float:left; width:100%; margin:0; height:33px; padding-top:16px; text-align:center; font-size:11px; background:#fff; border-top:2px solid #e3e3e3;}
#footer a { color: #666; text-decoration:underline; margin:0 5px;}
#footer a:hover { color: #f8b528;}

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

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

/* PEDIDO
--------------------------------------------------------------------------- */
#pedidobox {border: 1px solid #bdbdbd; -moz-border-radius: 3px; -webkit-border-radius: 3px; margin: 15px 0 0 0;}
#pedidobox #pheader {background: #fff url(../images/fondopie.jpg) top left repeat-x;}
#pedidobox #pheader ul {overflow: hidden;}
#pedidobox #pheader ul li {font-weight: 600;}
#pedidobox #pheader ul li, #pedidobox #content ul li {display:block; float: left;  line-height: 25px;}

#pedidobox #content ul {overflow: hidden; border-top: 1px dashed #bdbdbd;}
#pedidobox #content ul li p {margin: 0 0 10px 0;}

#pedidobox #pheader ul li.uno, #pedidobox #content ul li.uno {width: 150px/*80px*/; border-top: 1px solid #fff; padding: 0 0 0 10px;}
#pedidobox #pheader ul li.dos, #pedidobox #content ul li.dos {width: 210px/*200px*/; border-top: 1px solid #fff;}
#pedidobox #pheader ul li.tres, #pedidobox #content ul li.tres {width: 80px/*70px*/; border-top: 1px solid #fff;}
#pedidobox #pheader ul li.cuatro, #pedidobox #content ul li.cuatro {width: 90px/*80px*/; border-top: 1px solid #fff;}
#pedidobox #pheader ul li.cinco, #pedidobox #content ul li.cinco {border: 0; width: 90px/*80px*/; border-top: 1px solid #fff;}



.flecha_up { margin:0 0 1px 0;}
a.flecha_up { display:block; width:15px; height:10px; background:url(../images/cantidad_up1.jpg);}
 .flecha_up:hover { display:block; width:15px; height:10px; background:url(../images/cantidad_up2.jpg);}

a.flecha_down { display:block; width:15px; height:10px; background:url(../images/cantidad_down1.jpg);}
 .flecha_down:hover { display:block; width:15px; height:10px; background:url(../images/cantidad_down2.jpg);}
			

#botonerapedido {margin: 10px 0 0 0;}

.bot2, .info .bot2 {float:left; background:#aaa; color:#fff; padding:2px 10px 2px 10px; border:none; cursor: pointer; margin: 5px 5px 0 0; font-size: 1em; font-family: Georgia,"Times New Roman",Times,serif;}
.bot2:hover, .info .bot2:hover {background: #000;}

#info {}
#info ul {background:url(../images/fondopie.jpg) top left repeat-x; padding: 0 0 0 10px; border: 1px solid #D6D6D6; margin: 0 0 10px 0; -moz-border-radius: 3px; -webkit-border-radius: 3px; padding: 10px 0 0 10px;}
#info ul li, #info2 ul li {margin: 0 0 5px 0;}
#info label, #info2 label {width: 150px; color: #333;}
#info h2, #info2 h2 {border: none; border-bottom: 1px solid #D6D6D6; margin: 3px 0 10px 0; padding: 0; line-height: 25px; font-size: 1.3em; text-indent: 10px;}

#info2 ul {padding: 0 0 0 10px; margin: 0 0 10px 0;}

.detalle_pedido_box {border: 1px solid #fff; padding: 5px;}
.detalle_pedido_box:hover {border: 1px dashed #FA4B97; -moz-border-radius: 3px; -webkit-border-radius: 3px;}
.detalle_pedido_box .col1 {float: left; width: 20px; margin: 5px 0 0 0;}
.detalle_pedido_box .col2 {float: right; width: 500px;}

.info {}
.info ul {background:url(../images/fondopie.jpg) top left repeat-x; padding: 0 0 0 10px; border: 1px solid #D6D6D6; margin: 0 0 10px 0; -moz-border-radius: 3px; -webkit-border-radius: 3px; padding: 10px 0 0 10px;}
.info ul li, .info2 ul li {margin: 0 0 5px 0;}
.info label, .info2 label {width: 150px; color: #333;}
.info h2, .info2 h2 { width: 500px !important; border-top: none !important; border-bottom: 1px solid #D6D6D6; margin: 3px 0 10px 0 !important; padding: 0 !important; line-height: 25px !important; font-size: 1.2em !important; text-indent: 10px;}

.info2 ul {padding: 0 0 0 10px; margin: 0 0 10px 0;}

h2.noborde {border: none !important; margin: 3px 0 20px 0; padding: 0; line-height: 25px; font-size: 1.4em !important;}
.separador {border-top: 1px dashed #888; padding-bottom: 5px;}

#masinfo {width: 730px/*550px*/;}
#masinfo a {margin: 0 10px 0 0; display: block;}


/******** BUSCADOR ***************/
.ac_results {
	padding: 0px;
	border: 1px solid black;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font: menu;
	font-size: 12px;
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height: 16px;
	overflow: hidden;
}

.ac_loading {
	background: white url('indicator.gif') right center no-repeat;
}

.ac_odd {
	background-color: #eee;
}

.ac_over {
	background-color: #70A8D2;
	color: white;
}

/******FORMULARIOS**********/

.error_icon , .valid_icon {display: block; padding-left: 16px; margin-top: 3px; margin-left: .3em;}
.error_icon {background: url('../images/invalid.png') no-repeat;color: red;}
.valid_icon {background: url('../images/valid.png') no-repeat;color: green;}