html, body {margin:0;padding:0}
body {background-color:#efefef;color:#aaa;font-family:helvetica, arial, sans-serif;font-size:70%}
body {text-align:center}
img {border:none} 
a {color:#fff;text-decoration:underline} 

#wrapper {width:760px;min-height:800px;height:auto !important;height:800px;margin-right:auto;margin-left:auto;background-color:#fff;text-align:left}

#header {height:100px;background-color:#333;border-bottom:2px solid #f69418;}
#header h1 {margin:0;padding:60px 0 0 25px}
#header #menu {float:right;padding:12px 25px 0 0;text-align:right;} 
#header #menu a {display:block;margin-bottom:4px;color:#777;cursor:pointer;cursor:hand;font-size:1em;text-decoration:none;letter-spacing:1px;}
#header #menu a:hover {color:#ccc;}

#content {margin-right:280px;padding:0 28px 3em 28px;border-right:4px solid #f2f2f3}
#content h2 {margin:1em 0 1em 0;color:#444;font-family:georgia, serif;font-size:1.4em}
#content h3 {margin:1em 0 1em 0;color:#faaf50;font-family:georgia, serif;font-size:1.2em}
#content p {margin:1.5em 0;color:#aaa;text-align:left;letter-spacing:1px;}
#content li {margin:1.5em 0;color:#aaa; letter-spacing:1px;}

#banner-proyecto-principal img {width:760px;height:250px}

#proyecto-principal {min-height:335px;height:auto !important;height:335px;margin-right:280px;padding:0 28px 0 28px;border-right:4px solid #f2f2f3}
#proyecto-principal h2 {margin:0;padding:0;margin-top:0.5em;color:#444;font-family:georgia, serif;font-size:1.2em}
#proyecto-principal h3 {margin:0;margin-top:0.5em;margin-bottom:1em;padding:0;color:#faaf50;font-family:georgia, serif;font-size:1.1em}
#proyecto-principal p {margin:1em 0;color:#aaa;text-align:left;letter-spacing:1px;}

#panel-derecho {float:right;position:relative;right:28px;width:230px;text-align:right;}
#panel-derecho h2 {margin:1em 0;padding:0 0;color:#ccc;font-family:georgia, serif; font-size:1.4em;white-space:nowrap;}
#panel-derecho h3 {margin:1em 0;padding:0;padding-top:1em;background:transparent url(../img/punto.gif) repeat-x;color:#faaf50;font-family:helvetica, arial, sans-serif;font-size:0.9em;text-align:right;}
#panel-derecho p {margin:1em 0;padding:0;letter-spacing:1px;}
#panel-derecho h3 a {color:#faaf50;text-decoration:none}
#panel-derecho h3 a:hover {text-decoration:underline}
#panel-derecho a.mas {padding-right:15px;background:transparent url(../img/mas.gif) no-repeat top right;color:#888;font-size:0.9em;letter-spacing:0;text-decoration:none;}
#panel-derecho a.mas:hover {color:#666}
#panel-derecho a {color:#999}

#recientes {clear:right;min-height:370px;height:auto !important;height:380px;padding:0 0 1em 28px;background-color:#333333;border-top:2px solid #f69418;}
#recientes h2 {height:18px;margin:0;padding:0;margin-top:1em;margin-right:28px;background:transparent url(../img/punto_oscuro.gif) repeat-x bottom;color:#aaa;font-weight:normal;font-size:0.9em;}
#recientes h4 {margin:0.4em 0;padding:0;color:#ccc;font-family:georgia, serif;font-size:1.2em}
#recientes p {margin:0;padding:0;color:#777;line-height:1.3em;letter-spacing:1px;}
#recientes #muestras div div {min-height:310px;height:auto !important;height:310px;}
#recientes #muestras div.recuadro {float:left;width:170px;margin-right:8px;cursor:pointer;cursor:hand;}
#recientes #muestras img {width:170px;height:170px;filter:alpha(opacity=80);opacity:.8;cursor:pointer;cursor:hand; }
#recientes #muestras img:hover {filter:alpha(opacity=100);opacity:1;}
#recientes #muestras h3 {margin:0.5em 0;padding:0;padding-left:10px;background:transparent url(../img/mota.gif) no-repeat 0 3px;color:#777;font-weight:normal;font-size:0.9em;}
#recientes #muestras a.mas {margin-top:1em;margin-right:2px;padding-right:15px;display:block;background:transparent url(../img/mas_oscuro.gif) no-repeat top right;color:#777;font-size:0.9em;text-decoration:none;text-align:right;}
#recientes #muestras a.mas:hover, #recientes #detalles a.hide:hover {color:#999}
#recientes #detalles div {display:none;min-height:280px;height:auto !important;height:280px;margin-right:28px;margin-top:1em;padding-bottom:1em;background:transparent url(../img/punto_oscuro.gif) repeat-x bottom;}
#recientes #detalles img {float:left;width:350px;height:270px;margin-right:1em;}
#recientes #detalles h5 {margin:0;padding:0;margin-top:0.5em;margin-bottom:1em;color:#f79418;font-family:georgia, serif;font-size:1.2em}
#recientes #detalles a.hide {clear:left;display:block;margin-top:4px;padding-right:15px;background:transparent url(../img/cerrar_oscuro.gif) no-repeat top right;color:#777;font-size:0.9em;text-align:right;text-decoration:none;cursor:pointer;cursor:hand;}
	
#novedades {clear:left;padding:0 28px}
#novedades .novedad  {min-height:200px;height:auto !important;height:200px;margin-top:1.3em;padding-bottom:2px;background:transparent url(../img/punto.gif) repeat-x bottom;}
#novedades .novedad h2 {width:380px;margin:0.5em 0;padding:0;padding-left:10px;background:transparent url(../img/mota.gif) no-repeat 0 3px;color:#777;font-weight:normal;font-size:0.9em;}
#novedades .novedad h2 span {color:#aaa;}
#novedades .novedad h3 {width:380px;margin:0;padding:0;margin-top:0.5em;color:#444; font-family:georgia, serif;font-size:1.2em}
#novedades .novedad h4 {width:380px;margin:0;padding:0;margin-top:0.2em;margin-bottom:1em;color:#999;font-weight:normal;font-family:georgia, serif;font-size:1.2em}
#novedades .novedad p {width:380px;margin:1.5em 0;color:#aaa;text-align:left;letter-spacing:1px;}
#novedades .novedad img {float:right;width:280px;height:170px;margin:0 0 0 30px;border:1px solid #ddd;}
#novedades .novedad div a.mas {display:block;padding-right:15px;background:transparent url(../img/mas.gif) no-repeat top right;color:#888;font-size:0.9em;text-decoration:none;text-align:right;}

#archivo-home {padding:1em 28px 1em 28px;background-color:#666666;}
#archivo-home h2 {margin:0;padding:0;margin-top:0.5em;padding-bottom:0.5em;border-bottom:2px solid #cc952e;color:#eee;font-family:georgia, serif;font-size:1.2em}
#archivo-home h2 a {text-decoration:none;}
#archivo-home ul {margin:0;padding:0;list-style:none;}
#archivo-home ul li {margin:0;padding:0;margin-top:1em;padding-bottom:1em;background:transparent url(../img/punto.gif) repeat-x bottom;}
#archivo-home ul li a {text-decoration:none;font-family:georgia, serif;font-size:1.2em}
#archivo-home ul li a:hover, #archivo-home h2 a:hover {text-decoration:underline}
#archivo-home p a {color:#999;font-family:georgia, serif;font-size:1.2em;text-decoration:none;}
#archivo-home a:hover {text-decoration:underline;}
#archivo-home ul li span {color:#aaa;font-family:georgia, serif;font-size:1.1em}
#archivo-home a.mas {display:block;margin:1em 0;padding-right:15px;background:transparent url(../img/mas_medio.gif) no-repeat top right;color:#ccc;text-decoration:none;font-size:0.9em;text-align:right;}
#archivo-home a.mas:hover {color:#fff}

#archivo .archivo  {min-height:150px;height:auto !important;height:150px;margin-top:2em;padding-bottom:2px;background:transparent url(../img/punto.gif) repeat-x bottom;}
#archivo .archivo h2 {margin:0.5em 0;padding:0;padding-left:10px;background:transparent url(../img/mota.gif) no-repeat 0 3px;color:#777;font-family:helvetica, arial, sans-serif;font-weight:normal;font-size:0.9em;}
#archivo .archivo h2 span {color:#aaa;}
#archivo .archivo h3 {margin:0;padding:0;margin-top:0.5em;color:#444;font-family:georgia, serif;font-size:1.2em}
#archivo .archivo h4 {margin:0;padding:0;margin-top:0.2em;font-weight:normal;margin-bottom:1em;color:#999;font-family:georgia, serif;font-size:1.1em}
#archivo .archivo p {width:380px;margin:1.5em 0;color:#aaa;text-align:left;letter-spacing:1px;}
#archivo .archivo img {float:right;width:200px;height:110px;margin:0 0 0 30px;border:1px solid #ddd;}

#footer {width:760px;margin:8px 4px;margin-right:auto;margin-left:auto;color:#888;font-size:0.9em;text-align:left}
#footer a {color:#888;text-decoration:none}
#footer a:hover {color:#666}

#suscribite {display:none;position:absolute;top:102px;left:0;width:200px;padding:10px;text-align:left;}
#suscribite h2 {height:18px;margin:0;padding:0;margin-bottom:1em;background:transparent url(../img/punto_oscuro.gif) repeat-x bottom;color:#777;font-size:0.9em;white-space:nowrap;}
#suscribite label {display:block;margin:0;padding:0;margin-right:0.5em;color:#666;font-size:0.9em;}
#suscribite input.text {width:200px;border:1px solid #ccc;background-color: #fff; color:#333; } 
#suscribite textarea {width:200px;height:55px;border:1px solid #ccc;background-color:#fff;color:#333; } 
#suscribite input.submit {display:block;width:65px;margin-top:1em;background:transparent url(../img/enviar.gif) no-repeat scroll center center;border:none;font-size:9px;text-align:right;cursor:pointer;cursor:hand;}
#suscribite form {margin:0;padding:0;}
#suscribite a {float:right;display:block;padding-right:15px;margin-top:1em;background:transparent url(../img/cerrar.gif) no-repeat top right;font-size:0.9em;color:#666;cursor:pointer;cursor:hand;text-decoration:none;}
#suscribite img {width:16px;height:16px}
#suscribite-wrapper {display:none;position:absolute;top:102px;left:0;width:220px;height:216px;border:1px solid #ccc;border-top:none;background-color:white;filter:alpha(opacity=70);opacity:.7;}
#suscribite-msg {display:none;position:absolute;top:62px;left:0px;height:26px;padding:6px 10px;width:202px;background-color:white;filter:alpha(opacity=70);opacity:.7;color:red;font-family:tahoma, sans-serif;text-align:left;}
#suscribite-msg span.ok {color:green;}