/*
///////////////////////////////////////////////////////////////
         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;}
.align_right a:link { color: #ff0000; text-decoration: none; padding: 2px; }
.align_right a:visited { color: #ff0000; text-decoration: none; }
.align_right a:hover { color: #ffffff; background: #ff0000; text-decoration: underline; border: 0px; padding: 2px; }
.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; }
.border_0 { border: 0px !important; }
		
/*
///////////////////////////////////////////////////////////////

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

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

/*
////////////////////////////////////////////////////////
---------------------------- ESTILOS EXCLUSIVOS DEL SITE
////////////////////////////////////////////////////////
*/

h1 { 
	color: #555555; 
	font-size: 160%; 
	text-align: left;
	font-weight: normal;
	margin: 0em;
	padding: 0em;
	border-bottom: 1px solid #f42941;
}
	
h2 { 
	color: #ffffff; 
	font-size: 135%; 
	font-weight: bold;
	}

h2.novedades {
	color: #ff2203; 
	font-size: 135%;
	padding-bottom: .3em;
	margin-bottom: .5em;
	margin-top: 10px; 
	font-weight: bold;
	border-bottom: 1px dashed #ff2203;
	}
	
h2.rojo {
	color: #ff2203; 	
	}
	
h3 { 
	color: #FF2203; 
	font-size: 107%; 
	text-align: left;
	font-weight: bold;
	background: #ffffff;
	margin: 0em 0em 0em 0em;
	padding: 0em 0em 0em 0em;
	border-bottom: 1px solid #cccccc;
}	
	
strong { color: #FF2203; font-weight: bold; }

a:link { 
	color: #999999; 
	text-decoration: none;
	border-bottom: 0px dotted #5678c1;
}
	
a:visited { 
	color: #999999; 
	text-decoration: none; 
	border-bottom: 0px dotted #5678c1;
}
	
a:hover { 
	color: #999999;
	/* background: #fdeeee;  */
	text-decoration: none; 
	border-bottom: 1px dashed #FF2203;
}

.guhring_logo {
	background: #fbe300;
	width: 436px;
	margin: -3px auto 10px auto;
	padding: 3px;
	}
	
/*
///////////////////////////////////////////////////////////////
----------------------------------- ESTILOS PARA LA CONTENEDORA
///////////////////////////////////////////////////////////////
*/

#contenedora {
	border: 0px solid #ff0000;
	/*width: 71.5em; /* Menos de 800px */
	width: 923px;
}

#contenedora div.fondo_menu {
	/* background: url(../images/public_images/menu/fondo_menu.gif) repeat-x left top; */
	height: 102px;
}

.logos {
	width: 100px;
	border: 1px solid #fff;
}
.detalle {
	width: 410px;
	border: 1px solid #fff;
}


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

#logo {
	width: 20%;
	padding-left: 45px;
}

#menu {
	width: 54%;
	height: 98%;
}
  
#menu div.barra_menu {
	background: url(../images/public_images/menu/barra_vertical.gif) no-repeat left bottom;
	width: 1px;
	height: 102px;
}

#menu ul.primerUl {
	margin: 1.6em 0em 0em auto;
	width: 39.6em;
	text-align: center;
	list-style: none;
}
	
#menu li {
	display:inline;
	padding: .3em 0em .3em 0em;
}
	
#menu li a {
	background: url(../images/public_images/menu/barra_vertical.gif) no-repeat right bottom;
	padding: 4.5em 0em .3em 0em;
	color: #555555;
	margin-top: .6em;
	border: 0px;
	text-decoration: none;
	font-size: 115%;
	float:left;
	width: 8.4em;
}

#menu li span {
	background: url(../images/public_images/menu/barra_vertical.gif) no-repeat right bottom;
	padding: 4.5em 0em .3em 0em;
	color: #555555;
	margin-top: .6em;
	border: 0px;
	text-decoration: none;
	font-size: 115%;
	float:left;
	width: 8.4em;
}


.ie7 #menu li a {
	margin-top: .7em;
}
  
#menu a:hover {
	background: url(../images/public_images/menu/fondo_menu_sel.gif) no-repeat right bottom;
	text-decoration: underline;
}
  
#menu li.seleccionado1 a {
	font-weight: bold;
	background: url(../images/public_images/menu/fondo_menu_sel.gif) no-repeat right bottom;
}

