* {
font-family: Arial, Helvetica, sans-serif;
color: #231f20;
font-size: 12px;
}
a {
text-decoration: none;
}
a img {
border: 0 none;
}
a:focus {
outline: none;
}

html {
overflow: -moz-scrollbars-vertical;
}

body {
margin: 0;
padding: 0;
background: #FFFFFF;
}

.contenedor {
width: 100%;
position: relative;
float: left;
}

.contenido {
width: 980px;
position: relative;
left: 50%;
margin-left: -490px;
overflow: visible;
float: left;
background: #FFFFFF;
}

.ancho-col {
width: 117px;
float:left;
padding: 0;
}
.ancho-col ul {
float: left;
list-style-type: none;
margin: 0;
padding: 0;
}
.ancho-col li {
float: left;
clear: left;
margin: 0;
padding: 0;
}
.ancho-col li a {
text-transform: uppercase;
float: left;
display: block;
padding: 5px 7px;
width: 103px;
font-size: 10px;
}
.ancho-col li a:hover, .ancho-col li a.seleccionado {
background-color: #FFFFFF;
color: #000000;
}
.ancho-col li a.seleccionado {
cursor: default;
}

#col1 {
background: #d1d2d4;
}
#col2 {
background: #808185;
}
#col1, #col2 {
margin: 0 2px 0 0;
}
#col3 {
background: #231f20;
}
#col3 li a {
color: #d1d2d4;
}
#col3 li a:hover, #col3 li a.seleccionado {
color: #000;
}
#col4 {
float: left;
}

#col1-contenido, #col2-contenido, #col3-contenido, #col4-contenido {
float: left;
}
#col1-contenido, #col2-contenido, #col3-contenido {
padding: 150px 0 20px;
}
#col4-contenido img {
float: left;
}
#col4-contenido a#logo-link {
float: left;
margin: 25px 0 0;
padding: 0 0 25px 0;
}
#col4-contenido {
padding: 0 0 30px 0;
width: 600px;
}

#footer-col {
position: absolute;
bottom: 5px;
float: left;
left: 40px;
}
#footer-col img {
float: left;
}

#info-obra {
float: left;
clear: left;
width: 580px;
margin: 10px 0 0;
text-align: justify;
padding: 0 0 60px;
}

#datos-tecnicos {
width: 580px;
float: left;
margin: 0 20px 15px 25px;
}
#datos-tecnicos h1 {
font-size: 24px;
margin: 0;
padding: 0;
float: left;
font-weight: normal;
}
#datos-tecnicos p {
float: left;
clear: left;
margin: 5px 0 0;
padding: 0;
font-size: 14px;
}

/* obras.php */

p#selecionaObra {
float: left;
clear: left;
font-size: 16px;
font-family: Georgia, "Times New Roman", Times, serif;
margin: 0 0 0 20px;
padding: 0;
}

#cont {
width: 580px;
margin: 5px 0 0 25px;
float: left;
clear: left;
padding: 0 0 60px;
}
#cont h2 {
font-weight: normal;
font-size: 24px;
margin: 0;
padding: 0;
float: left;
}
#cont p {
float: left;
clear: left;
margin: 15px 0 0;
}

#cont div#mapa {
width: 580px;
height: 300px;
float: left;
clear: left;
margin: 10px 0 0;
}

#fotos-estudio {
float: left;
clear: left;
margin: 5px 0 0;
}
#fotos-estudio img {
float: left;
}

/* form contacto */

#form_contacto {
float: left;
clear: left;
margin: 10px 0 0;
}
#form_contacto input.campos, #form_contacto textarea, #form_contacto label, #form_contacto div.error, #form_contacto img.captcha {
float: left;
clear: left;
}
#form_contacto p.filtro {
float: left;
clear: none;
margin: 9px 0 0 10px;
padding: 0;
font-size: 10px;
}
#form_contacto label {
margin: 8px 0 0;
}
#form_contacto img, #form_contacto input, #form_contacto textarea, #form_contacto div.error {
margin: 2px 0 0;
}
#form_contacto input, #form_contacto textarea {
border: none;
background: #d1d2d4;
padding: 5px;
width: 570px;
}
#form_contacto input:focus, #form_contacto textarea:focus {
color: #d1d2d4;
background: #231f20;
}
#form_contacto input:hover, #form_contacto textarea:hover {
background: #808185;
}
#form_contacto div.error {
color: #990000;
}
#form_contacto div.oculto {
display: none;
}
#form_contacto input#captcha {
width: 190px;
}
#form_contacto input#submit {
margin: 0;
width: 100px;
float: right;
}

/* novedades */

#cont a.novedad {
float: left;
clear: left;
border-bottom: 1px solid #808185;
width: 580px;
display: block;
padding: 5px 0;
}
#cont a.novedad:hover {
background: #231f20;
}
#cont a.novedad:hover span.novedad-txt strong, #cont a.novedad:hover span.novedad-txt span {
color: #d1d2d4;
}
#cont a#novedad1 {
margin: 0;
}
#cont a.novedad img {
margin: 0 0 0 4px;
}
#cont a.novedad span.novedad-txt {
float: left;
margin: 4px 0 0 5px;
width: 450px;
}
#cont a.novedad span.novedad-txt strong {
font-size: 14px;
font-weight: normal;
float: left;
clear: left;
}
#cont a.novedad span.novedad-txt strong span {
font-size: 9px;
color: #808185;
}
#cont a.novedad span.novedad-txt span.texto {
float: left;
clear: left;
width: 450px;
margin: 2px 0 0;
}

/* noticia */

#noticia {
width: 580px;
float: left;
margin: 0 20px 15px 25px;
text-align: justify;
}
#noticia h1 {
font-size: 20px;
margin: 0 0 5px;
padding: 0;
float: left;
font-weight: normal;
}

#thumbs-noticias {
width: 580px;
float: left;
margin: 0 20px 15px 25px;
clear: left;
padding-bottom: 30px;
}
#thumbs-noticias a {
display: block;
float: left;
width: 100px;
height: 60px;
overflow: hidden;
border: 3px solid #fff;
margin: 0 10px 10px 0;
}
#thumbs-noticias a:hover {
border: 3px solid #231f20;
}

/* footer */

#footer {
position: absolute;
bottom: 5px;
left: 355px;
margin-top: 25px;
width: 590px;
}
#footer img {
float: left;
}

#datos {
float: left;
margin: 4px 0 0 15px;
width: 420px;
}
#datos * {
float: left;
clear: left;
font-size: 10px;
margin: 0;
display: block;
}
#datos strong {
font-size: 11px;
}
#datos span {
width: 400px;
}

a#circo {
float: right;
margin: 25px 0 0;
display: block;
}
a#circo img {
float: right;
}