

/*
///////////////////////////////////////////////////////////////
///////////// CREADO Y REALIZADO POR DEDO MULTIMEDIA S.A.
///////////// http://www.dedomultimedia.com
///////////// info@dedomultimedia.com 
///////////// Tlf. 943 431 537
///////////////////////////////////////////////////////////////
*/


/*
///////////////////////////////////////////////////////////////
/// SPACE
///////////////////////////////////////////////////////////////
*/

.space {
	width: 1em;
	height:17em;
	float:left;
	}

/*
///////////////////////////////////////////////////////////////
////////////////////////////////////////////   STYLE   ////////
///////////////////////////////////////////////////////////////
*/



/*
///////////////////////////////////////////////////////////////
/// OCULTA
///////////////////////////////////////////////////////////////
*/	

.oculta {
	display:none;
	}	

/*
///////////////////////////////////////////////////////////////
////////////////////////////////////////////   STYLE   ////////
///////////////////////////////////////////////////////////////
*/



/*
///////////////////////////////////////////////////////////////
/// CLEAR BOTH
///////////////////////////////////////////////////////////////
*/

.clear {
	clear: both;
	}

/*
///////////////////////////////////////////////////////////////
////////////////////////////////////////////   STYLE   ////////
///////////////////////////////////////////////////////////////
*/



/*
///////////////////////////////////////////////////////////////
/// HAND
///////////////////////////////////////////////////////////////
*/

.hand{
	cursor: pointer;
	cursor: hand;
	}

/*
///////////////////////////////////////////////////////////////
////////////////////////////////////////////   STYLE   ////////
///////////////////////////////////////////////////////////////
*/



/*
///////////////////////////////////////////////////////////////
/// HIGHLIGHT
///////////////////////////////////////////////////////////////
*/

.highlight {
	color: #0047A9;
	font-weight:bold;
	}

/*
///////////////////////////////////////////////////////////////
////////////////////////////////////////////   STYLE   ////////
///////////////////////////////////////////////////////////////
*/

/*
////////////////////////////////////////////////////////////////
///////////// CREADO Y REALIZADO POR DEDO MULTIMEDIA S.A.
///////////// http://www.dedomultimedia.com
///////////// info@dedomultimedia.com 
///////////// Tlf. 943 431 537
////////////////////////////////////////////////////////////////
*/


/* paginator */
.paginatorContent
{
	font-size:100%;
	margin-left:0em;
	width:95%;
	/*border-bottom:1px solid grey;*/
	height: 3em;
	margin-left: 2em;
}

.pageInfo {
	margin: 0em;
	padding: .8em 0em .8em 0em;
	float:left;
}

/* bloque paginas, select y botones */
.pageList
{
	text-align:right;
	
}

.pageList select
{
	font-family: Helvetica, Verdana, Arial, sans-serif;
	height: 1.4em;
	font-size: .9em;
	color: #808080;
}

/* lista paginas */
ul.pagList {
	list-style: none;
	padding: 0;
	margin: 0;
	display: inline;
}

ul.pagList li
{
	display: inline;
	padding: 0;
	margin: 0;
}

ul.pagList li.pageOn
{
	color:#CB292B;
}


/* multiforkey, multienum select */
.multiSelect {

}

.separador {
	width:2em;
}

.multiSelectTh {
	border-color: #9F9F9F;
	border-width: 1px;
	border-style: solid;
	backGround-color:#FFFFFF;
	text-align:center;
}

.multiSelectSelect {
	width:16em;
	height:12em;
}

.multiSelect .botonOff {
	border:0em;
	text-align:center;
}

.multiSelect .botonOn {
	border:0em;
	text-align:center;
}

/* templates file y fotos */
.contFileFotoMember {
	font-size:1em;
	float:left;
}

.delFileFotoMember {
	position:relative;
	left:2em;
	top:0em;
}

.restrictionText {
	color:#FF7800;
	font-weight:bold;
}

/*
---- dedolib radioButtons y ChecksButtons
*/
ul.horizontalRadios, ul.verticalRadios {
		display: block;
		line-height: 100%;
		margin: 0em;
		padding: 0em;
	}
	
	ul.horizontalRadios li{
		display: inline;
	}

.checkRadioInput {
	float:left;
	border: 0em;
	margin-top:.5em;
	background-color:#FFFFFF;
}

.labelRadiosChecks {
	padding: 0em 1em 0em .1em;
	margin: 0em;
	margin-top: 0.8em;
	width: auto !important;
}



img {
	border: 0em;
}

input, textarea
{
	color: #222222;
	font-size: 1em;
	padding-left:.4em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

textarea
{
	border: 1px solid #ccc;
	background: #F3F1F1;
}

.inputText
{
	border: 0px;
	border: 1px solid #ccc;
	background: #F3F1F1;
	margin-bottom: .2em;
}

.inputTextError
{
	border: 0px;
	border: 1px solid #FFDDDD;
	background: #F3F1F1;
	margin-bottom: .2em;
}

select
{
	color: #222222;
	border-color: #ccc;
	border-width: 1px;
	border-style:solid;
	font-size: 1em;
	background: #F3F1F1;
}


/*
--------- botones dedolib
*/
.botonOff {
	background: #FFCC80;
	border-left: #FFF;
	border-width: 0em 0em 0em .3em;
	border-style: none none none solid;
	padding: 0em .8em 0em .8em;
	color: #444444;
	text-align:center;
	cursor: pointer;
	cursor: hand;
	white-space: nowrap;
}

.botonOn {
	background: #FF9900;
	border-left: #FFF;
	border-width: 0px 0px 0px 3px;
	border-style: none none none solid;
	padding: 0em .8em 0em .8em;
	color: #FFFFFF;
	text-align:center;
	cursor: pointer;
	cursor: hand;
	white-space: nowrap;
}

/*
--------- simbolos de informacion para los campos de los formularios
*/
form, fieldset {
	margin:0em;
}

form label.required, form span.required {
	background-image: url(../images/dedolib/required.gif);
	background-repeat: no-repeat;
	background-position: right 0em;
}
form label.problem, form span.problem {
	background-image: url(../images/dedolib/problem.gif);
	background-repeat: no-repeat;
	background-position: right 0em;
}
form label.completed, form span.completed {
	background-image: url(../images/dedolib/complete.gif);
	background-repeat: no-repeat;
	background-position: right 0em;
}

form div.errorField {
	height:1em;
	font-size:1em;
	color: #FF0000;
	clear:left;
	margin-bottom:-18px;
}

form span.errorField {
	height:2em;
	font-size:1em;
	color: #FF0000;
	padding-left:1em;
}
	
	
/*
--------- caja de mensajes de error o info
*/

.mensajeInfo {
	border: 1px solid #415E93;
	background: #f9f9f9;
	margin: 1em 2em 1em 2em;
	padding: 0em;
	font-size:95%;
}


.titleMsg {
	background: #415E93;
	color: #FFFFFF;
	width: 100%;
	padding: .3em 0 .3em 0em;
	text-indent: .3em;
}
.mensajeInfo ul {
	display: block;
	list-style-type: none;
	margin: 0em;
	padding: 0em;
}
.mensajeInfo li {
	border-bottom: 1px solid #ccc;
	display: block;
	list-style: none;
	margin: 0em;
	padding: .3em;
	width: 90%;
}
.mensajeInfo li.error {
	border-left: 6px solid #900;
	color: #000;
}
.mensajeInfo li.info {
	border-left: 6px solid #C0C9E1 !important;
}
.mensajeInfo li.warning {
	border-left: 6px solid #f60;
}
.mensajeInfo span {
	vertical-align: middle;
}
.msg_icon {
	height: 1.1em;
	margin: 0 .5em 0 .2em;
	vertical-align: middle;
	width: 1.1em;
}
/*
-----------------  caja de seleccion de fechas
*/

#dateChooseContent
{
	margin: 0em;
	padding: .2em;
	display: block;
	width: 11em;
	background-color:#FFFFFF;
}

#dateChooseContent ul	 
{
	border: 0px;
	margin: 0em;
	padding: 0em;
	list-style-type: none;
	text-align: center;
}

#dateChooseContent li
{
	display: block;
	text-align: center;
	padding: 0em;
	margin: 0em;
	float:left;
	border: 1px solid #FFFFFF;
}
 
#dateChooseContent ul li a	 
{
	background: #C0C9E1;
	width: 7em;
	height: 1.5em;
	padding: 0em;
	color: #444444;
	text-decoration: none;
	display: block;
	text-align: center;
	font: normal 1em/1.5em Helvetica, Verdana, Arial, sans-serif;
}

#dateChooseContent li.sign a
{
	width: 1.5em;
}
 
#dateChooseContent li.semana
{
	background: #C0C9E1;
	width: 7em;
	height: 1.5em;
	padding: 0em;
	color: #444444;
	text-decoration: none;
	display: block;
	text-align: center;
	font: normal 1em/1.5em Helvetica, Verdana, Arial, sans-serif;
}

#dateChooseContent li.sigue a
{
	width: 5.1em;
}
 
#dateChooseContent ul li a:hover	 
{
	color: #FFFFFF;
	background-color: #415E93;
}

#dateChooseContent a:active	 
{
	background: #FF7840;
	color: #FFFFFF;
}

#dateChooseContent li#active a	 
{
	background: #FF7840;
	color: #FFF;
}


#formulario01 fieldset div.fieldHelp
{
	font-size: 90%;
	padding: 1em 2em 1em 2em;
	/*margin-bottom: 2em;*/
	margin-top: 1em;
	margin-bottom: 0.5em;
	color: #039DCD;
	border-color: #CCC;
	border-width: 1px;
	border-style: dashed none dashed none;
}


/* formularios */


fieldset legend {
	border: 0px solid #ccc;
	text-align: right;
	margin-left: 0em;
	}
	
fieldset legend span {
	display: none;
	}	 		

fieldset {
	border: 0px solid #ccc;
	margin-bottom: 1em;
	margin-left: 0em;
	display: block;
	}

fieldset label, fieldset span.spanLabel{
	margin-top: 0.7em;
	float:left;
	width: 12em;
	text-align:right;
	padding-right:1em;
	font-size:100%;
}

fieldset input, fieldset select, fieldset textarea {
	margin-top: 0.5em;
}

fieldset.simpleCol2 label, fieldset.simpleCol3 span.spanLabel {
	float:left;
	width: 2em;
}

fieldset.simpleCol8 label, fieldset.simpleCol8 span.spanLabel {
	float:left;
	width: 8em;
}


fieldset.simpleCol9 label, fieldset.simpleCol9 span.spanLabel {
	float:left;
	width: 9em;
}

fieldset.simpleCol10 label, fieldset.simpleCol10 span.spanLabel {
	float:left;
	width: 10em;
}

fieldset.simpleCol15 label, fieldset.simpleCol15 span.spanLabel {
	float:left;
	width: 15em;
}

/*
------ los botones de los formularios para guardar, listado, etc..
*/
#formulario01 #cajaBotonesForm {
 	margin: 0;
 	text-align:right;
 	padding: .3em 0em .3em 0em;
 	margin-top: 1em;
 	margin-bottom: 1em;
 	border-top: 1px dashed #809199;
 	height: 1.7em;
	}

