@import url("ficha.css");
@import url("hamer.css");
@import url("menu.css");


.contenedor{ 
	padding: 0em;
	width:768px;
	margin-right:auto;
	margin-left:auto;
	margin-top:0em;
	margin-bottom:0em;
	padding:0em;
	height	: 100%;
	background-color: #fff;
	border-left:1px solid #F5DADF;
	border-right:1px solid #F5DADF;	
	border-bottom:1px solid #F5DADF;	
} 

.columns-float{ 
	margin: 0px;
	padding: 0px;
    float : left; 
    width : 100%; 
	background-color: #fff;
/*	height	: 100%; */

} 

.column-one  
    { 
    width : 28% ;
	margin:0px;
	padding: 0px;
    float : left; 
	background-color: #fff;
	min-height: 24em;
} 
* html .column-one  
    { 
    width : 28% ;
	height: 24em;
}


.column-one-only {
    width : 90% ;
		padding: 0px;
	margin-left:35px;
	padding-top: 30px;

	background-color: #fff;
	min-height: 24em;
	text-align: justify;
/*	border:1px solid #f00*/
} 
* html .column-one-only { height: 24em; }

.column-one-only-mapa
    { 
    width : 99% ;
	margin:0.5em 0em 0em 0.1em;
	padding: 0px;
    float : left; 
	background-color: #fff;
	min-height: 24em;
/*	border:1px solid #f00*/
} 
* html .column-one-only-mapa { height: 24em; }





.column-one-hamer 
    { 
    width : 58% ;
	margin:0.5em 0em 0em 1em;
	padding: 0px;
    float : left; 
	background-color: #fff;
	min-height: 24em;

} 
* html .column-one-hamer{ 
	margin:0.5em 0em 0em 0.5em;
    width : 58% ;
	height: 24em;
}

.column-two 
    { 
    width : 70%; 
	margin:0px;
	padding: 0px;
    float : right; 
	background-color: #fff;
	min-height: 23em;
} 
* html .column-two
    { 
    width : 70% ;
	height: 23em;
}

.column-two-hamer
    { 
    width : 37%; 
	margin:0.5em 0em 0em 1em;
    float : right; 
	background-color: #fff;
	min-height: 23em;
} 
* html .column-two-hamer {  height: 23em; }



.separador {
	background-color:#F3F4EF;
	clear:both;
	width: 100%;
	height: 1em;
}


/* ==================================================================== 
box-clear requires all sorts of hackery because of the way the 
different browsers cope with clearing floats 
see [# #] 
-------------------------------------------------------------------- */ 
.box-clear { clear: both; line-height: 0px; font-size: 1px; } 
/* IE5 (mac) dealt with, now reset font-size for Geckos, 
turn off for IE5 (PC) + OmniWeb and back on for IE6 (PC) 
see [http://www.fu2k.org/alex/css/test/OmniWebInlineHack.mhtml] */ 
/*\*/ 
.box-clear { font-size: medium; } 
.fake.box-clear { display: none; } 
/* */ 
/* Turn off for Opera 6 and below */ 
html>body div.box-clear { display: none; } 
/* And turn it back on again for good honest browsers 
see [http://www.albin.net/CSS/OwenHack.html] */ 
head:first-child+body div.box-clear { display: block; } 
/* ==================================================================== 
nn4clear is as its name suggests, only required for NN4 compatibility 
If you don't need that you can remove both this rule and the 
relevant div from the html 
-------------------------------------------------------------------- */ 
.nn4clear { clear: both; line-height: 0px; font-size: 1px; } 
/*/*/ .nn4clear { display: none; } /* */ 
/* ==================================================================== 
box styling 
-------------------------------------------------------------------- */ 
.box-wrap { 
    padding : 0px; 
	margin: 0px;
    color : #000000;
} 
	
