/*
///////////////////////////////////////////////////////////////
         CREADO Y REALIZADO POR DEDO MULTIMEDIA S.A.
///////////////////////////////////////////////////////////////

///////// www.dedomultimedia.com
///////// info@dedomultimedia.com
///////// tlf. +34 943 431 537 

///////////////////////////////////////////////////////////////
*/



/*
///////////////////////////////////////////////////////////////
------------------------------------------- ESTILOS POR DEFECTO
///////////////////////////////////////////////////////////////
*/

* { margin: 0em; padding: 0em; }
table{ border-collapse: collapse; border-spacing: 0em; }
fieldset, img { border:0em; }
address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; }
ol, ul { list-style:none; }
caption, th {text-align:left; }
select, input, textarea { font : 99% arial, helvetica, clean, sans-serif; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
q:before, q:after { content: ''; }
abbr, acronym, dfn { border-bottom: 1px dotted #999999; cursor: help; }
pre { width: 700px; padding: 20px; color: #CC0000; font-size: 13px; text-align: left; background: #ffffff; border: 1px solid #CC0000; }	
em { color: #FF0000; }	

.clear_both { clear: both; }
.no_print { display: none;}		
.display_none { display: none;}		
.float_left { float: left;}	
.float_right { float: right;}
.align_center { text-align: center;}	
.align_left { text-align: left;}
.align_right { text-align: right;}
.font_weight_n { font-weight: normal; }
.font_weight_b { font-weight: bold; }
.li_square { margin: .7em 0; }
.li_square li { background: url(../images/public_images/li_square.gif) no-repeat 0px 1px; padding-left: .8em; text-align: left; }
.no_style { background: none; border: none;}	
.background_none { background: none !important; }
.separator10{ margin-top: 10px;clear:both;} 
/*
////////////////////////////////////////////////////////
---------------------------- ESTILOS EXCLUSIVOS DEL SITE
////////////////////////////////////////////////////////
*/

h1 { 
	font-size:180%;
	color:#016f30;
	margin-bottom:1em;
}
	
h2 { 
	font-weight:bold;
	font-size:130%;
	color:#016f30;
	margin-top:1.1em;
	margin-bottom:0.2em;
}

h3 { 
	font-weight:bold;
	font-size:110%;
	color:#016f30;
	margin-top:0.6em;
}

h4{
	font-size:120%;
	font-weight:bold;
	margin-bottom:0.4em;
}
	
strong { color: #000000; font-weight: bold; }

a {
	color: #999999; 
	text-decoration: none;
}
a:link { 
}
	
a:visited { 
}
	
a:hover {
	color: #000000;
}

p{
	font-size:100%;
	margin-bottom:1em;
	margin-left: 1.2em;
}

span.highlight{
	font-weight:bold;
	color:#016f30;
}

h2.flecha_on{
	background: url(../images/public_images/flecha_on.gif) left center no-repeat;
	text-indent:1em;
}

h2.flecha_off{
	background: url(../images/public_images/flecha_off.gif) left center no-repeat;
	text-indent:1em;
	cursor: pointer;
	cursor: hand;
}

h2 a{
	font-weight:bold;
	color:#016f30;
}

a.toggle{
	cursor:pointer;
}

a.toggle:hover{
	border:0;
	text-decoration:none;
}

ul.parrafo{
	margin-left:1.5em;
}

ul.parrafo li{
	list-style-type:square;
	margin-left:1.5em;
	padding-bottom:0.4em;
}
ul.subparrafo{
	margin-left:1.5em;
}

ul.subparrafo li{
	list-style-type:circle;
	margin-left:1.5em;
	padding-bottom:0.4em;
}

ol.parrafo{
	margin-left:1.5em;
}

ol.parrafo li{
	list-style-type:decimal;
	margin-left:1.5em;
	padding-bottom:0.4em;
}

p.frase_destacada{
	text-align:center;
	font-style:italic;
	font-weight:bold;
	font-size:120%;
	padding:1.2em;
	color:#006600;
}

/*
//////////////////////////////////////////////////////////////
------------------------------------- ESTILOS DE LOS TEMPLATES
//////////////////////////////////////////////////////////////
*/
body { 
	font-family: Arial, Helvetica, sans-serif; 
	text-align: center; 
	color: #666666; 
	font-size: 69%;
	background-color:#eaeaea;
}

#contenedora-fondo{
	width: 88em;
	margin: 0px auto;
	text-align:center;
	background: url(../images/public_images/bg-contenedora-fondo.gif) top center no-repeat #eaeaea;
}

#contenedora{
	width:924px;
	margin: 0px auto;
	text-align:center;
	background: #ffffff;
}

#bannerverde{
	background: url(../images/public_images/bannerverde.gif) no-repeat #cccccc;
	height:6.4em;
}

#idiomas{
	width:15em;
	text-align:right;
	padding: 0.7em;
}

#idiomas a:link {
	color: #000000;
	text-decoration: none;
	}

#idiomas a:visited {
	color: #000000;
	text-decoration: none;
	}

#idiomas a:hover {
	color: #000000;
	text-decoration: underline;
	}

#idiomas ul li{
	display:inline;
	padding-left:1em;
}

#idiomas ul li.first{
	background: url(../images/public_images/idiomas-separacion.gif) no-repeat center right;
	padding-right:1em;
	color:#04531e;
}

#logo{
	width:257px;
	height:106px;
	padding-right:8px;
	float:left;
}

#banner{
	width:648px;
	height:106px;
	padding-right:8px;
	float:right;
}

#menudiv{
	width:100%;
	background: url(../images/public_images/menudiv-bg.gif) repeat-x bottom;
	margin-top: 14px;
}

#menu{
	height: 42px;
	text-align:center;
	padding-left:7px;
}

#menu li{
	float:left;
	display:inline;
	width: 126px;
	text-align:center;
	margin-top: .1em;
	margin-right: 0.4em;
	padding: 1.5em 0em 0.2em 0em;
	font-weight:bold;
	color:#ffffff;
}
#menu li.menuitem{
	background: url(../images/public_images/menuitem.gif) no-repeat bottom #999999;
}
#menu li.menuitem_over{
	background: url(../images/public_images/menuitem_over.gif) no-repeat bottom #016f30;
}

#menu li a{
	color:#ffffff;
	font-weight:normal;
}
#menu li a:hover{
	border:none;
}

#contenido {
	min-height: 500px;
	text-align:left;
	background-color:#ffffff;
}

#contenido:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;	
}

#contenido a:link {
	color: #016f30;
	text-decoration: none;
	}

#contenido a:visited {
	color: #016f30;
	text-decoration: none;
	}

#contenido a:hover {
	color: #016f30;
	text-decoration: underline;
	}

