@charset "utf-8";
/*Proyecto no validado en CSS, no validado en XHTML, no usable, no accesible, NO USES ESTE CSS, NO ES NADA OPTIMO PERO SIRVE PARA MOSTRAR LA WEB*/
/*PD Solo sirve para IE7 - Si eres el webmaster, recuerda agreglar <<TODO>> cuando tengas tiempo*/

/*GLOBAL <<<-----------*/
	html, body 											{margin:0; padding:0; background: url(css/body_fndo.jpg) #F7F7F7 repeat-x; height: 100%;}
	body 												{font: 11px  Arial, Verdana, Helvetica, sans-serif; color: #333; height: 100%; line-height: 20px;}
	/*Sin tiempo para calcular em's*/
/*CABECERAS <<<-----------*/ 
	h1, h2, h3, h4, h5, h6 								{margin:0; padding:0; font-weight:normal;}
/*FORMATO COMUN <<<-----------*/ 
	p, ul, ol 											{margin:0; padding:0 0 .25em 0; list-style: none;}
	/*Añadiendo estilos de lista dentro del RESET <- Evita hacer esto*/
	p													{line-height: 20px; margin-bottom: 10px;}
	ul, ol												{padding:0 0 1.25em 2.5em;} 
	blockquote											{margin:1.25em; padding:1.25em 1.25em 0 1.25em;}
	small												{font-size:0.85em;}
	img 												{border:0; display:block;} 
	sup 												{position:relative; bottom:0.3em;	vertical-align:baseline;} 
	sub 												{position:relative; bottom:-0.2em; vertical-align:baseline;} 
	acronym, abbr 										{cursor:help; letter-spacing:1px; border-bottom:1px dashed;} 
/*VINCULOS <<<-----------*/
	a, a:link, a:visited, a:hover 						{text-decoration:underline;} 
/*FORMULARIOS <<<-----------*/ 
	form 												{margin:0; padding:0; display:inline;} 
	input, select, textarea 							{font:1em Verdana, Arial, Helvetica, sans-serif;} 
	textarea 											{width:100%; line-height: 20px;} 
	label 												{cursor:pointer;} 
/*TABLAS <<<-----------*/ 
	table 												{border:0; margin:0 0 1.25em 0; padding:0;} 
	table tr td 										{padding:2px;} 
/*CLASES GLOBALES <<<-----------*/ 
	.clear												{clear:both;}
	.float-left											{float:left;}
	img.float-left										{float:left; margin: 5px 10px 2px 0px}
	.simbiosys											{display: inline; margin: 0px 0px -5px 7px;}
	.float-right										{float:right;}
	
	ul.float-right										{display: block; float: right; font-size: 9px;}
	ul.float-left										{display: block; float: left; font-size: 10px;}


	.text-left											{text-align:left;}
	.text-right											{text-align:right;}
	.text-center										{text-align:center;}
	.text-justify										{text-align:justify;}
 
	.bold												{font-weight:bold;}
	.italic												{font-style:italic;}
	.underline											{border-bottom:1px solid;}
	.highlight											{background:#ffc;}
 
	.wrap												{width:900px;margin:0 auto;}
	.inline												{display:inline;}
	.img-left											{float:left;margin:4px 10px 4px 0;}
	.img-right											{float:right;margin:4px 0 4px 10px;}
	.importante											{color: #A45640;}
 
	.nopadding											{padding:0;}
	.noindent											{margin-left:0;padding-left:0;}
	.nobullet											{list-style:none;list-style-image:none;}
/*ANCHO DEL CONTENIDO <<<-----------*/
	.wrapper											{width: 910px; margin: 0 auto;}
	.w600												{width: 590px; float: left;}
	.w300												{width: 290px; float: right; }
/*LAYOUT DESIGN <<<-----------*/
	a:link, a:active, a:visited							{color: #A45640; text-decoration: none;}
	a:hover												{color: #D20000;}
	#cabecera											{height: 100px;}
/*CABECERAS <<<-----------*/
	/*LOGOTIPO*/
	h1				 									{text-indent: -900%; width: 160px; height: 80px; margin: 12px 0px 0px 20px; background: url(css/head_logo.gif) top no-repeat;  float: left}
	/*H3*/
	h3				 									{font-size: 12px; margin-bottom: 7px; }
	h3 strong											{font-weight: bold;}
	h3 a												{font-size: 11px; font-weight: bold;}
/*---------->>> MENU PRINCIPAL <<<-----------*/
	#menu				 								{padding: 0px 0px 0px 96px; margin: 0px 0px 0px 275px; height: 100px; background: url(css/head_menu.png)  no-repeat;}
	#menu_en			 								{padding: 0px 0px 0px 96px; margin: 0px 0px 0px 275px; height: 100px; background: url(css/en_head_menu.png)  no-repeat;}
	#menu li, #menu_en li								{float: left; margin:0; padding:0; list-style:none; }
	#menu span, #menu_en span							{display: none;}
	#menu a, #menu_en a									{height: 100px; display: block;}
	/*Ubicacion del fondo en cada boton*/
	#menu .inicio, #menu_en .inicio						{width: 106px;}
	#menu .nosotros, #menu_en .nosotros					{width: 108px;}
	#menu .maquinarias, #menu_en .maquinarias				{width: 158px;}
	#menu .contactenos, #menu_en .contactenos				{width: 162px;}
	/*Evento hover del menu*/
	#menu a.inicio:hover								{background: url(css/head_menu.png) -96px -100px no-repeat;}
	#menu a.nosotros:hover								{background: url(css/head_menu.png) -202px -100px no-repeat;}
	#menu a.maquinarias:hover							{background: url(css/head_menu.png) -310px -100px no-repeat;}
	#menu a.contactenos:hover							{background: url(css/head_menu.png) -468px -100px no-repeat;}
	/*Si la pagina actual concuerda con el menu...*/
	.inicio #menu a.inicio								{background: url(css/head_menu.png) -96px -200px no-repeat;}
	.nosotros #menu a.nosotros							{background: url(css/head_menu.png) -202px -200px no-repeat;}
	.maquinarias #menu a.maquinarias					{background: url(css/head_menu.png) -310px -200px no-repeat;}
	.contactenos #menu a.contactenos					{background: url(css/head_menu.png) -468px -200px no-repeat;}	
	/*Si la pagina actual concuerda con el menu, desactivamos el over y le quitamos la mano...*/
	.inicio #menu a.inicio:hover						{background: url(css/head_menu.png) -96px -200px no-repeat; cursor: default;}
	.nosotros #menu a.nosotros:hover					{background: url(css/head_menu.png) -202px -200px no-repeat; cursor: default;}
	.maquinarias #menu a.maquinarias:hover				{background: url(css/head_menu.png) -310px -200px no-repeat; cursor: default;}
	.contactenos #menu a.contactenos:hover				{background: url(css/head_menu.png) -468px -200px no-repeat; cursor: default;}
	
	/*ENG - Evento hover del menu*/
	#menu_en a.inicio:hover								{background: url(css/en_head_menu.png) -96px -100px no-repeat;}
	#menu_en a.nosotros:hover							{background: url(css/en_head_menu.png) -202px -100px no-repeat;}
	#menu_en a.maquinarias:hover						{background: url(css/en_head_menu.png) -310px -100px no-repeat;}
	#menu_en a.contactenos:hover						{background: url(css/en_head_menu.png) -468px -100px no-repeat;}
	/*ENG - Si la pagina actual concuerda con el menu...*/
	.inicio #menu_en a.inicio							{background: url(css/en_head_menu.png) -96px -200px no-repeat;}
	.nosotros #menu_en a.nosotros						{background: url(css/en_head_menu.png) -202px -200px no-repeat;}
	.maquinarias #menu_en a.maquinarias					{background: url(css/en_head_menu.png) -310px -200px no-repeat;}
	.contactenos #menu_en a.contactenos					{background: url(css/en_head_menu.png) -468px -200px no-repeat;}	
	/*ENG - Si la pagina actual concuerda con el menu, desactivamos el over y le quitamos la mano...*/
	.inicio #menu_en a.inicio:hover						{background: url(css/en_head_menu.png) -96px -200px no-repeat; cursor: default;}
	.nosotros #menu_en a.nosotros:hover					{background: url(css/en_head_menu.png) -202px -200px no-repeat; cursor: default;}
	.maquinarias #menu_en a.maquinarias:hover			{background: url(css/en_head_menu.png) -310px -200px no-repeat; cursor: default;}
	.contactenos #menu_en a.contactenos:hover			{background: url(css/en_head_menu.png) -468px -200px no-repeat; cursor: default;}	
	/*BANNER PRINCIPAL <<<-----------*/
	#banner_principal									{height: 300px; margin-top: -57px;}
	.palo												{position: relative; margin: 0px auto; top: -55px; left: 10px;}
/*CONTENIDO - BLOQUES<<<-----------*/
	div.space											{display: block; height: 30px; background: #F7F7F7; }
	div.idioma											{ margin-top: -48px; margin-bottom: 30px; float: right}
	div.idioma span										{ display: block; float: left; height: 25px; text-indent: -9999px; }
	div.idioma span.leenosen							{ text-indent: 0px; margin-right: 10px; font-weight: bold; }
	
	div.idioma a.en span								{ width: 84px; background:url(css/Idiomas.png); cursor: pointer; }
	div.idioma a.es span								{ width: 80px; background:url(css/Idiomas.png) 80px   0px; cursor: pointer; }
	div.idioma a.en:hover span							{ width: 84px; background:url(css/Idiomas.png)  0px -50px; }
	div.idioma a.es:hover span							{ width: 80px; background:url(css/Idiomas.png) 80px -50px; }	
	div.idioma a.en span.activo							{ width: 84px; background:url(css/Idiomas.png)  0px -25px; cursor: default; }
	div.idioma a.es span.activo							{ width: 80px; background:url(css/Idiomas.png) 80px -25px; cursor: default; }	
	
	
	.cuadro												{background: url(css/bloque_bk_trans.png) top left white; padding-left: 10px;}
	.cuadro div											{background: url(css/bloque_bk_trans.png) top right;}
	.cuadro div div, .cuadrot div div					{background: url(css/bloque_bk_trans.png) bottom left; margin-left: -10px;}
	.cuadro div div div, .cuadrot div div div			{background: url(css/bloque_bk_trans.png) bottom right; margin-left: 10px; padding: 10px}
	.cuadrot											{background: url(css/bloque_bk_title.gif) top left white; padding-left: 10px; margin: 0px 0px 30px 0px;}	
	.cuadrom											{background: url(css/bloque_bk_trans.png) top left white; padding-left: 10px; margin: 0px 0px 30px 0px;}	
	.cuadrom div										{background: url(css/bloque_bk_trans.png) top right;}
	.cuadrom div div 									{background: url(css/bloque_bk_trans.png) bottom left; margin-left: -10px;}
	.cuadrom div div div								{background: url(css/bloque_bk_trans.png) bottom right; margin-left: 10px; padding: 10px}
	.cuadrom div div div div							{background: none; padding: 0px; margin: 0px; display: block;}
	.cuadrot div										{background: url(css/bloque_bk_title.gif) top right;}
	.cuadrot img										{margin: 0 auto; text-align: center; margin-left: 30px;}
	.cuadro div div div	div, .cuadrot div div div div	{background: none; padding: 0px; margin: 0px; display: block;}
	.col												{float: left; width: 275px; border-right: 1px solid #F0F0F0; padding: 10px;}
	.col.last											{border-right: none;}
	.col.last img.float-left,
	.col_wide img.float-left							{ padding: 0px; margin: 0px; margin: 4px; padding: 4px; border: 1px solid #CCCCCC; }
	.col.last_right										{border-right: none; float: right; margin-right: -80px;}	
	.col h3												{margin-right: 10px; margin-left: 10px;}
	.col_wide											{width: 100%;}
	.col_wide .clear									{height: 20px;}
	
	.cuadrot h3											{margin: 0px 0px 15px 0px;}
	.cuadrom h3											{margin: 0px 0px 15px 0px;}
	.cuadrot table										{padding: 0px; margin: 0px;}
	.cuadrot table td									{border-bottom: 1px solid #ccc; padding: 0px; margin: 0px}
	.cuadrot div div div.last h3						{margin-left: 10px;}
	.cuadro	p, cuadrot p								{margin-left: 10px}
	.cuadrom p											{margin-left: 10px}
	.cuadrom .last h3									{margin-left: 10px}
	.cuadrom .last p									{margin-left: 20px}
	.cuadro.w300	p									{margin-left: 0px}
	ul.clientes li										{float: left; margin-right: 40px; margin-left: 0px; margin-bottom: 15px; margin-top: 10px;}
	img.block_inf										{position: relative; bottom: -10px; left: -50px;}
	img.block_inf_trabajador							{float: left; position: relative; top: -5px; left: -20px; margin-bottom:-5px;}
	.cuadrom div div div p								{margin-left: 10px;}
	.w300 hr											{margin-left: -20px; border: 0; width: 300px; height:1px; color: #d2d2d2; background: #d2d2d2}	
	form										{line-height: 30px;}
	input												{border: 1px solid #d2d2d2; float: right; margin-right: 20px; margin-top: -20px; margin-bottom: 15px; width: 200px;}
	textarea												{border: 1px solid #d2d2d2; width: 150px; float: right; margin-bottom: 20px; margin-top: -20px; height: 150px; width: 220px;}
	input.boton										{width: 100px; margin: 0px 0px 10px 53px; float: left;}