@import url('reset.css');

body {
	background: #F18F20 url(../images/bg.jpg) repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 13px;
	color: #4D4D4D;
}

strong { font-weight: bold; }

a {	color: #FF7A00;	text-decoration: none; }

a:hover { color: #2D2D2D; text-decoration: none; }

p { line-height: 15px; margin-bottom: 10px; }

h1 {
	font-size: 16px; font-weight: normal;
	border-bottom: 1px dotted #4D4D4D;
	padding-bottom: 10px; margin: 60px 0 13px 0;
}

h5 { font-size: 11px; font-weight: bold; margin-bottom: 5px; }

h4 { font-size: 14px; line-height: 18px; color: #FFF; }

label { line-height: 16px; }
input, textarea, select {
	background: transparent;
	padding: 3px 2px;
	border: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #585858;
}
textarea { overflow: auto; }
input.checkbox { border: none; padding: 0; background: transparent;}
input.radio { border: none; padding: 0; background: transparent;}

table th { border-top: 1px solid #969696; border-bottom: 1px solid #969696; text-align: left; padding: 5px 5px 5px 2px; }
table td { border-bottom: 1px solid #969696; padding: 5px 5px 5px 2px; }

#wrapper {
	width: 1008px;
	background: url(../images/menu_bg.png) no-repeat 169px 0;
	margin: 0 auto;	
}

#menu { width: 990px; height: 70px; margin: 0 auto; }
#menu .marca { width: auto; float: left; margin-top: 6px; }
#menu ul { width: auto; float: left; margin: 40px 0 0 130px; }
	#menu ul li { width: auto; float: left; margin-right: 29px; }
	#menu ul li:last-child { margin-right: 0; }
		#menu ul li a { font-size: 12px; color: #FFF; text-decoration: none; }
		#menu ul li a:hover, #menu ul li a.selected { font-size: 12px; color: #2D2D2D; text-decoration: none; }

/* Ajustes para la versión en inglés */
#menu ul.eng li { width: auto; float: left; margin-right: 43px; }
#menu ul.eng li:last-child { margin-right: 0; }

#submenu { border-top: 1px solid #969696; margin-top: 83px; }
	#submenu li { border-bottom: 1px solid #969696; padding: 8px 0 6px 0;}
		#submenu li a { font-size: 12px; color: #4D4D4D; }
/*submenu materias primas*/
#submenu.materias_primas li a:hover { color: #FFB300; }
#submenu.materias_primas li.selected { background: url(../images/ico_mat.png) no-repeat 2px 8px; padding-left: 20px; }
#submenu.materias_primas li.selected a { font-size: 12px; color: #FFB300; font-weight: bold; }
/*submenu productos / desarrollos*/
#submenu.productos li a:hover, #submenu.desarrollos li a:hover { color: #E32527; }
#submenu.productos li.selected, #submenu.desarrollos li.selected { background: url(../images/ico_prod.png) no-repeat 2px 8px; padding-left: 20px; }
#submenu.productos li.selected a, #submenu.desarrollos li.selected a { font-size: 12px; color: #E32527; font-weight: bold; }

#main_content { width: 990px; height: 470px; float: left; margin: 0 auto; padding: 9px; background: url(../images/wrapper_bg.png) no-repeat; }

#footer { width: 990px; margin: 0 auto; border-bottom: 1px dotted #4D4D4D; }

#mail_contacto {
	min-width: 244px; height: 15px; float: left; 
	background: url(../images/contacto.png) no-repeat 0 -8px; 
	padding: 8px 0 0 50px;
	cursor: pointer;
}

#idiomas { width: auto; float: right; padding-top: 3px; font-size: 12px; color: #2D2D2D; }
	#idiomas a { font-size: 12px; color: #2D2D2D; text-decoration: none; }
	#idiomas a:hover, #idiomas a.selected { font-size: 12px; color: #FFF; text-decoration: none; }

.columna_simple { width: 229px; float: left; margin-right: 15px; /*position: relative; z-index: inherit; zoom: 1;*/ /* For IE6 */ }
.columna_simple_no_margin { width: 229px; float: left; }
.columna_simple_especial { width: 243px; float: left; margin-right: 15px; }
.columna_doble { width: 473px; float: left; margin-right: 15px; }
.borde_columna { height: 432px; border-bottom: 1px dotted #4D4D4D; }
.columna_especial_contacto { width: 243px; height: 469px; float: left; background-color: #0F4F39; margin-right: 15px; }
.columna_especial_contacto h1 {
	font-size: 16px; font-weight: normal;
	border-bottom: 2px dotted #FFF;
	padding-bottom: 0; margin: 35px 20px 13px 20px;
}
.columna_especial_contacto .borde_columna { height: 332px; border-bottom: 2px dotted #FFF; margin: 0 20px; }

.fleft { width: auto; float: left; }
.fright { width: auto; float: right; }
.clear { clear: both; }
.error { color: #FF0000; }

.fleft50 { width: 48%; float: left; margin-right: 2%; }
.fleft50.last { width: 50%; margin-right: 0; }
.fleft100 { width: 100%; float: left; }

.recuadro_redondeado {
	background: url(../images/warning.png) no-repeat 18px 12px;
	padding: 70px 14px 20px 20px; margin-top: 100px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;
	/*behavior: url(css/border-radius.htc);*/
}

.color_home, .color_novedades, a.color_home, a.color_novedades { color: #3D9B35; }
.color_empresa, .color_contacto, a.color_empresa, a.color_contacto { color: #0F4F39; }
.color_materias_primas, a.color_materias_primas{ color: #FFB300; }
.color_productos, .color_desarrollos, a.color_productos, a.color_desarrollos { color: #E32527; }
.color_fortificacion, a.color_fortificacion { color: #017992; }
.color_rse, a.color_rse { color: #552E5F; }

.bgcolor_home, .bgcolor_novedades { background-color: #3D9B35; }
.bgcolor_empresa, .bgcolor_contacto { background-color: #0F4F39; }
.bgcolor_materias_primas { background-color: #FFB300; }
.bgcolor_productos, .bgcolor_desarrollos { background-color: #E32527; }
.bgcolor_fortificacion { background-color: #017992; }
.bgcolor_rse { background-color: #552E5F; }

.dwload_doc { min-width: 229px; min-height: 17px; background: url(../images/dwload.png) no-repeat bottom left; padding: 20px 10px 0 35px; }
	.dwload_doc a { color: #3D9B35; text-decoration: none; display: block; }
.taco_novedades { min-width: 229px; min-height: 15px; background: url(../images/taco_news.png) no-repeat bottom left; padding: 4px 10px 0 10px; }
	.taco_novedades a { color: #3D9B35; text-decoration: none; display: block; }
.taco_empresa, .taco_contacto { min-width: 229px; min-height: 15px; background: url(../images/taco_emp.png) no-repeat bottom left; padding: 4px 10px 0 10px; }
	.taco_empresa a, .taco_contacto a { color: #0F4F39; text-decoration: none; display: block; }
.taco_materias_primas { min-width: 229px; min-height: 15px; background: url(../images/taco_mat.png) no-repeat bottom left; padding: 4px 10px 0 10px; }
	.taco_materias_primas a { color: #FFB300; text-decoration: none; display: block; }
.taco_productos { min-width: 229px; min-height: 15px; background: url(../images/taco_prod.png) no-repeat bottom left; padding: 4px 10px 0 10px; }
	.taco_productos a { color: #E32527; text-decoration: none; display: block; }
.taco_fortificacion { min-width: 229px; min-height: 15px; background: url(../images/taco_fort.png) no-repeat bottom left; padding: 4px 10px 0 10px; }
	.taco_fortificacion a { color: #017992; text-decoration: none; display: block; }
.taco_rse { min-width: 229px; min-height: 15px; background: url(../images/taco_rse.png) no-repeat bottom left; padding: 4px 10px 0 10px; }
	.taco_rse a { color: #552E5F; text-decoration: none; display: block; }

.lista_productos li { border-bottom: 1px solid #969696; background: url(../images/item_prod.gif) no-repeat 2px 10px; padding: 5px 5px 5px 13px; }

.referencia { font-size: 10px; color: #FFF; margin-top: 20px; }

.mtop10 { margin-top: 10px; }
.mtop25 { margin-top: 25px; }
.mtop40 { margin-top: 40px; }
.mbottom5 { margin-bottom: 5px; }

/* estilos para el form de contacto */
#contact_form input {
	background: transparent;
	width: 100%;
	padding: 3px 0;
	border-bottom: 1px solid #C9C9C9;
	margin-bottom: 15px;
	color: #0F4F39;
	font-weight: bold;
}
#contact_form textarea {
	background: transparent;
	width: 98%;
	height: 160px;
	padding: 3px;
	border: 1px solid #C9C9C9;
	margin-bottom: 20px;
}
.contacto_ok { width: auto; float: right; margin: 4px 15px 0 0; color: #0F4F39; }

.alto_max { height: 370px; overflow: hidden; }