body { background: #f1f1f1; font: 10pt arial }
img { border: 0; }
a { color: #ff8a00; }

#contenedor { width:960px; margin: auto; }
#logo {  }
#menu { border-bottom: 15px solid #ffdd00; } 

/* HOME */

#home #diarios { }
#home #lo-que-hacemos { height: 270px; background: #ffffff url('/media/img/bordes-amarillos-bg.gif') repeat-y; }
#home #lo-que-hacemos .titulo { padding: 8px 0 0 14px; }
#home #lo-que-hacemos .texto { width: 550px; padding: 10px 0 0 39px; font-size: 13pt; }
#home #lo-que-hacemos .destacado { background: #ffdd00; float: right; width: 250px; padding: 26px 0 26px 17px; font-weight: bold; font-size: 11pt; }
#home #proyectos-titulo { clear: both; background: #ffffff url('/media/img/bordes-amarillos-bg.gif') repeat-y; padding: 10px 0 20px 10px; }
#home #proyectos { clear: both; margin: 0; padding: 0; background: #ffffff url('/media/img/home-proyectos-bg1.gif') repeat-y; }
#home #proyectos-wrapper { background: transparent url('/media/img/home-proyectos-bg2.gif') no-repeat bottom left; padding-bottom: 60px; }
#home #proyectos h2 { text-transform: uppercase; font-size: 12pt; }
#home #proyectos h2 a { color: #767676; }
#home #proyectos table { border-collapse: collapse; width: 99%; margin-left: 5px; }
#home #proyectos table td { width: 33%; vertical-align: top; padding: 0 10px; }

/* QUIENES SOMOS */

#quienes-somos #productos { margin: 25px 0; }

/* CONTACTO */

#contacto #formulario { height: 410px; padding: 0; background: #ffffff url('/media/img/contacto-bg.jpg') no-repeat top left; }
#contacto #formulario .contenido { padding-left: 473px; }
#contacto .datos { padding: 10px 20px 10px 20px; border-bottom: 5px solid #ffdd00; }
#contacto .datos p { margin: 7px 0; }
#contacto form { padding: 10px 20px 0 20px; }
#contacto #formulario table { border-collapse: collapse; }
#contacto #formulario table td { padding-right: 15px; } 
#contacto label { display: block; margin-top: 10px; font-weight: bold; }
#contacto input, #contacto textarea { font-size: 14pt; } 
#contacto textarea { width: 90%; height: 80px; font-size: 10pt;  }
#contacto div.submit { width: 92%; margin-top: 10px; text-align: right; }
#contacto #footer { border-top: 6px solid #ffdd00; }
#contacto .ok { color: green; font-weight: bold; padding-right: 10px; }

/* PROYECTOS */

#proyectos #container { background: transparent url('/media/img/proyectos-bg.gif') repeat-y; }
#proyectos #lateral { float: right; width: 370px; }
#proyectos #lateral .contenidos { padding: 20px; }
#proyectos #lateral .institucional { font-weight: bold; }
#proyectos #lista { width: 580px; }
#proyectos #lista .contenidos { padding: 20px 10px; }
#proyectos #proyecto { background: #fff url('/media/img/proyecto-bg.gif') no-repeat bottom right; padding: 20px 30px 80px 30px; margin-bottom: 20px; }
#proyectos #proyecto div.imagen { margin: 20px 0; }
#proyectos #proyecto h2 { text-transform: uppercase; margin: 0; }
#proyectos #proyecto h2 a { color: #767676; }
#proyectos #proyecto h3 { margin-top: 5px; color: #767676; }
#proyectos #proyecto div.destacado { font-weight: bold; font-size: 12pt; color: #ff8a00; margin: 10px 0; }
#proyectos #proyecto div.completa { margin-top: 10px; }
#proyectos #footer { border-top: 6px solid #ffdd00; }
#proyectos #lateral .trabajos-realizados { background: #ffdd00; font-weight: bold; color: #000; font-size: 16pt; padding: 5px 15pt; }
#proyectos #lateral .realizado { padding: 20px; margin-bottom: 20px; background: #ffffff url('/media/img/proyecto-realizado-bg.gif') no-repeat bottom right; }
#proyectos #lateral .realizado .titulo { font-size: 16pt; color: #767676; margin: 0 0 5px 0; }
/* provisoriamente se saca .cliente y se marginan 20px al fondo del thumb */
#proyectos #lateral .thumb { margin-bottom: 20px; }
#proyectos #lateral .cliente { font-size: 8pt; color: #777; margin-bottom: 20px; }

/* FOOTER */

#footer { padding: 10px 0; }
#footer span { color: #757575; }