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

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

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



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

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin: 0px; padding: 0px; }
table{ border-collapse: collapse; border-spacing: 0px; }
fieldset, img { border:0px; }
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; }	
img { border: 0px; }

.cursiva { font-style: italic; }
.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; }
.no_style { background: none; border: none;}
.border_0 { border: 0px !important; }	
.background_none { background: none !important; }
		
/*
///////////////////////////////////////////////////////////////

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

body { 
	background: url(../images/public_images/background.gif) repeat-x #ffffff; 
	font-family: Arial, Helvetica, sans-serif; 
	text-align: center; 
	color: #666666; 
	font-size: 69%;
	}

/*
///////////////////////////////////////////////////////////////
---------------------------- ESTILOS POR DEFECTO DE ZUBITRÓNIKA
///////////////////////////////////////////////////////////////
*/

h1 { 
	color: #648a71; 
	font-size: 145%; 
	text-align: left;
	font-weight: bold;
	margin: 0em 0em 0em 0em;
	padding: .4em 0em .3em .7em;
	}
h1 dfn { border-bottom: 0px solid #ff0000; }	
	
h1 a, h1 a:link, h1 a:visited, h1 a:hover  { 
	color: #6c6c6a;
	cursor: pointer;
	}
	
h2 { 
	color: #648a71; 
	font-weight: bold; 
	font-size: 105%; 
	text-align: left; 
	padding: .5em 0em .5em 1em;
	}
h2 dfn { border-bottom: 0px solid #ff0000; }	
	
h2 a, h2 a:link, h2 a:visited, h2 a:hover  { 
	color: #648a71;
	cursor: pointer;
	border-bottom: 0px solid #ff0000;
	}
	
h3 { 
	color: #648a71;
	font-weight: bold; 
	font-size: 105%; 
	text-align: left;
	margin: 0em 0em .2em 0em;
	padding: .2em .2em .2em .7em;
	background: #e3e3e0;
	}	
	
h4 { 
	color: #648a71;
	font-weight: bold; 
	font-size: 105%; 
	text-align: left;
	text-transform: uppercase; 
	margin: 0em 0em 0em 0em;
	padding: .2em .2em .2em .7em;
	background: #ebebe8;
	}	
	
strong { color: #46614f; font-weight: bold; }

a { text-decoration: none; }
			
/*
///////////////////////////////////////////////////////////////

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



/*
///////////////////////////////////////////////////////////////
----------------------------------- ESTILOS PARA LA CONTENEDORA
///////////////////////////////////////////////////////////////
*/

#contenedora {
	border: 0px solid #ff0000;
	margin:0em auto 0em auto;
	width: 676px;
	}
			
/*
///////////////////////////////////////////////////////////////

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



/*
///////////////////////////////////////////////////////////////
-------------------------------------- ESTILOS PARA LA CABECERA
///////////////////////////////////////////////////////////////
*/

#cabecera {
	background: url(../images/public_images/cabecera/comun.jpg) no-repeat;
	border-bottom: 1px solid #ffffff;
	margin: 0em auto 0em auto;
	padding: 0em 0em 0em 0em;
	text-transform: uppercase;
	text-align: left;
	font-size: 180%;
	color: #006600;
	}
			
#cabecera a:link {
	color: #000000;
	text-decoration: none;
	border-bottom: 0px solid #ffffff;
	}		
		
#cabecera a:visited {
	color: #000000;
	text-decoration: none;
	border-bottom: 0px solid #ffffff;
	}		
		
#cabecera a:hover {
	color: #000000;
	text-decoration: none;
	border-bottom: 0px solid #ffffff;
	}		
		
.logotipo {
	margin: 0em .5em 0em 1.5em;
	float: left;
	}
				
/*
///////////////////////////////////////////////////////////////

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



/*
///////////////////////////////////////////////////////////////
----------------------------------- ESTILOS PARA LA CONTENEDORA
///////////////////////////////////////////////////////////////
*/

.lang {
	border: 0px solid #ffffff;
	margin: 1.9em auto 0em auto;
	padding: 0em 0em .3em 0em;
	text-align: right;
	width: 664px;
	}

.lang span a:link {
	color: #555555;
	background: ffffff;
	text-decoration: none;
	padding: 0em .2em 0em .2em;
	border-bottom: 1px dotted #555555;
	}	

.lang span a:visited {
	color: #555555;
	background: none;
	text-decoration: none;
	padding: 0em .2em 0em .2em;
	border-bottom: 1px dotted #555555;
	}	

