@import "reset.css";
@import "territorios.generales.css";
@import "home.css";
@import "breadcrumb.css";
@import "formularios.css";
@import "que-hacemos.css";
@import "recursos-fotos.css";

body {
background-color:#FDFAF3;
background-image:url(img/fondoBody.jpg);
background-position:center top; 
background-repeat:repeat-y;
/*color:#684529;*/
color:#000;
font-family:'Trebuchet MS';
font-size:12px;
text-align:center;
}
a {
/*color:#684529;*/
color:#000;
}
.letraMarron {

}
.fondoVerde {
background:none repeat scroll 0 0 #649748;
}
.fondoAzul {
background:none repeat scroll 0 0 #5A96CA;
}
.fondoNaranja {
background:none repeat scroll 0 0 #E99A23;
}
.fondoGris {
background:none repeat scroll 0 0 #333333;
}
.relativo {
left:0;
position:relative;
top:0;
}
#main {
background:none repeat scroll 0 0 #FFFFFF;
left:0;
margin:auto;
position:relative;
text-align:left;
top:0;
width:970px;
}
#cabecera {
background-image:url("../img/fondo1_mayo_2010.jpg");
background-position:0 10px;
background-repeat:no-repeat;
height:184px;
}
#menuSuperior {
height:156px;
left:0;
position:relative;
top:0;
}
#logo {
height:150px;
left:0;
position:absolute;
top:0;
width:700px;
}
#logo a {
display:block;
height:150px;
width:700px;
}
#botoneraSuperiorDerecha {
background:none repeat scroll 0 0 white;
font-size:12px;
font-weight:bold;
padding:3px 0 0;
position:absolute;
right:5px;
top:1px;
}
#botoneraSuperiorDerecha ul li {
display:inline;
padding-left:5px;
}
#cuerpo {
color:#000;/*684529*/
display:block;
font-size:13px;
left:0;
line-height:20px;
padding:0;
position:relative;
top:0;
}
#cuerpo h2 {
font-weight:bold;
padding-bottom:10px;
}
#cuerpo a {
color:#000;/*684529*/
}
#menu {
font-family:Arial;
letter-spacing:1px;
overflow:hidden;
width:980px;
}
#menu ul {
background:none repeat scroll 0 0 white;
height:26px;
margin-top:1px;
}
#menu ul li {
background-image:url("img/fondo-botones.png");
border:1px solid magenta;
float:left;
padding:5px 0;
text-align:center;
}
#menu ul li.seleccionado {
background-image:url("img/fondo-botones-seleccionado.png");
background-repeat:repeat-x;
float:left;
padding:5px 0;
text-align:center;
}
#menu ul li.quienes {
background-position:0 0;
border:0 none;
width:179px;
}
.ie #menu ul li.quienes {
}
#menu ul li.hacemos {
background-position:-181px 0;
border:0 none;
margin-left:2px;
margin-right:2px;
width:170px;
}
#menu ul li.tu {
background-position:-352px 0;
border:0 none;
margin-right:2px;
width:228px;
}
#menu ul li.recursos {
background-position:-583px 0;
border:0 none;
margin-right:3px;
width:143px;
}
#menu ul li.buscar {
background-position:-729px 0;
border:0 none;
padding:5px 5px 5px 10px;
text-align:left;
width:217px;
}
#menu ul li.buscar input {
font-size:13px;
height:13px;
margin-left:6px;
margin-right:6px;
position:absolute;
right:8px;
top:4px;
width:131px;
}
#menu ul li a {
color:#E4DCB7;
font-size:13px;
font-weight:bold;
}
#menu ul li a:hover {
color:#FFFFFF;
}
#footer {
height:30px;
margin-bottom:20px;
}
.carrusel {
height:280px;
left:0;
overflow:hidden;
position:relative;
text-align:left;
top:0;
width:300px;
}
.carrusel div {
}
.ie .carrusel {
background:none repeat scroll 0 0 black;
}
#wrapperGral {
left:0;
overflow:hidden;
position:relative;
top:0;
width:964px;
}
.wrapperIzquierda {
float:left;
width:712px;
}
.wrapperDerecha {
float:right;
margin-left:3px;
overflow:hidden;
padding-left:3px;
text-align:right;
width:240px;
}
#izquierda {
float:left;
left:0;
position:relative;
top:0;
width:700px;
}
#derecha {
float:right;
left:0;
overflow:hidden;
position:relative;
top:0;
width:240px;
}
.textoIntroTerritorios {
font-size:17px;
font-weight:bold;
padding-right:10px;
}
.bordeAbajo {
border-bottom:1px dotted brown;
}
.bordeDerecha {
border-right:1px dotted brown;
}
.bordeIzquierda {
border-left:1px dotted brown;
}
.bordeArriba {
border-top:1px dotted brown;
}
h1.titulo {
padding-bottom:6px;
}
.centrado {
text-align:center;
}
div.intro h1 {
font-size:150%;
}
div.intro p {
padding:10px 0;
}
ul.listadoProyectos {
margin:0;
padding:0;
}
ul.listadoProyectos li {
padding:0;
}
ul.listadoProyectos li h2 {
border-bottom:1px dotted #CCCCCC;
font-size:130%;
margin-bottom:10px;
padding-bottom:5px;
}
ul.listadoProyectos li div.ampliar {
font-size:10px;
margin-bottom:20px;
padding-top:10px;
text-align:right;
}
ul.listadoProyectos li div.intro {
margin-left:160px;
}
ul.listadoProyectos li div.portada {
border:0 solid blue;
float:left;
overflow:hidden;
width:150px;
}
#ficha_proyecto {
border:0 dotted magenta;
font-size:1em;
margin:40px auto auto;
overflow:hidden;
width:988px;
}
#ficha_proyecto p {
font-size:1em;
padding:0 0 1em;
}
#ficha_proyecto blockquote {
background-image:url("img/comillas.png");
background-repeat:no-repeat;
color:grey;
font-size:1.2em;
font-style:italic;
padding:3em 0 1em 8em;
}
#ficha_proyecto .cabecera {
border:0 solid red;
height:140px;
}
#ficha_proyecto .tituloSuperior {
background-color:#F09826;
border:0 solid red;
color:white;
float:left;
margin:0;
padding:10px 0;
width:680px;
}
#ficha_proyecto .logo {
background-color:#FFFFFF;
border:0 solid red;
float:right;
width:260px;
}
#ficha_proyecto .cuerpo {
border:0 solid black;
font-size:1.3em;
padding:10px 0;
text-align:left;
}
#ficha_proyecto .texto {
color:black;
font-size:100%;
padding:0 0 0.7em;
}
#ficha_proyecto .resumen .imagenIzquierda {
border:0 solid black;
float:left;
width:470px;
}
#ficha_proyecto .resumen .textoDerecha {
background:none repeat scroll 0 0 white;
border:0 solid black;
float:right;
width:500px;
}
#ficha_proyecto .logros {
background:none repeat scroll 0 0 #FDF4E8;
}
#ficha_proyecto .logros .texto {
padding:1em;
}
#ficha_proyecto .logros ul li {
list-style-type:disc;
margin:0.5em 0 1em 1em;
}
#ficha_proyecto h2 {
color:#F09826;
font-size:140%;
padding:0 0 0.4em;
}
#ficha_proyecto h3 {
background-color:#88674D;
color:white;
font-size:180%;
font-weight:bold;
padding:5px;
text-align:center;
width:988px;
}
#ficha_proyecto h4 {
background:none repeat scroll 0 0 white;
color:#000000;
padding:1em 0;
}
fieldset {
border:0 dotted #CCCCCC;
float:left;
margin:0 10px 10px 0;
}
input.peq {
width:30px;
}
input.med {
width:90px;
}
input.large {
width:130px;
}
h3 {
font-weight:bold;
padding:0.5em 0 1em;
}
label.med {
width:160px;
}
label.large {
border:1px dotted orange;
float:left;
width:200px;
}




#facebox form label{
width:130px; 
}

.cursor{
    cursor:pointer;
}