/********************* HEADER ******************************************/
	#header {
		margin:0px;
		padding:0px;
		background-color: #fff;
		position: relative;
		height:76px;
		background: transparent url("../img/home/linea_cabecera.gif") 0em bottom repeat-x;

	}
	* html #header {
		height:75px;
		
	}


	#idiomas {
		font-weight: bold;
		padding-top: 42px;

	}

	.logo{
		float:left;
		padding: 0px;
		margin: 0.3em 0em 0em 0.6em;
		display: block;
		width: 200px;
		height: 60px;
		background: transparent url("../img/home/logo_hamer.gif") 0em 0em no-repeat;
		text-indent: -700em;
		text-decoration: none;
		cursor: pointer;
	}
	
	* html .logo{
		margin: 0.3em 0em 0em 0.3em;
	}



	.direccion{
/*		border:1px solid;*/
		float:right;
		width: 19.6em;
		padding: 1em 1em 0em 0em;
		margin: 0px; 
		position: relative;
		font-family: verdana, geneva, arial, helvetica, sans-serif;
		font-size: 0.65em;
		color: #746D5A;
	}


	.menu2{
		width: 4em;
		background: url("../img/home/icono_menu.gif") 0em 0.15em no-repeat;
		padding: 0em 0em 0em 1.2em;
		margin: 0.5em 0em 0em 0.65em;
		font-family: arial, verdana, geneva,  helvetica, sans-serif;
		font-size: 0.9em;
		color: #C02A47;
		font-weight:bold;
	}

	h1.lemaes,h1.lemaen,h1.lemafr,h1.lemade,h1.lemacat{
		background: transparent url("../img/home/lema_es.gif") 0em 0em no-repeat;
		padding: 0em 0em 0em 0em;
		margin: 0.2em 0em 0em 0.2em;
		width: 16.8em;
		height:2em;
		text-indent: -700em;
	}
	h1.lemafr{ background: transparent url("../img/home/lema_fr.gif") 0em 0em no-repeat; }
	h1.lemaen{ background: transparent url("../img/home/lema_en.gif") 0em 0em no-repeat; }	


	.imagenproducto{
		position:relative;
		float:left;
		width: 26%;
		/*border: 1px solid;*/
		text-align:center;
		margin: 1em 0em 0em 1em;
	}
	* html .imagenproducto{
		margin: 1em 0em 0em 1em;
	}

	.muestrario{
		margin: 0em 0em 0em 0em;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size: 0.8em;
	}


.oculto {
	 display: none;	
}


.clear{ clear:both; }


/* CSS HACK */
.box-wrap, .columns-float, .column-one, .column-two, .column-three, h2 
    { p\osition: relative;} 
/* */ 

/********************* FOOTER ******************************************/
	#footer {
		margin:0px;
				margin-top: 20px; 
		padding:0px;
		background-color: #fff;
		position: relative;
		height:76px;
		background: transparent url("../img/home/linea_pie.gif") 0em top repeat-x;

	}
	* html #footer {
		height:75px;
		
	}


	.direccion_pie{
/*		border:1px solid;*/
		float:left;
		width: 19.6em;
		padding:  2em  0em 0em 1em;
		margin: 0px; 
		position: relative;
		font-family: verdana, geneva, arial, helvetica, sans-serif;
		font-size: 0.65em;
		color: #746D5A;
	}

	.referencia_pie{
		float:right;
		text-align:right;
		width: 19.6em;
		padding:  2em  1em 1em 1em;
		margin: 0px; 
		position: relative;
		font-family: verdana, geneva, arial, helvetica, sans-serif;
		font-size: 0.65em;
		color: #746D5A;
	}

	.referencia_pie a {
		font-family: verdana, geneva, arial, helvetica, sans-serif;
		color: #746D5A;
		text-decoration: none;
	}


/* ==================================================================== 
Estilos generales
-------------------------------------------------------------------- */ 
body { 
    padding : 0px; 
    font-family : verdana, arial, helvetica, sans-serif; 
    background-color : #D7D3D3; 
    color : #000000; 
    margin:0px;
/*	background-color: #D7D3D3;*************Gris************************* */
/*	background-color: #FFFFFF;*************Blanco************************* */
	font-size:0.95em;
} 


/*No creo que lo utilicemos�*/
.oculto A:link, .oculto A:visited, .oculto A:hover, .oculto A:active 
{
	color: #061856;
}	
		
IMG { border: none; }	
	
STRONG { font-weight : bold; }

A {COLOR: #B81635; TEXT-DECORATION: underline;}






/* ********************** ESTILOS TINY MCE  ********************************** */

.titulo{
	color:#B31234;
	font-size: 1.1em
}

.destacado{
	color:#B31234;
}

/* *********************** ESTILOS FORMULARIO ******************************* */

form {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-weight:bold;
}

input{ margin:0.5em 0.5em 0.5em 0.5em;	font-weight:normal; }


div#newsPanel {

	position: absolute;
	margin-left: 508px;
	margin-top: 9px;
	width: 200px;
	height: 300px;
	float: right;

}

div#newsPanel h2{
	display:		inline;
	float:			right;

	border:				1px solid #D2CFCF;
	border-bottom:		0;

	padding:		7px 9px 6px 6px;
	margin:			1px -10px 0px 0px;

	font-family:		Verdana, Helvetica, Arial;
	font-size:			13px;
	background:			white;
	color:				#918D8D;
	text-decoration:	none;
	cursor:				hand;
	cursor:				pointer;	
}

div#newsBorder {
	height: 280px;
	width: 200px;
	
	clear:			both;
	border:			1px solid #D2CFCF;
	background:		White;
	color:			#000;
	font-family:	Verdana, Helvetica, Arial;
	font-size:		13px;
	padding: 10px;
}

div#newsBorder h3{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 1.1em;
	color:#C02E4A;
	font-weight: bold;
}

div#news {
	height: 200px;
}

div#newsLink {
	text-align: right;
}