.lang span a:hover {
	color: #e3e3e3;
	text-decoration: none;
	padding: .1em .2em .1em .2em;
	border-bottom: 1px solid #bbe415;
	background: #555555;
	}	
		
span.seleccionado {
	color: #e3e3e3;
	text-decoration: none;
	padding: 0em .2em 0em .2em;
	border-bottom: 1px solid #bbe415;
	background: #555555;
	}	
			
/*
///////////////////////////////////////////////////////////////

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



/*
///////////////////////////////////////////////////////////////
------------------------------------------ ESTILOS PARA EL MENU
///////////////////////////////////////////////////////////////
*/

#menu {
	float: left;
	width: 44em;
	text-align: right;
	}
  
#menu ul {
	padding: 0em 0em 0em 0em;
	margin: 0em 0em 0em 0em;
	text-align: center;
	list-style:none;
	}
	
#menu li {
	padding: 0em 0em 0em 0em;
	margin: 0em 0em 0em 0em;
	display:inline;
	}
	
#menu li a {
	background: url(../images/public_images/menu/li_alink.gif) repeat-x left top #627969;
	padding: .3em 0em .3em 0em;
	margin: 0em 0em 0em 0em;
	border: 1px solid #ffffff;
	border-bottom: 0px;
	text-decoration: none;
	color: #ffffff;
	float:left;
	width: 7em;
	}
  
#menu a:hover {
	background: url(../images/public_images/menu/li_ahover.gif) repeat-x left top #d7ddda;
	color: #335e43;
	}
  
#menu li.seleccionado {
	background: url(../images/public_images/menu/li_ahover.gif) repeat-x left top #d7ddda;
	padding: .3em 0em .3em 0em;
	border: 1px solid #ffffff;
	border-bottom: 0px;
	margin: 0em 0em 0em 0em;
	text-decoration: none;
	color: #335e43;
	float:left;
	width: 7em;
	}	  

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

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




/*
///////////////////////////////////////////////////////////////
--------------------- ESTILOS PARA LA CONTENEDORA DEL CONTENIDO
///////////////////////////////////////////////////////////////
*/

#cont_contenido {
	border: 1px solid #ffffff;
	padding: 0em 0em 0em 0em;
	margin: 0em 0em 0em 0em;
	background: #ffffff;
	color: #555555;
	}
			
/*
///////////////////////////////////////////////////////////////

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




/*
///////////////////////////////////////////////////////////////
------------------------------------------ ESTILOS PARA LA RUTA
///////////////////////////////////////////////////////////////
*/

#ruta {
	border-bottom: 1px dotted #b2b2b2;
	padding: .9em .2em .3em .7em;
	margin: 0em 0em 1em 0em;
	text-align: left;
	color: #999999;
	clear: both;
	}
		
#ruta strong {
	font-weight: normal;
	}			

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

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




/*
///////////////////////////////////////////////////////////////
------------------------------- ESTILOS PARA EL CONTENIDO TEXTO
///////////////////////////////////////////////////////////////
*/

.contenido {
	padding: .5em .5em .5em .5em;
	border: 0px solid #ff0000;
	background: #ffffff;
	text-align: justify;
	color: #666666;
	}

.widht_corto {
	width: 320px;
	float: left;
	}		
	
.widht_largo {
	width: 650px;
	}	
	
.cont_areacliente { background: url(../images/public_images/area_cliente/fondo.gif) repeat-x; padding-top: .8em; }	
.widht_areacliente {
	width: 240px;
	margin: 0px auto 13px auto;
	border: 1px dotted #cccccc;
	}
	
fieldset .linea {
	padding: .7em .2em;
	}
	
fieldset label {
	margin-bottom: .5em;
	}		
	
.contenido a:link { 
	color: #557f63; 
	text-decoration: none;
	border-bottom: 1px dotted #5ed385;
	}
	
.contenido a:visited { 
	color: #557f63; 
	text-decoration: none; 
	border-bottom: 1px dotted #5ed385;
	}
	
.contenido a:hover { 
	color: #557f63; 
	text-decoration: none; 
	border-bottom: 1px solid #5ed385;
	}	
	
/*//////////////*/

.texto { margin: .6em .6em .6em .6em; }	
.texto p { margin: .5em .5em 1.5em .5em; }
.texto img {
	padding: .3em;
	border: 1px dotted #cccccc;
	}
	