.contTiendaFondo {
	text-align:left;
	background-color:#ffffff;
}

#interior{
	padding:2em 2em 2em 2em;
}

.mirage {
	height: 90px;
	}

#pie{
	width:100%;
	background-color: #056626;
	color:#ffffff;
	padding:0.5em 0 1.3em 0;
}
#pie p{
	margin: 8px 0 0 0;
	padding:0;
}

#pie strong { color: #ffffff; }
#pie abbr, acronym { border: 0px; }

#pie a:link {
	color:#ffffff;
	text-decoration: none;
	border-bottom: 1px solid #2fa858;
}

#pie a:visited {
	color:#ffffff;
	text-decoration: none;
	border-bottom: 1px solid #2fa858;
}

#pie a:hover {
	color:#ffffff;
	background: #03451a;
	text-decoration: none;
	border-bottom: 1px solid #000000;
}

#pie a.correo:link { 
	background: url(../images/public_images/ico_correo.gif) no-repeat right center;
	padding: 0em 1em 0em 0em;
}

#pie a.correo:visited { 
	background: url(../images/public_images/ico_correo.gif) no-repeat right center;
	padding: 0em 1em 0em 0em;
}

#pie a.correo:hover { 
	background: url(../images/public_images/ico_correo.gif) no-repeat right center #03451a;
	padding: 0em 1em 0em 0em;
}

#pie span.pie_seleccionado {
	color:#ffffff;
	background: #03451a;
	border-bottom: 1px solid #000000;
}

/*
/////////////////////////////////////////////////////////////
------------------------------------- ESTILOS DE PRESENTACION
/////////////////////////////////////////////////////////////
*/
.bg_presentacion{
	background: url(../images/public_images/bg-interior-presentacion.jpg) no-repeat right 20px #ffffff;
	
}
.interior_presentacion{
	width: 40em;
	float: left;
}

.interior_longdesc {
	width: 40em;
	float: left;
}

img.esquema_presentacion {
	margin: 26em 5em 4em 0;
	}

/*
/////////////////////////////////////////////////////////////
------------------------------------- ESTILOS DE QUE HACEMOS
/////////////////////////////////////////////////////////////
*/
.bg_que_hacemos{
	background: url(../images/public_images/bg-interior-que_hacemos.gif) no-repeat right 50px #ffffff;
}
.interior_que_hacemos{
	margin-right: 20em;
}

/*
////////////////////////////////////////////////////////////////
------------------------------------- ESTILOS DE METODOLOGIA
////////////////////////////////////////////////////////////////
*/
.bg_metodologia{
	background: #ffffff;
}
.interior_metodologia{
	width: 40em;
	float: left;
}

img.metd_esquema {
	margin: 4em 0 0 5em;
	}

/*
////////////////////////////////////////////////////////////////
------------------------------------- ESTILOS DE CLIENTES
////////////////////////////////////////////////////////////////
*/
.bg_clientes{
	background: url(../images/public_images/bg-interior-clientes.gif) no-repeat right 280px #ffffff;
}
.interior_clientes{
	margin-right: 10em;
}
.columna1{
	width:55%;
	float:left;
}
.columna2{
	width:40%;
	float:right;
}

/*
////////////////////////////////////////////////////////////////
------------------------------------- ESTILOS DE LINKS
////////////////////////////////////////////////////////////////
*/
.bg_links{
	background: url(../images/public_images/bg-interior-links.gif) no-repeat right 30px #ffffff;
}
.interior_links{
	margin-right: 30em;
}

.ul_links{
	margin-left:1.5em;

}	
.ul_links li{
	list-style-type:disc;
	margin-bottom: 2em;

}
.ul_links li h2{
	color:#117011;
	font-size: 98%;
	padding-bottom: 7px;
	background: url(../images/public_images/link-item.gif) no-repeat left 13px;
}

.ul_links li a{
	color:#999999;

}


/*
////////////////////////////////////////////////////////////////
------------------------------------- ESTILOS DE CLUB COLECCIÓN
////////////////////////////////////////////////////////////////
*/
/*.bg_club_coleccion{
	background: url(../images/public_images/bg-interior-links.gif) no-repeat right 30px #ffffff;
}
.interior_club_coleccion{
	margin-right: 30em;
}
*/


table.tablaProductos{
	width: 70%;
	border:5px solid #eeeeee;
	margin:0px auto;
	margin-top:2em;
	
}
table.tablaProductos th{
	font-weight:bold;
	padding:0.5em;
	background-color:#eeeeee;
	color:#016f30;
}

table.tablaProductos td{
	padding:0.3em;
}

table.tablaProductos .th_precio{
	text-align:right;
}

table.tablaProductos .td_precio{
	text-align:right;
	font-size:1.3em;
	color:#016f30;
}

/*
////////////////////////////////////////////////////////////////
------------------------------------- ESTILOS DE DONDE ESTAMOS (contacto)
////////////////////////////////////////////////////////////////
*/
.bg_contacto{
	background: url(../images/public_images/bg-interior-contacto.gif) no-repeat right 280px #ffffff;
}
.interior_contacto{
	margin-right: 0em;
}
.formulario{
	width:45%;
	float:left;

}
.direcciones{
	width: 39em;
	float: left;
	color: #016f30;
	border: 1px solid #ffffff;
}

.direcciones .cajaDireccion{
	float:left;
	width:49%;
	color: #555555;
	margin-bottom:1em;
}

.direcciones .cajaDireccion .negrita{
	font-weight:bold;
	color: #016f30;
}

.direcciones .cajaDireccion p{
	padding:0;
	margin:0;
	line-height: 18px;
}

.direcciones .cajaDireccion .maps{
	background: url(../images/public_images/flecha_off.gif) 0em 0.3em no-repeat;
	text-indent:1.2em;
	font-weight:bold;
}


/*
///////////////////////////////////////////////////////////////
         CREADO Y REALIZADO POR DEDO MULTIMEDIA S.A.
///////////////////////////////////////////////////////////////

///////// www.dedomultimedia.com
///////// info@dedomultimedia.com
///////// tlf. +34 943 431 537 

///////////////////////////////////////////////////////////////
*/



/*
///////////////////////////////////////////////////////////////
-------------------------------------------- INPUTS FORMULARIOS
///////////////////////////////////////////////////////////////
*/

.contBotonesForm {
	text-align: right;
	margin-top: 20px;
	}

ul.horizontalRadios, ul.verticalRadios {
	display: block;
	line-height: 100%;
	margin: 0em;
	padding: 0em;
	}
	
ul.verticalRadios li{
	list-style-type: none;
	clear: left;
	}
	
ul.horizontalRadios li{
	display: inline;
	}

.checkRadioInput {
	border: 0em;
	margin-top:.5em;
	}

