/* =============================== */
/* ========= CSS RESET =========== */
/* =============================== */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {margin:0; padding:0;}

table {border-collapse:collapse; border-spacing:0;}

caption, th {text-align:left;}

fieldset, img {border:0;}

a {outline:none;}

h1, h2, h3, h4, h5, h6 {font-size:1em; font-weight:normal; margin:0px; padding:0px;}

ol, ul {list-style:none;}

address, caption, cite, code, dfn, th, var {font-style:normal; font-weight:normal;}

/*
q:before,q:after {content:'';}
abbr,acronym {border:0;}
*/

/* =============================== */
/* ======= Elementos HTML ======== */
/* =============================== */
body {
	color:#434343;
	margin:0px;
	padding:0px;
	background:#c8c0a9;
	font-family:Arial, Helvetica, sans-serif;}

a {text-decoration:none;}

a:hover {text-decoration:none;}

/* ========================================= */
/* ========= Estructura del sitio ========== */
/* ========================================= */

h1 {position:absolute; top:10px; left:35px; }
h1 span {display:none;}

#main {position:relative; width:955px; margin:0 auto; font-size:0.80em; z-index:1;}

#header {position:relative; background:url(../img/cabecera.jpg); height:369px; z-index:1;}
#content {position:relative; background-color:#fff; z-index:1; background-image:url(../img/fons-content.jpg); background-repeat:no-repeat; background-position:top; min-height:180px; height:100px; height:auto!important;}
#left {position:relative; width:210px; float:left;}
#center {position:relative; width:465px; float:left; padding:0 30px;}
#right {position:relative; width:220px; float:left;}

#footer {position:relative; height:153px; background-image:url(../img/peu.jpg); clear:both; }


/*AUXILIARS*/
.clearfix {position:relative; clear:both;}

/*HEADER*/

#menu {position:relative; top:170px; left:27px;}
#menu ul {position:relative; list-style:none;}
#menu ul li {position:relative; height:21px; margin:0; padding:0; margin-top:-5px;}
#menu ul li a {height:21px; display:block;}
#menu ul li a span {display:none;}
#menu li a:hover {background-position:center;}
#menu li a.marcat {background-position:bottom;}

#m01 {background:url(../../esp/m-la-hipica.png); width:104px;}
#m02 {background:url(../../esp/m-tablon-anuncios.png); width:203px;}
#m03 {background:url(../../esp/m-pupilaje.png); width:96px;}
#m04 {background:url(../../esp/m-instalaciones.png); width:163px;}
#m05 {background:url(../../esp/m-actividades.png); width:142px;}
#m06 {background:url(../../esp/m-como-llegar.png); width:152px;}
#m07 {background:url(../../esp/m-contacto.png); width:113px;}

#sabiasQue {position:absolute; top:126px; left:570px; z-index:2; height:147px; width:232px;}
#sabiasQue img {position:absolute; z-index:1; }
#sabiasQue div {position:absolute; z-index:10; padding:10px; height:9.3em; overflow:hidden;}
#sabiasQue div img {position:relative; width:86px; height:14px; }
#sabiasQue div h3 {color:#95b7a1; font-weight:bold; max-height:2.5em; overflow:hidden;} 
#sabiasQue div h3 a {color:#95b7a1;} #sabiasQue div h3 a:hover {text-decoration:underline;}
#sabiasQue div p {color:#fff;}

#sabiasLista {}

#programa {position:absolute; z-index:100!important; top:50px; right:35px;}

/*CONTENT*/

#home {position:relative; display:inline; }
#home .intro {position:relative; padding:0px!important; width:260px; text-align:justify; float:left;}
#home .intro img {margin-top:10px;}
#home #newsletter {position:relative; float:left; padding:0!important; margin:10px 0 0 20px;}

/*LEFT*/

#destacat {position:relative; width:180px; margin:-70px 0 0 27px;}
#destacat div {position:relative; background-image:url(../img/lateral-center.gif); background-repeat:repeat-y; padding:7px; color:#434343; margin-top:-3px; padding-top:20px;}
#destacat div h3 {position:relative; margin-left:5px;}
#destacat div div { font-size:0.95em; max-height:130px; overflow:hidden; margin-top:0;}
#destacat div div h4, .lateral .verd h4 {position:relative; font-weight:bold; max-height:2.6em; overflow:hidden;}
#destacat div div h4 a, .lateral .verd h4 a {color:#434343; text-decoration:underline;} 
#destacat div div h4 a:hover, .lateral .verd h4 a:hover {color:#5a8067; text-decoration:none;}
#destacat div div h5 {position:relative; font-size:0.90em; color:#000;}
#destacat div div p {text-align:justify; margin-top:3px; max-height:80px;}
#destacat ul {position:relative; margin:7px 0 20px 0; padding-left:5px;}
#destacat ul li a {color:#434343; text-decoration:none;}
#destacat ul li a:hover, #destacat ul li a.marcat {color:#fff; background-color:#5e564f;}

