@import url("formateo.css");
@import url("clases-comunes.css");


body {
	background: url(../../img/fondo.gif) no-repeat center top #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px;
	color: #505050;
	/*
	font-size: 12px;
	color: #303030;
	*/
	line-height: 14px;
	text-align: center;
}

h1 {
	border-bottom: 1px solid #dbdbdb;
	color: #c88039;
	display: block;
	font-size: 21px;
	font-weight: normal;
	margin: 25px 0 10px 0;
	padding-bottom: 5px;
}

h2 {
	color: #c88039;
	font-size: 14px;
	font-weight: normal;
	margin-bottom: 5px;
	padding-bottom: 3px;
	border-bottom: 1px dashed #dbdbdb;
}
h2 a {
	color: #c88039;
	text-decoration: none;
}
h2 a:hover {
	color: #c88039;
	text-decoration: underline;
}

h3 {
	color: #ffffff;
	font-size: 14px;
	font-weight: normal;
	text-transform: uppercase;
}

h3.enc-nuevos-proyectos {
	color: #ffffff;
	font-size: 14px;
	font-weight: normal;
	text-transform: uppercase;
}

strong {
	color: #854d00;
}

.resaltado {
	color: #854d00;
}

a {
	color: #a35a00;
	text-decoration: underline;
}

a:hover {
	color: #038ec1;
	text-decoration: underline;
}

.display_none { display: none; }
.clear_both { clear: both; }


/*/ Estructura
------------------------------------ */

#contenedor {
	margin: 0 auto 0 auto;
	text-align: left;
	width: 920px;
}

#cabecera {
	border: 1px solid #ffffff;
	margin: 0px 0px 10px 0px;
}

#logotipo {
	float: left;
	padding: 8px 0;
	width: 200px;
}
#logotipo a img{
	border: 0px;
}
#navegacion {
	float: left;
	margin-top: 15px;
	width: 200px;
}

ul.menu { margin: 0px 0px 0px -40px; }
ul.menu { *margin: 0px 0px 0px 0px; }

ul.menu li {
	display: block;
	list-style: none;
	width: 200px;
	*margin-top: -2px;
	font-size: 11px;
}

ul.menu li a {
	background: url(../../img/estructura/menu/alink.gif) repeat-x left top;
	/*color: #faedd5;*/
	color: #ffffff;
	display: block;
	padding: 8px 10px 9px 10px;
	text-decoration: none;
}

ul.menu li a:hover {
	background: url(../../img/estructura/menu/ahover.gif) repeat-x left top;
	color: #ffffff;
	text-decoration: none;
}

ul.menu li.seleccionado a {
	background: url(../../img/estructura/menu/seleccionado.gif) repeat-x right top;
	color: #ffffff;
	display: block;
}

#contenido {
	float: right;
	margin: 2px 0px 0px 0px;
	line-height: 17px;
	text-align: justify;
	min-height: 450px;
	width: 680px;
}
/* Submenu 1 escondido */

.submenu1escondido {
	background: #a35a00 !important;
	border: 1px solid #a35a00 !important;
	padding: 4px 0px 10px 0px !important;
	margin-left: -0px !important;
	display: none;
}

/* Submenu 1 */

.submenu1 {
	background: #a35a00 !important;
	border: 1px solid #a35a00 !important;
	padding: 4px 0px 10px 0px !important;
	margin-left: -0px !important;
}

.submenu1 li {
	
	margin: 0px 0px 0px 0px;
}

.submenu1 li a {
	background: #a35a00 !important;
	color: #ffffff;
	margin-right: 2px;
	padding: 5px 0px 5px 16px !important;
}
.submenu1 li a:hover {
	text-decoration: underline;
}


/* Submenu 1 */

.submenu2 {
	background: #a35a00 !important;
	border: 1px solid #a35a00 !important;
	padding: 4px 0px 10px 0px !important;
	margin-left: -0px !important;
}

.submenu2 li {
	
	margin: 0px 0px 0px 0px;
}

.submenu2 li a {
	background: #a35a00 !important;
	color: #ffffff;
	margin-right: 2px;
	padding: 5px 0px 5px 16px !important;
}
.submenu2 li a:hover {
	text-decoration: underline;
}


/* Submenu 1 */

.submenu3 {
	background: #a35a00 !important;
	border: 1px solid #a35a00 !important;
	padding: 4px 0px 10px 0px !important;
	margin-left: -0px !important;
}

.submenu3 li {
	margin: 0px 0px 0px 0px;
}

.submenu3 li a {
	background: #a35a00 !important;
	color: #ffffff;
	margin-right: 2px;
	padding: 5px 0px 5px 16px !important;
}
.submenu3 li a:hover {
	text-decoration: underline;
}