.labelRadiosChecks {
	padding: 0em 1em 0em .1em;
	margin: 0em;
	margin-top: 0.6em;
	width: auto !important;
	}
	
.ie6 .labelRadiosChecks, .ie7 .labelRadiosChecks {
	margin-top: 0.9em;
	}
		
/*
///////////////////////////////////////////////////////////////

///////////////////////////////////////////////////////////////
*/

.accesibleValFocus {
	color: #747373;
	}

.inputText, textarea {
	background: #eeeeee;
	border: 1px solid #cccccc;
	margin-bottom: 3px;
	padding-left:4px;
	color:#666666;
	width: 20em;
	height: 16px;
	float: left;
	}
.inputText:focus {
	border: 1px solid #056424;
	color: #056424;
}

.inputTextError {
	margin-bottom: 3px;
	float: left;
	padding-left:4px;
	border: 1px solid #000;
	width: 20em;
	height: 16px;
	float: left;
	color: #ffffff;
	background: #be0f1f;
	}
	
.inputTextArea {
	width: 20em;
	height: 10em;
	overflow: auto;
	}

.cajaBotonEnviar {
	width: 315px;
	text-align: right;
}
.botonEnviar {
	border: 1px solid #cccccc;
	background: #f8f8f8;
	color: #7a7a7a;
	width: 7em;
	}

.fieldSetContacto {
	margin: 1em 2em 1em 0em;
	padding:0px;
	border: none;
}
	
.fieldSetContacto legend { 
	padding-left: 0;
	font-weight: bold;
	display: none; 
	}
		
.fieldSetContacto .cajaField {
	padding: 5px 0px 7px 0px;
}
	
.fieldSetContacto .cajaBoton {
	padding: 5px 0px 7px 0px;
	text-align: center;
	width: 28em;
	clear: left;
	}	

/*
///////////////////////////////////////////////////////////////
--------------------------------------------------- FORMULARIOS
///////////////////////////////////////////////////////////////
*/

.fieldSetContacto label, .fieldSetInscripcion span.spanLabel{
	margin-top: 4px;
	margin-bottom: 4px;
	float:left;
	width: 80px;
	text-align: left;
	padding-left:12px;
	border: 0px solid red;
	}

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

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

.errorField {
	font-size:10px;
	padding-left:10px;
	color: red;
	}

.ancho100 {
	width: 90% !important;
	float: none !important;
	margin-left: 0px;
	}
	
.msgKO {
	width: 237px;
	color: #000000;
	text-align: left;
	padding: 10px 10px 10px 67px;
	border-top: 2px solid #ff1000;
	border-bottom: 2px solid #ff1000;
	background: url(../images/public_images/noticeKO.gif) 7px 1px no-repeat #ffc368;
	margin-top: 10px;
	}
	
.msgKO strong {
	color: #000000;
	font-weight: bold;
	background: #ffc368;
	}
	
.msgKO li {
	color: #000000;
	background: #ffc368;
	}
	
.ulCamposError {
	margin: 10px 0px 10px 50px;
	}
	
.msgKO a, .msgKO a:link, .msgKO a:visited {
	color: #635307;
	text-decoration: #635307;
	} 	
		
.msgOK {
	width: 295px;
	color:#333333;
	border: 1px solid #106321;
	background-color:#ecf3ed;
	padding: 10px;
	margin-top: 10px;
	text-align: center;
}

.loginLeft {
	margin-left: 3em;
	width: 44%;
}

.loginRight {
	margin-right: 3em;
	width: 44%;
}

.textoIntroLogin {
	margin: 1em 0em;
	width: 90%;
	padding-left: 3em;
}

.spaceBottom {
	margin-bottom: 2.25em;
}


#test {
  width:100px;
  height:100px;
float:left;
  background:#123;
}
.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: #DDD;
	font-family: Tahoma, Arial, Sans Serif;
	font-size: 10px;
	background-color:#EEE;
}

.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_alert_lite {
	background-color: #888888;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}

.alert_lite_sizer {
	width:0px;
	height:0px;
	display:none;
}

.alert_lite_close {
	width:0px;
	height:0px;
	display:none;
}

.alert_lite_minimize {
	width:0px;
	height:0px;
	display:none;
}

.alert_lite_maximize {
	width:0px;
	height:0px;
	display:none;
}

.alert_lite_title {
	width:0px;
	height:0px;
	display:none;
}

.alert_lite_content {
	overflow:auto;
	color: #000;
	font-family: Tahoma, Arial, Sans Serif;
	font-size: 10px;
	background: #FFF;
	padding:10px;
	border:1px outset #009;
}


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

.alert_lite_message {
	font-size:12px;
	text-align:center;
	width:100%;
	color:#000;
	padding-bottom:10px;
}

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

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

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

table.alert_lite_header  {
  border:0px outset #009;
  background:#FFF;
}


.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
}




/* TODO: Cambiar todas las apariciones de este color #307c21 por el nuevo */

/***************** Parte superior de la tienda ***********************/

p {
	margin: 0em;
	padding: 0em;
}

.visible {
	display: block;
}

.invisible {
	display: none;
}

.cursor_help {
	cursor: help;
}

#tienda {
	width: 98.5%;
	margin: .5% auto 0% auto;
	padding-bottom: .5%;
	color: #222222;
}

#tienda a, #tienda a:link {
	color: #307c21;
}
#tienda a:visited {
	color: #307c21;
}
#tienda a:hover {
	color: #307c21;
	text-decoration: underline;
}

#homeButton {
	border: 1px solid #cccccc;
	line-height: 2em;
	width: 17.5%;
	text-indent: 1em;
}
#homeButton a {
	background: url(../images/tienda/casita.gif) 0% 0% no-repeat;
	color: #307c21;
	font-weight: bold;
	text-decoration: none;
	padding-left: 25px;
}
#homeButton a:hover {
	text-decoration: underline;
}
#headtienda {
	border-bottom: 1px dashed #757575;
	line-height: 2.2em;
	height: 2.2em;
	width: 81%;
	font-size: 90%;
}
#pagePath {
	text-indent: .3%;
	width: 75%;
}
#lupa {
	margin-top: .2%;
}
#searchBlock {
	margin-right: 3%;
}
.ie6 #searchBlock, .ie7 #searchBlock {
	margin-right: .5%;
}
#searchBlock input {
	border: 1px solid #B7B6B6;
	padding: .1em .2em;
}

/********************* Contenido ********************/

#top {
	width: 95%;
	margin: 2.5% auto 0% auto;
	border-top: 3px solid #307c21;
	text-align: left;
}
#bottom {
	width: 95%;
	margin: 2.5% auto 0% auto;
	text-align: left;
}

