* { margin:0; padding: 0; }

body 				{ margin:20px; padding:0px; font:11px verdana, arial, helvetica, sans-serif;	}
#contenido			{ width: 960px; margin: 0 auto; position: relative; }

/* ESTILOS GENERALES */
img.logo			{ margin-bottom: 30px; }
p					{ font-family: "Tahoma", sans-serif; font-size: 12px; color: #333; margin-bottom: 10px; letter-spacing: 1px; line-height: 16px; }
p.titulo			{ text-transform: uppercase; margin-top: 33px; margin-bottom: 14px; }
p.pie				{ color: #555; font-size: 10px; }
p.footer			{ font-size: 12px; }
p.footer a			{ font-size: 12px; border-bottom: 1px dotted #333; }
p.footer a:hover	{ font-size: 12px; border-bottom: 1px solid #333; }
p.texto-logo		{ color: #2b429b; font-size: 9px; font-family: "Lucida Sans Unicode", "MS Gothic", "Tahoma", sans-serif; margin: 0 0 0 155px; margin-top: 28px; }
p.sin-margen		{ margin: 0; }
strong				{ color: #000; font-weight: normal; }
span.campo			{ width: 125px; display: block; float: left; letter-spacing: 1px; }

a					{ font-family: "Tahoma", sans-serif; font-size: 12px; text-decoration: none; color: #333; border-bottom: 1px dotted #333; }
a:hover				{ border-bottom: 1px solid #333; }
div.der				{ text-align: right; }
div.imagen			{ margin: 30px 0; text-align: center; }
a.logo				{ border: 0; }
a:hover.logo		{ border: 0; }

/* PROYECTO DETALLE */
a.descarga		{ color: #111; border-bottom: 1px dotted #111; letter-spacing: 1px; }
a:hover.descarga	{ border-bottom: 1px solid #111; }
ul.descargas li		{ padding-left: 20px; background: url(../img/arrow_down.gif) center left no-repeat; margin-bottom: 5px; }
ul.descargas li.url	{ background: none; }

/* MENU IZQ */
#navIzq li		{ margin-bottom: 1px; height: 15px; }
#navIzq li.sub		{ height: auto!important; height: 15px; min-height: 15px; }
#navIzq li.sep		{ height: 5px; }
#navIzq a		{ text-transform: uppercase; font-family: "Tahoma", sans-serif; font-size: 12px; text-decoration: none; color: #333; letter-spacing: 1px; border: 0; }
#navIzq a:hover		{ border-bottom: 1px dotted #333; }
#navIzq a.actual	{ border-bottom: 1px dotted #333; margin-top: 3px; }
#navIzq a.flecha	{ padding-right: 20px; background: url(../img/arrow_right.gif) center right no-repeat; }
#navIzq li.sub a:hover  { padding-right: 20px; background: url(../img/arrow_right.gif) center right no-repeat; text-decoration: none; border: 0; }
#navIzq li.sub a	{ padding-right: 20px; font-size: 10px; }

/* MENU der */
#navDer li		{ margin-bottom: 1px; background: url(../img/arrow_left.gif) center left no-repeat; padding-left: 18px; }
#navDer a		{ text-transform: uppercase; font-family: "Tahoma", sans-serif; font-size: 10px; text-decoration: none; color: #333; letter-spacing: 1px; text-transform: none; border: 0; }
#navDer a:hover		{ border-bottom: 1px dotted #333; }
#navDer	a.idioma	{ font-family: "Lucida Sans Unicode", "MS Gothic", "Tahoma", sans-serif; font-size: 9px; }
#navDer p.titulo	{ margin-top: 104px; font-size: 10px; color: #666; margin-bottom: 10px; }

/* MAPA GOOGLE */
#mapa				{ width: 500px; height: 500px; margin-bottom: 20px; }

/* SUPPORT */
#support			{ margin-top: 60px; }
#support li			{ width: 50%; float: left; margin-bottom: 20px; }
#support a			{ font-size: 12px; }
#support p			{ font-size: 12px; margin-bottom: 0; }

/* PARTICIPA */
#participa			{ margin-top: 60px; }

/* LISTA CORREO */
#form-lista input               { border: 1px solid #333; font-family: "Tahoma", sans-serif; font-size: 12px; color: #333; width: 190px; margin-bottom: 10px; }
#form-lista input.boton         { border: 0; background-color: #FFF; font-family: "Tahoma", sans-serif; font-size: 12px; letter-spacing: 1px; color: #333; width: auto; cursor: pointer; border-bottom: 1px dotted #333; margin-right: 20px; }
#form-lista input.boton:hover   { border-bottom: 1px solid #333; }

/* LAYOUT */
/* All the content boxes belong to the content class. */
.content {
	position:relative; /* Position is declared "relative" to gain control of stacking order (z-index). */
	width:500px;
	min-width:120px;
	margin:0px 210px 20px 210px;
	padding:10px 20px;
	z-index:3; /* This allows the content to overlap the right menu in narrow windows in good browsers. */
	}

#navIzq {
	text-align: right;
	position:absolute;
	width:200px;
	top:0;
	left:0;
	padding: 183px 10px 0 0;
	z-index:2;
	voice-family: "\"}\"";
	voice-family:inherit;
	}
/* I've heard this called the "be nice to Opera 5" rule. Basically, it feeds correct
length values to user agents that exhibit the parsing error exploited above yet get
the CSS box model right and understand the CSS2 parent-child selector. ALWAYS include
a "be nice to Opera 5" rule every time you use the Tantek Celik hack (above). */
body>#navIzq {width:128px;}

#navDer {
	position:absolute;
	width:200px;
	top:0;
	right:0;
	padding: 38px 10px 0 0;
	z-index:1;
/* Again, the ugly brilliant hack. */
	voice-family: "\"}\"";
	voice-family:inherit;
	}
/* Again, "be nice to Opera 5". */
body>#navDer {width:168px;}



/* CLEARFIX */
.clearfix:after {
        visibility: hidden;
        display: block;
        font-size: 0;
        content: " ";
        clear: both;
        height: 0;
 }

.clearfix {
        display: inline-block;
 }

/* start commented backslash hack \*/

* html .clearfix {
        height: 1%;
 }

.clearfix {
        display: block;
}
/* close commented backslash hack */