/*
///////////////////////////////////////////////////////////////
         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; }	

.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 li { background: url(images/li_square.gif) no-repeat 0px 1px; padding-left: .8em; }
.no_style { background: none; border: none;}	
.background_none { background: none !important; }
.border_0 { border: 0px !important; }
		
/*
///////////////////////////////////////////////////////////////

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

body { 
	background: url(../images/public_images/fondo.jpg) repeat-x center top #2a2215; 
	font-family: Arial, Helvetica, sans-serif; 
	text-align: center; 
	color: #786048; 
	font-size: 69%;
	}

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

h1 {
	color: #483030; 
	font-size: 115%; 
	text-align: left;
	font-weight: bold;
	background: #ffffff;
	margin: 0em 0em .7em 0em;
	padding: .5em .5em .5em 1em;
	border-bottom: 1px dotted #483030;
	}
	
h2 { 
	color: #000000; 
	font-size: 109%; 
	text-align: left;
	font-weight: bold;
	background: #ffffff;
	margin: 0em 0em .7em 0em;
	padding: .3em 0em .3em 0em;
	}
	
h3 { 
	color: #405c7e; 
	font-size: 105%; 
	text-align: left; 
	margin: .7em 0em 0em 0em;
	padding: 0em 0em 0em 0em;
	}	
	
strong { color: #000000; font-weight: bold; }
	
hr {
	border-top: 1px solid #ffffff;
	border-left: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	border-bottom: 1px solid #ccd6e2;
	}
	
.imagen_normal {
	padding: .5em;
	margin-right: .5em;
	background: #f5f9fe;
	border: 1px solid #ccd6e2;
	}		

	
.direc {
	color: #405c7e;
	text-align: left;
	}	
			
/*
///////////////////////////////////////////////////////////////

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



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

.botones_idiomas {
	width: 56em;
	height: 36em;
	padding: 0em;
	color: #ffffff;
	margin: .7em auto;
	background: url(../images/public_images/fachada_intro.jpg) left top no-repeat;
	}
	
.botones_idiomas p {	
	width: 15em;
	float: left;
	margin: .7em 0 0 3.7em;
	}
	
.botones_idiomas img {	
	margin-right: 17px;
	margin-top: -1px; 
	}
	
.botones_idiomas a {
	padding: .2em;
	}

.botones_idiomas a:link {
	color: #ffffff;
	text-decoration: none;
	border-bottom: 1px dotted #ffffff;
	}

.botones_idiomas a:visited {
	color: #ffffff;
	text-decoration: none;
	border-bottom: 1px dotted #ffffff;
	}

.botones_idiomas a:hover {
	color: #555555;
	background: #ffffff;
	text-decoration: none;
	border-bottom: 1px dotted #cccccc;
	}
	
#contenedora {
	margin: 0em auto 0em auto;
	background: #ffffff;
	padding: .4em;
	color: #656565;
	width: 86.5em;
	}
			
/*
///////////////////////////////////////////////////////////////

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



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

#cabecera {
	width: 87.4em;
	color: #ffffff;
	text-align: left;
	padding-bottom: 0em;	
	margin: 2em auto 0 auto;
	background: url(../images/public_images/cabecera/cabecera.jpg) no-repeat right top;
	}
	
.ie6 #cabecera {
	width: 87.3em;	
	}
.ie7 #cabecera {
	width: 87.3em;	
	}
	
#logo {
	margin-left: .1em;
	}
	
#logo a {
	color: #ffffff;
	}
	
.ie6 .logotipo {
	margin-right: 60px;
	}				

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

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



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


.ruta {
	color: #483030;
	padding: .5em .5em .5em 1em;
	border-bottom: 1px dotted #000000;
	}

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

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


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

#contenido {
	text-align: justify;
	margin: 0em 0em .4em 0em;
	padding: 0em 0em 0em 0em;
	border-top: 3px solid #ffffff;
	background: url(../images/public_images/fondo_menu.jpg) no-repeat left top #ffffff;
	}
	
.ie6 #contenido {
	background: url(../images/public_images/fondo_menu.jpg) no-repeat 5px 0px #ffffff;
	}	

#idiomas {
	color: #ffffff;
	background: #3c2d16; 
	}
	
#idiomas span {
	padding: .2em;
	color: #ffffff;
	background: #816b53;
	text-decoration: none;
	border-bottom: 1px solid #c6cd82;
	}	
	
#idiomas a {
	padding: .2em;
	}
		
#idiomas a:link {
	color: #ffffff;
	text-decoration: none;
	border-bottom: 1px dotted #ffffff;
	}
	
#idiomas a:visited {
	color: #ffffff;
	text-decoration: none;
	border-bottom: 1px dotted #ffffff;
	}
	
#idiomas a:hover {
	color: #ffffff;
	background: #816b53;
	text-decoration: none;
	border-bottom: 1px solid #c6cd82;
	}
	
/*
///////////////////////////////////////////////////////////////

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



/*
///////////////////////////////////////////////////////////////
------------------------------- ESTILOS PARA LA PARTE IZQUIERDA
///////////////////////////////////////////////////////////////
*/