/* Submenu 1 */

.submenu4 {
	background: #a35a00 !important;
	border: 1px solid #a35a00 !important;
	padding: 4px 0px 10px 0px !important;
	margin-left: -0px !important;
}

.submenu4 li {
	
	margin: 0px 0px 0px 0px;
}

.submenu4 li a {
	background: #a35a00 !important;
	color: #ffffff;
	margin-right: 2px;
	padding: 5px 0px 5px 16px !important;
}
.submenu4 li a:hover {
	text-decoration: underline;
}


/* Submenu 5 */

.submenu5 {
	background: #a35a00 !important;
	border: 1px solid #a35a00 !important;
	padding: 4px 0px 10px 0px !important;
	margin-left: -0px !important;
}

.submenu5 li {
	
	margin: 0px 0px 0px 0px;
}

.submenu5 li a {
	background: #a35a00 !important;
	color: #ffffff;
	margin-right: 2px;
	padding: 5px 0px 5px 16px !important;
}
.submenu5 li a:hover {
	text-decoration: underline;
}


/* Submenu 6 */

.submenu6 {
	background: #a35a00 !important;
	border: 1px solid #a35a00 !important;
	padding: 4px 0px 10px 0px !important;
	margin-left: -0px !important;
}

.submenu6 li {
	
	margin: 0px 0px 0px 0px;
}

.submenu6 li a {
	background: #a35a00 !important;
	color: #ffffff;
	margin-right: 2px;
	padding: 5px 0px 5px 16px !important;
}
.submenu6 li a:hover {
	text-decoration: underline;
}

/*/ SENDERO DE MIGAS  /*/

#sendero-de-migas {
	margin: 5px 0 15px 0;
	color: #000000;
	clear: both;
	height: 30px;
}

#sendero-de-migas p {
	display: inline;
	float: none;
	background: url(../../img/punta-flecha.jpg) no-repeat right top;
	margin: 0 .7em 0 0;
	padding: .3em 1.7em .7em 0;
}

#sendero-de-migas ol {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

#sendero-de-migas ol, #sendero-de-migas ol li {
	display:inline;
}

#sendero-de-migas li {
	background: url(../../img/punta-flecha.jpg) no-repeat right top;
	margin: 0 .7em 0 0;
	padding: .3em 1.5em .7em 0;
}

#sendero-de-migas li:last-child, #sendero-de-migas li.fin {
	background: none;
	font-weight: bold;
}

/*/ CONTENIDO /*/

.caja_comun_cuadrada {
	margin: 10px 0px 0px 0px;
	display: block;
	border: 1px solid #ffffff;
}

/*/ BUSCADOR /*/

#buscador {
	background: url(../../img/estructura/fondo-buscador.jpg) no-repeat right top;
	padding: 6px 7px 2px 5px; 
	text-align: right;
	height: 60px; 
}

#buscador input {
	border: 1px solid #864e00;
}

#buscador input.boton-buscar {
	background: #864e00;
	color: #ffffff;
}

/*/ PIE DE PÁGINA /*/

#pie-de-pagina {
	float:right;
	background: url(../../img/estructura/pie.gif) repeat-x left top;
	width: 700px;
	color: #808080;
	margin-top: 20px;
	font-size: 10px;
	/*margin-left: 235px;*/
	padding-top: 10px;
	text-align: center;
}

#pie-de-pagina a { color: #808080; text-decoration: none; }

#pie-de-pagina a:hover { color: #808080; text-decoration: underline; }

/* Avisos */

.noResultados {
	background: url(../../img/estructura/aviso.gif) no-repeat 5px center #FCF0D1;
	border:1px solid #F8E1B3;
	margin:3em auto;
	padding:1em 1em 1em 5em;
	width: 200px;
}

.noResultados p {
	color:#B58A07;
	text-align: center
}


/*/ SECCION // inicio
------------------------------------ */
.caja-inicio {
	float: left;
	margin: 5px 15px 0px 0px;
	padding-right: 10px;
	line-height: 20px;
	text-align: justify;
	width: 200px;
}


.caja-inicio ul {
	margin: 0px 5px 0px 3px;
	padding: 0px 0px 0px 0px;
}
/*
.caja-inicio ul {
	margin: 0px 5px 0px 3px;
	padding: 0px 0px 0px 0px;
}

*/

.caja-inicio ul {
		list-style: none;
}
.caja-inicio ul  li{
	text-align: left;
	
}
.inicio-separador {
	background: url(../../img/seccion_inicio/separador.gif) no-repeat right center;
}


