/* Elementos generales y hacks para explorer */
* { 
margin : 0; 
padding : 0; 
} 

/*textos y enlaces (a */


/*Enlace del menu superior*/
a.arriba { 
text-decoration : none; 
font-family : verdana; 
font-size : 11px; 
color : white; 
} 



/*Links normales: como llegar, etc...*/
a.link { 
text-decoration : none; 
font-family : verdana; 
font-size :8px; 
color : #76888F; 
} 
a.link:hover { 
color : black; 
} 

/*Enlace para links portada: */
a.links_portada { 
text-decoration : none; 

font-family : verdana; 
font-size : 10px; 
color : #5C676B; 
} 
a.links_portada:hover { 
color : #554B41; 
} 


/*Enlace para solicitar informacion*/
a.links_mail { 
text-decoration : none; 
font-family : verdana; 
font-size : 10px; 
color : #76888F; 
} 
a.links_mail:hover { 
color : black; 
} 
/*Enlace para ampliar la información de secciones*/
a.leer_mas { 
text-decoration : none; 
font-family : verdana; 
font-size : 9px; 
color : #d71932; 
} 
a.leer_mas:hover { 
color : #fbc000; 
} 

/*SON LOS LINKS DE LOS PRODUCTOS DE LA TIENDA. LOS MAS REPRESENTATIVOS.*/
a.links_top { 
text-decoration : none; 
font-family : verdana; 
font-size : 10px; 
color : white; 
} 
a.links_top:hover { 
color : #F3CF1D; 
} 

/*textos, h1, h2,h3,h4. Por orden de importancia.*/
/*index_cabecera, texto de arriba del todo, indicando quienes somos.*/
h1 { 
text-decoration : none; 
font-family : verdana; 
font-size : 10px; 
color : #DCB508; 
} 
/*texto general*/
h2 { 
text-decoration : none; 
font-family : verdana; 
text-align:left;
font-size : 10px; 
color :black; 
} 
/**/
h3 { 
text-decoration : underline; 
font-family : verdana; 
text-align:left;
font-size : 10px; 
color :white; 
} 
h4 { 
text-decoration : none; 
font-family : verdana; 
text-align:left;
font-size : 10px; 
color :gray; 
} 


/*celdas del menu arriba, sobre todo es importante por el dimesnionado del menu*/
td { 
padding-top : 3px; 
padding-bottom : 2px; 
font-family : verdana; 
font-size : 11px; 
color : #BCBA8F; 
}

td.MENU_PRINCIPAL{ 
padding-top : 5px; 
padding-bottom : 5px; 
font-family : verdana; 
font-size : 11px; 
color : #BCBA8F; 
}

td.top{ 
padding-top : 0px; 
padding-bottom : 0px; 
padding-left :2px;
font-family : verdana; 
font-size : 10px; 
color : #BCBA8F; 
} 

/**/
pre { 
font-family : verdana; 
font-size : 12px; 
} 
IMG { 
border : 0; 
} 
LABEL { 
display : block; 
} 
body { 
padding-top : 7px; 
background-color : white; 
text-align : center; 
} 

/*DIVS*/ 
#mapa_legal{
text-align:left;
position: relative;
width : 968px; 
margin-right : auto; 
margin-left : auto; 
text-align : right;
}

#gestion_localizacion_maquinaria_top{
text-align:left;
position: relative;
width : 968px; 
margin-right : auto; 
margin-left : auto; 
text-align : left;
}

#contenedor { 
position : relative; 
width : 969px; 
height : 545px; 
border : 1px solid gray; 
margin-right : auto; 
margin-left : auto; 
text-align : center; 
} 

#contenedor_formulario{ 
position : relative; 
width : 969px; 
height : 900px; 
border : 1px solid gray; 
margin-right : auto; 
margin-left : auto; 
text-align : center; 
} 

#contenedor_software { 
position : relative; 
width : 969px; 
height : 920px; 
border : 1px solid gray; 
margin-right : auto; 
margin-left : auto; 
text-align : center; 
}

/*Esta el TOP , y dentro de este CABECERA , INDEX_CABECERA1-2-3 , cabecera es el fondo, index_cabecera es el texto inicial para posterior indexamiento de texto. */
#top { 
position : absolute; 
top : 0%; 
left : 0%; 
} 
#cabecera { 
z-index:0;
} 
/*Index_cabecera 1-2-3/ son los 3 textos de arriba de izq a drcha. */
#index_cabecera1{
position : absolute; 
top : 20%;  
left : 32.5%; 
z-index:1;
width: 111px;
text-align: right;
}

