/* ----------------------------------
					--- GENERAL --- 
-----------------------------------*/
*{margin:0;padding:0}
.izq{float:left}
.der{float:right}

html,
body {
width:100%;
background:url(imagenes/fondo.png);
font:12px 'Trebuchet MS',Georgia, Verdana, Arial, Helvetica, sans-serif} 

p{
font-size:1em;
line-height:150%;
text-align:justify}

.img-plano {
	padding: 3px;
	border: 1px solid #333;
}


/* ----------------------------------
				--- H2 - H3 - H4 ---
-----------------------------------*/
/* ----------------------------------
					--- ENLACES ---
-----------------------------------*/

.emedia{
text-decoration:none;
color:#fff;
font-weight:bold;}
.emedia:hover{
text-decoration:underline}

.enlace{
color:#444;
text-decoration:none;
border-bottom:1px dotted #333;}
.enlace:hover{
color:#000;
border-bottom:1px solid #333}

a img{
padding:2px;
border:1px solid #333;
margin:5px 5px 5px 0;}
a:hover img{
background:#333;}

/* ----------------------------------
					--- CAPAS ---
-----------------------------------*/

#titular-index{
margin:65px auto 0 auto;
width:737px;
height:205px}

#titular{
margin:65px auto 0 auto;
width:737px;
height:165px}

#contenido-index{
margin:0 auto 0 auto;
padding:0 10px;
height:238px;
width:717px;
background:url(imagenes/fondo-madera.png)}
#contenido-index p{
margin:80px 50px 0 350px;
color:#fff;}

#contenido-foto,
#contenido{
margin:0 auto 0 auto;
padding:10px;
width:689px;
background:#e8e6db}
#contenido p{
color:#333;
padding-top:5px;
text-align:left;
margin:0px 25px 0 200px;}
#contenido h1{
margin:20px 50px 0 200px;
font: bold 1.9em Helvetica, Verdana, Arial, sans-serif;
letter-spacing:2px;
color:#5b2809;}
#contenido h1 img{
border:0;
padding:0;
margin:0;}
#contenido h2{
margin:20px 50px 0 200px;
color:#333;
letter-spacing:-1px;
font:1.5em Georgia, serif;}

#contenido-foto p{
text-align:center;
margin: 0 auto}
#contenido-foto img{
padding:2px;
border:2px solid #333;
}




/* ----------------------------------
			--- MENU Home ---
-----------------------------------*/
#menu-index{
padding:5px 0 0 30px;	
height:40px;
font-size:0.95em;
color:inherit;
position:relative;
z-index:0}

#menu-index li {
display:inline;
padding:5px 8px;
margin-right:5px;
height:30px;
line-height:100%}

#menu-index a {
text-decoration:none;
color:#fff}
#menu-index a:hover{
text-decoration:underline}

#menu-index .home{background:url(imagenes/home.gif) no-repeat 0% 100%}	
#menu-index .quienes{background:url(imagenes/quienes.gif) no-repeat 0% 100%}
#menu-index .propuesta{background:url(imagenes/propuesta.gif) no-repeat 0% 100%}
#menu-index .llegar{background:url(imagenes/llegar.gif) no-repeat 0% 100%}
#menu-index .contacto{background:url(imagenes/contacto.gif) no-repeat 0% 100%}


/* ----------------------------------
			--- MENU Internas ---
-----------------------------------*/
#menu{
float:left;
padding:25px 0 0 20px}

#menu li{
display:block;
list-style:none;
margin:10px 0;}

#menu a {
text-decoration:none;
color:#5b2809;
border-bottom:1px solid #557446}
#menu a:hover{
color:#356aaa;
border-bottom:1px solid #557446}


/* ----------------------------------
						--- PIE ---
-----------------------------------*/

#pie-index{
margin:0 auto 15px auto;
padding:0 30px 0 30px;
width:637px;
color:#fff}

#pie{
margin:0 auto 0 auto;
padding:5px 30px 0 30px;
width:649px;
height:30px;
color:#fff;
background:url(imagenes/fondo-pie.gif) no-repeat 0% 0%;}

#pie-index p,
#pie p{
line-height:100%;
padding:10px 0;}