#cont-flowplayerholder {
	background: #FAF4EB;
	padding: 0.5em;
	margin: 2em 0em 0 1em;
	margin-left: 1em;
	float: left;
	text-align:center;
	width: 383px;
}

/* Muestra la caja de descargas a la izda. (para cuando no hay vídeo) */
.descargas{
	width: 22em;
	background: #faf4eb;
	border: 1px solid #ebdfce;
	margin: 1.4em 1em 0 1em;
	padding: 0 0 2em 0;
	float: left;
}
/* Muestra la caja de descargas a la derecha del vídeo */
.descargas_derecha {
	width: 22em;
	background: #faf4eb;
	border: 1px solid #ebdfce;
	margin: 1.4em 0 0 0;
	padding: 0 0 2em 0;
	float: right;
}

#descargas .tit-descargas {
	color: #ffffff;
	background: #c88039;
	margin: 0 0 0 0;
	padding: .3em 0 .3em .4em;
}

#descargas ul {
	padding: .7em 0 0 0;
	margin: 0 0 0 0;
}

#descargas li {
	list-style: none;
	padding: 0 0 0 1.5em;
	margin: .8em 0 .2em .7em;
	background: url(http://jfeventos.facilnet.es/img/documento.gif) no-repeat left center;
	text-align: left;
	
}

.cont-img-ejemplo {
	margin: 2em 0 0 0;
}

#ultimos-proyectos {
	border: 1px solid #fff;
	margin: 0px;
	float: left;
	padding: 40px 5px 25px 5px;
	text-align: right;
	width: 250px;
}

#info-ultimo-proyecto {
	color: #ffffff;
	margin: 0px 0px 0px 0px;
	padding-left: 10px;
}

#info-ultimo-proyecto a:link { color: #ffffff; text-decoration: underline;}
#info-ultimo-proyecto a:hover { background: #d7b081; color: #ffffff; text-decoration: underline;}

.cont-flash {
	border: 1px solid red;
	width: 390px;
	height: 290px;
}


/*/ SECCION // quienes somos
------------------------------------ */

#cont-video-foto {
	background: #f7ecd8;
	border: 1px solid #ead09e;
	margin-top: 10px;
	padding: 5px;
}

#video-home {
	float: left;
	width: 425px;
}

#foto-home {
	float: right;
	margin-left: 2px;
	text-align: center;
	width:238px;
}

#foto-home .primera { margin-bottom: 20px; }

#foto-quienes {
	margin-left: 2px;
	text-align: center;
	width:100%;
}


/*/ SECCION // varias
------------------------------------ */

.fotomedianaIzd{
float:left;
padding: 0.5em;
margin: 0.5em;
text-align:center;
vertical-align: middle;
height: 200px;
width: 200px;
}

.fotomedianaCentro{
float:left;
height: 200px;
text-align:center;
vertical-align: middle;
}

.fotomedianaDer{
float:right;
height: 200px;
width: 200px;
text-align:center;
vertical-align: middle;
}

.caja-movil-video {
	float: left;
	width: 429px;
}

.caja-movil-links {
	float: left;
	text-align: left;
	margin-top: 5px;
	width: 247px;
}

.caja-movil-links ul {
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 0px 0px;
}

.caja-movil-links li {
	display: block;
	margin: 0px 0px 15px 0px;
	padding: 0px 0px 0px 0px;
}

.caja-movil-links a {
	color: #a7631f;
	text-decoration: none;
}

.caja-movil-links a:hover {
	color: #8f4c07;
	text-decoration: underline;
}

.descargable {
	background: url(../../img/documento.gif) no-repeat 4px center;
	clear: both;
	margin: 5px 0px;
	padding: 0px 0px 0px 20px;
}

/* POSICION PARA LAS IMAGENES */

.img-alaizq {
	float: left;
	margin: 10px 10px 10px 0px;
}
.img-alader {
	float: right;
	margin: 10px 0px 10px 10px;
}

.img-enfila {
	float: left;
	margin: 0px 10px 20px 0px;
	width: 211px;
}


/*/ SECCION // enlaces
------------------------------------ */


