@charset "utf-8";
/* CSS reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
html,body {
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	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;
}

body{
	background: #333 url(../imagenes/bg.jpg) repeat top left;
	/* Esto se realiza para centrar el div en internet explorer*/
	text-align: center;	
	}

/* Desde aqui empieza estilos pagina */
#todo {
	height: 935px;
	width: 850px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 15px;
	margin-bottom: 15px;
}
#todoprod {
	height: 795px;
	width: 850px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 15px;
	margin-bottom: 15px;
	/* Esto se hace para que todo el contenido de la pagina se vaya a la izquierda */
	text-align: left;
}
#bannerprin {
	float: left;
	height: 160px;
	width: 850px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-image: url(../imagenes/nombrefundidora.jpg);
}
#menucent {
	float: left;
	height: 30px;
	width: 850px;
}
#menucent a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-decoration: none;
	display: inline;
	color: #FFF;
	margin-right: 25px;
	margin-left: 35px;
	font-weight: bold;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	margin-top: 5px;
}
#menucent a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-decoration: none;
	display: inline;
	color: #000;
	margin-right: 25px;
	margin-left: 35px;
	font-weight: bold;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	margin-top: 5px;
	background-color: #EA860F;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
#imaprincipal {
	float: left;
	height: 320px;
	width: 850px;
	background-image: url(../imagenes/bg.jpg);
}
#banner {
	float: left;
	height: 210px;
	width: 850px;
}
#logo {
	float: left;
	height: 190px;
	width: 200px;
	background-image: url(../imagenes/fundimantilla.jpg);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
#contbanner, #imagenes{
	float: right;
	height: 200px;
	width: 630px;
}

#contenido {
	float: left;
	height: 640px;
	width: 850px;
	background-color: #FCC486;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	/* Esto se hace para que todo el contenido de la pagina se vaya a la izquierda */
	text-align: left;
}

#contenido img{
	float: right;
	height: 250px;
	width: 370px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 10px;
	}
	
#contenidoprod {
	float: left;
	height: 540px;
	width: 850px;
	background-color: #FCC486;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
#texto {
	float: left;
	height: 390px;
	width: 820px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 10px;
}
#texto p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	margin-left: 15px;
	text-align: justify;
	margin-top: 10px;
	margin-bottom: 10px;
	}
#texto ul{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	list-style-type: disc;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 35px;
}
#texto ul li{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	margin-bottom: 3px;
}
#textoprod {
	float: right;
	height: 520px;
	width: 630px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 10px;
}
#textoprod td a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	text-decoration: none;
}
#textoprod td a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #993300;
	text-decoration: none;
}
#texto h1, #textoprod h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 10px;
}
#contenidocli {
	float: left;
	height: 800px;
	width: 850px;
	background-color: #FCC486;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	/* Esto se hace para que todo el contenido de la pagina se vaya a la izquierda */
	text-align: left;
}
#contenidocli h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 10px;
}
#contenidoclientes {
	float: left;
	height: 800px;
	width: 835px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 10px;
}
#contenidoclientes img{
	margin-top: 3px;
	margin-right: 3px;
	margin-bottom: 3px;
	margin-left: 3px;
}

#textocontactenos {
	float: left;
	height: 520px;
	width: 400px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	margin: 10px;
}
#textocontactenos h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 10px;
}
#menuiz {
	background-color: #EA860F;
	float: left;
	width: 200px;
	height: 540px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
#menuiz h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	margin: 10px;
	color: #FFF;
	text-decoration: underline;
	text-align: center;
}
#menuiz a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-decoration: none;
	display: block;
	color: #000;
	font-weight: bold;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	margin: 10px;
	text-align: center;
}
#menuiz a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-decoration: none;
	display: block;
	color: #FFF;
	margin-right: 25px;
	margin-left: 35px;
	font-weight: bold;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	margin: 10px;
	background-color: #333;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
#menuiz .enlaceactivo{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-decoration: none;
	display: block;
	color: #F60;
	margin-right: 25px;
	margin-left: 35px;
	font-weight: bold;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	margin: 10px;
	background-color: #000;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: thin solid #FFF;
	}
#mapa {
	float: right;
	height: 400px;
	width: 420px;
	margin-top: 10px;
	margin-bottom: 5px;
}
#mapa small, #mapa a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;	
}
#firma, #firma a {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 10px;
	color: #FFF;
	text-decoration: none;
	text-align: right;	
}
/*Efecto imagenes banner de productos*/
#imagenes .carousel {
	padding-top: 1px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 5px;
	z-index: 800;
	}
	
#imagenes .carousel img {
	border: 1px solid #FFF;
	background-color: #666;
	display: block;
	float: left;
	margin-top: 12px;
	margin-right: 5px;
	margin-bottom: 7px;
	margin-left: 5px;
	padding-top: 7px;
	padding-right: 5px;
	padding-bottom: 7px;
	padding-left: 5px;
}
#imagenes .clearfix {
    float: none;
    clear: both;
}
/*Formulario de contacto*/
#textocontactenos #formulario{
	float: left;
	height: 400px;
	width: 380px;	
	}

#textocontactenos p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	color: #000;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 10px;
	}

#formucontactenos p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-decoration: none;
	color: #000;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	}

#formucontactenos .mayusculas {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	color: #000000;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	margin-top: 3px;
	margin-bottom: 3px;
	text-transform: none;
	padding: 5px;
}
#formucontactenos .etiqueta {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 0.900em;
	font-weight: bold;
	color: #000000;
}
#formucontactenos input, #formulariocontactenos textarea, #resultado_mensaje{
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	text-decoration: none;
	}	
#resultado{
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 1.00em;
	color: #000000;
	text-align: center;	
	}	
#enviar {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	color: #ffffff;
	background-color: #000000;
	padding: 8px;
	margin-left: 10px;
}	
.error {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	color: #000000;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	margin-top: 3px;
	margin-bottom: 3px;
	text-transform: none;
	padding: 5px;
	background-color: #F66;
}