@charset "utf-8";
/* Hierromad Web */

body {
	background:#333 url(../img/bg.jpg) repeat-x 0 122px;
	margin:0;
	font-size:10pt;
}

img {
	border:0;
}

p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10pt;
}

.hidden{
	display:none;
}

p.leyenda {
	font-size:8pt;
	margin-top:-7px;
	text-align:center;
	color:#999;
}

h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18pt;
	font-variant:small-caps;
	color:#B22E2A;
	margin-bottom:-7px;
}

h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14pt;
	font-variant:small-caps;
	color:#B22E2A;
	font-weight:normal;
	margin-bottom:8px;
	margin-top:0;
}



.showroom h1 {
	margin:0;
	font-size:9pt;
	font-variant:normal;
	text-align:center;
	margin-top:10px;
}

a {
	color:#B22E2A;
	text-decoration:underline;
	font-family:Arial, Helvetica, sans-serif;
}

	a:hover {
		text-decoration:none;
	}
	
a.conozca {
	width:172px; height:93px;
	background:url(../art/conozca.png) no-repeat;
	position:absolute; margin-top:-85px; margin-left:543px;
}

a.conozca:hover {
	background:url(../art/conozcaOver.png) no-repeat;
}

/* Estructura web */

#pagina {
	width:960px;
	background-color:#fff;
	margin:0 auto;
}

#contenedor {
	width:910px;
	background-color:#fff;
	margin:0 25px;
}

#header {
	width:880px; height:88px;
	background:url(../art/bgHeader.jpg) no-repeat top right;
	padding:15px 0 0 30px;
}

#botonera {
	width:910px; height:205px;
	text-align:center;
	background:url(../art/botoneraBg.jpg) repeat-x;
}
	
	#botonera ul {
		list-style:none;
		margin:0;
		padding:0;
	}
	
	#botonera li {
		display:inline;
		margin:0;
		padding:0;
	}
	
	.sombraBotoneraIzq {
		width:16px; height:205px;
		position:relative;
		z-index:999;
		float:left;
	}
	
	.sombraBotoneraDer {
		width:16px; height:205px;
		position:relative;
		z-index:999;
		float:right;
	}
	
	.contBotones {
		width:720px; height:154px;
		position:relative;
		float:left;
		background:url(../art/bgBotoneraSombras.jpg) no-repeat;
		z-index:999;
		margin:19px 0 0 94px;
		padding:12px 0 0 12px;
	}
	
		*html .contBotones {
			margin-left:50px;
		}
		
	.contBotones div {
		float:left;
		margin-right:22px;
		background:no-repeat;
	}


#contenidoHome {
	width:878px;
	height:auto;
	margin:0 16px;
	padding-bottom:20px;
}

#contenidoHome:after { clear: both; content: " "; display: block; }

.empresa {
	width:300px;
	text-align:justify;
	float:left;
	margin-right:20px;
}

.empresaFotos {
	width:558px; height:400px;
	float:left;
	margin-top:20px;
}
	.novedades {
		width:218px; height:285px;
		float:left;
	}
	
	.novedades h1 {
		margin:0;
	}
	
		#twitter_div ul {
			margin-top:12px;
			padding:0;
			font-family:Arial, Helvetica, sans-serif;
			color:#524C4C;
		}
		
		#twitter_div li {
			background:url(../art/li.jpg) no-repeat 0 5px;
			padding-left:10px;
			margin-bottom:auto;
			margin-top:8px;
		}
		
		#twitter_div p {
			text-align:right;
			font-size:8pt
		}
		
		#twitter_div a {
			color:#999;
		}
	
	.showroomHome {
		width:421px; height:229px;
		margin:15px 21px;
		float:left;
	}
	
	.chat {
		width:197px; height:285px;
		float:left;
		text-align:left;
	}
	
		.chat h1 {
			margin:0;
		}
		
		.chat img {
			border:0;
		}
	
#contenidoHome.showroom ul {
	margin:0;
	padding:0;
	display:inline;
}

#contenidoHome.showroom li {
	list-style-type:none;
	display:inline;
	margin-right:19px;
	margin-left:0;
	float:left;
}

#contenidoHome.showroom img {
	border:0;
}


.sucursales {
	width:310px;
	float:left;
	margin-left:10px;
}

.sucursales img {
	float:left;
	margin-right:8px;
}

.sucursales p {
	font-size:8pt;
}

.sucursales h1 {
	color:#B22E2A;
	font-size:9pt;
	font-weight:normal;
}

	*html .sucursales h1 {
		margin-bottom:-18px;
	}


#footer {
	width:850px; height:110px;
	background-color:#fff;
	border-top:1px solid #C0BEB8;
	padding-top:25px;
	margin-left:30px;
	text-align:center;
}

	#footer .logo {
		width:146px; height:51px;
		float:left;
		margin:0 10px 0 240px;
	}
	
		*html #footer .logo {
			margin:0 10px 0 115px;
		}
	
	#footer p {
		width:245px;
		font-size:7pt;
		text-align:left;
		float:left;
	}
	
		*html #footer p {
			margin-top:10px;
		}
	
	#footer .links {
		margin-bottom:20px;
		margin-top:-5px;
	}


*html .pepe {
	visibility:hidden;
	margin-bottom:-250px;
	float:right;
}


/* Clase firma */

#firma {
	width:133px; height:48px;
	position:absolute;
	margin-left:778px;
	margin-top:-75px;
}