ul.listado_enlaces {
	margin: 0 0 0 30px;
	padding: 0 0 0 0;
}
ul.listado_enlaces li {
	float:left;
	list-style: none;
	margin: 7px;
	padding: 3px 3px 0px 3px;
	background: #f9f9f9;
	border: 1px solid #f2f2f2;
}
ul.listado_enlaces li:hover { border: 1px solid #dfc798; }
ul.listado_enlaces li a {
	text-decoration:none;
	color:#ffffff;
}
ul.listado_enlaces li a:hover {
	text-decoration:none;
	border:0px solid #ffffff;
	color:#ffffff;
}
ul.listado_enlaces li a img{
	text-decoration:none;
	border: 0px;
	color:#ffffff;
}
ul.listado_enlaces li a:hover img{
	text-decoration:none;
	border:0px solid #ffffff;
	color:#ffffff;
}

/*/ SECCION // Nuestras instalaciones
------------------------------------- */

.cont-nuestras-instalaciones {
	background:#F7ECD8;
	border: 1px solid #EAD09E;
	margin-top: 35px;
	padding: 25px 0;
	text-align: center !important;
}

.cont-nuestras-instalaciones img {
	margin-right: 25px;
}


/*/ SECCION // Alquiler de casas
------------------------------------ */

.caja {
	background: url(../../img/caja.gif) repeat-x left top #efefef;
	border: 1px solid #dbdbdb;
	float: left;
	margin-top: 10px;
	min-height: 120px;
	width: 322px;
}

.caja-spacio {
	margin-right: 15px;
	min-height: 145px;
}

.caja-txt {
	float: left;
	margin: 10px 0px 0px 10px;
	text-align: left !important;
	width: 190px;
}

.caja-txt h2 {
	display: block;
	
}

.caja-img {
	float: right;
	margin: 10px 10px 10px 0px;
	width: 100px;
}


/*/ SECCION // agenda
------------------------------------ */

.caja-agenda {
	border-bottom: 3px solid #e0ceb5;
	padding: 20px 0;
}
.caja-agenda-txt {
	float:left;
	width: 550px;
}

.caja-agenda-img {
	float:right;
	margin-top: 30px;
	width: 100px;
}


/*/ SECCION // organizacion de eventos
------------------------------------ */

.noticia {
	margin: 30px auto;
	line-height: 17px;
	text-align: center;
	/*width: 570px;*/
}

.noticia img {
	background: #faf4eb;
	border: 1px solid #ebdfce;
	padding: 5px;
}

.fecha_noticia_abierta { font-style: italic; color: #666666; }



/*/ SECCION // contacto
------------------------------------ */

.caja-contacto {
	float: left;
	margin: 10px 35px;
	height: 200px;
	width: 250px;
}




#direccion {
	float: left;
	margin: 25px 0px 0px 0px;
	width: 250px;
}

.vcard p {
	border-bottom: 1px dashed #dedede;
	padding: .2em .5em;
	margin: 0em 1em 0 1em;
}

#cont-form-contacto {
	margin-right: 1em;
}

.aling-btsend {
	text-align: right;
	margin-right: 4em;
}

.btn-enviar {
	border: 1px solid #6f3d00;
	background: #6f3d00;
	color: #ffffff;
	width: 9em !important;
	margin: .5em 2.7em 2em 0;
}

#mapa {
	margin: 20px 0px 0px 0px;
	width: 250px;
}


form#form-contacto {
	border: 0px;
}

form#form-contacto fieldset {
	border: 1px dashed #dbdbdb;
	margin: 40px 0px 0px 0px;
	float: right;
	width: 360px;
}

form#form-contacto legend {
	color: #c88039;
	font-size: 14px;
	font-weight: normal;
}

form#form-contacto label {
	display: inline-block;
	line-height: 1.8;
	vertical-align: top;
	text-align: right;
}

form#form-contacto label.opcional {
}

form#form-contacto fieldset ol {
	margin: 0;
	padding: 0;
}

form#form-contacto fieldset li {
	list-style: none;
	padding: .5em 0 .5em 2em;
	margin: 0;
}

form#form-contacto label {
	width: 100px;
}

form#form-contacto input {
	width: 200px;
	border: 1px solid #9cacb8;
}

form#form-contacto textarea {
	width: 200px;
	border: 1px solid #9cacb8;
}

.OkContacto {
	background: url(../../img/correcto.jpg) no-repeat .5em .5em #f3f7e9;
	border: 1px solid #d8e0c4;
	color: #4d7a04;
	padding: 1em 1em 1em 5em;
	margin: 1em .5em;
}
.errorContacto {
	background: url(../img/form/error.jpg) no-repeat .5em .5em #f4e2e0;
	border: 1px solid #e4bdb6;
	padding: 1em 1em 1em 5em;
	margin: 1em .5em;
}
.red{
	font-style: italic;
	color: #EE0020;
}


/*/ SECCION // mapa web
------------------------------------ */

.caja-mapaweb ol {
	margin: 10px 0px 0px 0px;
}

.caja-mapaweb ol {
	background: #fcf8f4;
	margin: 0px 50px 0px 10px;
	padding: 10px;
}
.caja-mapaweb ol li { margin: 4px 0px 4px 17px; }