.add_cesta {
	text-align: center;
}
.add_cesta_home {
	margin-top: .5em;
}
.add_cesta_ficha {
	margin: 2em 2em 0em 0em;
	text-align: right;
}
.add_cesta a {
	background: url(../images/tienda/carrito.gif) right .1em no-repeat;
	color: #307c21;
	font-weight: bold;
	text-decoration: none;
	padding-right: 20px;
}
.add_cesta a:hover {
	text-decoration: underline;
}


/********************* Home ************************/

.msgHome {
	margin-top: 1em;
}

h3.titularHome {
	text-align: center;
	font-weight: normal;
	position: relative;
	left: 1.2em;
	top: -1.4em;
	font-size: 180%;
	color: #307C21;
	background-color: #ffffff;
	padding: 0em .5em;
	width: 8.5em;
}
.textoHome {
	margin-top: -1.5%;
}
#leftHome {
	width: 63%;
}
#rightHome {
	width: 33%;
}

#ofertas {
	border-top: 3px solid #307c21;
	width: 100%; /* Para que no se borren las líneas en IE */
	padding-bottom: 1%;
}
#ofertas .titularHome {
	width: 3.7em;
}
#novedades {
	/* margin-top: 5%; */
	border-top: 3px solid #307c21;
	width: 100%; /* Para que no se borren las líneas en IE */
	padding-bottom: 1%;
}
#novedades .titularHome {
	width: 5.2em;
}
#productos {
	border-top: 3px solid #307c21;
	width: 100%; /* Para que no se borren las líneas en IE */
}
#productos .titularHome {
	width: 4em;
}
.masInfo {
	margin-top: -3em;
	font-size: 97%;
	padding: 0em .4em .1em 0em;
	border-bottom: 1px dashed #757575;
	text-align: right;
}
.fotoPubli {
	text-align: center;
	height: 150px;
	padding-top: 20px;
}
.marginBoxes {
	margin-top: 2em;
}
/********* Producto Home *********/
ul.lineaProductos li {
	width: 47%;
	margin: 1em 0em .5em 1em;
}
.productoFoto {
	 border: 1px solid #DADADA;
	 width: 88px;
	 height: 66px;
	 text-align: center;
}
.productoCont {
	width: 60%;
}
.productoDesc {
	font-size: 80%;
	height: 32px;
}
.precioAnt {
	text-align: right;
	width: 49%;
	margin-bottom: .3em;
	font-size: 125%;
	font-weight: bold;
	color: #ff0000; /* Color del tachado */
}
.precio {
	text-align: right;
	width: 49%;
	margin-bottom: .3em;
	font-size: 125%;
	font-weight: bold;
	color: #000000;
}
.precio span {
	cursor: help;
}
.lineaVerde {
	border-top: 1px solid #307c21;
}
/***********************************/

.precioTachado {
	text-decoration: line-through;
}
.precioTachado span {
	cursor: help;
	color: #777777;
}

/************** Menú ******************/

#menuTienda {
	margin: 1em 0em 0em 0em;
	width: 150px;
	text-align: left;
}
#menuTienda .menuSel {
	font-weight: bold;
}
#contenidoTienda {
	margin: 2em 1.5em 0em 0em;
	width: 723px;
}
.ie6 #contenidoTienda {
	margin-right: .6em;
}

#contenidoTienda .titular {
	text-align: center;
	font-weight: normal;
	position: relative;
	left: 1.2em;
	top: -1.4em;
	font-size: 180%;
	color: #307C21;
	background-color: #ffffff;
	padding: 0em .5em;
}
.titular_cesta {
	width: 3.5em;
}
.titular_ofertas {
	width: 4em;
}
.titular_novedades {
	width: 5em;
}
.titular_productos {
	width: 4em;
}
.titular_datos {
	width: 8.5em;
}
.titular_pedidos_realizados {
	width: 8.5em;
}
.titular_atencion_cliente {
	width: 8.5em;
}
.cajaCesta {
	margin: 1em 0em 0em .6em;
	padding-left: .5em;
	line-height: 2em;
	width: 85%;
	border: 1px solid #bbbbbb;
}
.linkCesta {
	text-align: right;
	padding-right: .6em;
	margin: .5em 0em .3em 0em;
}

.linkCesta a {
	background: url(../images/tienda/carrito.gif) right .1em no-repeat;
	color: #307c21;
	font-weight: bold;
	text-decoration: none;
	padding-right: 20px;
}
.linkCesta a:hover {
	text-decoration: underline;
}

.linkCestaMsg {
	font-size: 85%;
}
.linkCestaMsg a {
	background: url(../images/tienda/carrito.gif) right .1em no-repeat;
	color: #307c21;
	font-weight: bold;
	text-decoration: none;
	padding-right: 20px;
}
.linkCestaMsg a:hover {
	text-decoration: underline;
}

.menuBorder {
	border: 1px solid #307c21;
	/* background-color: #eeeeee; */
	width: 148px;
	margin-bottom: .5em;
}
.menuList {
	margin-left: 1em;
	width: 85%;
 	background-image: url(../images/tienda/flecha_verde.gif);
	background-position: 0px 4px;
	background-repeat: no-repeat;
	line-height: 16px;
	text-indent: 10px;
	border-bottom: 1px solid #bbbbbb;
}
.menuListLast {
	border-bottom: 0px solid #bbbbbb;
}
.titulo {
	margin-top: .5em;
	text-align: left;
	text-indent: 2em;
	width: 143px;
	background-color: #307c21;
	color: #ffffff;
	background-image: url(../images/tienda/borde_izq_tabla.png);
	background-position: top left;
	background-repeat: no-repeat;
	font-size: 110%;
	font-weight: bold;
	letter-spacing: 1px;
	line-height: 1.5em;
	height: 1.5em;
}

.ie6 .titulo {
	background-image: url(../images/tienda/borde_izq_tabla_ie6.gif);
}

.tituloDer {
	margin-top: .5em;
	width: 7px;
	background-color: #307c21;
	background-image: url(../images/tienda/borde_der_tabla.png);
	background-position: top right;
	background-repeat: no-repeat;
	font-size: 110%;
	line-height: 1.5em;
	height: 1.5em;
}

.ie6 .tituloDer {
	background-image: url(../images/tienda/borde_der_tabla_ie6.gif);
}

/*************************** Catálogo ****************************************/

h4 {
	margin-top: 1em;
	color:  #666666;
}

/********* Categorías ************/

.liCategoria {
	margin: 1em 0em 0em 1.3em;
	border: 1px solid #bbbbbb;
	width: 160px;
}
.liCategoria .catTitle {
	padding: .2em 0em;
	text-indent: .8em;
	border-bottom: 1px solid #bbbbbb;
	font-size: 110%;
}
.liCategoria .catFoto {
	height: 90px;
	text-align: center;
	padding-top: 5px;
}
/*********************************/