#left .lateral {margin-left:30px;}
.lateral .verd { background-image:url(../img/verd-center.gif); padding:10px; margin-top:-3px;}
.lateral .verd h3 { border:none;}
.lateral .verd ul {position:relative; margin-top:8px;}
.lateral .verd ul li {position:relative; line-height:1.4em;}
.lateral .verd ul li a {color:#434343;} .lateral .verd ul li a:hover {background:#8fb29b; color:#fff;}

/*RIGHT*/

.lateral {position:relative; width:180px; margin:30px 0; /*background-color:#fff; */ font-size:0.90em; }
.lateral h3 {padding-bottom:3px; border-bottom:1px dotted #bab2a9;}
.lateral p {margin-top:5px;}
#excursion {position:relative;}
#excursion ul {background-image:url(../img/exc-center.gif); background-repeat:repeat-y; padding:12px 7px; margin-top:-3px;}
#excursion ul li {list-style:none; line-height:1.4em;} 
#excursion ul li a {color:#434343;} #excursion ul li a:hover {color:#fff; background:#817a6c;}
#galeria {position:relative; margin:10px 0;}
#galeria ul  {background-color:#efebe0; padding:5px 0;}
#galeria ul div {margin:0!important; padding:0!important;}
#galeria ul li {margin:3px 5px; float:left; display:inline; overflow:hidden;}
#galeria ul li img {height:60px; width:80px;}

#galeria p {text-align:right;} #galeria p a {color:#645c54; font-weight:bold; text-decoration:underline;} 
#galeria p a:hover {text-decoration:none; color:#5a8067;}

.galeriaTope {position:relative; height:275px; max-height:275px; overflow:hidden; margin:0; padding:0; width:185px;}

#video_detalle_video  {background-color:#efebe0; padding:8px 5px;}


/*CENTER*/
.news {position:relative;}
.news input { background-color:#fff; border:1px solid #bab2a9; margin:2px 0;}
.boto {background-color:#59524c!important; color:#fff; font-weight:bold; border:none!important; padding:0 2px; font-size:12px;}
#newsletter p {margin-bottom:10px;}

#center h2 {position:relative; margin:20px 0;}
#center h3 {position:relative; margin-top:30px; margin-bottom:5px; color:#5a8067; font-weight:bold; text-decoration:underline;}
#center h4 {position:relative; margin-top:30px; margin-bottom:5px; color:#5a8067; font-weight:bold; }
#center p {position:relative; text-align:justify; margin-bottom:10px;}
#center span a {color:#434343; text-decoration:underline; padding:20px 0 20px 15px; background-image:url(../img/llista-verd.gif); background-repeat:no-repeat; background-position:left; }
#center ul {margin:10px 20px;}
#center ul li {list-style:url(../img/llista.gif);}
#center p a, #center ul li a {color:#434343; text-decoration:underline;} 
#center p a:hover, #center ul li a:hover {color:#5a8067; text-decoration:none;}

.fotoText {position:relative; border:1px dotted #bab2a9; padding:5px; }
.dre {margin:10px 0 10px 10px; float:right;} .izq {margin:10px 10px 10px 0; float:left}

.imgBottom {margin-top:40px;}

#noticias {position:relative;}
#noticias h3 {text-decoration:none; margin-bottom:10px;}
#noticias .laMes {background:#f3efe6; padding:20px 5px 15px 5px; }
#noticias div {position:relative; border-bottom:1px dotted #bab2a9; margin-top:10px;}
#noticias div h3 {color:#434343; text-decoration:none; margin:0; padding:0; max-height:1.4em; overflow:hidden;}
#noticias div h3 a {color:#434343;} #noticias div h3 a:hover {text-decoration:underline; color:#5a8067;}
#noticias div h4 {font-size:0.85em; font-weight:100; margin:0; padding:0; color:#797979;} 
#noticias div p {margin-top:5px; max-height:2.5em!important; overflow:hidden; font-size:0.90em;}
#noticias img {position:relative; border:1px dotted #bab2a9; padding:5px; float:left; margin:10px 15px 10px 0;}

#listaDestacar {position:relative; height:auto!important; max-height:none!important;}
#listaDestacar div {margin-top:5px!important; padding:0;}

/*FOOTER*/

#menuFooter {position:relative; padding:55px 0 0 20px; float:left;}
#menuFooter ul {position:relative; float:left; margin:10px 25px;}
#menuFooter ul li {position:relative; border-bottom:1px dotted #bab2a9; line-height:1em;}
#menuFooter ul li a {color:#554e46;} #menuFooter ul li a:hover {background-color:#8bae97; color:#fff;}

#adreca {position:relative; margin:60px 0 0 60px; float:left;} 
#adreca p {margin-top:3px;} #adreca p a {color:#554e46; text-decoration:underline;} #adreca p a:hover {color:#5a8067;}

#creativat {position:absolute; right:5px; top:40px;}

/*================================================*/
/*===================PAGINACIÓN===================*/
/*================================================*/

.paginacio {position:relative; clear:both; font-size:0.85em; padding:35px 0 20px 0!important; text-align:right; border-bottom:none!important; width:auto;margin:0!important; width:480px;}
.paginacio ul {position:relative; list-style:none;margin:0; padding:0;}
.paginacio ul li {position:relative; display:inline; margin-right:-11px!important; height:15px; padding:4px 6px;}
.paginacio ul li a {position:relative; color:#5a8067; text-decoration:none!important; padding:4px 6px!important; border:1px solid #ded7d0;} 
.paginacio ul li a:hover {background:#bab2a9!important; padding:4px 6px!important; text-decoration:none; color:#fff;}
.paginaSeleccio {position:relative; background-color:#95b792; padding:4px 6px; color:#fff;}
.paginaNoSeleccio {position:relative; border:1px solid #ded7d0; padding:4px 6px; color:#5a8067;}

/*================================================*/

/*COMO LLEGAR*/

#mapa {position:relative; text-align:center;}
#mapa p {text-align:center;}
#mapa small a {text-align:left!important; color:#333;}

/*FORMULARI*/

.formContacto {position:relative; margin-top:30px; font-size:0.95em;}
.formContacto span {font-size:0.95em; text-align:right; font-weight:bold; vertical-align:top; line-height:24px; width:140px; padding-right:2px; display:table-cell;}
.formContacto fieldset textarea, .formContacto fieldset input, .formContacto fieldset select {vertical-align:top; font-size:0.95em; font-family:Arial, Helvetica, sans-serif;}
.formContacto fieldset {border:none;}
.formContacto fieldset textarea {font-family:Arial, Helvetica, sans-serif; font-size:0.95em; border:1px solid #c0c0c0; }

.espai {border:1px solid #c0c0c0; font-size:1em; line-height:13px; padding:2px;}
.formContacto .boto {position:relative; padding:0 3px; border:none; margin:-5px 0 0 200px;}

/*POPUPS*/

#pop {position:relative; width:600px; margin:0 auto; font-size:0.80em; z-index:1; background:#fff;}
#pop #cap {position:relative; background-image:url(../img/pop-header.jpg); background-repeat:no-repeat; height:177px; }
#pop h1 span {display:none;}
#pop #mig {padding:20px 40px;}
#mig h2 {font-weight:bold; margin:20px 0 -10px 0; }
#mig h3 {font-weight:bold;color:#5a8067; margin:30px 0 5px 0;}
#mig p {margin:7px 0; text-align:justify;}
#mig ul {margin:30px 0 0 20px; }
#mig ul li {list-style:url(../img/llista.gif);}
#mig ul li a {color:#434343; text-decoration:underline;} #mig ul li a:hover {color:#5a8067; text-decoration:none;}

#mig .excursio {position:relative; border:1px dotted #bab2a9; padding:5px; margin:10px 0 0 10px; text-align:center; width:489px;}

#pop #peu {background-image:url(../img/pop-bottom.jpg); height:80px; text-align:center; padding-top:40px;}
#pop #peu p {font-size:0.95em;} #pop #peu p a {color:#434343; text-decoration:underline;} #pop #peu p a:hover {color:#5a8067;}

#mapaWeb {position:relative;}
#mapaWeb li a {color:#434343;} #mapaWeb li a:hover { background-color:#5a8067; color:#fff!important;}
#mapaWeb ul {margin-top:2px; margin-bottom:15px;}
#mapaWeb ul li a { background-color:#efebe0;} #mapaWeb ul li a:hover {background-color:#817a6c; color:#fff;}
#mapaWeb ul ul li a { background:none!important;} #mapaWeb ul ul li a:hover {color:#5a8067!important; text-decoration:underline;}

.alineaDret {position:relative; text-align:right; margin-top:20px; border:none!important;}
.alineaDret a {color:#434343; text-decoration:underline;} .alineaDret a:hover {color:#5a8067; text-decoration:none;}

#map_canvas {margin:30px 0; width:480px; height:400px;}