@charset "utf-8";
body {
	font: 100% Arial, Helvetica, sans-serif;
	background: #42413C url(../images/panal.png) repeat-x top;
	margin: 0;
	padding: 0;
	color: #000;
}

/* ~~ Selectores de elemento/etiqueta ~~ */

dl {
	margin-left: 20px;
}
dt {
	margin-left: 20px;
	font: 1.2em Verdana, Geneva, sans-serif;
}
dd {
	margin-bottom:10px;
}
h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;	
	padding-right: 15px;
	padding-left: 15px; 
}
a img {
	border: none;
}

/* ~~ orden de etiquetas links ~~ */
a:link {
	color: #42413C;
	text-decoration: underline; 
}
a:visited {
	color: #6E6C64;
	text-decoration: underline;
}
a:hover, a:active, a:focus { 
	text-decoration: none;
}

/* ~~ este contenedor de anchura fija rodea a las demás divs ~~ */
.container {
	font-size: 0.875em;
	width: 960px;
	background: #fff;
	margin: 15px auto;
}

/* ~~ no se asigna una anchura al encabezado---*/
.header {
	background: url(../images/cielo.jpg) repeat;
	height:180px;
}
#separador {height:20px; width:100%}
/*------------------------logo----------------------*/
#logo {float:left; margin-left:20px}

/*------------------menu-----------------------*/
#menu { height:40px;  margin:0px 40px 0 395px; position:relative; padding: 0; text-align:center;  background: url(../images/fondo-transp.png) repeat}

#tabs {	float:left; width:100%; line-height:normal;}
#tabs ul {margin:0;	padding:10px 10px 0 12%; list-style:none;}
#tabs li {display:inline; margin:0; padding:0;}
#tabs a {float:left; background:url("../images/menuizq.gif") no-repeat left top; margin:0; padding:0 0 0 4px; 	text-decoration:none;}
#tabs a span {float:left; display:block; background:url("../images/menuder.gif") no-repeat right top; padding:5px 15px 4px 6px; color:#666;}
/* Commentado Backslash Hack oculta regla from IE5-Mac \*/
#tabs a span {float:none;}
/* End IE5-Mac hack */
#tabs a:hover span {color:#FFF; }
#tabs a:hover {background-position:0% -42px;}
#tabs a:hover span {background-position:100% -42px;}
/*------------------------------------------------------------*/

.maquinarias {
	/*background: url(../images/maquinas.jpg) center no-repeat;*/
	height:80px;
	border-bottom:#ccc solid 2px;
}

/* ~~ columnas para el diseño. ~~ */
.colder {
	float: right;
	width: 286px;
	padding: 10px 0;
}
.contenido {
	padding: 10px 0;
	width: 660px;
	border-right: #ccc solid 2px;
}
.contenido-2 {
	padding: 10px 0;
	width: 956px;
	border-right: #ccc solid 2px;
}

/*-----DIVs Configuraciones---*/
.images-bordes {padding:5px; border:solid 2px; color:#ccc;
}
.contenedor_info {
	text-align:center;
	margin-left: 0;
}
.th_info {
	width:165px;
	height:180px;
	float:left;
	overflow:hidden;
}
.th_info_2 {
	width:238px;
	float:left;
	overflow:hidden;
}
.float-izq {float:left}
.float-der {float:right}
.contacto { margin-left:10px; height:60px}
.contacto p { padding:20px 0 0 60px; text-align:left}

.fondo-1 {background-color:#ffcc00;
	height:25px;
	padding-top: 5px;
	margin:10px 15px 0 35px;
	border-bottom:#000  solid 2px;
}
.fondo-2 {
	background-color:#ffcc00;
	margin:2px 10px;
}
.fondo-3 {background-color:#ffcc00;
	height:25px;
	padding-top: 5px;
	margin:10px 15px 0 15px;
	border-bottom:#000  solid 2px;
}
/* --- Textos - fondos de texto Configuraciones-----------------*/
.subtitulo-1 {
	font: 1.2em Verdana, Geneva, sans-serif;
	padding:;
}
.subtitulo-2 {
	font: 1.1em Verdana, Geneva, sans-serif;
	color: #c9a202;
	margin: 5px 0;
	text-decoration:underline;
}

/* ~~ Este selector agrupado da espacio a las listas del área de .contenido ~~ */
.contenido ul, .contenido ol { 
	padding: 0 15px 15px 40px; 
}

/* ~~ Los estilos de lista de navegación  */
ul.nav {
	list-style: none; 
	border-top: 1px solid #666; 
	margin-bottom: 15px;
}
ul.nav li {
	border-bottom: 1px solid #666; 
}
ul.nav a, ul.nav a:visited {
	padding: 5px 5px 5px 15px;
	display: block;
	width: 160px; 
	text-decoration: none;
	background: #C6D580;
}
ul.nav a:hover, ul.nav a:active, ul.nav a:focus { 
	background: #ADB96E;
	color: #FFF;
}

/* ~~ clases float/clear varias ~~ */
.float-der {
	float: right;
	margin-left: 8px;
}
.float-izq {
	float: left;
	margin-right: 8px;
}
.clearfloat {
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
/* ~~ pie de página ~~ */
/*------------ div footer----------------------------*/
#footer {height:50px; width:960px; margin:0 auto;  padding: 0; background:url(../images/fondo-footer.gif) repeat; border-top:1px solid #000;}
 #footer_nav { float:left; width:600px; height:40px; padding-left: 5px; text-align:center} 
 #footer_nav p {font-size:0.7em; color: #000; font-weight:bold; margin: 0; padding: 5px 0 0 0; }
 #footer_nav a {color: #000; text-decoration:none; font-weight:bold}
 #footer_nav a:hover {color: #F00; text-decoration:underline; font-weight:bold;}
 .copyright_nav {font-size:0.7em; color: #555; font-weight:bold; margin: 0; padding: 5px 0 0 0; }
/*----------------------------------------------------*/

.right_sud {float: right; width: 28%; margin-right:0px; height:36px; text-align:center; padding-top:5px }