/* Usar html>body delante de las etiquetas para estilos Firefox */

body {
margin : 5px 0px 0px 0px;
text-align: left;
font-family: Georgia, "Times New Roman", Times, serif;
color: #000000;
font-size:small;
margin:auto;
}

a { 
color: #e10303; 
text-decoration: underline;
} 

a:hover { 
color: #ffffff;
background-color:#e10303;
} 

#contenedor-principal {
max-width: 955px;
width: expression(document.body.clientWidth > 955? "955px" : "auto");
text-align: center;
margin: auto;
}

#Cabecera {
background: url(/img/CabeceraFondo.gif) #0410b2 top left repeat-x;
height:120px;
width: 100%;
clear: both;
overflow: auto;
border-bottom: double #e10303 thick;
text-align: center;
}

/*** MENÚS ***/

.ContenedorMenu {
width: 215px;
text-align:left;
float: left;
margin: 5px 0 15px 0;
}


.TituloMenu  {
text-decoration: none;
font-size: 1.3em;
font-weight: bold;
padding: 0 0 0 30px;
line-height: 1.1em;
width:170px;
color: #ffffff;
background:  url(/img/FondoMenu.gif) #e10303 no-repeat top left; 
}

.TituloMenu a {
text-decoration: none;
color:#ffffff;
}

.TituloMenu a:hover { 
color: #e10303;
background-color:#ffffff;
} 

.CuadroMenu {
width: 200px;
float:left;
margin: 0 0 12px 0;
}

.ElementosMenu {
width: 200px;
float:left;
}

.ElementosMenu ul {
padding-left: 0; /*Limpieza de márgenes (se puede cambiar)*/
list-style-type: none;
margin: 8px;

}

.ElementosMenu li {
margin: 4px 0 8px 0;
background: url(/img/Enlace.gif) left top  no-repeat;
padding-left: 10px;
}

.ElementosMenu li a {
text-decoration: none;
color:#e10303;
font-size: 0.85em;
}

.ElementosMenu li a:hover {
color:#FFFFFF;
background-color:#e10303;
}

/*** FIN MENÚS ***/

.ContenedorUnaColumna {
max-width: 735px;
min-width: 220px;
width: expression(document.body.clientWidth > 955? "735px" : document.body.clientWidth > 755? "535px" : document.body.clientWidth > 300? "300px" :"220px");
float: left;
margin: 5px 0 10px 0;
}

html>body .ContenedorUnaColumna {
width: 100%;
}

.ContenedorDosColumnasIzquierda {
max-width: 460px;
min-width: 300px;
width: expression(document.body.clientWidth > 955? "460px" : "300px");
float: left;
margin: 5px 20px 10px 0;
text-align: justify;
}

.ContenedorDosColumnasDerecha {
width: 250px;
float: left;
margin: 5px 0;
}

.ContenedorCentrado, .ContenedorCentradoEnmarcado {
width: 100%;
text-align: center;
margin: 1em 0 0 0;
}

.ContenedorCentradoEnmarcado {
background-color: #DDDDDD;
border: solid 1px #000000;
padding: 5px 0 5px 0;
overflow: auto;
float: none;
clear: both;
margin: 12px 0 0 0;
}

.ContenedorVolver {
width: 100%;
text-align: center;
margin: 1.5em auto 1em auto;
}

.TituloPagina {
text-decoration: none;
font-weight: bold;
padding: 3px 0 3px 0;
width:100%;
text-align: center;
border-bottom: dashed 2px #0410b2;
border-top: solid 1px #0410b2;
}

.ContenedorNormal {
width: 100%;
text-align: justify;
margin: 12px 0 0 0;
float: none;
clear: both;
}

h1 {
text-decoration: none;
font-size: 1.3em;
font-weight: bold;
display: inline;
color: #0410b2;
}

h2 {
font-size: 1em;
font-weight: bold;
display: inline;
color: #0410b2;
text-align: center;
}

h3 {
font-size: 0.9em;
font-weight: bold;
display: inline;
color: #0410b2;
}

h4 {
font-size: 0.8em;
font-weight: bold;
display: inline;
}

.FotografiasList {
width: 170px;
text-align: center;
margin: 20px 10px 0 0;
float: left;
font-size: 12px;
color: #0410b2;
font-weight:bold;
}

/*** PIE ***/

#pie {
clear: both;
width: 100%;
text-align: center;
margin: 10px 0 0 0;

}

#PieLinea{
clear: both;
border-bottom: double #e10303 thick;
width: 100%;
height: 1px;
overflow: auto;
float: none;
font-size: 0em;
margin: 0 0 8px 0;
}

#pie-izquierda {
width: 49%;
text-align: left;
font-size: 0.8em;
float: left;
margin: 0 0 0 5px;
}
#pie-derecha {
width: 49%;
text-align: right;
font-size: 0.8em;
float: left;
margin: 0 5px 0 0;
}

#pie-cierre {
width: 100%;
clear: both;
border-top: 2px dotted #e10303;
height: 12px;
padding: 8px 0 0 0;
float:none;
font-size: 0em;
overflow: auto;
}

/*** FIN PIE ***/

.boton, .BotonAdmin {
cursor:pointer;
}


.FondoTransporteMercancias, .FondoTransporteMaquinaria, .FondoContenedores, .FondoDerribosEscombros, .FondoExcavaciones, .FondoGruas {
height:100px;
width: 100%;
clear: both;
margin: 20px 0 0 0;
}

.FondoTransporteMercancias {
background: url(/img/Trabajos/PanoTransporteMercancias.jpg) top left no-repeat;
}

.FondoTransporteMaquinaria {
background: url(/img/Trabajos/PanoTransporteMaquinaria.jpg) top left no-repeat;
}

.FondoContenedores {
background: url(/img/Trabajos/PanoContenedores.jpg) top left no-repeat;
}

.FondoDerribosEscombros {
background: url(/img/Trabajos/PanoDerribosEscombros.jpg) top left no-repeat;
}

.FondoExcavaciones {
background: url(/img/Trabajos/PanoExcavaciones.jpg) top left no-repeat;
}

.FondoGruas {
background: url(/img/Trabajos/PanoGruas.jpg) top left no-repeat;
}