.ie5 #formulario01 #cajaBotonesForm {
	height: 2.5em;
}

.ie6 #formulario01 #cajaBotonesForm {
	height: 2.5em;
}

#formulario01 #botonesForm {
	padding: .4em 1em .4em 0em;
	list-style-type: none;
	font-weight: bold;
	border: 0px solid #ccc;
	margin: 0em;
	position: absolute;
	right: 10px;
	}

#formulario01 #botonesForm li
{
	margin: 0em;
	padding: 0px 0 0px 1em;
	float:left;
	background: url(../images/boton_form_izda.gif) left top no-repeat;
	font-size: 10px;
	border: 0px solid red;
	margin-right: 10px;
}

#formulario01 .boton {
	background: url(../images/boton_form_dcha.gif) right top no-repeat;
	padding: 0px 10px 2px 0px;
	height: 20px;
	border: 0px solid red;
	font-weight: bold;
	font-size: 9px;
	margin: 0px;
	text-transform: uppercase;
}

#formulario01 .boton:hover
{
	
}


.safari #formulario01 .boton {
	margin-top: 5px;
	font-size: 10px;
	width: auto;
}

.safari #formulario01 #botonesForm li {
	background: none !important;
}
/*
------ fin los botones de los formularios para guardar, listado, etc..
*/


div.autoComplete {
      position:absolute;
      width:20em;
      background-color:white;
      border:1px solid #888;
      margin:0;
      padding:0;
      z-index: 100;
    }

div.autoComplete ul  {
      list-style-type: none;
      margin:0;
      padding:0;
    }
div.autoComplete li.selected { background-color: #ffb; }
div.autoComplete li {
      list-style-type: none;
      display:block;
      margin:0;
      padding:.2em;
      height:1.2em;
    }


/*
////////////////////////////////////////////////////////////////
///////////// CREADO Y REALIZADO POR DEDO MULTIMEDIA S.A.
///////////// http://www.dedomultimedia.com
///////////// info@dedomultimedia.com 
///////////// Tlf. 943 431 537
////////////////////////////////////////////////////////////////
*/

a, a:link, a:visited {
	text-decoration: underline;
	color: #CC830E;
}

a:hover {
	text-decoration: underline;
	color: #FA9E0D;
}

.align_center { text-align: center; }
.align_left { text-align: left; }
.align_right { text-align: right; }

h5{
	padding:0em;
	margin:0em;
	padding-top:1em;
	/*color: #015DC4;*/
	color:#CC830E;
	font-size: 1.1em;
	font-weight:bold;
}
#publicLeft {
	width: 17.2em;
	float:left;
	padding: 1em;
}
html>body #publicLeft {width: 17.4em;}

.publicidad { 
	text-align: center; 
	margin: 0 0 3em 0; 
}

#publicLeft .ulLeft{
	list-style-type:none;
	margin:0px;
	padding:0px;
	padding-left: 16px;
	padding-right: 10px;
	padding-top: 10px;
	text-align: justify;
}

/************* FIN DE PARTE IZQUIERDA*/

/************** PARTE CENTRAL*/
#publicCentro {
	float:left;
	padding: 1em 2.5em 1em 2.5em;
	border-right: 2px dotted #aaa;
	border-left: 2px dotted #aaa;
}

.margenNormal{width: 45em; border-right: 2px dotted #AAA;}
/*html>body .margenNormal{width: 47em;border-right: 2px dotted #AAA;}*/

.margenAlargado{width:65.6em;border:0px;}
html>body .margenAlargado{width:66.4em;border:0px;}

.boton-demo {
	text-align: center;
	padding: .7em 0 .5em 0;
	margin: 0 0 0 0;
}

#ver-demo a {
	color: #555555;
	margin-left: 16em;
	padding: .3em 2.6em;
	text-decoration: none;
	background: url(../images/ver-demo.jpg) no-repeat center center;
}

#ver-demo a:hover {
	color: #000000;
	padding: .3em 2.6em;
	text-decoration: underline;
	background: url(../images/ver-demo2.jpg) no-repeat center center;
}

.descarga-pdf {
	background: url(../images/punteado-azul.gif) no-repeat 0em 2em;
}
.descarga-pdf img {
	border: 0px;
	margin-right: .7em;
	margin-bottom: -4px;
}
.descarga-pdf a {
	color: #00b8e4;
}
.descarga-pdf p {
	padding-bottom: .7em;
}






#banner {
	background-color: #7B68EE;
	height: 80px;
}

#mainmenu {
	position: relative;
}

.panel {
	clear: both;
	display: none;
	background: #ffffff;
	padding: 1em;
	border: 1px solid #ccc;
}

.panel.active-tab-body {
	display: block;
}
.bar {
	padding: 5px;
	background-color: #3e3e3e;
}

#tabs {
	position: absolute;
	top: 0px;
	height: 0px;
	list-style: none;
}

#tabs li {
	float: left;
}

#tabs a {
	float: left;
	padding: 5px 8px;
	margin-left: 6px;
	background-color: #DCDCDC;
	text-decoration: none;
	color: #999999;
}

#tabs a.active-tab {
	background-color: #3e3e3e;
	border-top: 3px solid #666;
	padding-top: 3px;
	color: #ccc;
}



/************* FIN DE PARTE CENTRAL*/

/************** PARTE DERECHA*/
#publicRight {
	width: 19em;
	float:left;
	margin:0;
	text-align: left;
	padding: 0 0 0 1.2em;
}

#publicRight h4 {
	color: #3679c7;
	font-size: 120%;
	font-weight: bold;
	background: none;
	border: 0;
	padding: 0; 
	margin: 2em 0 .5em 0;
}

#publicRight span {
	background: #f3f6fa;
	color: #36639a;
	padding: .2em;
}

#publicRight p {
	margin: 0px;
}

#publicRight hr {
	border-top: 1px solid #f6f6f6;
	border-right: 0px;
	margin: 1em 0;
	border-bottom: 1px solid #f6f6f6;
	border-left: 0px;
}

/*html>body #publicRight{width: 25.9em;}*/
/************* FIN DE PARTE DERECHA*/



/******** BOTONES DE LA PUBLIC **********/
	.botonPublic {
		padding:0px;
		border:0px;
		list-style:none;
		/*clear:both;*/
	}
	.botonPublic li
	{
		float:left;
		margin:0em;
		margin-right: 1em;
		padding:0em 0em 0em .7em;
		border:0px;
		background: url(../images/botonesPublic/boton_left_off.gif) no-repeat left top;
	}
	
	.botonPublic .ruled
	{
		background: url(../images/botonesPublic/boton_left_on.gif) no-repeat left top;
	}
	
	.botonPublic li a
	{
		display:block;
		color: #555555;
		background: url(../images/botonesPublic/boton_right_off.gif) no-repeat right top;
		text-decoration: none;
		font-size: .9em;
		padding:.3em 1.2em .4em .2em;
		cursor: pointer;
		cursor: hand;		
	}
	
	.botonPublic li .ruled {
		background: url(../images/botonesPublic/boton_right_on.gif) no-repeat right top;
	}
	
/******* FIN DE BOTONES DE LA PUBLIC *******/

/*----- FORMULARIO DE LOGIN */

#formularioAreaCliente{
	margin:0;
	padding:0px;
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.miniflecha  {
	text-decoration: none;
	color: #CC830E;
	font-weight: bold;
}

 
#divLogin {
	margin: 0px;
	float:left;
	padding:0px;
	font-size: 0.8em;
	background: url(../images/caja_login.jpg) no-repeat 0px 0px;
	width: 184px;
	height: 118px;
	}

#divRecordar{ 
	font-size: 0.8em;
	padding: 0px; 
	margin: 0px;
	margin-top: 5px;
	padding-top: 17px;
	padding-left: 13px;
	float:left;
	background: url(../images/caja_password.jpg) no-repeat 0px 2px;
	width: 164px;
	height: 75px;
}
#divRecordar .inputText{
	width:15.3em;
	margin: 0;
	padding:0;
}