#menu li.seleccionado1 span {
	font-weight: bold;
	background: url(../images/public_images/menu/fondo_menu_sel.gif) no-repeat right bottom;
}


#menu li.nivel1 {
	color: #ff0000;
}

/*
///////////////////////////////////////////////////////////////
------------------------------------- ESTILOS PARA LOS IDIOMAS
///////////////////////////////////////////////////////////////
*/

#idiomas {
	/* background: url(../images/public_images/fondo_idiomas.gif) no-repeat right bottom; */
	border: 0px solid #ff0000;
	margin: 0em;
	padding-right: 1em;
	text-align: right;
	padding: .2em;
	color: #989a94;
	width: 100%;
}
	
#idiomas p {
	margin-right: 1.2em;
}
		
#idiomas span {
	font-weight: bold;
	color: #ff2505;
	padding: .1em;
}	
	
#idiomas a:link {
	border-bottom: 1px dotted #989a94;
}	
	
#idiomas a:visited {
	border-bottom: 1px dotted #989a94;
}	
	
#idiomas a:hover {
	border-bottom: 1px solid #989a94;
}	

/*
///////////////////////////////////////////////////////////////
---------------------------------------- ESTILOS PARA EL BANNER
///////////////////////////////////////////////////////////////
*/

#banner_home {
	background: url(../images/public_images/menu/banner_home.jpg) no-repeat left top;
	width: 923px;
	height: 134px;
}
.ie6 #banner_home { margin-top: -3px; }


#banner_home img {
	margin-left: 45px;
}
/*
///////////////////////////////////////////////////////////////
------------------------------------------ ESTILOS PARA LA RUTA
///////////////////////////////////////////////////////////////
*/

.ruta {
	padding: 1em 0em 1em 4.5em;
}

.ruta strong {
	color: #FF2203;
}

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

#contenido {
	padding-left: 4.5em;
	text-align: justify;
	background: url(../images/public_images/fondo_contenido.gif) no-repeat left bottom;
	width: 93.3%;
}

#contenido p {
	margin: 1em 0em;
	font-size: 105%;
}

/*
///////////////////////////////////////////////////////////////
------------------------------------- ESTILOS PARA EL CONTENIDO
///////////////////////////////////////////////////////////////
*/
	
/* HOME */
	
div.home_columna1 {
	width: 38%;
}

div.home_columna2 {
	width: 60%;
	text-align: right;
}

/* PRODUCTOS */

div.comun_columna1 {
	width: 23%;
	text-align: left;
}

div.comun_columna2 {
	border-left: 1px solid #DFDFDF;
	min-height: 332px;
	width: 73%;
	padding: 1em;
	margin-bottom: .5em;
}

.ie6 div.comun_columna2 {
	height: 332px;
}

.gecko div.comun_columna2 {
	min-height: 328px;
}

div.comun_columna2 h1 {
	width: 70%;
}

div.bloque_producto {
	margin-top: 1.5em;
}

div.bloque_titulo {
	background: url(../images/public_images/bloque_productos_titulo.gif) repeat-x left top #ff0000;
	height: 32px;
	width: 96.9%;
}

div.bloque_titulo_right {
	width: 19px;
	height: 32px;
	background: url(../images/public_images/bloque_productos_titulo_right.gif) no-repeat right top;
}

h2.margin_titulo {
	margin: .5em 0em 0em 1em;
}

div.contenido_bloque {
	border: 1px solid #c81c04;
	padding: .3em;
}

.ie6 div.contenido_bloque {
	width: 98.8%;
}

div.contenido_bloque li {
	margin: .5em 1em;
	padding-left: 1.7em;
	background: url(../images/public_images/listas.gif) no-repeat 1px 3px;
}

div.contenido_bloque p {
	margin: .5em .5em;
	padding-left: .5em;
	margin-right: .5em;
	border: 0px solid #ff0000;
	width: 32em;
	float: right;
}

img.logo_producto {
	margin: .5em .5em 0em 0em;
}

div.fondo_gris {
	background-color: #F5F5F5;
	border: 1px solid #F5F5F5;
}

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

div.capa_imagen {
	width: 20em; 
	float: left
	}

div.capa_texto {
	width: 34.7em; 
	float: left; 
	margin-left: 11px;
	}
.ie6 div.capa_texto { width: 34em; }	

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

div.barra_separadora {
	margin: .2em 0em;
	border-top: 1px solid #f6d7dd;
}

