@charset "utf-8";
/* CSS Document */

/************************//* Para resetear los estilos de los navegadores */
* { 
	margin:0;
	padding:0;
}
table {
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul,li {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { 
	border:0;
}
blockquote{
	margin-left:10px;
}




/************************//* Etiquetas de HTML */
body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #333333;
	margin: 0px;
	background-color: #000000;
}
#contenedor {
	vertical-align: middle;
	margin-top: -280px;
	margin-left: -476px;
	position: absolute;
	top: 50%;
	left: 50%;
	height: 560px;
	width: 952px;
}
#cabecera {
	position: relative;
	left: 0px;
	height: 124px;
	width: 952px;
	background-color: #383637;
	background-repeat: no-repeat;
}
#logo_hormann{
	position: absolute;
	top: 17px;
	left: 23px;
	height: 106px;
	width: 98px;
	background-image:url(../images/logesma.jpg);
	background-repeat: no-repeat;
}
#logo_esma{
	position: absolute;
	top: 25px;
	left: 860px;
	height: 83px;
	width: 70px;
	background-image:url(../images/logo_hormann.jpg);
	background-repeat: no-repeat;
}
#espacio_atcliente{
	position: absolute;
	top: 23px;
	left: 366px;
	height: 60px;
	width: 220px;
}
#contenedor_int{
	position: absolute;
	top: 124px;
	left: 0px;
	height: 419px;
	width: 952px;
}
#menu{
	position: absolute;
	top: 0px;
	left: 0px;
	height: 28px;
	width: 952px;
	background-color: #383637;
	background-repeat: no-repeat;
	z-index: 2;
}
#cuerpo{
	position: absolute;
	top: 28px;
	left: 0px;
	height: 308px;
	width: 952px;
	background-color: #9b9b9b;
	background-repeat: no-repeat;
}
#contenido_inicio{
	position: absolute;
	top: 33px;
	left: 451px;
	height: 250px;
	width: 452px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #333333;
	text-align: justify;
}
#contenido_empresa{
	position: absolute;
	top: 0px;
	left: 0px;
	height: 273px;
	width: 293px;
	padding: 20px 17px 15px 20px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #333333;
	text-align: justify;
	overflow-y: scroll;
	overflow-x:none;
	scrollbar-face-color: #fb8b00;
	scrollbar-shadow-color: #fd6c02;
	scrollbar-highlight-color: #fd6c02;
	scrollbar-3dlight-color: #605e5f;
	scrollbar-darkshadow-color: #605e5f;
	scrollbar-track-color: #4c4a4b;
	scrollbar-arrow-color: #ffffff;
}
#titulo_productos{
	position: absolute;
	top: 0px;
	left: 0px;
	height: 14px;
	width: 295px;
	padding: 5px 15px 6px 20px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color: #333333;
	background-color: #c3c3c3;
}
#contenido_productos{
	position: absolute;
	top: 25px;
	left: 0px;
	height: 253px;
	width: 293px;
	padding: 15px 17px 15px 20px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #333333;
	text-align: justify;
	overflow-y: scroll;
	overflow-x:none;
	scrollbar-face-color: #fb8b00;
	scrollbar-shadow-color: #fd6c02;
	scrollbar-highlight-color: #fd6c02;
	scrollbar-3dlight-color: #605e5f;
	scrollbar-darkshadow-color: #605e5f;
	scrollbar-track-color: #4c4a4b;
	scrollbar-arrow-color: #ffffff;
}
#espacio_flash{
	position: absolute;
	top: 0px;
	left: 330px;
	height: 308px;
	width: 622px;
	background-color:#666666;
}
#contenido_normativas{
	position: absolute;
	top: 0px;
	left: 50px;
	height: 275px;
	width: 822px;
	padding: 25px 15px 8px 15px;
	margin-right: 50px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #000000;
	text-align: justify;
	line-height: 24px;
}
#contenido_certificados{
	position: absolute;
	top: 100px;
	left: 200px;
	height: 185px;
	width: 550px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #000000;
}
#espacio_direccion{
	position: absolute;
	top: 133px;
	left: 375px;
	height: 70px;
	width: 330px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #333333;
	font-weight: bold;
}
#espacio_mapa{
	position: absolute;
	top: 30px;
	left: 30px;
	height: 248px;
	width: 892px;
}
#botonvolver{
	position: absolute;
	top: 280px;
	left: 700px;
	height: 15px;
	width: 222px;
	font-size:11px;
	color: #ffffff;
	font-weight: bold;
	text-align: right;
}
#espacio_logocert{
	position: absolute;
	top: 120px;
	left: 710px;
	height: 170px;
	width: 190px;
	background-image:url(../images/logo_nes.jpg);
	background-repeat:no-repeat;
}
#bottom{
	position: absolute;
	top: 336px;
	left: 0px;
	padding-top: 7px;
	height: 76px;
	width: 952px;
	background-color: #383637;
	background-repeat: no-repeat;
	z-index: 1;
}
#piepagina{
	position: absolute;
	top: 543px;
	left: 0px;
	height: 17px;
	width: 952px;
	color: #999999;
	font-size: 10px;
}
#pie_izq{
 	position: relative;
	float: left;
 	top: 5px;
	left: 10px;
	height: 12px;
	width: 440px;
	text-align: left;
}
#pie_dcha{
 	position: relative;
	float: left;
 	top: 5px;
	left: 10px;
	height: 12px;
	width: 492px;
	margin-right: 10px;
	text-align: right;
}