#divLogin fieldset {
	margin:0;
	padding:0;
	margin-left: 4px;
	padding: .8em;
	}

#divLogin label{
	text-align:left;
	margin: 0;
	padding:0;
	margin-top: 4px;
	margin-left: 4px;
	}
	
#divLogin fieldset .inputText{
	width:15.3em;
	margin: 0;
	padding:0;
}

#divLogin legend {
	margin: 0;
	padding:0;
	border: 0px solid #ccc;
	text-align: right;
	}
	
	
#divLogin .botonIzquierda
{
	border: 0em;
	background: #ffffff;
	padding: 0.1em;
	margin: 0em;
	margin-top: 1.6em;
	margin-left: 0.4em;
	float:left;
	clear:both;
}	
html>body #divLogin .botonIzquierda{margin-top: 2em;}
/******* FIN DE FORMULARIO DE LOGIN *******/


/******* FIN DE FORMULARIO DE LOGIN *******/

/************* SECCION PRODUCTOS HOME ************/
.cajaProducto {
	width: 206px;
	height: 241px;
	margin:0px;
	margin-left: 15px;
	margin-bottom: 10px;
	float:left;
	background-image:url(../images/cajaproducto1.jpg);
}
/*
html>body .cajaProducto{width: 212px;}*/
.cajaProductoHorizontal {
	width: 441px;
	height: 122px;
	margin:0px;
	margin-left: 15px;
	margin-bottom: 10px;
	background-image:url(../images/cajaproducto2.jpg);
	float:left;
}
/*
html>body .cajaProducto{width: 212px;}*/

.cajaProductoTitulo {
	padding:0px;
	margin: 0px;
	padding-left: 8px;
	padding-top: 4px;
	color: #ffffff;
	font-size: 1em;
	font-weight:bold;
	height: 18px;
	clear:both;
}

.cajaImagen {
	width: 200px;
	height: 95px;
	margin:0px;
	padding:0px;
	float:left;
}
.cajaProducto .descripcion {
	padding:10px;
	padding-top: 5px;
	margin: 0px;
	text-align: justify;
	width: 180px;
	height: 70px;	
	float: left;
}
.cajaPrecio{
	padding:10px;
	padding-top: 2px;
	padding-bottom: 4px;
	margin:0px;
	margin-right:4px;
	margin-left: auto;
	width: auto;
	float: right;
	text-align: right;
	color:#005EC4;
	text-indent: 20px;
	background: url(../images/icono_precio.gif) no-repeat 0px 0px ;
}
.cajaPrecio .precio{
	font-size:18px;
	font-weight:bold;
}

.cajaProductoHorizontal .descripcion {
	padding:10px;
	padding-top: 5px;
	padding-bottom:5px;
	margin: 0px;
	text-align: justify;
	width: 215px;
	height: 50px;	
	float: left;
}
.mas_info{
	padding-top:3px;
}
.mas_info a:link {
	color: #CC830E;
	text-decoration:underline;
}
.mas_info a:hover {
	color: #FA9E0D;
	text-decoration:underline;
}
.mas_info a:visited {
	color: #CC830E;
	text-decoration:underline;
}
/************* FIN SECCION PRODUCTOS HOME ************/


/************* SECCION PRODUCTOS ************/
.cajaProductoList {
	width: 200px;
	/*height: 241px;*/
	margin:0px;
	margin-left: 15px;
	margin-bottom: 10px;
	margin-top: 10px;
	float:left;
}
.cajaProductoList .imagen {
	float:left;
	margin-right:5px;
}
.cajaProductoList .header {
	background: url(../images/cajalist_header.jpg) no-repeat right bottom;
	margin:0;	
	height: 24px;
	color: #ffffff;
	font-weight:bold;
	text-indent: 8px;
	line-height:23px;
	clear:both;
}

.cajaProductoList .descripcion {
	width: 200px;
	float:left;
	padding:0em;
	border-bottom: 2px dotted #AAA;
}
.cajaProductoList .descripcion ul{
	padding:0;
	margin:0;
	padding-left: 15px;
	padding-top: 10px;
	padding-bottom: 10px;
	list-style-image: url(../images/puntito_naranja.gif);
}
.cajaProductoList .cajaPrecio{
	padding:10px;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-right: 0px;
	margin:0px;
	margin-top:4px;
	margin-left: auto;
	width: auto;
	float: right;
	text-align: right;
	color:#005EC4;
	background: url(../images/icono_precio.gif) no-repeat 0px 0px ;
}
.cajaProductoList .masInfo{
	width: 25px;
	float:left;
	padding-top: 5px;
	font-weight:bold;
}
/************* FIN SECCION PRODUCTOS ************/


/********************** LINEAS AZULES */
.lineaAzulLeft {
	padding:0em;
	margin:0em;
	background: url(../images/linea_azul.gif) no-repeat right bottom;
	padding-bottom:.3em;
	color: #0081ce;
	font-size: 1.6em;
	font-weight:normal;
}

.lineaAzul {
	padding:0em;
	margin:0em;
	background: url(../images/linea_azul.gif) no-repeat left bottom;
	padding-bottom:.3em;
	color: #0081ce;
	font-size: 1.6em;
	font-weight:normal;
}
.lineaAzulClara{
	color: #80AEE1;
}
/********************** FIN LINEAS AZULES */


/*******************MENU PRODUCTOS IZQUIERDA*/

#navcontainer { margin: 0px; color:#000000;}
#navcontainer ul{margin: 0;padding: 0;list-style-type: none; width:9em;}
#navcontainer li { margin: 0 0 4px 0;width:8em;}
#navcontainer li ul{ display:none}


#navcontainer .ulactive{ display:block}
#navcontainer .active {  color:#FFFFFF;background:url(../images/menunav_on.gif) no-repeat left;background-position: 5px;background-color: #005EC3;}
#navcontainer .subactive { background-color: #E6EFF9; color:#000000; font-weight:bold; text-decoration:underline;}


#navcontainer a
{
display: block;
padding: .6em 1.6em;
width: 13.9em;
color: #000000;
text-decoration: none;
background:url(../images/menunav_off.gif) no-repeat left;
background-position: 5px;
background-color: #EEEFF0;
}
html>body #navcontainer a{width: 14.2em;}


#navcontainer a:hover
{
color: #fff;
background:url(../images/menunav_on.gif) no-repeat left;
background-position: 5px;
background-color: #005EC3;
text-decoration: none;
}

#navcontainer ul ul li { margin: 0 0 2px 0; }

#navcontainer ul ul a
{
display: block;
padding: .5em .5em .5em 3em;
width: 13.6em;
color: #000000;
background:url(../images/menunav_sub.gif) no-repeat left;
background-position: 18px;
background-color: #E6EFF9;
text-decoration: none;
}
html>body #navcontainer ul ul a{width: 13.9em;}

#navcontainer ul ul a:hover
{
color: #000000;
background:url(../images/menunav_sub.gif) no-repeat left;
background-position: 18px;
background-color: #E6EFF9;
text-decoration: underline;
}
/******************* FIN MENU PRODUCTOS IZQUIERDA*/



/*
////////////////////////////////////////////////////////////////
///////////// CREADO Y REALIZADO POR DEDO MULTIMEDIA S.A.
///////////// http://www.dedomultimedia.com
///////////// info@dedomultimedia.com
///////////// Tlf. 943 431 537
////////////////////////////////////////////////////////////////
*/


@import url(public.css);
@import url(clasescomunes.css);

/* -------------------------- COMUN */

html {
	margin : 0;
	padding: 0;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 69%;
	margin: 0;
	padding: 0;
	color: #415B67;
	text-align: center;
	background: url(../images/fondo_body.gif) repeat-x left top #ffffff;
	}

a, a:link, a:visited
{
	text-decoration: none;
	color: #415B67;
}

a:hover
{
	text-decoration: none;
	color: #005EC4;
}

p{
	text-align:justify;
}

.dcha{
	text-align: right;
}

/* -------------------------- / FIN COMUN */


/* -------------------------- CONTENEDORA SUPERIOR */

#cont {
	width:90.4em;
	border: 0px solid red;
	border-left: 1px solid #A5ADB3;
	border-right: 1px solid #A5ADB3;
	text-align: left;
	padding: 0em;
	margin-left: auto;
	margin-right: auto;
	background:  #ffffff;
	}
html>body #cont {width: 91em;}
/* -------------------------- / FIN CONTENEDORA SUPERIOR */


/* -------------------------- / CABECERA */

#cabecera {
	position: relative;
	height: 8.9em;
	border: 1px solid #AFAFAF;
	border-right: 0px;
	border-left: 0px;
	}

#cabecera h1 span {
	display: none;
	}

/* -------------------------- FIN CABECERA */


/* -------------------------- BOTONES */

#botones {
	position: relative;
	background: none/*#AFB4B9*/;
	width: 100%;
	border: 0px solid #AFB4B9;
	border-right: 0px;
	margin: .4em 0em .4em 0em;
	padding: 0em 0em 0em 0em;
	}
/* -------------------------- / FIN BOTONES */


/* -------------------------- MENU HORIZONTAL SUPERIOR */
#menulista {
	position: relative;
	margin: .2em 0em .2em 0em;
 	padding: 0;
	height: 2.1em;
	text-align: left;
	border: 0px solid #ccc;
	background: #8D949B;
	}

#menulista li {
	display: inline;
	float: left;
	}

#menulista li a {
	padding: .4em 1em;
	color:#FFFFFF;
	text-decoration: none;
	float: left;
	background: #8D949B;
	}

#menulista li a:hover {
	color: #DDDFE1;
	background: #415B67;
	}