#mensaje {
	background: url(../images/tienda/info.gif) .6em center no-repeat;
	border: 2px solid #307c21;
	padding: .3em 1em .3em 2.5em;
	font-size: 120%;
	margin-bottom: 2em;
}

.liProducto {
	margin: 1.5em 0em 0em 1.3em;
}

.bordeContenido {
	text-align: left;
	width: 100%;
	margin-bottom: 1.5em;
	padding-bottom: 1.5em;
	border-top: 3px solid #307c21;
	/* min-height: 359px; */
}

.cajaProducto {
	border: 1px solid #bbbbbb;
	width: 160px;
}

.cajaProducto .prodName {
	text-indent: 1em;
	font-size: 110%;
	padding: .2em 0em;
	border-bottom: 1px solid #bbbbbb;
}
.cajaProducto .prodFoto {
	text-align: center;
	height: 7em;
	padding: .3em 0em .3em 0em;
}
.cajaProducto .prodDesc {
	padding: .3em .5em;
	font-size: 90%;
	height: 2.7em;
}
.cajaProducto .prodPrecio {
	padding-top: .3em;
	border-top: 1px solid #bbbbbb;
}
.add_cesta_list {
	padding: .3em 0em;
	border-top: 2px solid #307c21;
}


#ficha {
	margin-top: 2em;
	border: 1px solid #bbbbbb; 
	width: 100%;
}
#ficha h4.fichaTitulo {
	text-indent: .5em;
	font-size: 110%;
	border-bottom: 1px solid #bbbbbb; 
	padding: .3em 0em;
	margin: 0em;
}
#ficha .fichaLeft {
	text-align: center;
	width: 45%;
	margin-top: 1.5em;
}
#ficha .fichaRight {
	width: 52%;
	margin: 1.5em 1em 0em 0em;
}
#ficha .fichaFoto {
	margin: 0em auto 2em auto;
	border: 1px solid #dddddd;
	width: 300px;
	height: 225px;
}
#ficha ul.listaFotos {
	margin: 0em auto;
	padding: 0em 1.8em;
}
#ficha ul.listaFotos li {
	margin: 0em 0em .3em .4em;
}
#ficha h5 {
	font-size: 110%;
	font-weight: bold;
	color: #307c21;
	margin-bottom: 1em;
}
#ficha h5.marginTop {
	margin-top: 1em;
}
#ficha table.caracteristicas {
	font-size: 110%;
	color: #777777;
	line-height: 20px;
	width: 100%;
}
#ficha table.caracteristicas th {
	width: 30%;
	vertical-align: top;
}
#ficha table.caracteristicas td {
	width: 70%;
}
#ficha table.caracteristicas td.precioAnterior {
	font-size: 125%;
	font-weight: bold;
	color: #ff0000; /* Color del tachado */
	text-decoration: line-through;
}
#ficha table.caracteristicas td.precioAnterior span {
	color: #777777;
}
#ficha table.caracteristicas td.precioReal {
	font-size: 125%;
	font-weight: bold;
	color: #000000;
}
#ficha p.fichaDesc {
	margin: 0em;
	font-size: 110%;
	color: #777777;
}

/*************************** CESTA *******************************/

.textoIntro {
	margin: 1em 0em;
	width: 90%;
	padding-left: 1em;
}

.mensajeCesta {
	margin-top: 4em;
	font-size: 130%;
	text-align: center;
	color: #307c21;
}

.tablaCesta {
	width: 90%;
	margin-left: 1em;
}

.tablaCesta td {
	padding: .3em .4em;
	border-width: 0px 1px 1px 0px; 
	border-style: none solid solid none;
	border-color: #dddddd;
	width: 13%;
}

.tablaCesta th {
	padding: .3em 0em;
	text-align: center;
	font-size: 110%;
	font-weight: bold;
	color: #307c21;
	border-bottom: 1px solid #dddddd;
}

.tablaCesta .tdFirst {
	border-width: 0px 1px 1px 1px; 
	border-style: none solid solid solid;
	border-color: #dddddd;
	width: 45%;
}

.tablaCesta .cestaPrecio {
	text-align: right;
}
.tablaCesta .cestaUnidades {
	text-align: center;
}
.tablaCesta .cestaUnidades input {
	border: 1px solid #777777;
	width: 2.6em;
	text-align: right;
}
.tablaCesta .cestaBorrar {
	text-align: center;
}
.tablaCesta .totalCesta {
	padding-top: .5em;
	border: 0em none #777777;
	text-align: right;
}

.tablaConf {
	margin-top: 2em;
}

.botonesCesta {
	text-align: right;
	border-top: 1px solid #307c21;
	margin: 1em 0em 0em 1em;
	padding-top: .5em;
	width: 90%;
}


.botonesCesta a {
	background: url(../images/tienda/icon_catalogo.gif) right top no-repeat;
	color: #307c21;
	font-weight: bold;
	text-decoration: none;
	padding-right: 20px;
}
.botonesCesta a:hover {
	text-decoration: none !important; 
}

#updateUnidades {
	margin-left: 1em;
	cursor: pointer;
	background: url(../images/tienda/icon_actualizar.gif) right top no-repeat;
	border-width: 0em;
	color: #307c21;
	font-weight: bold;
	text-decoration: none;
	height: 16px;
	padding-right: 1.5em;
}
.ie6 #updateUnidades,.ie7 #updateUnidades {
	padding-right: .5em;
}
#datosCompra {
	margin-left: 1em;
	cursor: pointer;
	background: url(../images/tienda/icon_tramitar.gif) right top no-repeat;
	border-width: 0em;
	color: #307c21;
	font-weight: bold;
	text-decoration: none;
	height: 16px;
	padding-right: 1.5em;
}
.ie6 #datosCompra,.ie7 #datosCompra {
	padding-right: .1em;
}

.linkComprar a {
	background: url(../images/tienda/carrito.gif) right .1em no-repeat;
	color: #307c21;
	font-weight: bold;
	text-decoration: none;
	padding-right: 20px;
}
.linkComprar a:hover {
	text-decoration: underline;
}
.linkActualizar a {
	background: url(../images/tienda/carrito.gif) right .1em no-repeat;
	color: #307c21;
	font-weight: bold;
	text-decoration: none;
	padding-right: 20px;
}
.linkActualizar a:hover {
	text-decoration: underline;
}
.linkTramitar a {
	background: url(../images/tienda/carrito.gif) right .1em no-repeat;
	color: #307c21;
	font-weight: bold;
	text-decoration: none;
	padding-right: 20px;
}
.linkTramitar a:hover {
	text-decoration: underline;
}