#parte_izquierda {
	width: 16em;
	float: left;
	color: #656565;
	text-align: left;
	margin: 0em 0em 0em 0em;
	padding: 0em 0em 0em 0em;
	}

ul.submenu {
	padding: 0px 0px 0px 0px;
	font-size: 107%;
	}

.nivel1 a {
	display: block;
	padding: 5px 10px;
	margin: 0px 0px 0px 0px;
	color: #00316e;
	border: 0px;
	padding-left: 1.3em;
	text-align: left;
	text-decoration: none;
	border-bottom: 1px solid #ffffff;
	background: url(../images/public_images/menu/alink.gif) no-repeat 7px 3px #c8b188;
	}
	
.nivel1 a:link, .nivel1 a:visited {
	color: #2a2215;
	}	

.nivel1 a:hover {
	color: #ffffff;
	text-decoration: none;
	border-bottom: 1px solid #ffffff;
	background: url(../images/public_images/menu/hover.gif) no-repeat 7px 3px #2a2215;
	}

.seleccionado1 {
	color: #ffffff;
	display: block;
	padding-top: 5px;
	padding-bottom: .4em;
	text-decoration: none;
	margin: 0px 0px 0px 0px;
	border-bottom: 1px solid #ffffff;
	background: url(../images/public_images/menu/hover.gif) no-repeat 7px 3px #2a2215;
	}
	
.seleccionado1 span {
	margin-left: 1.3em;
	}	

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

ul.submenu2 {
	padding: 0px 0px 0px 0px;
	margin-top: .5em;
	margin-bottom: -6px;
	font-size: 107%;
	background: #ffffff;
	border-top: 1px solid #ffffff;
	}

.nivel2 a {
	display: block;
	padding: 5px 10px;
	margin: 1px 0px 1px 0px;
	color: #00316e;
	padding-left: 1.3em;
	text-align: left;
	text-decoration: none;
	border: 1px solid #d6bca3;
	background: url(../images/public_images/menu/alink.gif) no-repeat 7px 3px #ffffff;
	}
	
.nivel2 a:link, .nivel2 a:visited {
	color: #2a2215;
	}	

.nivel2 a:hover {
	color: #ffffff;
	text-decoration: none;
	border: 1px solid #d6bca3;
	background: url(../images/public_images/menu/hover.gif) no-repeat 7px 3px #807257;
	}

.seleccionado2 {
	display: block;
	padding: 6px 10px;
	padding-left: 1.3em;
	margin: 0px 0px 0px 0px;
	color: #ffffff;
	clear: both;
	text-decoration: none;
	background: url(../images/public_images/menu/hover.gif) no-repeat 7px 3px #807257;
	border-bottom: 1px solid #ffffff;
	}
	
.seleccionado2 span {
	margin-left: 0em;
	}
/*
///////////////////////////////////////////////////////////////

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



/*
///////////////////////////////////////////////////////////////
------------------------------------- ESTILOS PARA EL CONTENIDO
///////////////////////////////////////////////////////////////
*/
	
#datos {
	width: 70em;
	float: right;
	color: #786048;
	text-align: justify;
	border: 1px dotted #000000;
	}	

#datos a:link { 
	color: #62617c;
	text-decoration: none;
	border-bottom: 1px dotted #5678c1;
	}
	
#datos a:visited { 
	color: #858497; 
	text-decoration: none; 
	border-bottom: 1px dotted #5678c1;
	}
	
#datos a:hover { 
	color: #ffffff;
	background: #5678c1;
	text-decoration: none; 
	border-bottom: 1px solid #8aa8e8;
	}
	
/*
///////////////////////////////////////////////////////////////

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



/*
///////////////////////////////////////////////////////////////
------------------------------------- ESTILOS PARA EL CONTENIDO
///////////////////////////////////////////////////////////////
*/
	
.texto {
	padding: 0 .7em 1em 1em;
	background: #ffffff;
	text-align: justify;
	border: 1px solid #ffffff
	}
	
.width_home {
	width: 42em;
	float: left;
	}		

.texto p {
	margin: .8em 0em .8em 0em;
	}
	
.cont_images {
	float: right;
	width: 25em;
	text-align: center;
	border-left: 1px dotted #000000;
	}	
	
.cont_images img {
	margin: 3px 0 20px 0;
	}	
	
/*
///////////////////////////////////////////////////////////////

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



/*
///////////////////////////////////////////////////////////////
--------------- ESTILOS PARA LAS IMAGENES DE PRODUCTOS Y MEDIOS
///////////////////////////////////////////////////////////////
*/
	
div.img {
	background: url(../images/public_images/base_img.jpg) no-repeat left top;
	border: 0px solid #ff0000;
	text-align: center;
	padding-top: .8em;
	height: 15.8em;
	float: left;
	margin: 1em;
	width: 23em;
	}	
	