#menulista .seleccionado {
	padding: .4em 1em;
	color: #DDDFE1;
	float: left;
	background: #415B67;
	}

#menulista .logout {
	float: right;
	color: #DDDFE1;
	border-left: 4px solid #FFFFFF;
	}

/* -------------------------- / FIN MENU HORIZONTAL SUPERIOR */



/* -------------------------- CONTENEDORA */

#contenedora {
	/*position: relative;*/
	border-top: 1px solid #ADB2B7;
	border-left: 0em;
	border-right: 0em;
	border-bottom: 0em;
	color: #415B67;
	background: #ffffff url(../images/sombra_lat.jpg) repeat-y 71.7em 0em;
	}
.contenedoraNoBg{
	background-image:none !important;
}
/* -------------------------- / FIN CONTENEDORA */


/* -------------------------- CONTENIDO DE LA DERECHA */

#contder {
	position: relative;
	float: left;
	width: 17.6em;
	margin: 0em;
	border: 0px solid #ccc;
	padding-top: 0px;
	}

#contder h2 {
	color: #5A707B;
	border: 0px solid red;
	font-size: 140%;
	padding-bottom: .3em;
	padding-top: .2em;
	margin-left: 1em;
	margin-right: 1em;
	margin-top: 0em;
	font-weight: normal;
	background: url(../images/ruta_h2.jpg) no-repeat right bottom;
	}

#contder h2 a:link {
	color: #8E959C;
	text-decoration: none;
	}

#contder h2 a:visited {
	color: #8E959C;
	text-decoration: none;
	}

#contder h2 a:hover {
	color: #8E959C;
	text-decoration: underline;
	}

ul.subMenuNav {
	position: relative;
	margin: 0px;
	padding: 0em;
	margin-bottom: 10px;
	}

ul.subMenuNav li {
	list-style: none;
	background: url(../images/lista_li_a.jpg) no-repeat left 6px;

	border-bottom: 1px dashed #AFB4B9;
	color: #8E959C;
	font-weight: bold;
	font-size: .95em;
	padding-bottom: .4em;
	padding-top: .4em;
	margin-left: 1.7em;
	padding-left: 1em;
	}

ul.subMenuNav li a {
	text-decoration: none;
	color: #8E959C;
	font-weight: bold;
}
ul.subMenuNav li a:hover {
	color: #005EC4;
	font-weight: bold;
	}
ul.subMenuNav li a:visited {
	text-decoration: none;
	color: #8E959C;
	font-weight: bold;
	}

ul.subMenuNav li.active {
	background: url(../images/lista_li_hover.jpg) no-repeat left 6px;
	border-bottom: 1px dashed #AFB4B9;
	color: #005EC4;
	padding-bottom: .4em;
	padding-top: .4em;
	}

ul.subMenuNav li.active a {
	color: #005EC4 !important;
	font-weight: bold;
	}


.cajaHeader
{
	background: #F3F3F3;
	width:96%;
	margin: 1em 0em 1em 1.2em;
	padding: 0px;
	border-color: #EAEAEA #B5B4B4 #B5B4B4 #EAEAEA;
	border-width: 1px 2px 2px 1px;
	border-style: solid;
}

.cajaHeader h3 {
	margin: 4px;
	padding: 2px 2px 2px 6px;
	font-size: 90%;
	color: #ffffff;
	text-align: left;
	background: #8D949B;
	border: 1px solid #D8DADB;
	}

.cajaHeader p {
	margin: 1em;
	}

/* -------------------------- / FIN CONTENIDO DE LA DERECHA */



/* -------------------------- CONTENIDO DE LA IZQUIERDA */
#contizq {
	position: relative;
	float: left;
	width: 71.7em;
	padding-top: 0px;
	}

#contizq h2 {
	color: #415B67;
	border: 0px solid red;
	font-size: 160%;
	padding-bottom: 0em;
	padding-top: 1em;
	margin-left: 1em;
	margin-right: .7em;
	margin-top: 0em;
	height: 1.5em;
	font-weight: normal;
	background: url(../images/ruta_h2.jpg) no-repeat left bottom;
	}

#contizq h2 a:link {
	color: #8E959C;
	text-decoration: none;
	}

#contizq h2 a:visited {
	color: #8E959C;
	text-decoration: none;
	}

#contizq h2 a:hover {
	color: #8E959C;
	text-decoration: underline;
	}

#contizq h3 {
	border: 0px solid red;
	font-size: 110%;
	padding-bottom: .6em;
	padding-top: 1.2em;
	margin-left: 1em;
	margin-right: .7em;
	background: url(../images/ruta_h2.jpg) no-repeat left bottom;
	}

#contizq h3 a:link {
	color: #8E959C;
	text-decoration: none;
	}

#contizq h3 a:visited {
	color: #8E959C;
	text-decoration: none;
	}

#contizq h3 a:hover {
	color: #8E959C;
	text-decoration: underline;
	}

#contizq p {
	margin-left: 2em;
	color: #415B67;
	}

#contizq caption {
	margin-left: 1em;
	text-align: left;
	color: #415B67;
	margin-bottom: 1em;
	}
/* -------------------------- / FIN CONTENIDO DE LA IZQUIERDA */

.btNuevoPeque{
	text-align: right;
	color: #FFFFFF;
	font-size: 10px;
	border-bottom:1px dotted #809199;
	margin-left: 1em;

}

.btNuevoPeque a {
	display: block;
	background: url(../images/bt_nuevo_peque.gif) no-repeat right top;
	padding: 7px 7px 10px 0px;
	color: #FFFFFF;
}

.btNuevoPeque a:hover {
	color: #FFFFFF;
}

/* -------------------------- TABLA LISTADO */
#tablaListado {
	margin-left: 2em;
	margin-bottom: 1em;
	font-size:1em;
}

#tablaListado thead th {
	background:#DDDFE1;
	color:#415B67;
	border-top:0px solid #BCBDC1;
	border-left:0px solid #93A1AA;
	border-bottom:1px dotted #809199;
	border-right:0px solid #2F3B42;
	text-align:left;
	padding-left: 0.5em;
	height: 2em;
}

#tablaListado thead th a {
	color: #415B67;
	text-decoration:none;
}

#tablaListado thead th a:hover {
	color: #415B67;
	text-decoration:none;
}

#tablaListado tbody td {
	border: 0px;
	padding-bottom: .5em;
	padding-top: .3em;
	color: #415B67;
	border-bottom:1px dotted #809199;
}

#tablaListado tbody tr.ruled td {
	background: #E6EFF9 !important;
}

/* -------------------------- / FIN TABLA LISTADO */


/* -------------------------- MENU TABS  */
#menuTabs,#menuTabsIntro {
	margin:0em 0em 0em 2em;
    padding:0;
    border:0px;
    list-style:none;
	}

#menuTabs li,#menuTabsIntro li
{
	float:left;
    margin:0em;
    padding:0em 0em 0em .4em;
    cursor: pointer;
	cursor: hand;
	background: url(../images/tabsSubmenu/tab_submenu_left_off.gif) no-repeat left top;
}

#menuTabs li:hover,#menuTabsIntro li:hover
{
	margin: 0em;
    padding:0em 0em 0em .4em;
	color: #555555;
	cursor: pointer;
	cursor: hand;
	background: url(../images/tabsSubmenu/tab_submenu_left_on.gif) no-repeat left top;
}

#menuTabs li a,#menuTabsIntro li a
{
	display:block;
	color: #555555;
	background: url(../images/tabsSubmenu/tab_submenu_right_off.gif) no-repeat right top;
	text-decoration: none;
	padding:.4em 1.2em .3em .6em;
}

#menuTabs li a:hover ,#menuTabsIntro li a:hover{
	display:block;
	margin: 0em;
	color: #555555;
	background: url(../images/tabsSubmenu/tab_submenu_right_on.gif) no-repeat right top;
	text-decoration: none;
	padding:.4em 1.2em .3em .6em;
	}

#menuTabs #tabActive ,#menuTabsIntro #tabActive{
	margin: 0em;
    padding:0em 0em 0em .4em;
	color: #555555;
	background: url(../images/tabsSubmenu/tab_submenu_left_on.gif) no-repeat left top;
	}

#menuTabs #tabActive a,#menuTabsIntro #tabActive a {
	margin: 0em;
	color: #555555;
	background: url(../images/tabsSubmenu/tab_submenu_right_on.gif) no-repeat right top;
	text-decoration: none;
	padding:.4em 1.2em .3em .6em;
	}

/* -------------------------- / FIN MENU TABS */




/*----- formularios de edicion de fichas */
#formulario01 {
	border: 3px solid #BEC2C6;
	border-left: 1px solid #BEC2C6;
	border-top: 5px solid #BEC2C6;
	margin: 0em 2em 1em 2em;
	padding-top:1em;

	}

.cajaCard {
	border: 3px solid #BEC2C6;
	border-left: 1px solid #BEC2C6;
	border-top: 0px solid #BEC2C6;
	margin: 0em 2em 1em 2em;

}

.titCard {
	margin: 0px !important;
	padding: 4px 0px 0px 4px !important;
	height:24px;
	background: url(../images/card_header.gif) repeat-x left top !important;
}

.platosCard {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

.platosCard li {
	text-align:center;
}

.cajaBotonesCard {
	margin: 0;
 	text-align:right;
 	padding: 1em 0em 0em 0em;
 	margin-top: 1em;
 	margin-bottom: 1em;
 	border-top: 1px dashed #809199;
}

.cajaBotonesRight
{
	margin: 1em 0 0 0;
	text-align:right;
	border:0px solid #CCCCCC;
}

#cajaSearch
{
	margin: 0 0 0em 0px;
	padding: 0em 0em 1em 0em;

	border:0em solid red;
	background: #F2F7FC url("../images/search_bottom.gif") repeat-x left bottom;
}

#cajaSearch fieldset
{
	padding-top: 1em;
	padding-bottom: 0em;
}

#cajaSearch table {
	width:95%;
}