.tituloPaso {
	width: 40%;
	margin-left: .8em;
}
.tituloPaso h4 {
	color: #307c21;
}
.cajaPasos {
	width: 51.5%;
	margin-top: 1em;
}

.paso {
	width: 16px;
	height: 15px;
	background-color: #dddddd;
	color: #ffffff;
	font-weight: bold;
	text-align:center;
	padding-top: 3px;
}
.pasoSel {
	width: 16px;
	height: 15px;
	background-color: #307c21;
	color: #ffffff;
	font-weight: bold;
	text-align:center;
	padding-top: 3px;
}
.pasoTxt {
	font-size: 90%;
	margin-top: 3px;
	width: 7.5em;
	height: 14px;
	border-bottom: 1px solid #dddddd;
	color: #dddddd;
	text-indent: .5em;
}
.pasoTxtSel {
	font-size: 90%;
	margin-top: 3px;
	width: 7.5em;
	height: 14px;
	border-bottom: 1px solid #307c21;
	color: #307c21;
	text-indent: .5em;
}

#tituloForm {
	margin-left: 1em;
	padding-bottom: .3em;
	border-bottom: 2px solid #307c21;
}

#tituloForm h5.leftTitle{
	color: #307c21;
	font-size: 120%;
	text-indent: .1em;
	width: 50%;
}
#tituloForm h5.rightTitle{
	color: #307c21;
	font-size: 120%;
	text-indent: .1em;
	width: 50%;
}

#datosForm {
	margin: 1em 0px 0px 1em;
}
#datosForm .leftDatos {
	width: 50%;
}
#datosForm .rightDatos {
	width: 50%;
}
#datosForm .checkText {
	line-height: 20px;
	font-size: 120%;
	color: #000000;
	margin-bottom: 5px;
}
#datosForm .nombre {
	line-height: 20px;
	font-size: 120%;
	color: #000000;
	width: 120px;
	margin-bottom: 5px;
}
#datosForm .campo {
	line-height: 20px;
	width: 200px;
	margin-bottom: 5px;
}
#datosForm .campo input {
	padding: .1em .3em;
	color: #777777;
	border: 1px solid #bbbbbb;
	height: 14px;
	width: 210px;
}

.botonesPasos {
	text-align: right;
	border-top: 1px solid #307c21;
	margin: 1.5em 0em 0em 1em;
	padding-top: .5em;
}

.botonesPasos a {
	background: url(../images/tienda/icon_catalogo.gif) right top no-repeat;
	color: #307c21;
	font-weight: bold;
	text-decoration: none;
	padding-right: 20px;
}
.botonesPasos a:hover {
	text-decoration: none !important; 
}

#tramitarCompra {
	margin-left: 1em;
	cursor: pointer;
	background: url(../images/tienda/icon_tramitar.gif) right top no-repeat;
	border-width: 0em;
	color: #307c21;
	font-weight: bold;
	text-decoration: none;
	padding: 0em 1.5em 0em .2em;
}

h6 {
	width: 50%;
	margin: 1em auto .3em auto;
	border-bottom: 1px solid ;
	color: #307c21;
	font-size: 110%;
}

table.datosConfirm {
	width: 50%;
	margin: 0 auto;
}
table.datosConfirm th {
	width: 30%;
}
table.datosConfirm td {
	width: 70%;
}

/*
.searchResult, .searchResult:link, .searchResult:visited {
	color: #000000;
	font-weight: normal;
	text-decoration: none;
}
.searchResult:hover {
	color: #000000;
	font-weight: normal;
	text-decoration: underline;
}
*/

