<!--
/* ---------------------------------------------------------  */
/*   Esquema de pagina con pie ajustado abajo                 */
/*   Alvaro Fernandez - info@alvaroweb.com                    */
/*   Cdigo libre del todo                                    */
/* ---------------------------------------------------------  */

/* Traer los estilos de la zona de contenidos */
@import url("estilo-contenido.css");

/* Resetear las propiedades necesarias para facilitar */
/* la visin homognea en los diferentes navegadores */
html, body, div, span,
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
 margin:0;
 padding:0;
 border:0;			
 font-size:100%;
 line-height: 1; 
 text-align: left; 
 vertical-align: baseline; 
 outline: none;
}
a img, :link img, :visited img { border: 0; }
table { border-collapse: collapse; border-spacing: 0; }
ol, ul { list-style: none; }
q:before, q:after,
blockquote:before, blockquote:after { content: ""; }

a { text-decoration: none; }

/* ESTRUCTURA PAGINA */
body{
 background:#FFFFFF;
 font-family: Tahoma, Arial, Helvetica, sans-serif;
 font-size:62.5%; 
 color:#212121;
}
#web {
 display: block;
 background: #FFFFFF url(../imagenes/comunes/maquinaria-agricola-1.jpg) no-repeat top left;
}

/* Contenedores*/
#cont1 {
 display: block;
 background: url(../imagenes/comunes/sombra-izquierda.png) repeat-y top left;		
 margin-left: 25%;
 padding-left: 8px;
}
#cont2 {
 display: block;
 background: url(../imagenes/comunes/sombra-derecha2.png) repeat-y top right;		
 padding-right: 8px;
 margin-right: 30px;
}
#cont3 {
 display: block;
 background: url(../imagenes/comunes/relleno_gris.png) repeat-x 0px 256px;		
}

/* Bloque lateral */
#lateral {
 display: block; 
 width: 34%; 
 position: relative; top: 0px; 
 left: -35%;
 float: left;
 margin-right: -34%;
 padding-top: 165px;
}
.bloque_lateral {
 background: #212121; color: white;
 margin-left:2%; margin-right:2%;
}

/* Cabecero */
#cabecero {
 display: block; height: 247px;
 background: url(../imagenes/comunes/relleno_cabecero.png) repeat-x left top;
 padding: 9px 0 0 0;
 overflow: hidden;
}
#cabecero .img_cab {
 display: block; width: 489px; height: 136px;
 margin-left: 20px; padding: 0;
 background: url(../imagenes/comunes/logo_cmas.png) no-repeat left top;
 font-size: 1em; text-indent: -10000px;
 margin-bottom:20px;
}
#ruta_y_titulo {
 position: relative;
 display: block;
 margin-left:2%;
 margin-right:2%;
 padding: 3px 10px 7px 15px;
 background: #212121; color: white;
}
#contenido {
 margin: 0; 
 margin-top: -20px;
 padding: 10px 0 10px 0;
 display: block;
 overflow:hidden;	
 font-family: Tahoma, Arial, Helvetica, sans-serif;
 color: #414141;
}
/* SOBRE_MENU redondeo arriba */
.sobre_menu { margin-left: 2%; margin-right: 2%; margin-bottom:0px; height:10px; }
.webcab .sobre_menu { width: 100%; margin-left: 0px; }
.sobre_menu .izq { float:left; width: 10px;height:10px; background: url(../imagenes/comunes/esquina-menu-izq-arriba.png) no-repeat top left; }
.sobre_menu .cen { margin-left: 10px; margin-right: 10px; height:10px; background: #212121; }
.sobre_menu .der { float:right; width: 10px; background:url(../imagenes/comunes/esquina-menu-der-arriba.png) no-repeat top left; }
	
/* BAJO_MENU redondeo abajo */
.bajo_menu { margin-left: 2%; margin-right: 2%; margin-top:-3px; margin-bottom:10px; }
.webcab .bajo_menu { width: 100%; margin-left: 0px; margin-top:0px;	 }
.bajo_menu .izq { float:left;	width: 10px;	height:10px; background: url(../imagenes/comunes/esquina-menu-izq-abajo.png) no-repeat top left; }
.bajo_menu .cen { margin-left: 10px; margin-right: 10px; height:10px; background: #212121; }
.bajo_menu .der { float:right; width: 10px; background:url(../imagenes/comunes/esquina-menu-der-abajo.png) no-repeat top left; }

.limpia { clear: both; }
/* FIN ESTRUCTURA */ 


/* ESTILO ELEMENTOS CONCRETOS */
.navegacion_interna { display: none; }

/* CONTCAB estilo h2 seccion y ruta Estas en: */
#ruta_y_titulo h2 {
 padding: 3px 12px 0px 25px;	 
 font-size: 2.4em;
 text-transform: uppercase;
 font-family: Arial, Helvetica, sans-serif;
 letter-spacing: -0.05em;
 line-height: 0.85em;
 background:url(../imagenes/comunes/flecha-titulo-seccion.jpg) no-repeat 0px 4px;
}

#ruta_y_titulo p { color:#999999; font-size: 1.1em; margin-bottom:4px; }
#ruta_y_titulo a { color:#999999; text-decoration:none; }
#ruta_y_titulo a:hover { color:#C1C1C1; }
#ruta_y_titulo .seccion_actual { font-weight:bold; color:#C1C1C1; }

/* MENU */
.bloque_lateral .menu {	
 text-transform: uppercase;
 font-weight:bold;
 font-size: 1.1em;
}
.bloque_lateral .menu a {	
 color: #888888;
 text-decoration:none;
 
}
.bloque_lateral .menu ul { margin-left: 8px; list-style-type:none; }
.bloque_lateral .menu ul ul { margin: 0 0 5px 8px; text-transform: none; }
.bloque_lateral .menu ul li { margin-bottom: 3px; }
.bloque_lateral .menu ul ul li { margin-bottom: 0px; }

.bloque_lateral .menu ul li a { /* Nivel 1 */
 display: block;
 padding: 6px 6px 2px 21px;
 background: url(../imagenes/comunes/menu_icono_inactivo.jpg) no-repeat 5px 7px;
}
.bloque_lateral .menu ul li a:hover {  color: white; }

.bloque_lateral .menu ul ul li a { /* Nivel 2 y sucesivos*/ 
 display: block;
 padding: 4px 6px 2px 17px;
 background: url(../imagenes/comunes/submenu_icono_inactivo.jpg) no-repeat 5px 7px;
}
.bloque_lateral .menu ul ul li a:hover {  color: white; }

.bloque_lateral .menu ul li.seccion_activa > a:first-child { /* Primer enlace dentro de la seccion activa (Nivel 1) */
 display: block;
 padding: 6px 6px 2px 21px;
 background: url(../imagenes/comunes/menu_icono_over.jpg) no-repeat 5px 7px; 
 color: #D43002; 
}
.bloque_lateral .menu ul li.seccion_activa > a:first-child:hover { color: white; }

.bloque_lateral .menu ul ul li.seccion_activa > a:first-child { /* Primer enlace dentro de la seccion activa (Nivel 2 y sucesivos) */
 display: block;
 padding: 4px 6px 2px 17px;
 background: url(../imagenes/comunes/submenu_icono_over.jpg) no-repeat 5px 7px;
}
.bloque_lateral .menu ul ul li.seccion_activa > a:first-child:hover {  color: white; }

.bloque_lateral .menu ul li.seccion_actual { /* Seccion actual sin enlace (nivel 1) */
 display: block;
 padding: 6px 6px 2px 21px;
 background: url(../imagenes/comunes/menu_icono_over.jpg) no-repeat 5px 7px;
}
.bloque_lateral .menu ul ul li.seccion_actual { /* Seccion actual sin enlace (Nivel 2 y sucesivos)) */
 display: block;
 padding: 4px 6px 2px 17px;
 background: url(../imagenes/comunes/submenu_icono_over.jpg) no-repeat 5px 7px;
}
/* fin MENU*/


/* Buscador */
#buscador { display: block; padding: 0px 0 10px 0; }
#buscador fieldset { border: none; padding-top:5px;}
#buscador label { display: none; }
#buscador #buscador_enviar {
 float: left;
 width: 20px; height: 17px;
 border: none;
 background: url(../imagenes/comunes/buscador_lupa.png) no-repeat top left;
 text-indent: -10000px;
 cursor: pointer;
 vertical-align: top;
 font-size: 0.01em;
 color: black;
margin-left:10px;
}
#buscador #searchcadena {
 float: left;
 border: 1px solid #666666;
 background: #313131;
 color: white;
 padding: 0.1em 0.5em;
 margin: 0;
 font-size: 1.1em;
 width: 60%;
}