#cajaSearch #cajaBotonesForm {
 	margin: 0;
 	padding: 0;
 	text-align:right;
 	padding-right: 2em;
 	margin-bottom: 1em;
	}

#cajaSearch #botonesForm {
	margin: 0em;
	margin-top: 0em;
	margin-bottom: .5em;
	padding: .4em 0em 0em 1em;
	list-style-type: none;
	height: 1.4em;
	font-weight: bold;
	border: 0px solid #ccc;
	}

#cajaSearch #botonesForm li {
	margin: 0em;
	padding: .4em 1em .4em 1em;
	display: inline;
	background: url(../images/boton_form_izda.gif) left top no-repeat;
	font-size: 10px;
	border: 0px solid red;
}

.ie6 #cajaSearch #botonesForm li {
	padding-top: 0em;
}

#cajaSearch .boton {
	background: url(../images/boton_form_dcha.gif) right top no-repeat;
	padding: 0px 10px 2px 0px;
	height: 20px;
	border: 0px solid red;
	font-weight: bold;
	font-size: 9px;
	margin-top: 0px;
	text-transform: uppercase;
}

#cajaSearch .boton:hover
{

}

.safari #cajaSearch #botonesForm li {
	background: none !important;
}


#cajaOperaciones
{
	margin: 0 0 0em 0px;
	padding: 0em 0em 1em 0em;

	border:0em solid red;
	background: #F2F7FC url("../images/search_bottom.gif") repeat-x left bottom;
}

#cajaOperaciones fieldset
{
	padding-top: 1em;
	padding-bottom: 0em;
}

#cajaOperaciones table {
	width:95%;
}

#cajaOperaciones #cajaBotonesForm {
 	margin: 0;
 	padding: 0;
 	text-align:right;
 	padding-right: 2em;
 	margin-bottom: 1em;
	}

#cajaOperaciones #botonesForm {
	margin: 0em;
	margin-top: 0em;
	margin-bottom: .5em;
	padding: .4em 0em 0em 1em;
	list-style-type: none;
	height: 1.4em;
	font-weight: bold;
	border: 0px solid #ccc;
	}

#cajaOperaciones #botonesForm li {
	margin: 0em;
	padding: .4em 1em .4em 1em;
	display: inline;
	background: url(../images/boton_form_izda.gif) left top no-repeat;
	font-size: 10px;
	border: 0px solid red;
}

.ie6 #cajaOperaciones #botonesForm li {
	padding-top: 0em;
}

#cajaOperaciones .boton {
	background: url(../images/boton_form_dcha.gif) right top no-repeat;
	padding: 0px 10px 2px 0px;
	height: 20px;
	border: 0px solid red;
	font-weight: bold;
	font-size: 9px;
	margin-top: 0px;
	text-transform: uppercase;
}

#cajaOperaciones .boton:hover
{

}

.safari #cajaOperaciones #botonesForm li {
	background: none !important;
}

/* -------------------------- FOOTER  */
#footer
{
	border-top: 1px solid #B7B7B7;
	border-bottom: 1px solid #A5ADB3;
	text-align:center;
	background: #FFFFFF;
	clear: both;
	height: 2.5em;
}

#footerIn
{
	text-align:center;
	background: #C6CACD;
	height: 1.9em;
	margin-top:.3em;
	clear: both;
}

#menuFooter {
	margin: .2em 0em .2em 0em;
	padding: 0em;
 	padding-top: .2em;
	text-align: left;
	border: 0px solid #ccc;
	background: #C6CACD;
	}

#menuFooter li {
	display: inline;
	float: left;
	border-right: 1px solid #425C66;
	}

#menuFooter li a {
	padding: 0em 1em;
	color:#425C66;
	float: left;
	background: #C6CACD;
	text-decoration: underline;
	}

#menuFooter li a:hover {
	color: #000;
	background: #f5f5f5;
	text-decoration: underline;
	}

#menuFooter .marca {
	float: right;
	color: #425C66;
	padding: 0em 1em;
	margin-right:2em;
	border-right: 0px solid #FFFFFF;
	}

/* -------------------------- / FIN FOOTER */




/*
--------- calendario grande
*/

.tablaMes
{
	background-color: #FFFFFF;
	/*
	border-width: 1px 0px 1px 1px;
	border-style: solid none solid solid;
	border-color: #C2C2C2;
	*/
	margin-left: 2em;
}

.tablaDias
{
	background-color: #FFFFFF;
	border-width: 1px 0px 1px 1px;
	border-style: solid none solid solid;
	border-color: #C2C2C2;
	margin: 0;
}

th.cabeceraCalCentro
{
	background-color: #B6B5B5;
	color: #FFF;
	text-align: center;
	height:1.6em;
}

th.cabeceraLinkMes
{
	background-color: #B6B5B5;
	color: #FFF;
	text-align: center;
	height:1.6em;
	width: 2em;
}

th.diaSemana
{
	text-align:center;
}

td.dias
{
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 95%;
	width: 2em;
	height: 2em;
	text-align: right;
	border-color: #C2C2C2;
	border-width: 1px 1px 0px 0px;
	border-style: solid solid none none;
	vertical-align: top;
	padding: .5em;
}

td.domingo
{
	color:#FF0000;
}

td.evento
{
	background-color:#FF7840;
	color: #FFFFFF;
}

.cajaEvento
{
	border:1px solid #cccccc;
	padding:0em 0em .5em .5em;
	margin-bottom:.5em;
}

.cajaEvento h4
{
	border: 0px solid red;
	font-size: 110%;
	background: url(../images/ruta_h2.jpg) no-repeat left bottom;
	margin:1.5em 1em 0em .5em;
	padding:0;
}
.cajaEvento p
{
	padding-top:1em;
	clear:both;
}
/*
--------- barras de botones en divs
*/
.toolbar {
    font-weight: normal;
    font-size: 1em;
    visibility: hidden;
	text-align: right;
	float:right;
	margin:.1em 0em 0em 0em;
	height:2em;
}

.toolbar a {
    padding: .1em .6em;
    color: #333;
    border: 1px solid #DEDEDE;
    background: #FFF;
}

.toolbar a:hover {
    text-decoration: none;
    color: #333;
    background: #EEE;
    border: 1px solid #999;
}

.toolbar a:active {
    color: #FFF;
    background: #999;
}



/*
--------- recetas
*/

#recteaCard {
	margin-left: 1em;
	color:#444;
	}

#recteaCard h1 {
	border: 0px solid red;
	font-size: 200%;
	padding-bottom: .6em;
	padding-top: 1em;
	margin-right: .7em;
	height: 2em;
	background: url(../images/ruta_h2.jpg) no-repeat left bottom;
	}



#recteaCard h2 {
	border: 0px solid red;
	font-size: 180%;
	padding-bottom: .6em;
	padding-top: 1em;
	margin-left: 0em;
	margin-right: .7em;
	height: 2em;
	background: url(../images/ruta_h2.jpg) no-repeat left bottom;
	}


#recteaCard h3 {
	border: 0px solid red;
	font-size: 130%;
	padding-bottom: .6em;
	height: 1.2em;
	}

#recteaCard h4 {
	border: 0px solid red;
	font-size: 110%;
	margin-left: 2em;
	padding-bottom: 0em;
	margin-bottom: .5em;
	margin-right: 2em;
	height: 1.4em;
	border-bottom: 1px solid #AFB4B9;
	}

#recteaCard p {
	border: 0px solid red;
	font-size: 100%;
	padding-left: 0em;
	padding-right: 2em;
	color:#444;
	}

#recteaCard ul {
	list-style-type: none;
	color:#444;
	}

#recteaCard li {
	list-style-image: url(../images/lista_li_a.jpg);
	width: 35%;
	padding-bottom: .4em;
	padding-top: .4em;
	}

.ingreList {
	list-style-type: none;
	text-align: left;
	margin: 0;
	padding: 0;
	}

.ingreList li
{
	margin: 0em;
	border-bottom: 1px dotted #ccc;
}

.ingreList li table
{
}

span.handle {
	cursor: move;
	margin-top:1.4em;
	height: 30px;
}



#resultsDiv {
	position: absolute;
}




/*
----- formularios para contratar publica
*/
#formularioContratar {
	margin: 0em 2em 1em 2em;
	padding-top:1em;
	color: #407392 !important;
	}

#formularioContratar fieldset {
	border: 0px solid #ccc;

	margin-bottom: 1em;
	margin-left: 0em;
	display: block;
	}

#formularioContratar fieldset label {
	font-size:100%;
}

#formularioContratar fieldset label.labelEdit {
	width:7.5em;
	float:left;
	text-align:right;
	padding-right:1em;
	font-size:100%;
}

#formularioContratar fieldset div.fieldHelp
{
	font-size: 90%;
	padding: .5em 1em .5em 1em;
	margin-bottom: 1em;
	color: #039DCD;
	border-color: #CCC;
	border-width: 1px;
	border-style: dashed none dashed none;
}

#formularioContratar legend {
	border: 0px solid #ccc;
	text-align: right;
	margin-left: 0em;
	}

#formularioContratar legend span {
	display: none;
	}

#formularioContratar #cajaBotonesForm {
 	margin: 0;
 	text-align:right;
 	padding-right: 1em;
 	margin-bottom: 1em;
	}

