* {
    padding: 0;
    margin: 0;
} 

body {
padding-top: 20px;
background: #FF3300;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 12px;
line-height: 18px;
color: #333333;;
}

img { border: none; }
a { color: #57626a; text-decoration: none; }
a:hover { text-decoration: underline; color : #000; }

#wrap {
margin: 0 auto;
width: 960px;
background: #FFFFFF;
}

#header { 
padding: 10px 0 10px 20px;
}
#header h1 {
font-size: 26px;
font-weight: 100;
letter-spacing: -3px;
padding: 12px 0 5px 10px;
}
#header h1 a {
color: #57626a;
text-decoration: none;
}
#header h1 a:hover {
color: #57626a;
text-decoration: none;
}
#header h2 {
color: #ccc;
font-size: 15px;
font-weight: 100;
padding: 0 0 0 11px;
letter-spacing: -1px;
line-height: 12px;
}



#content {
padding: 10px 20px;
}

.right {
width: 420px;
height: 350px;
float: left;
text-align: justify;
}
.right h2 {
color: #FF4800;
font-size: 20px;
letter-spacing: -3px;
font-weight: 100;
padding : 10px 0 15px 0;
}

#imagenes_rotativas{
width: 500px;

float: left;
/*background-color:#FFFFFF;*/

}

#listado_obras{

width: 880px;
padding: 0px 20px 0px 20px;

}


.left {
width: 420px;
height: 350px;
float: left;
padding: 10px;
border-right: 1px solid #bbb;
font-size: 12px;
}
.left ul {
list-style-type: square;
padding: 5px 10px 10px 20px;
color: #57626a;
}
.left h2 {
height: 30px;
font-size: 14px;
color: #666;
line-height: 30px;
font-weight: 600;
}
.left a { text-decoration: none }

#footer {
background: #FFF;
/*border-top: 3px solid #57626a;*/
margin-top: 20px;
text-align: center;
color: #333;
font-size: 11px;
padding: 10px;
}



#menu {
width: 100%;
height: 45px;
background-color:#FFFFFF;
/*height: 400px;*/
/*margin-bottom: 10px;*/
text-align: center;
clear: both;
}

#menu table {
margin: 0 auto;
text-align: left;
height:50px;
width: 920px;
background-color: #FFF;
border:none;
}

#menu table tr{
border: none;

}



#menu table td {
/*border-right-style: solid;
 border-right-width: 1px; 
border-right-color:#FFF;*/
/*border-style: dotted;*/
/*border-color: #FFFFFF;*/
font-family: arial, verdana;
font-size: 10pt;
color: #bbb;
text-align: center;
background-color: #FFFFFF;

}

#menu table td:hover {
/*border-right-style: solid;
border-right-width: 1px; 
border-right-color:#007CC3;
border-top-style: solid;
border-top-width: 1px; 
border-top-color:#FFFFFF;
border-bottom-style: solid;
border-bottom-width: 1px; 
border-bottom-color:#FFFFFF;
border-left-style: solid;
border-left-width: 1px; 
border-left-color:#FFFFFF;*/
background-color: #FFFFFF;
/*border-style: dotted;*/
/*border-color: #FFFFFF;*/
/*font-family: arial, verdana;*/
font-family: arial, verdana;
font-size: 10pt;
text-align: center;
color: #bbb;

}

#menu table td a{
text-decoration: none;
font-family: arial, verdana;
color: #bbb;

}

#menu table td a:hover{
text-decoration: none;
font-family: arial, verdana;
color: #bbb;

}

.actual{
background-color: #00b6e8;
font-family: arial, verdana;
color: #bbb;

}


#separate{

clear: both;
height: 10px;

}

.largo_fila{
height: 137px;

}

.largo_fila_texto{
height: 20px;
color: #0066cc;
font-family: arial, verdana;
font-weight:bold;
font-size: 11pt;
}

.largo_fila_espacio{
height: 20px;
font-size: 7pt;
}

.largo_fila_espacio_servicio{
font-size: 10pt;
color: #0066cc;
font-family: arial, verdana;
text-align: justify;
}

#titulo_obra{
color: #0066cc;
font-family: arial, verdana;
font-weight:bold;
font-size: 14pt;
}

/****************************obras**************************/

#obras_izquierdo{
margin-top: 20px;
float: left;
width: 500px;
height: 350px;

}

#obras_derecho{
margin-top: 20px;
float: left;
width: 252px;
height: 350px;
color: #0066cc;
font-family: arial, verdana;
font-size: 11pt;
text-align: left;

}

#obras_central{
margin-top: 20px;
float: left;
width: 147px;
height: 350px;

}

#separador{

clear: both;
height: 15px;

}

.enlace_adicional{
color: #0066cc;
font-family: arial, verdana;
font-weight:bold;
font-size: 12pt;
}

.enlace_adicional:hover{
color: #bbb;
font-family: arial, verdana;
font-weight:bold;
font-size: 12pt;
text-decoration: none;
}


.enlace_adicional2{
color: #0066cc;
font-family: arial, verdana;
/*font-weight:bold;*/
font-size: 10pt;
}

.enlace_adicional2:hover{
color: #bbb;
font-family: arial, verdana;
/*font-weight:bold;*/
font-size: 10pt;
text-decoration: none;
}