#index_cabecera2{
position : absolute; 
top : 12%; 
left : 28.5%; 
z-index:1;
width: 443px;

}

#index_cabecera3{
position : absolute; 
top : 17%; 
left : 75.5%; 
z-index:1;
width: 230px;
text-align: right;


}


/*ESTA FUERA DEL div Top , Es un div principal. Es el div del menu arriba, con sus características*/
#navegacion { 
background-color : #75888F; 
height : 25px; 
position : absolute; 
top : 15.5%; 
left : 0; 
border-top : 2px solid #F3CF1D; 

}

#navegacion_formulario { 
background-color : #75888F; 
height : 25px; 
position : absolute; 
top : 9%; 
left : 0; 
border-top : 2px solid #F3CF1D; 

}


#navegacion_software { 
background-color : #75888F; 
height : 25px; 
position : absolute; 
top : 9.6%; 
left : 0; 
border-top : 2px solid #F3CF1D; 

}

/*CUERPO CENTRAL, esta CUERPO, y dentro de el CUERPO1, que es el lado derecho y CUERPO2 , que es el izquierdo*/
#cuerpo { 
display : block; 
position : absolute; 
left : 0%; 
top : 20%; 
margin-left : auto; 
margin-right : auto; 
width : 967px; 
height:339px;
background-color : white; 
}

#cuerpo_software { 
display : block; 
position : absolute; 
left : 0%; 
top : 12.3%; 
margin-left : auto; 
margin-right : auto; 
width : 967px; 
height:339px;
background-color : white; 
}

#cuerpo_formulario { 
display : block; 
position : absolute; 
left : 0%; 
top : 14%; 
margin-left : auto; 
margin-right : auto; 
width : 967px; 
height:339px;
background-color : white; 
}

#cuerpo1 { 
display : block; 
position : absolute; 
top:1.5%;
left : 1%; 
margin-left : auto; 
margin-right : auto; 
width : 280px; 
z-index:1;
border:1px;
} 
#cuerpo2 { 
display : block; 
position : absolute; 
left : 33.5%; 
margin-left : auto; 
margin-right : auto; 
border-left:1px solid #75888F;
z-index:0;

} 
#cuerpo2_formulario { 
display : block; 
position : absolute; 
left : 33.5%; 
margin-left : auto; 
margin-right : auto; 
border-left:1px solid #75888F;
z-index:0;
width:687px;

} 

#cuerpo2down { 
display : block; 
position : absolute; 
top:80%;
left:20%;
margin-left : auto; 
margin-right : auto; 

z-index:3;

} 

#cuerpo3 { 
display : block; 
position : absolute; 
left : 49%;
top: 17%; 
margin-left : auto; 
margin-right : auto; 

z-index:1;

} 
/*enlaces dentro del cuerpo derecho*/
#cuerpo_enlace{
display : block; 
position : absolute; 
left : 81%;
top: 5%; 
margin-left : auto; 
margin-right : auto; 

z-index:2;

}

/*ZONA INFERIOR*/
#pie { 
background-color : #5C5143; 
position : absolute; 
left : 0%; 
top : 82.2%; 
width : 968px; 
height : 96px; 
border-top : 1px solid #f2bd34; 
} 

#pie_software{ 
background-color : #5C5143; 
position : absolute; 
left : 0%; 
top :89.2%; 
width : 968px; 
height : 96px; 
border-top : 1px solid #f2bd34; 
} 

#pie_formulario{ 
background-color : #5C5143; 
position : absolute; 
left : 0%; 
top :89.2%; 
width : 968px; 
height : 96px; 
border-top : 1px solid #f2bd34; 
} 


#pie1 { 
position : absolute;
left : 0%; 
top : 0%; 

z-index:0;
}
#pie2 { 
position : absolute; 
left : 8%; 
top : 68%; 
width : 968px;
height:400px;
z-index:1;
}
#pie_datos{
position: relative;
width : 968px; 
margin-right : auto; 
margin-left : auto; 
text-align : center; 
}

#pie_proipro{
position: relative;
left:36%;
width : 190px; 
margin-right : auto; 
margin-left : auto; 
text-align : left; 
}