/*********************ESTILOS***************************/
.tit{
	font-size: 12px;
	font-weight: bold;
	color:#000000;
}
.tit2{
	font-size: 10px;
	font-weight: bold;
}
.direccion_inicio{
	font-size: 9px;
	line-height: 14px;
}
.txtesp{
	color:#ffffff;
}
.txtpq{
	font-size: 10px;
}
.p{
	margin-top: 10px;
}
.pp{
	margin-top: 5px;
}
.pg{
	margin-top: 20px;
}
.pesp{
	margin-top: 30px;
}



/*********************LINKS***************************/
.link{
	color:#333333;
	text-decoration: none;
}
a.link:visited {
	color: #333333;
	text-decoration: none;
}
a.link:link {
	color: #333333;
	text-decoration: none;
}
a.link:hover {
	color: #fb8b00;
	text-decoration: none;
}


.link2{
	color:#FF6600;
	text-decoration: none;
}
a.link2:visited {
	color: #FF6600;
	text-decoration: none;
}
a.link2:link {
	color: #FF6600;
	text-decoration: none;
}
a.link2:hover {
	color: #333333;
	text-decoration: none;
}

/*********************************************************/
/*Link Idea Corporativa*/
a.idea:link {
	color: #A8A8A8;
	text-decoration: none;
}
a.idea:visited {
	color: #A8A8A8;
	text-decoration: none;
}
a.idea:hover {
	color: #F28000;
	text-decoration: none;
}
a.corporativa:link {
	color: #F28000;
	text-decoration: none;
}
a.corporativa:visited {
	color: #F28000;
	text-decoration: none;
}
a.corporativa:hover {
	color: #A8A8A8;
	text-decoration: none;
}

/*********************************************************/
/*Creditos Idea Corporativa*/
.creditosidea {
	color: #A8A8A8;
	font-family: Tahoma;
	font-size: 16px;
	font-weight: bold;
}
.creditoscorporativa {
	color: #F28000;
	font-family: Tahoma;
	font-size: 16px;
	font-weight: bold;
}

a.linkcreditos:link {
	color: #F28000;
	text-decoration: none;
}
a.linkcreditos:visited {
	color: #F28000;
	text-decoration: none;
}
a.linkcreditos:hover {
	color: #A8A8A8;
	text-decoration: none;
}

/* ============== añadidos por Ruben ============== */

div#nuevoFormulario{ }

div#nuevoFormulario div{ width: 378px; overflow: hidden; float: right;}

div#nuevoFormulario p{ padding: 10px 0 5px 10px;}
	
	/* formulario */
	div#nuevoFormulario form{ clear: both;}
	div#nuevoFormulario form fieldset{ width: 345px; overflow: hidden; padding: 0 0 0 10px;}
	div#nuevoFormulario form fieldset label{ clear:right; float:left;}
	div#nuevoFormulario form fieldset input{ clear:right; float:right; left:-143px; position:relative;}
	
	div#nuevoFormulario form fieldset.contactoEnviar{ width: 430px; overflow: hidden; margin: 10px 0 0 0; padding: 0 0 0 66px;}
	div#nuevoFormulario form fieldset.contactoEnviar label{ text-indent: -9999px; float none;}
	div#nuevoFormulario form fieldset.contactoEnviar textarea{ float: left;}
	div#nuevoFormulario #botonEnviar{ float:right;
left:-134px;
padding:2px 10px;
position:relative;
top:43px;}