#formularioContratar #botonesForm {

	padding: .4em 1em .4em 1em;
	list-style-type: none;
	height: 1.6em;
	font-weight: bold;
	border: 0px solid #ccc;
	margin: 0em;
	margin-top: 1em;
	margin-bottom: .5em;
	}

#formularioContratar #botonesForm li
{
	position: relative;
	margin: 0em;
	padding: .4em 0em .4em .7em;
	display: inline;
}

#formularioContratar .boton {
	border: 0px;
	border: 1px solid #ccc;
	background: #F3F1F1;
	}


table caption {
	display: none;
}

.inplaceeditor-form{
	margin: 0em;
	padding: 0em;
	float: left;
}

.editor_field{
	background-color: #EEEEEE;
}

.divListaMenu {
	float: left;
	width: 44em;
	border:0px solid black;
}

.divLista {
	border:1px solid black;
}
ul.editInPlace {
	list-style:none;
	margin: 0px;
	padding: 0px;
	margin-left: 10px;
}

ul.editInPlace li{
	margin: 0em;
	padding:.5em 0em 1em 0em;
	border-bottom:1px dotted #BBBBBB;
	clear:both;
}

.textItem{
	font-size: 1em;
	font-weight:bold;
}
.itemCompletado
{
	margin: 1em 0em .5em 2em;
	color: #aaaaaa;
	font-style: italic;
}

.listaPlana {
	margin: 0px;
	padding: 0px;
	list-style:none;
}

.liborde li {
	padding-bottom: 5px;
	border-bottom: 1px solid #BBBBBB;
}
/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
}
.tabberlive {
 margin-top:1em;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
 margin:0;
 padding: 3px 0;
 border-bottom: 1px solid #778;
 font: bold 12px Verdana, sans-serif;
}

ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;
}

ul.tabbernav li a
{
 padding: 3px 0.5em;
 margin-left: 3px;
 border: 1px solid #778;
 border-bottom: none;
 background: #DDE;
 text-decoration: none;
}

ul.tabbernav li a:link { color: #448; }
ul.tabbernav li a:visited { color: #667; }

ul.tabbernav li a:hover
{
 color: #000;
 background: #AAE;
 border-color: #227;
}

ul.tabbernav li.tabberactive a
{
 background-color: #fff;
 border-bottom: 1px solid #fff;
}

ul.tabbernav li.tabberactive a:hover
{
 color: #000;
 background: white;
 border-bottom: 1px solid white;
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 padding:5px;
 border:1px solid #aaa;
 border-top:0;
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 display:none;
}
.tabberlive .tabbertab h3 {
 display:none;
}

/* If desired, set a height and add a scrollbar */
.tabberlive#tab2 .tabbertab{
 height:200px;
 overflow:auto;
}

/*
///////////////////////////////////////////////////////////////
///
///////////////////////////////////////////////////////////////
*/



/*
///////////////////////////////////////////////////////////////
////////////////////////////////////////////   STYLE   ////////
///////////////////////////////////////////////////////////////
*/

#fondo_cesta {
	background: #F3F3F3;
	border: 1px solid #D6D6D6;
	margin: 8px 6px 10px 25px;
	}

h4 {
	margin: 4px;
	padding: 2px;
	font-size: 90%;
	color: #ffffff;
	text-align: left;
	background: #8D949B;
	border: 1px solid #D8DADB;
	}

table.tabla_cesta {
	border: 0px;
	padding: 0px;
	}

table.tabla_cesta tr {
	margin: 0px;
	padding: 0px;
	}

td.precio {
	font-size: 9px;
	background: #fff;
	padding-left: 3px;
	color: #FF0000;
	width: 128px;
	}

#cesta_scroll {
	padding: 0px;
	margin: 0px;
	border: 0px solid #000;
	}




/*
///////////////////////////////////////////////////////////////
///
///////////////////////////////////////////////////////////////
*/

.tabla_fotos_yayo a:link {
	color: #FF0000;
	text-decoration: none;
	}

.tabla_fotos_yayo a:visited {
	color: #FF0000;
	text-decoration: none;
	}

.tabla_fotos_yayo a:hover {
	color: #FF0000;
	text-decoration: underline;
	}

/*
///////////////////////////////////////////////////////////////
////////////////////////////////////////////   STYLE   ////////
///////////////////////////////////////////////////////////////
*/






ul#bi_boti {
	margin-left: 0;
	padding-left: 0;
	white-space: nowrap;
	}

#bi_boti ul {
	background: #EBEBEB;
	padding: 0px;
	margin: 0px;
	text-align: right;
	border: 1px solid red;
	}

#bi_boti li {
	display: inline;
	float: right;
	text-transform: uppercase;
	border-left: 2px solid #fff;
	list-style-type: none;
	}

#bi_boti a {
	padding: 3px 10px;
	}

#bi_boti a:link, #bi_boti a:visited {
	color: #000000;
	background-color: #D6D6D6;
	text-decoration: none;
	}

#bi_boti a:hover {
	color: #000000;
	background-color: #ABABAB;
	text-decoration: none;
	}

/*
///////////////////////////////////////////////////////////////
////////////////////////////////////////////   STYLE   ////////
///////////////////////////////////////////////////////////////
*/




.tabla_cesta {
	padding: 7px;
	background: #F3F3F3;
	border: 1px solid #9B9A9A;
	}

.probando {
	 width:100%;
	 background: url(../images/rallado_editar.gif);
	 }

table.probando select, input {
	background: #F0F0F0;
	border: 1px solid #DADADA;}

table.probando thead {
	background: #CB292B;
	}

tr.fondo_grana {
	background: #CB292B;
	color: #ffffff;
	font-weight: bold;
	width: 100%;
	}

tr.fondo_grana th {
	border: 1px solid #CB292B;
	background: #CB292B;
	}

tr.fondo_grana th {
	widht: 12.5px;
	}

/*
///////////////////////////////////////////////////////////////
///
///////////////////////////////////////////////////////////////
*/

.tramitar_compra {
	background: url(../images/boton_detalles.gif) center no-repeat;
	padding: 3px;
	width: 155px;
	border: 0px;
	font-weight: bold;
	font-size: 9px;
	margin-bottom: 5px;
	margin-top: 5px;
	text-transform: uppercase;
	}


/*
///////////////////////////////////////////////////////////////
////////////////////////////////////////////   STYLE   ////////
///////////////////////////////////////////////////////////////
*/
.mensajeBienvenida {
	border: 1px solid #415E93;
	background: #f9f9f9;
	margin: 1em 2em 1em 2em;
	padding: 1em;
	font-size:95%;
}




.top-cerrar {
	background: #e0ecf8;
	text-align: right;
	padding: 5px;
}

.cabecera-avisos {
	background: url(../images/cabecera-avisos.jpg) no-repeat left;
	height: 70px;
}

.politica {
	overflow: scroll; 
	padding: 20px; 
	
	height: 320px; 
	background:#fff;
	text-align:left;
}

.politica h1 {
	font-size: 16px;
}

.politica h2 {
	font-size: 14px;
}





/* - - - - - - - - - - - - - - - - - - - - -

Title : Lightbox CSS
Author : Kevin Hale
URL : http://particletree.com/features/lightbox-gone-wild/

Created : January 13, 2006
Modified : February 1, 2006

- - - - - - - - - - - - - - - - - - - - - */

#lightbox{
	display:none;
	position: absolute;
	top:50%;
	left:50%;
	z-index:9999;
	width:500px;
	height:400px;
	margin:-220px 0 0 -250px;
	border:1px solid #fff;
	background:#FDFCE9;
	text-align:left;
}
#lightbox[id]{
	position:fixed;
}

#overlay{
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:5000;
	background-color:#000;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
}
#overlay[id]{
	position:fixed;
}

#lightbox.done #lbLoadMessage{
	display:none;
}
#lightbox.done #lbContent{
	display:block;
}
#lightbox.loading #lbContent{
	display:none;
}
#lightbox.loading #lbLoadMessage{
	display:block;
}

#lightbox.done img{
	width:100%;
	height:100%;
}

/*
////////////////////////////////////////////////////////////////
///////////// CREADO Y REALIZADO POR DEDO MULTIMEDIA S.A.
///////////// http://www.dedomultimedia.com
///////////// info@dedomultimedia.com 
///////////// Tlf. 943 431 537
////////////////////////////////////////////////////////////////
*/


.Textile {
	color: #555;
}

.Textile h1, .Textile h2, .Textile h3, .Textile h4, .Textile h5, .Textile h6 {
	padding:0em;
	margin:0em;
	background: url(../images/linea_azul.gif) no-repeat left bottom;
	padding-bottom:.3em;
	color: #0081ce;
	font-size: 2em;
	font-family: Helvetica, sans-serif;
	font-weight:normal;
	}

.Textile h2 {
	font-size: 1.8em;
}

.Textile h3 {
	font-size: 1.6em;
}

.Textile h4 {
	font-size: 1.4em;
	background: none;
}

.Textile h5 {
	font-size: 1.2em;
	background: none;
}

.Textile h6 {
	font-size: 1em;
	background: none;
}


.Textile ul {
	list-style: none;
}
	
.Textile ul li {
	list-style-image: url(../images/lista_li_a.jpg);
	padding-bottom: .7em;
	}	

.Textile ol li {
	padding-bottom: .7em;
	}	

.Textile code {
	border: 1px solid #555;
	background: #ddd;
	color: #222;
	padding: .5em;
	font-size: 1em;
	}
	
.Textile p {
	margin: 1em;
}


#test {
  width:100px;
  height:100px;
  float:left;
  background:#123456;
}
.overlay_dialog img { border: none; }