/*
///////////////////////////////////////////////////////////////

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



/*
///////////////////////////////////////////////////////////////
------------------------------------ ESTILOS PARA EL FORMULARIO
///////////////////////////////////////////////////////////////
*/
	
.cont_form {
	margin: 1em 1em 1em 1.3em;
	}	
	
/*
///////////////////////////////////////////////////////////////

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



/*
///////////////////////////////////////////////////////////////
------------------------------------- ESTILOS PARA ÁREA CLIENTE
///////////////////////////////////////////////////////////////
*/
	
.contenido_acliente {
	width: 25em;
	margin: 3em auto;
	color: #483030;
	padding: 1em;
	border: 1px dashed #cccccc;
	}	
	
.linea {
	margin-top: 1em;
	}	
	
/*
///////////////////////////////////////////////////////////////

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



/*
///////////////////////////////////////////////////////////////
------------------------------------------ ESTILOS PARA CALIDAD
///////////////////////////////////////////////////////////////
*/
	
.calidad_img {
	padding: 0 .7em 1em 4em;
	}	
	
.table_calidad {
	width: 61em;
	margin: 4em auto;
	}	
	
.bloque {
	text-align: center;
	font-weight: bold;
	color: #000000;
	width: 14em;
	margin-right: 1em;
	border: 1px dotted #000000;
	}

.bloque p {
	margin-bottom: 2.3em;
	}	
	
td.bloque {
	padding: .5em;
	}		
	
.bloque2 {
	text-align: center;
	font-weight: bold;
	color: #000000;
	width: 19em;
	padding: .7em;
	margin-right: 1em;
	border: 1px dotted #000000;
	}
	
.bloque2 p {
	margin-bottom: 1em;
	}		
	
/*
///////////////////////////////////////////////////////////////

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



/*
///////////////////////////////////////////////////////////////
------------------------------------------ ESTILOS PARA EL MAPA
///////////////////////////////////////////////////////////////
*/
	
.cont_mapa_izq {
	width: 22em;
	padding: 1em 0 0 3em;
	border: 0px solid #ff0000;
	}	
	
.cont_mapa_der {
	width: 43em;
	margin-bottom: 2em;
	border: 0px solid #ff0000;
	}	
	
/*
///////////////////////////////////////////////////////////////

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



/*
///////////////////////////////////////////////////////////////
------------------------------------------ ESTILOS PARA LA RUTA
///////////////////////////////////////////////////////////////
*/
	
ul.mapaweb {
	width: 45em;
	margin-left: 1em;
	background: none;
	}
	
/*.ie6 ul.mapaweb {
	margin-left: 1em;
	background: url(../images/public_images/background_mapaweb_ie.gif) no-repeat 2px 10px;
	}
		 	
.ie7 ul.mapaweb {
	margin-left: 1em;
	background: url(../images/public_images/background_mapaweb_ie.gif) no-repeat 2px 10px;
	}	
		
.safari ul.mapaweb {
	margin-left: 1em;
	background: url(../images/public_images/background_mapaweb_sf.gif) no-repeat 2px 10px;
	}	*/	
		
ul.mapaweb li {
	list-style: square;
	color: #CC9900;
	margin: .2em .5em .2em 1.9em;
	padding: .2em .5em .2em 0em;
	background: url(../images/public_images/background_raquo.gif) no-repeat 1px 11px;
	}
			
ul.mapaweb li strong {
	font-weight: bold;
	color: #d48907;
	padding: .2em .1em .2em .1em;
	border-bottom: 1px solid #24618e;
	}	
	
/*
///////////////////////////////////////////////////////////////

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



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

#pie {
	clear: both;
	padding: .3em;
	margin-top: .4em;
	color: #ffffff;
	margin: 0px auto;
	text-align: center;
	background: url(../images/public_images/fondo_pie.gif) no-repeat left top #2a2215;
	}

#pie strong { 
	color: #f5f5f5; 
	}
	
.pie_seleccionado {
	font-weight: bold;
	}	
	
#pie a { 
	padding-left: .2em;
	padding-right: .2em;
	}
	
#pie a:link { 
	color: #ffffff;
	background: #2a2215; 
	text-decoration: none;
	border-bottom: 1px dotted #f5f5f5;
	}
	
#pie a:visited { 
	color: #ffffff;
	background: #392f20; 
	text-decoration: none; 
	border-bottom: 1px dotted #f5f5f5;
	}
	
#pie a:hover { 
	color: #ffffff;
	background: #676158; 
	text-decoration: none; 
	border-bottom: 1px solid #ffffff;
	}
			
/*
///////////////////////////////////////////////////////////////

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



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

#lightbox{
	background-color:#624913;
	padding: 10px;
	color: #ffffff;
	border: 2px solid #443108;
	}

		
#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");
	}

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

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