/*
body {
	margin: 0px;
	width: 99%;
	padding: 0px;
	background-color: #F0F5E6;
	background-image: url(../images/web/fondo_dif.gif);
	background-repeat: repeat-x;
	background-position: left top;
}

#marco {
	 width: 922px;
	 margin: 20px auto;
	 text-align: left;
	 background-image: url(../images/web/marco_cuadro.gif);
	 background-position: left top;
}

#webcontent {
	margin: 0px auto;
	padding-top: 12px;
	width: 901px;
}

#webcontent .bannerLeft {
	float: left;
}

#webcontent .bannerRight {
	float: left;
}

img	{
	border: 0px;
}
form
{
	margin: 0px;
}

.formText {
	border:1px solid #BAB9B9;
	height: 11px;
	font-size: 90%;
	width: 190px;
}
.formTextArea {
	border:1px solid #BAB9B9;
	font-size: 90%;
	width: 490px;
	height: 100px;
}
fieldset
{
	border-color: #09C;
	border-width: 1px 0px 0px 0px;
}
legend {
	font-size:80%;
	padding:0px 10px 0px 10px;
	margin-left:30px;
}
h1  { 
	font-size: 200%;
	font-weight: bold;
	clear: left;
	margin: 6px;
	color: #333333;
}

h2  { 
	font-size: 180%;
	font-weight: bold;
	clear: both;
	margin: 6px;
	color: #333333;
}
				
h3  { 
	font-size: 160%;
	font-weight: bold;
	color: #717171;
	clear: both;
	margin: 4px;
}
			
h4  { 
	font-size: 160%;
	font-weight: normal;
	color: #86AE35;
	clear: both;
	margin: 2px;
}
h5  { 
	font-size: 120%;
	color: #86AE35;
	clear: both;
	margin: 1px;
}


ul {
	display: block;
	line-height: 100%;
	margin: 0 0 4px 4px;
	padding: 0 8px 3px 8px;
}

li {
	list-style: none;
	margin-bottom: 4px;
}

.titFamilia {
	position:relative; 
	top: -18px; 
	left: 430px;
}

.iconos {
	width: 310px; 
	height: 64px;
	float: right;
	background-image: url(../images/web/home/iconos.gif);
	background-position: top right;
	background-repeat: no-repeat;
}

#header {
	background-color: #CCCCCC;
	background-position: bottom left;
	background-repeat: repeat-x;
	height: 111px;
	position: relative;
	width: 100%;
	z-index: 20;
}

#footer {
	xbackground-color: #CCCCCC;
	background-image: url(../images/firma.gif);
	background-position: left top;
	background-repeat: repeat-x;
	font: normal 75% "Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif;
	margin: 0px;
	padding: 10px 0px 0px 0px;
	position: relative;
	text-align: center;
	z-index: 15;
}

#resultsDiv {
	position:absolute;
	display:none;
	border:1px solid #CCCCCC;
	background-color:#F7F7F7;
	padding:5px;
	width:220px;
	text-align:left;
}
.mainResult {
	text-indent: 10px;
	background-image: url(../images/web/flecha_azul.gif);
	background-position: 0px 2px;
	background-repeat: no-repeat;
	font-weight: bold;
}

.precioAntFicha {
	float: left;
	width: 19%;
	font-size: 140%;
	letter-spacing: -2px;
	font-weight: bold;
	color: #706F6E;
}
.precioFicha {
	float: left;
	width: 19%;
	font-size: 140%;
	letter-spacing: -2px;
	font-weight: bold;
	color: #000000;
}
.tachadoFicha {
	background-image: url(../images/web/tachado.gif);
	background-position: 17px 1px;
	background-repeat: no-repeat;
}
.tachado {
	background-image: url(../images/web/tachado.gif);
	background-position: 14px 1px;
	background-repeat: no-repeat;
}
.tachadoHome {
	background-image: url(../images/web/tachado.gif);
	background-position: 3px 1px;
	background-repeat: no-repeat;
}

.espacioProducto {
	margin: 0px 12px 0px 12px;
	width: 235px;
	float: left;
}
.espacioBottom {
	border-bottom: 1px dashed #757575;
}
.textoNegro {
	color: #000000;
	font-weight: bold;
}
.portes {
	float: left;
	text-align: right;
	margin-top: 10px;
	font-weight:normal;
	background-color: #E7EFD7;
	padding: 2px 0px;
}
.portesTitle {
	width: 551px;
}
.portesEuros {
	width: 77px;
}
.total {
	float: left;
	text-align: right;
	margin-top: 10px;
	font-weight:bold;
}
.totalTitle {
	width: 551px;
}
.totalEuros {
	width: 77px;
}

#datosFormuTPV {
	background-color: #ffffff;
	padding: 10px 0px 0px 0px;
	border-bottom: 1px dashed #3D1F29;
}
#datosFormuTPV .nombre {
	float: left;
	line-height: 20px;
	text-indent: 8px;
	font-size: 80%;
	color: #706F6E;
	width: 120px;
}
#datosFormuTPV .campo {
	float: left;
	line-height: 20px;
}
#datosFormuTPV .datosCampo {
	border: 1px solid #B7B6B6;
	height: 20px;
	line-height: 20px;
	width: 200px;
}

.formData {
	float: left;
	width: 150px;
	font-size: 120%;
	color: #000000;
	margin-top: 4px;
}

#upDcha
{
	width:100%;
}

#topNavigation ul {
	display: inline;
	line-height: 100%;
	margin: 0px;
	padding: 0px;
}
#topNavigation li{
	display: inline;
	font-size:75%;
	padding:0px 5px 0px 5px;
}

#topNavigation li.active a{
	color:#FF0000;
}

#subMenuNav ul {
	display: inline;
	line-height: 100%;
	margin: 0px;
	padding: 0px;
}
#subMenuNav li{
	font-size:75%;
	padding:0px 5px 0px 5px;
}

#subMenuNav li.active a{
	color:#FF0000;
}

.listado
{
	border-color: #999;
	border-width: 1px 1px 0px 0px;
	border-style: solid;
	font-size:85%;
}

.listado th
{
	border-color: #999;
	border-width: 0px 0px 1px 1px;
	border-style: solid;
	background-color: #CCC;
	line-height: 20px;
	text-align: left;
	padding-left: 3px;
	white-space: nowrap;
}

.listado td {
	border-color: #999;
	border-width: 0px 0px 1px 1px;
	border-style: solid;
	background-color: #CCC;
	line-height:18px;
	text-align:left;
	padding-left:3px;
	white-space: nowrap;
	font-size:85%;
}

.paginatorContent
{
	line-height:25px;
	font-size:85%;
}

.pageInfo
{
	float:left;
	width:280px;
}

.pageList
{
	text-align:right;
}

#login label {
	width:100px;
	float:left;
}


.fieldSetEdit label {
	font-size:75%;
}

.fieldSetEdit label.labelEdit {
	width:150px;
	float:left;
	text-align:right;
	padding-right:10px;
	font-size:75%;
}


ul.horizontalRadios, ul.verticalRadios {
	display: inline;
	line-height: 100%;
	margin: 0px;
	padding: 0px;
}

ul.horizontalRadios li{
	display: inline;
}

input, textarea
{
	color: #222222;
	font-size: 11px;
	padding-left:4px;
}

textarea
{
	border: 1px solid #FFA319;
}

.inputText
{
	height:12px;
	padding-top:2px;
	border: 1px solid #FFA319;
}

.inputTextError
{
	height:12px;
	padding-top:2px;
	border: 1px solid #FFA319;
	background-color: #FFDDDD;
}

select
{
	color: #222222;
	border-color: #FFA319;
	border-width: 1px;
	border-style:solid;
	font-size: 10px;
}

.categoria {
	margin: 2px 0px 2px 0px;
	border: 1px solid #CBCACA;
	width: 250px;
	height: 20px;
}

a, a:link, a:visited {
	color: #86AE35;
	font-weight: bold;
	text-decoration: none;
}
a:hover {
	color: #86AE35;
	font-weight: bold;
	text-decoration: underline;
}

.pagLink, .pagLink:link, .pagLink:visited {
	color: #ffffff;
	font-weight: normal;
	text-decoration: none;
}

.pagLink:hover {
	color: #ffffff;
	font-weight: normal;
	text-decoration: underline;	
}

.divButtonOutside2 {
	width: 120px;
	height: 15px;
	text-align: right;
	background-color: #2E6698;
	border-width: 1px;
	border-style: solid;
	border-color: #D6E1EB #034683 #034683 #D6E1EB;
}

.buttonLink, .buttonLink:link, .buttonLink:visited, .buttonLink:hover {
	color: #ffffff;
	font-size: 130%;
	text-decoration: none;
	font-weight: normal;
	xvertical-align: bottom;
}

.mailLink, .mailLink:link, .mailLink:visited {
	color: #86AE35;
	font-weight: normal;
	text-decoration: none;
}

.mailLink:hover {
	color: #86AE35;
	font-weight: normal;
	text-decoration: underline;	
}
.bottomLink, .bottomLink:link, .bottomLink:visited {
	color: #000000;
	font-weight: normal;
	text-decoration: none;
}

.bottomLink:hover {
	color: #000000;
	font-weight: normal;
	text-decoration: underline;	
}

.faq, .faq:link, .faq:visited {
	color: #000000;
	font-size: 120%;
	text-decoration: none;
}
.faq:hover {
	color: #86AE35;
	font-size: 120%;
	text-decoration: none;
}
.respuesta {
	margin: 3px 3px 3px 3px;
	background-color: #F3F7EB;
	padding: 10px;
}
.pathLink, .pathLink:link, .pathLink:visited {
	background-image: url(../images/web/home/puntos_flecha.gif);
	padding-left: 10px;
	background-position: 0px 6px;
	background-repeat: no-repeat;
	font-weight: normal;
	text-decoration: none;
}

.pathLink:hover {
	background-image: url(../images/web/home/puntos_flecha.gif);
	padding-left: 10px;
	background-position: 0px 6px;
	background-repeat: no-repeat;
	font-weight: normal;
	text-decoration: underline;
}

.hand{
	cursor: pointer;
	cursor: hand;
}

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

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


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

form span.errorField {
	height:26px;
	font-size:10px;
	color: #FF0000;
}
	

#messages {
	border: 1px solid #415E93;
	background: #f9f9f9;
	margin-bottom: 10px;
	padding: 0px;
	font-size:70%;
}
#messages .title {
	background: #415E93;
	color: #fff;
	padding: 3px;
}
#messages ul {
	display: block;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
#messages li {
	border-bottom: 1px solid #ccc;
	display: block;
	list-style: none;
	margin: 0px;
	padding: 3px;
}
#messages li.error {
	border-left: 6px solid #900;
	color: #000;
}
#messages li.info {
	border-left: 6px solid #C0C9E1;
}
#messages li.warning {
	border-left: 6px solid #f60;
}
#messages span {
	vertical-align: middle;
}
.msg_icon {
	height: 12px;
	margin: 0 5px 0 2px;
	vertical-align: middle;
	width: 12px;
}

#dateChoose
{
	margin: 0px;
	padding: 0px;
	display: block;
	width: 116px;
	background-color:#BB0000;
}

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

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

#dateChoose li.sign a
{
	width: 16px;
}
 
#dateChoose li.semana
{
	background: #C0C9E1;
	width: 78px;
	height: 16px;
	padding: 0px;
	color: #444444;
	text-decoration: none;
	display: block;
	text-align: center;
	font: normal 10px/16px Helvetica, Verdana, Arial, sans-serif;
}

#dateChoose li.sigue a
{
	width: 56px;
}
 
#dateChoose ul li a:hover	 
{
	color: #FFFFFF;
	background-color: #415E93;
}

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

#dateChoose li#active a	 
{
	background: #FF7840;
	color: #FFF;
}
*/