.overlay_dialog {
	background-color: #666666;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}

.dialog_nw {
	width: 9px;
	height: 23px;
	background: transparent url(../images/window/top_left.gif) no-repeat 0 0;		
}

.dialog_n {
	background: transparent url(../images/window/top_mid.gif) repeat-x 0 0;	
	height: 23px;
	width: 100%;
}

.dialog_ne {
	width: 9px;
	height: 23px;
	background: transparent url(../images/window/top_right.gif) no-repeat 0 0;		
}

.dialog_e {
	width: 2px;
	height: 100%;
	background: transparent url(../images/window/center_right.gif) repeat-y 0 0;	
}

.dialog_w {
	width: 2px;
	height: 100%;
	background: transparent url(../images/window/center_left.gif) repeat-y 0 0;		
}

.dialog_sw {
	width: 9px;
	height: 19px;
	background: transparent url(../images/window/bottom_left.gif) no-repeat 0 0;			
}

.dialog_s {
	background: transparent url(../images/window/bottom_mid.gif) repeat-x 0 0;		
	height: 19px;
	width: 100%;
}

.dialog_se {
	width: 9px;
	height: 19px;
	background: transparent url(../images/window/bottom_right.gif) no-repeat 0 0;			
}

.dialog_sizer {
	width: 9px;
	height: 19px;
	background: transparent url(../images/window/sizer.gif) no-repeat 0 0;	
	cursor:se-resize;	
}

.dialog_close {
	width: 14px;
	height: 14px;
	background: transparent url(../images/window/close.gif) no-repeat 0 0;			
	position:absolute;
	top:5px;
	left:8px;
	cursor:pointer;
	z-index:2000;
}

.dialog_minimize {
	width: 14px;
	height: 15px;
	background: transparent url(../images/window/minimize.gif) no-repeat 0 0;			
	position:absolute;
	top:5px;
	left:28px;
	cursor:pointer;
	z-index:2000;
}

.dialog_maximize {
	width: 14px;
	height: 15px;
	background: transparent url(../images/window/maximize.gif) no-repeat 0 0;			
	position:absolute;
	top:5px;
	left:49px;
	cursor:pointer;
	z-index:2000;
}

.dialog_title {
	float:left;
	height:14px;
	font-size:12px;
	text-align:center;
	width:100%;
}

.dialog_content {
	overflow:auto;
	color: #DDDDDD;
	font-family: Tahoma, Arial, Sans Serif;
	font-size: 10px;
	background-color:#DDDDDD;
}

.top_draggable, .bottom_draggable {
  cursor:move;
}

/* DO NOT CHANGE THESE VALUES*/
.dialog {
	display: block;
 	font-family: Tahoma, Arial, Sans Serif;
	position: absolute;
}

.dialog * {
	margin: 0px;
	padding:0px;
}

.dialog table  { border-collapse: collapse; border-spacing: 0; width: 100% }
.dialog td, th { padding: 0; }




.overlay_alphacube {
	background-color: #85BBEF;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}

.alphacube_nw {
	background: transparent url(../css/alphacube/left-top.gif) no-repeat 0 0;			
  width:10px;
  height:25px;
}

.alphacube_n {
  background: transparent url(../css/alphacube/top-middle.gif) repeat-x 0 0;			
  height:25px;
}

.alphacube_ne {
  background: transparent url(../css/alphacube/right-top.gif) no-repeat 0 0;			
  width:10px;	  
  height:25px;
}

.alphacube_w {
  background: transparent url(../css/alphacube/frame-left.gif) repeat-y top left;			
  width:7px;
}

.alphacube_e {
  background: transparent url(../css/alphacube/frame-right.gif) repeat-y top right;			
  width:7px;	  
}

.alphacube_sw {
  background: transparent url(../css/alphacube/bottom-left-c.gif) no-repeat 0 0;			
  width:7px;
  height:7px;
}

.alphacube_s {
  background: transparent url(../css/alphacube/bottom-middle.gif) repeat-x 0 0;			
  height:7px;
}

.alphacube_se, .alphacube_sizer  {
  background: transparent url(../css/alphacube/bottom-right-c.gif) no-repeat 0 0;			
  width:7px;
  height:7px;
}

.alphacube_sizer {
	cursor:se-resize;	
}

.alphacube_butts_container {
	width: 69px;
	position:absolute;
	top:0px;
	right:11px;
	z-index:1000;
}

.alphacube_close {
	width: 23px;
	height: 23px;
	background: transparent url(../css/alphacube/button-close-focus.gif) no-repeat 0 0;			
	float:right;
	cursor:pointer;
	z-index:1000;
}

.alphacube_minimize {
	width: 23px;
	height: 23px;
	background: transparent url(../css/alphacube/button-min-focus.gif) no-repeat 0 0;			
	float:right;
	cursor:pointer;
	z-index:1000;
}

.alphacube_maximize {
	width: 23px;
	height: 23px;
	background: transparent url(../css/alphacube/button-max-focus.gif) no-repeat 0 0;			
	float:right;
	cursor:pointer;
	z-index:1000;
}

.alphacube_title {
	float:left;
	height:14px;
	font-size:14px;
	text-align:center;
	margin-top:2px;
	width:100%;
	color:#123456;
}

.alphacube_content {
	overflow:auto;
	color: #000;
	font-family: Tahoma, Arial, sans-serif;
	font-size: 10px;
	background:#FDFDFD;
}

/* For alert/confirm dialog */
.alphacube_window {
	border:1px solid #F00;	
	background: #FFF;
	padding:20px;
	margin-left:auto;
	margin-right:auto;
	width:400px;
}

.alphacube_message {
	font-size:12px;
	text-align:center;
	width:100%;
	padding-bottom:10px;
}

.alphacube_buttons {
	text-align:center;
	width:100%;
}

.alphacube_buttons input {
	width:20%;
	margin:10px;
}

.alphacube_progress {
	float:left;
	margin:auto;
	text-align:center;
	width:100%;
	height:16px;
	background: #FFF url('alert/progress.gif') no-repeat center center
}




/*
////////////////////////////////////////////////////////////////
///////////// CREADO Y REALIZADO POR DEDO MULTIMEDIA S.A.
///////////// http://www.dedomultimedia.com
///////////// info@dedomultimedia.com 
///////////// Tlf. 943 431 537
////////////////////////////////////////////////////////////////
*/

a, a:link, a:visited {
	text-decoration: underline;
	color: #CC830E;
}

a:hover {
	text-decoration: underline;
	color: #FA9E0D;
}

.align_center { text-align: center; }
.align_left { text-align: left; }
.align_right { text-align: right; }

h5{
	padding:0em;
	margin:0em;
	padding-top:1em;
	/*color: #015DC4;*/
	color:#CC830E;
	font-size: 1.1em;
	font-weight:bold;
}
#publicLeft {
	width: 17.2em;
	float:left;
	padding: 1em;
}
html>body #publicLeft {width: 17.4em;}

.publicidad { 
	text-align: center; 
	margin: 0 0 3em 0; 
}

#publicLeft .ulLeft{
	list-style-type:none;
	margin:0px;
	padding:0px;
	padding-left: 16px;
	padding-right: 10px;
	padding-top: 10px;
	text-align: justify;
}

/************* FIN DE PARTE IZQUIERDA*/

/************** PARTE CENTRAL*/
#publicCentro {
	float:left;
	padding: 1em 2.5em 1em 2.5em;
	border-right: 2px dotted #aaa;
	border-left: 2px dotted #aaa;
}

.margenNormal{width: 45em; border-right: 2px dotted #AAA;}
/*html>body .margenNormal{width: 47em;border-right: 2px dotted #AAA;}*/

.margenAlargado{width:65.6em;border:0px;}
html>body .margenAlargado{width:66.4em;border:0px;}

.boton-demo {
	text-align: center;
	padding: .7em 0 .5em 0;
	margin: 0 0 0 0;
}

#ver-demo a {
	color: #555555;
	margin-left: 16em;
	padding: .3em 2.6em;
	text-decoration: none;
	background: url(../images/ver-demo.jpg) no-repeat center center;
}

#ver-demo a:hover {
	color: #000000;
	padding: .3em 2.6em;
	text-decoration: underline;
	background: url(../images/ver-demo2.jpg) no-repeat center center;
}

.descarga-pdf {
	background: url(../images/punteado-azul.gif) no-repeat 0em 2em;
}
.descarga-pdf img {
	border: 0px;
	margin-right: .7em;
	margin-bottom: -4px;
}
.descarga-pdf a {
	color: #00b8e4;
}
.descarga-pdf p {
	padding-bottom: .7em;
}






#banner {
	background-color: #7B68EE;
	height: 80px;
}

#mainmenu {
	position: relative;
}

.panel {
	clear: both;
	display: none;
	background: #ffffff;
	padding: 1em;
	border: 1px solid #ccc;
}

.panel.active-tab-body {
	display: block;
}
.bar {
	padding: 5px;
	background-color: #3e3e3e;
}

#tabs {
	position: absolute;
	top: 0px;
	height: 0px;
	list-style: none;
}

#tabs li {
	float: left;
}

#tabs a {
	float: left;
	padding: 5px 8px;
	margin-left: 6px;
	background-color: #DCDCDC;
	text-decoration: none;
	color: #999999;
}

#tabs a.active-tab {
	background-color: #3e3e3e;
	border-top: 3px solid #666;
	padding-top: 3px;
	color: #ccc;
}



/************* FIN DE PARTE CENTRAL*/

/************** PARTE DERECHA*/
#publicRight {
	width: 19em;
	float:left;
	margin:0;
	text-align: left;
	padding: 0 0 0 1.2em;
}