#menu_left {
	border-top: 1px solid #DFDFDF;
}

.paginas {
	margin: .5em;
	padding: .5em;
	background: #fde7e4;
	border: 1px solid #fc9494;
	}

.paginas a {
	color: #CC0000;
	}

#menu_left li {
	border: 1px solid #DFDFDF;
	border-top: 0em;
	border-right: 0em;
	padding: .5em 1em;
	font-size: 105%;
}

#menu_left li.seleccionado {
	background: url(../images/public_images/linea_roja.gif) repeat-y right top #F0F0F0;
}

#menu_left li.seleccionado a {
	color: #FF2203;
}

#menu_left li.seleccionado span {
	color: #FF2203;
}


.direccion {
	color: #413829;
	width: 38.4em;
	padding: .8em;
	line-height: 17px;
	background: #f2efe9;
	margin: .7em 0 .7em 0;
	border: 1px solid #bcb2a1;
}
	
.direccion strong {
	color: #736c61;
}

.direccion strong.olalsa {
	color: #e4321c;
	font-size: 110%;
}

.direccion a {
	color: #e5311c;
}

#mapaContacto {
	border: 1px solid #bcb2a1;
}

/*
////////////////////////////////////////////////////////////////
------------------------------------- ESTILOS PARA ACCESIBILIDAD
////////////////////////////////////////////////////////////////
*/

.dt_sub_com {
	color: #555555;
	text-align: justify;
}	

.dt_sub_com h2 {
	color: #000000;
	margin: 1.8em 0em .8em 0em;
}	

.dt_sub_com p {
	margin: .8em 0em .8em 0em;
}	

/*
///////////////////////////////////////////////////////////////
------------------------------------- ESTILOS PARA EL CONTENIDO
///////////////////////////////////////////////////////////////
*/
	
.areacliente {
	width: 21.5em;
	color: #555555;
	clear: both;
	padding: 1em 1em 1em 2em;
	margin: 0px;
	background: #ffffff;
	border: 1px dashed #cccccc;
	}
	
.areacliente legend {
	display: none;
	}
	
.areacliente .linea {
	clear: both;
	margin-bottom: .7em;
	}	
			
/*
///////////////////////////////////////////////////////////////////
------------------------------------------ ESTILOS PARA EL MAPA WEB
///////////////////////////////////////////////////////////////////
*/
.ul_mapa_web {
	margin: 1.5em 0em 0em 0em;
	background: url(../images/public_images/mapa_web.gif) no-repeat 10px 10px;
}

.ul_mapa_web li {
	padding: .5em;
}

.ul_ul_mapa_web li {
	padding: .3em;
	margin-left: 2em;
}
			
/*
//////////////////////////////////////////////////////////////
------------------------------------------ ESTILOS PARA EL PIE
//////////////////////////////////////////////////////////////
*/
#pie {
	width: 100%;
	clear: both;
	color: #535556;
	text-align: center;
	padding: .5em 0em 0em 0em;
	height: 45px;
	background: url(../images/public_images/fondo_pie.gif) repeat-x left top;
	}

#pie strong { 
	color: #FF2203; 
	}

#pie a:link, #pie a:visited { 
	color: #525456;
	padding: 2px; 
	text-decoration: none;
	border-bottom: 1px dotted #FF2203;
	}
		
#pie a:hover { 
	color: #525456;
	padding: 2px; 
	background: #ffe7e3; 
	text-decoration: none; 
	border-bottom: 1px solid #FF2203;
	}
	
	
span.pie_seleccionado { 
	color: #525456;
	padding: 2px; 
	background: #ffe7e3; 
	text-decoration: none; 
	border-bottom: 1px solid #FF2203;
	}
	
#pie p.direccion_pie {
	margin-top: 1em;
}
			
/*
///////////////////////////////////////////////////////////////

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

	
#description {
	margin: .7em;
	font-weight: bold; }	
	/*#description a, a:link, a:visited {
		color: #237cc1;
		padding: .2em .4em 0em .4em;
		text-decoration: underline;
		border-bottom: 0px !important;
	}
	#description a:hover {
		color: #237cc1;
		padding: .2em .4em 0em .4em;
		background: #eef7fd;
		text-decoration: none;
		border-bottom: 0px !important;
	}*/
	#description acronym {
		cursor: pointer;
		border: 0px;
		}