/* RSS */
#rss {
 display: block;
 margin: 0px 0px 0px 0px;
 padding: 0px 10px 5px 0px;
}
#rss img { float: left; margin: 6px 6px 0px 10px; }
#rss p { margin: 0 0 0 30px; font-size: 1.1em; color: #CCCCCC; }
#rss a { color: #CCCCCC; }
#rss p a:hover { color: white; }
#rss:after{ content:""; display:block; clear:both; height:0; visibility:hidden; }
* html #rss { height:1%; }

/* Pie de pagina */
#pie {
 position: relative;
 display: block;
 background: url(../imagenes/comunes/maquinaria-agricola-pie.jpg) no-repeat top left;
 height: 150px;
 clear: both;
	overflow:hidden;
 border-bottom:1px solid #666666;
}
#sombra_izda { 
 display: block; width: 10px; height: 150px; position: absolute; bottom: 0; left: 25%; 
 background: url(../imagenes/comunes/sombra-izquierda.png) repeat-y top left;
}
#sombra_dcha { 
 display: block; width: 10px; height: 150px; position: absolute; bottom: 0; right: 28px; 
 background: url(../imagenes/comunes/sombra-derecha2.png) repeat-y top left; 
}
#contenido_pie {
 display: block; height: 90px; 
 margin: 0 46px 0 25%; padding: 60px 0 0 20px;
 position: relative; left: 8px;
 background: url(../imagenes/comunes/relleno_transparente.png) repeat 10px top; 
}
#logo_pie {
 display: block; width: 197px; height: 61px;
 background: url(../imagenes/comunes/logo_cmas_pie.png) no-repeat top left;
}
#pie #enlaces_pie {
 display: block;
 position: absolute; top: 83px; left: 230px;
}
#pie #enlaces_pie li { display: inline; }
#pie #enlaces_pie li a { 
 display:block; height: 1%;
 float:left;
 font-size: 1.1em; font-weight: bold;
 color: #4C4C4C;
	border-bottom: 1px solid #D43002;
 margin: 3px; 
 text-decoration:none;
}
#pie #enlaces_pie li a:hover { color:#D43002; border-bottom: 1px solid #4C4C4C; }
#pie .texto_pie {
 line-height: 1.2em;
 font-size: 1.1em;
 color: #4C4C4C;
 position: absolute; top: 103px; left: 235px;

}


-->