.contenido hr {  
	clear: both;
	border-top: 1px dotted #f6b10c;
	border-left: 1px dotted #f6b10c;
	border-right: 1px dotted #f6b10c;
	border-bottom: 1px dotted #ffffff;
	}

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

.foto_productos {
	background: url(../images/public_images/productos/fondo.gif) repeat-x;
	border-top: 1px dotted #b2b2b2;
	padding: .5em .2em .2em .2em;
	margin-bottom: .9em;
	}

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

.contenido ul.mapaweb {
	margin-left: 1em;
	text-align: left;
	}
		
.contenido ul.mapaweb li {
	margin: 0em .3em 0em .3em;
	padding: .3em .5em .3em .9em;
	background: url(../images/public_images/background_li.gif) no-repeat 1px 7px;
	}
			
.contenido ul.mapaweb li strong {
	font-weight: bold;
	color: #56906a;
	padding: .2em .1em .2em .1em;
	border-bottom: 1px solid #7bd79a;
	}	
	
.pestana_mapa {
	background: url(../images/public_images/background_dcontacto.gif) repeat-x;
	padding: .7em 0em 1em 1.5em;
	text-align: left;
	color: #666666;
	height: 100px;
	}	
	
.pestana_mapa img {
	margin: .5em 0em 1em 0em;
	}	

#mapaContacto {  
	border: 1px solid #c6dfea;
	background: #e8f2f6;
	margin: .4em;
	padding: .5em;
	}	
/*
///////////////////////////////////////////////////////////////

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



/*
///////////////////////////////////////////////////////////////
----------------------------- ESTILOS PARA EL CONTENIDO DERECHA
///////////////////////////////////////////////////////////////
*/

.cont_derecha {
	background: url(../images/public_images/img_lateral/fondo.gif) repeat-x;
	border-left: 1px dotted #b2b2b2;
	padding: .4em .4em 2em .4em;
	margin: 0em 0em 1.3em 0em;
	text-align: center;
	width: 315px;
	float: right;
	}	

.cont_submenu {
	background: url(../images/public_images/background_menu.gif) repeat-x;
	padding: 0em 0em 0em 0em;
	margin: .4em 3em 1.3em 1.5em;
	border: 0px solid #555555;
	text-align: left;
	width: 140px;
	height: 206px;
	float: left;
	}
	
.cont_submenu li {
	color: #46614f;
	margin-left: .7em;
	padding-left: .6em;
	margin-bottom: .7em;
	background: url(../images/public_images/background_li.gif) no-repeat 0px 4px;
	}
		
.cont_submenu li a:link, a:visited {
	color: #46614f;
	text-decoration: none;
	border-bottom: 1px dotted #46614f;
	}
		
.cont_submenu li a:hover {
	color: #555555;
	background: #f7f6eb;
	text-decoration: none;
	border-bottom: 1px solid #b28600;
	}
		
/*
///////////////////////////////////////////////////////////////

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



/*
///////////////////////////////////////////////////////////////
----------------------------------- ESTILOS PARA LA CONTENEDORA
///////////////////////////////////////////////////////////////
*/

#pie {
	background: #ffffff;
	border-top: 1px dotted #b2b2b2;
	padding: .5em .5em .5em .5em;
	margin: 0em auto 0em auto;
	color: #46614f;
	height: 18px;
	}
	
#pie strong {
	font-weight: normal;
	color: #46614f;
	}	
		
span.pie_seleccionado {	
	color: #46614f;
	background: #ffffff;
	padding: 0em .2em 0em .2em;
	border-bottom: 1px solid #dc820e;
	}
	
#pie a:link { 
	color: #46614f; 
	text-decoration: 585454;
	border-bottom: 1px dotted #46614f;
	}
	
#pie a:visited { 
	color: #46614f; 
	text-decoration: none; 
	border-bottom: 1px dotted #46614f;
	}
	
#pie a:hover { 
	color: #46614f; 
	background: #f4f5f5;
	text-decoration: none; 
	border-bottom: 1px solid #dc820e;
	}
			
/*
///////////////////////////////////////////////////////////////

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



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

li.selected { font-weight: bold; }


#lightbox{
	background-color:#6e8181;
	padding: 10px;
	color: #ffffff;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}
		
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(../images/public_images/overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(../images/public_images/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/public_images/overlay.png", sizingMethod="scale");
	}

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

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

.required {
	background-image: url(../images/dedolib/required.gif);
	background-repeat: no-repeat;
	background-position: right 0em;
}