/*
///////////////////////////////////////////////////////////////
         CREADO Y REALIZADO POR DEDO MULTIMEDIA S.A.
///////////////////////////////////////////////////////////////

///////// www.dedomultimedia.com
///////// info@dedomultimedia.com
///////// tlf. +34 943 431 537 

///////////////////////////////////////////////////////////////
*/



/*
///////////////////////////////////////////////////////////////
-------------------------------------------- INPUTS FORMULARIOS
///////////////////////////////////////////////////////////////
*/

.contBotonesForm {
	text-align: right;
	margin-top: 20px;
	}

ul.horizontalRadios, ul.verticalRadios {
	display: block;
	line-height: 100%;
	margin: 0em;
	padding: 0em;
	}
	
ul.verticalRadios li{
	list-style-type: none;
	clear: left;
	}
	
ul.horizontalRadios li{
	display: inline;
	}

.checkRadioInput {
	border: 0em;
	margin-top:.5em;
	}

.labelRadiosChecks {
	padding: 0em 1em 0em .1em;
	margin: 0em;
	margin-top: 0.6em;
	width: auto !important;
	}
	
.ie6 .labelRadiosChecks, .ie7 .labelRadiosChecks {
	margin-top: 0.9em;
	}
		
/*
///////////////////////////////////////////////////////////////

///////////////////////////////////////////////////////////////
*/

.accesibleValFocus {
	color: #747373;
	}

.inputText, textarea {
	background: #eeeeee;
	border: 1px solid #cccccc;
	margin-bottom: 3px;
	padding-left:4px;
	color:#666666;
	width: 20em;
	height: 16px;
	float: left;
	}
.inputText:focus {
	border: 1px solid #056424;
	color: #056424;
}

.inputTextError {
	margin-bottom: 3px;
	float: left;
	padding-left:4px;
	border: 1px solid #000;
	width: 20em;
	height: 16px;
	float: left;
	color: #ffffff;
	background: #be0f1f;
	}
	
.inputTextArea {
	width: 20em;
	height: 10em;
	overflow: auto;
	}

.cajaBotonEnviar {
	width: 315px;
	text-align: right;
}
.botonEnviar {
	border: 1px solid #cccccc;
	background: #f8f8f8;
	color: #7a7a7a;
	width: 7em;
	}

.fieldSetContacto {
	margin: 1em 2em 1em 0em;
	padding:0px;
	border: none;
}
	
.fieldSetContacto legend { 
	padding-left: 0;
	font-weight: bold;
	display: none; 
	}
		
.fieldSetContacto .cajaField {
	padding: 5px 0px 7px 0px;
}
	
.fieldSetContacto .cajaBoton {
	padding: 5px 0px 7px 0px;
	text-align: center;
	width: 28em;
	clear: left;
	}	

/*
///////////////////////////////////////////////////////////////
--------------------------------------------------- FORMULARIOS
///////////////////////////////////////////////////////////////
*/

.fieldSetContacto label, .fieldSetInscripcion span.spanLabel{
	margin-top: 4px;
	margin-bottom: 4px;
	float:left;
	width: 80px;
	text-align: left;
	padding-left:12px;
	border: 0px solid red;
	}

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

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

.errorField {
	font-size:10px;
	padding-left:10px;
	color: red;
	}

.ancho100 {
	width: 90% !important;
	float: none !important;
	margin-left: 0px;
	}
	
.msgKO {
	width: 237px;
	color: #000000;
	text-align: left;
	padding: 10px 10px 10px 67px;
	border-top: 2px solid #ff1000;
	border-bottom: 2px solid #ff1000;
	background: url(../images/public_images/noticeKO.gif) 7px 1px no-repeat #ffc368;
	margin-top: 10px;
	}
	
.msgKO strong {
	color: #000000;
	font-weight: bold;
	background: #ffc368;
	}
	
.msgKO li {
	color: #000000;
	background: #ffc368;
	}
	
.ulCamposError {
	margin: 10px 0px 10px 50px;
	}
	
.msgKO a, .msgKO a:link, .msgKO a:visited {
	color: #635307;
	text-decoration: #635307;
	} 	
		
.msgOK {
	width: 295px;
	color:#333333;
	border: 1px solid #106321;
	background-color:#ecf3ed;
	padding: 10px;
	margin-top: 10px;
	text-align: center;
}

.loginLeft {
	margin-left: 3em;
	width: 44%;
}

.loginRight {
	margin-right: 3em;
	width: 44%;
}

.textoIntroLogin {
	margin: 1em 0em;
	width: 90%;
	padding-left: 3em;
}

.spaceBottom {
	margin-bottom: 2.25em;
}