#publicRight h4 {
	color: #3679c7;
	font-size: 120%;
	font-weight: bold;
	background: none;
	border: 0;
	padding: 0; 
	margin: 2em 0 .5em 0;
}

#publicRight span {
	background: #f3f6fa;
	color: #36639a;
	padding: .2em;
}

#publicRight p {
	margin: 0px;
}

#publicRight hr {
	border-top: 1px solid #f6f6f6;
	border-right: 0px;
	margin: 1em 0;
	border-bottom: 1px solid #f6f6f6;
	border-left: 0px;
}

/*html>body #publicRight{width: 25.9em;}*/
/************* FIN DE PARTE DERECHA*/



/******** BOTONES DE LA PUBLIC **********/
	.botonPublic {
		padding:0px;
		border:0px;
		list-style:none;
		/*clear:both;*/
	}
	.botonPublic li
	{
		float:left;
		margin:0em;
		margin-right: 1em;
		padding:0em 0em 0em .7em;
		border:0px;
		background: url(../images/botonesPublic/boton_left_off.gif) no-repeat left top;
	}
	
	.botonPublic .ruled
	{
		background: url(../images/botonesPublic/boton_left_on.gif) no-repeat left top;
	}
	
	.botonPublic li a
	{
		display:block;
		color: #555555;
		background: url(../images/botonesPublic/boton_right_off.gif) no-repeat right top;
		text-decoration: none;
		font-size: .9em;
		padding:.3em 1.2em .4em .2em;
		cursor: pointer;
		cursor: hand;		
	}
	
	.botonPublic li .ruled {
		background: url(../images/botonesPublic/boton_right_on.gif) no-repeat right top;
	}
	
/******* FIN DE BOTONES DE LA PUBLIC *******/

/*----- FORMULARIO DE LOGIN */

#formularioAreaCliente{
	margin:0;
	padding:0px;
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.miniflecha  {
	text-decoration: none;
	color: #CC830E;
	font-weight: bold;
}

 
#divLogin {
	margin: 0px;
	float:left;
	padding:0px;
	font-size: 0.8em;
	background: url(../images/caja_login.jpg) no-repeat 0px 0px;
	width: 184px;
	height: 118px;
	}

#divRecordar{ 
	font-size: 0.8em;
	padding: 0px; 
	margin: 0px;
	margin-top: 5px;
	padding-top: 17px;
	padding-left: 13px;
	float:left;
	background: url(../images/caja_password.jpg) no-repeat 0px 2px;
	width: 164px;
	height: 75px;
}
#divRecordar .inputText{
	width:15.3em;
	margin: 0;
	padding:0;
}

#divLogin fieldset {
	margin:0;
	padding:0;
	margin-left: 4px;
	padding: .8em;
	}

#divLogin label{
	text-align:left;
	margin: 0;
	padding:0;
	margin-top: 4px;
	margin-left: 4px;
	}
	
#divLogin fieldset .inputText{
	width:15.3em;
	margin: 0;
	padding:0;
}

#divLogin legend {
	margin: 0;
	padding:0;
	border: 0px solid #ccc;
	text-align: right;
	}
	
	
#divLogin .botonIzquierda
{
	border: 0em;
	background: #ffffff;
	padding: 0.1em;
	margin: 0em;
	margin-top: 1.6em;
	margin-left: 0.4em;
	float:left;
	clear:both;
}	
html>body #divLogin .botonIzquierda{margin-top: 2em;}
/******* FIN DE FORMULARIO DE LOGIN *******/


/******* FIN DE FORMULARIO DE LOGIN *******/

/************* SECCION PRODUCTOS HOME ************/
.cajaProducto {
	width: 206px;
	height: 241px;
	margin:0px;
	margin-left: 15px;
	margin-bottom: 10px;
	float:left;
	background-image:url(../images/cajaproducto1.jpg);
}
/*
html>body .cajaProducto{width: 212px;}*/
.cajaProductoHorizontal {
	width: 441px;
	height: 122px;
	margin:0px;
	margin-left: 15px;
	margin-bottom: 10px;
	background-image:url(../images/cajaproducto2.jpg);
	float:left;
}
/*
html>body .cajaProducto{width: 212px;}*/

.cajaProductoTitulo {
	padding:0px;
	margin: 0px;
	padding-left: 8px;
	padding-top: 4px;
	color: #ffffff;
	font-size: 1em;
	font-weight:bold;
	height: 18px;
	clear:both;
}

.cajaImagen {
	width: 200px;
	height: 95px;
	margin:0px;
	padding:0px;
	float:left;
}
.cajaProducto .descripcion {
	padding:10px;
	padding-top: 5px;
	margin: 0px;
	text-align: justify;
	width: 180px;
	height: 70px;	
	float: left;
}
.cajaPrecio{
	padding:10px;
	padding-top: 2px;
	padding-bottom: 4px;
	margin:0px;
	margin-right:4px;
	margin-left: auto;
	width: auto;
	float: right;
	text-align: right;
	color:#005EC4;
	text-indent: 20px;
	background: url(../images/icono_precio.gif) no-repeat 0px 0px ;
}
.cajaPrecio .precio{
	font-size:18px;
	font-weight:bold;
}

.cajaProductoHorizontal .descripcion {
	padding:10px;
	padding-top: 5px;
	padding-bottom:5px;
	margin: 0px;
	text-align: justify;
	width: 215px;
	height: 50px;	
	float: left;
}
.mas_info{
	padding-top:3px;
}
.mas_info a:link {
	color: #CC830E;
	text-decoration:underline;
}
.mas_info a:hover {
	color: #FA9E0D;
	text-decoration:underline;
}
.mas_info a:visited {
	color: #CC830E;
	text-decoration:underline;
}
/************* FIN SECCION PRODUCTOS HOME ************/


/************* SECCION PRODUCTOS ************/
.cajaProductoList {
	width: 200px;
	/*height: 241px;*/
	margin:0px;
	margin-left: 15px;
	margin-bottom: 10px;
	margin-top: 10px;
	float:left;
}
.cajaProductoList .imagen {
	float:left;
	margin-right:5px;
}
.cajaProductoList .header {
	background: url(../images/cajalist_header.jpg) no-repeat right bottom;
	margin:0;	
	height: 24px;
	color: #ffffff;
	font-weight:bold;
	text-indent: 8px;
	line-height:23px;
	clear:both;
}

.cajaProductoList .descripcion {
	width: 200px;
	float:left;
	padding:0em;
	border-bottom: 2px dotted #AAA;
}
.cajaProductoList .descripcion ul{
	padding:0;
	margin:0;
	padding-left: 15px;
	padding-top: 10px;
	padding-bottom: 10px;
	list-style-image: url(../images/puntito_naranja.gif);
}
.cajaProductoList .cajaPrecio{
	padding:10px;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-right: 0px;
	margin:0px;
	margin-top:4px;
	margin-left: auto;
	width: auto;
	float: right;
	text-align: right;
	color:#005EC4;
	background: url(../images/icono_precio.gif) no-repeat 0px 0px ;
}
.cajaProductoList .masInfo{
	width: 25px;
	float:left;
	padding-top: 5px;
	font-weight:bold;
}
/************* FIN SECCION PRODUCTOS ************/


/********************** LINEAS AZULES */
.lineaAzulLeft {
	padding:0em;
	margin:0em;
	background: url(../images/linea_azul.gif) no-repeat right bottom;
	padding-bottom:.3em;
	color: #0081ce;
	font-size: 1.6em;
	font-weight:normal;
}

.lineaAzul {
	padding:0em;
	margin:0em;
	background: url(../images/linea_azul.gif) no-repeat left bottom;
	padding-bottom:.3em;
	color: #0081ce;
	font-size: 1.6em;
	font-weight:normal;
}
.lineaAzulClara{
	color: #80AEE1;
}
/********************** FIN LINEAS AZULES */


/*******************MENU PRODUCTOS IZQUIERDA*/

#navcontainer { margin: 0px; color:#000000;}
#navcontainer ul{margin: 0;padding: 0;list-style-type: none; width:9em;}
#navcontainer li { margin: 0 0 4px 0;width:8em;}
#navcontainer li ul{ display:none}


#navcontainer .ulactive{ display:block}
#navcontainer .active {  color:#FFFFFF;background:url(../images/menunav_on.gif) no-repeat left;background-position: 5px;background-color: #005EC3;}
#navcontainer .subactive { background-color: #E6EFF9; color:#000000; font-weight:bold; text-decoration:underline;}


#navcontainer a
{
display: block;
padding: .6em 1.6em;
width: 13.9em;
color: #000000;
text-decoration: none;
background:url(../images/menunav_off.gif) no-repeat left;
background-position: 5px;
background-color: #EEEFF0;
}
html>body #navcontainer a{width: 14.2em;}


#navcontainer a:hover
{
color: #fff;
background:url(../images/menunav_on.gif) no-repeat left;
background-position: 5px;
background-color: #005EC3;
text-decoration: none;
}

#navcontainer ul ul li { margin: 0 0 2px 0; }

#navcontainer ul ul a
{
display: block;
padding: .5em .5em .5em 3em;
width: 13.6em;
color: #000000;
background:url(../images/menunav_sub.gif) no-repeat left;
background-position: 18px;
background-color: #E6EFF9;
text-decoration: none;
}
html>body #navcontainer ul ul a{width: 13.9em;}

#navcontainer ul ul a:hover
{
color: #000000;
background:url(../images/menunav_sub.gif) no-repeat left;
background-position: 18px;
background-color: #E6EFF9;
text-decoration: underline;
}
/******************* FIN MENU PRODUCTOS IZQUIERDA*/

