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

#contenedor { width:920px; margin: auto; }
#logo {  }
#menu { border-bottom: 15px solid #FBE30A;background:url('/media/img/menu/fondo.gif') no-repeat 0 0;width:920px;height:46px } 

/* HOME */

#home table.top {border-collapse:collapse; border-bottom: 15px solid #FBE30A;margin:0}
#home table.top td{vertical-align:top;margin:0;padding:0;}
#home h2.soluciones{margin:0;padding:0;background:url('/media/img/home-cuadro-lo-que-hacemos.gif') no-repeat 0 0;text-indent:-5000px;width:272px;height:254px}
#home td.cuadro-leyenda {background:url('/media/img/home-cuadro-leyenda.gif') no-repeat 0 0;height:254px;overflow:hidden}
#home td.cuadro-destacado {background:url('/media/img/home-cuadro-destacado.gif') no-repeat 0 0;width:291px;margin:0;padding:0}
#home p.cuadro-leyenda {margin:35px 38px;padding:0px;color:#777;font-size:14px}
#home div.boton-destacado{margin-top:60px;margin-left:75px}


/* QUIENES SOMOS */

#quienes-somos #quienes {float:left}

/* 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;width:180px } 
#contacto textarea { width: 380px; height: 80px; font-size: 10pt;  }
#contacto div.submit { margin-right:20px; 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 h2.destacados{text-indent:-5000px;background:url(/media/img/destacados.gif) no-repeat 0 0;margin:15px 0px 15px 15px;padding:0;height:13px;width:108px}
#proyectos h2.otros-proyectos{text-indent:-5000px;background:url(/media/img/otros-proyectos.gif) no-repeat 0 0;margin:15px 0px 15px 15px;padding:0;height:13px;width:156px}

/* slider */
#proyectos .slider{margin-bottom:10px; display:block;overflow:hidden;width:100%}
#proyectos .slider .content{float:left;background:url(/media/img/slider-bg.png) no-repeat 0 0;width:821px;height:218px;}
#proyectos .slider .left{float:left;background:url(/media/img/left.gif) no-repeat 0 0;width:35px;height:35px;margin:90px 7px}
#proyectos .slider .left a{width:35px;height:35px;display:block}
#proyectos .slider .right{float:left;background:url(/media/img/right.gif) no-repeat 0 0;width:35px;height:35px;margin:90px 7px}
#proyectos .slider .right a{width:35px;height:35px;display:block}
#proyectos .buttons {margin-top:20px}
#proyectos .buttons a{padding:2px 2px}
#proyectos .buttons a:hover{background-color:#FBE30A;color:#fff}

/* carousel de logos */
.jcarousel-skin-tango .jcarousel-container {margin:0 35px}
.jcarousel-skin-tango .jcarousel-direction-rtl {direction: rtl;}
.jcarousel-skin-tango .jcarousel-container-horizontal {width: 730px}
.jcarousel-skin-tango .jcarousel-clip {overflow: hidden;}
.jcarousel-skin-tango .jcarousel-clip-horizontal {width:730px;height:218px;}
.jcarousel-skin-tango .jcarousel-item {width: 235px;height: 218px;margin-right:10px;overflow:hidden}

#proyectos #proyecto { background: #fff url('/media/img/proyecto-bg.gif') no-repeat bottom right; padding: 20px 30px 80px 30px; margin-bottom: 20px; }
#proyectos #container { background: transparent url('/media/img/proyectos-bg.gif') repeat-y; }
#proyectos #proyecto h3 { margin-top: 5px; color: #767676; }
#proyectos #proyecto h2 { text-transform: uppercase; margin: 0; }
#proyectos #proyecto h2 a { color: #767676; }
/*
#proyectos #lateral { float: right; width: 370px; }
#proyectos #lateral .contenidos { padding: 20px; }
#proyectos #lateral .institucional { font-weight: bold; }
#proyectos #lista { }
#proyectos #lista .contenidos { }
#proyectos #proyecto div.imagen { margin: 20px 0; }

#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; }