/*------------------------------- generales ---------------------------------*/
body{margin:0px;padding:0px;background:#7fae43 url(images/body-bg.jpg) repeat-x;font:75% Arial, Helvetica, sans-serif;color:#633;text-align:center;line-height:180%}
a{text-decoration:none;color:#633}
a:hover{text-decoration:none;color:#999}
img{border:0}
h1{font-size:200%;font-family:Arial, Helvetica, sans-serif;font-weight:normal}
h2{font-size:150%;font-family:Arial, Helvetica, sans-serif;font-weight:normal}
h3{font-size:180%;font-family:Arial, Helvetica, sans-serif;font-weight:normal}
h4{font-size:120%;font-family:Georgia, Times New Roman, serif;font-weight:normal}
p{margin:1em 0}
h2,h3,h4{padding:0;margin:1em 0;clear:both}
td{text-align:center;vertical-align:top;font-size:0.9em;font-weight:bold}
/*------------------------------- layout ---------------------------------*/
#container{margin:0px auto;width:950px;text-align:left;position:relative}
#header{height:252px;background:url(images/header-index.jpg) no-repeat;width:950px;float:left}
/*------------------------------- float fix ---------------------------------*/
#content:after, ul:after, li:after,  p:after{content: ".";display:block;height:0;clear:both;visibility:hidden;}
#content, ul, li, p{display: block}
/* Hides from IE-mac \*/
* html #content, * html ul, * html li, * html p{height:1%}
#content, ul, li, p{display:block}
/* End hide from IE-mac */
/* end float fix */
/*------------------------------- menu ---------------------------------*/
#menu{height:29px;width:950px;float:left}
#menu ul{padding:0px;margin:0 0 0 60px;list-style:none}
#menu li{display:inline;margin:0px;padding:0px;width:119px;height:27px;display:block;text-align:center;float:left}
#menu .inicio{margin:0;padding:0;text-indent:-8000px;overflow:hidden;width:119px;height:27px;float:left;background-image:url(images/b-inicio-1-fr.png)!important;background-image:none;filter:none !important;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/b-inicio-1-fr.png', sizingMethod='crop');cursor:hand}
#menu .inicio:hover{margin:0;padding:0;text-indent:-8000px;overflow:hidden;width:119px;height:27px;float:left;background-image:url(images/b-inicio-2-fr.png)!important;background-image:none;filter:none !important;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/b-inicio-2-fr.png', sizingMethod='crop');cursor:hand}
#menu .senda{margin:0;padding:0;text-indent:-8000px;overflow:hidden;width:119px;height:27px;float:left;background-image:url(images/b-senda-1-fr.png)!important;background-image:none;filter:none !important;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/b-senda-1-fr.png', sizingMethod='crop');cursor:hand}
#menu .senda:hover{margin:0;padding:0;text-indent:-8000px;overflow:hidden;width:119px;height:27px;float:left;background-image:url(images/b-senda-2-fr.png)!important;background-image:none;filter:none !important;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/b-senda-2-fr.png', sizingMethod='crop');cursor:hand}
#menu .refugios{margin:0;padding:0;text-indent:-8000px;overflow:hidden;width:119px;height:27px;float:left;background-image:url(images/b-refugios-1-fr.png)!important;background-image:none;filter:none !important;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/b-refugios-1-fr.png', sizingMethod='crop');cursor:hand}
#menu .refugios:hover{margin:0;padding:0;text-indent:-8000px;overflow:hidden;width:119px;height:27px;float:left;background-image:url(images/b-refugios-2-fr.png)!important;background-image:none;filter:none !important;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/b-refugios-2-fr.png', sizingMethod='crop');cursor:hand}
#menu .enmarcha{margin:0;padding:0;text-indent:-8000px;overflow:hidden;width:119px;height:27px;float:left;background-image:url(images/b-enmarcha-1-fr.png)!important;background-image:none;filter:none !important;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/b-enmarcha-1-fr.png', sizingMethod='crop');cursor:hand}
#menu .enmarcha:hover{margin:0;padding:0;text-indent:-8000px;overflow:hidden;width:119px;height:27px;float:left;background-image:url(images/b-enmarcha-2-fr.png)!important;background-image:none;filter:none !important;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/b-enmarcha-2-fr.png', sizingMethod='crop');cursor:hand}
#menu .reservas{margin:0;padding:0;text-indent:-8000px;overflow:hidden;width:119px;height:27px;float:left;background-image:url(images/b-reservas-1-fr.png)!important;background-image:none;filter:none !important;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/b-reservas-1-fr.png', sizingMethod='crop');cursor:hand}
#menu .reservas:hover{margin:0;padding:0;text-indent:-8000px;overflow:hidden;width:119px;height:27px;float:left;background-image:url(images/b-reservas-2-fr.png)!important;background-image:none;filter:none !important;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/b-reservas-2-fr.png', sizingMethod='crop');cursor:hand}
#menu .galeria{margin:0;padding:0;text-indent:-8000px;overflow:hidden;width:119px;height:27px;float:left;background-image:url(images/b-galeria-1-fr.png)!important;background-image:none;filter:none !important;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/b-galeria-1-fr.png', sizingMethod='crop');cursor:hand}
#menu .galeria:hover{margin:0;padding:0;text-indent:-8000px;overflow:hidden;width:119px;height:27px;float:left;background-image:url(images/b-galeria-2-fr.png)!important;background-image:none;filter:none !important;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/b-galeria-2-fr.png', sizingMethod='crop');cursor:hand}
#menu .losvalles{margin:0;padding:0;text-indent:-8000px;overflow:hidden;width:119px;height:27px;float:left;background-image:url(images/b-losvalles-1-fr.png)!important;background-image:none;filter:none !important;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/b-losvalles-1-fr.png', sizingMethod='crop');cursor:hand}
#menu .losvalles:hover{margin:0;padding:0;text-indent:-8000px;overflow:hidden;width:119px;height:27px;float:left;background-image:url(images/b-losvalles-2-fr.png)!important;background-image:none;filter:none !important;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/b-losvalles-2-fr.png', sizingMethod='crop');cursor:hand}
/*------------------------------- content ---------------------------------*/
#content{background:url(images/content-bg.gif) repeat-y;padding-bottom:1em;width:950px}
/*------------------------------- main ---------------------------------*/
#main{float:left;display:inline;width:723px;margin:0}
#main2{float:left;width:615px;padding:0 0 0 70px;margin:0px}
#main2 p{margin:1em 0;padding:0px;text-align:justify}
#main2 ul{margin:1em 2em 0 1em;padding:0px;list-style:none}
#main2 li{margin:0px;padding:1em 0 1em 3em;text-align:justify;background:url(images/arrow.jpg) no-repeat;background-position:0.5em}
/*------------------------------- h1, h2 ---------------------------------*/
/*.index{padding:0px;margin:0px;text-indent:-8000px;overflow:hidden;background-image:url(images/index-h1.jpg);width:607px;height:77px}*/
.index{padding:0px;margin:0px;text-indent:-9999px;z-index:99;overflow:hidden;float:left}
.los-valles{padding:0px;margin:0px;text-indent:-8000px;overflow:hidden;background-image:url(images/los-valles-h1.jpg);width:615px;height:30px}
.senda{padding:0px;margin:0px;text-indent:-8000px;overflow:hidden;background-image:url(images/senda-h1-fr.jpg);width:326px;height:26px}
.reservas-sin-guia{padding:0px;margin:0px;text-indent:-8000px;overflow:hidden;background-image:url(images/reservas-sin-guia-h1-fr.jpg);width:183px;height:29px}
.reservas-con-guia{padding:0px;margin:0px;text-indent:-8000px;overflow:hidden;background-image:url(images/reservas-con-guia-h1-fr.jpg);width:320px;height:33px}
.reglamento{padding:0px;margin:30px 0 0 0;text-indent:-8000px;overflow:hidden;background-image:url(images/reglamento-h2-fr.jpg);width:128px;height:35px}
.en-marcha{padding:0px;margin:0px;text-indent:-8000px;overflow:hidden;background-image:url(images/en-marcha-h1-fr.jpg);width:438px;height:26px}
.galeria{padding:0px;margin:0px;text-indent:-8000px;overflow:hidden;background-image:url(images/galeria-h1-fr.jpg);width:492px;height:35px}
.etapas{padding:0px;margin:40px 0 0 0;text-indent:-8000px;overflow:hidden;background-image:url(images/etapas-h2-fr.jpg);width:615px;height:46px}
.etapas a{display:block;width:615px;height:46px}
.condiciones-fisicas{padding:0px;margin:0px;text-indent:-8000px;overflow:hidden;background-image:url(images/condiciones-fisicas-fr.jpg);width:251px;height:34px}
.condiciones-tecnicas{padding:0px;margin:0px;text-indent:-8000px;overflow:hidden;background-image:url(images/condiciones-tecnicas-fr.jpg);width:262px;height:29px}
.mapa-brujula{padding:0px;margin:0px;text-indent:-8000px;overflow:hidden;background-image:url(images/mapa-brujula-fr.jpg);width:425px;height:30px}
.senda-guia{padding:0px;margin:0px;text-indent:-8000px;overflow:hidden;background-image:url(images/senda-guia-h1-fr.jpg);width:464px;height:28px}
.etapas2{padding:0px;margin:40px 0 0 0;text-indent:-8000px;overflow:hidden;background-image:url(images/etapas2-h2-fr.jpg);width:477px;height:37px}
.refugios{padding:0px;margin:0px;text-indent:-8000px;overflow:hidden;background-image:url(images/refugios-fr.jpg);width:414px;height:31px}
.valles-occidentales{padding:0px;margin:0px;text-indent:-8000px;overflow:hidden;background-image:url(images/valles-occidentales-fr.jpg);width:288px;height:27px}
.valle-aspe{padding:0px;margin:0px;text-indent:-8000px;overflow:hidden;background-image:url(images/valle-aspe-fr.jpg);width:191px;height:33px}
.magia{padding:0px;margin:0px;text-indent:-8000px;overflow:hidden;float:left}
.oso{padding:0px;margin:0px;text-indent:-8000px;overflow:hidden;background-image:url(images/oso-fr.jpg);width:445px;height:30px}
/*------------------------------- index ---------------------------------*/
#camille{padding:0px;margin:0px;width:607px;height:208px;float:left}
#camille-menu{float:left;width:607px;background-color:#c00;margin-bottom:2em}
#camille-menu ul{padding:0px;margin:0px;list-style:none}
#camille-menu li{display:inline;padding:0px;margin:0px;background:none}
#camille-menu a{font-weight:bold;color:#fff;background-color:#c00;padding:3px;margin:0 1em}
#camille-menu a:hover{color:#ccc}
/*------------------------------- refugios ---------------------------------*/
.refugio{margin:0 0 30px 0;padding:0px;float:left;border-bottom:1px dashed #633;width:615px}
.foto-listado{float:right;margin:0 0 20px 20px}
/*------------------------------- text ---------------------------------*/
.destacado{font-weight:bold;font-size:1.3em}
.mini{font-size:0.9em}
.b9{color:#999}
.red{color:#f30}
.bold{font-weight:bold}
.ok{color:#093;font-weight:bold}
/*------------------------------- images ---------------------------------*/
.img-right{float:right}
/*------------------------------- form ---------------------------------*/
form{padding:0px;margin:0px}
dl{float:left;padding:0;margin:0 0 5px 0;clear:left;width:615px}
dt{float:left;padding:0px;margin:0px;font-weight:bold;width:120px}
dd{float:left;padding:0px;margin:0px}
.inputField{border:1px solid #ccc;width:330px;background:#fff url(images/input-back.gif) repeat-x;font-family:Arial, Helvetica, sans-serif;font-size:11px;color:#333}
.inputFieldp{border:1px solid #ccc;width:50px;background:#fff url(images/input-back.gif) repeat-x;font-family:Arial, Helvetica, sans-serif;font-size:11px;color:#333}
.inputFieldm{border:1px solid #ccc;width:130px;background:#fff url(images/input-back.gif) repeat-x;font-family:Arial, Helvetica, sans-serif;font-size:11px;color:#333}
.inputArea{border:1px solid #ccc;width:450px;height:180px;overflow:auto;background:#fff url(images/input-back.gif) repeat-x;font-family:Arial, Helvetica, sans-serif;font-size:11px;color:#333}
select{width:100px;font-family:Arial, Helvetica, sans-serif;font-size:11px;color:#333}
.send{font-family:Arial, Helvetica, sans-serif;font-size:11px;color:#333}
.boton-guia{padding:0px;margin:0px;text-indent:-8000px;overflow:hidden;background-image:url(images/boton-guia.jpg);width:615px;height:150px}
.boton-guia a{display:block;width:615px;height:150px}
.boton-guia2{padding:0px;margin:0px;text-indent:-8000px;overflow:hidden;background-image:url(images/boton-guia2-fr.jpg);width:606px;height:174px}
.boton-guia2 a{display:block;width:606px;height:174px}
.boton-reservar-guia{padding:0px;margin:0px;text-indent:-8000px;overflow:hidden;background-image:url(images/boton-reservar-guia-fr.jpg);width:615px;height:63px}
.boton-reservar-guia a{display:block;width:615px;height:63px}
#disena{float:left;width:615px;padding:20px 0 30px 0}
#disena td{font-size:100%;color:#666}
/*------------------------------- gal ---------------------------------*/
#gal{float:left;width:723px;height:208px;margin:0px;padding:0px}
#gal img{float:left}
#1p{float:left;width:194px;margin:0px;padding:0px}
#2p{float:left;width:130px;margin:0px;padding:0px}
#3p{float:left;width:171px;margin:0px;padding:0px}
#4p{float:left;width:117px;margin:0px;padding:0px}
#5p{float:left;width:111px;margin:0px;padding:0px}
/*------------------------------- gal camille---------------------------------*/
#gal2{float:left;width:723px;height:208px;margin:0px;padding:0px}
#gal2 img{float:left}
#gal2 .item1{float:left;width:194px;margin:0px;padding:0px}
/*------------------------------- banners ---------------------------------*/
#banners{float:left;display:inline;width:170px;margin:0;margin-left:14px}
#banners p{text-align:center}
/*------------------------------- menu pie ---------------------------------*/
#menu-pie{background:url(images/menu-pie.jpg);width:950px;height:98px;overflow:hidden}
#menu-pie ul{padding:0px;margin:0 0 0 80px;list-style:none}
#menu-pie li{display:inline;margin:0px;padding:0 0 0 15px}
#menu-pie a{color:#633;font-weight:bold}
#menu-pie a:hover{text-decoration:underline}
/*------------------------------- pie ---------------------------------*/
#pie{background:url(images/pie.jpg);width:950px;height:100px;overflow:hidden}
#pie h5{margin:0;padding:0;position:absolute;left:40px;text-indent:-8000px;overflow:hidden}
#pie h5 a{display:block;width:180px;height:100px}
#pie h6{margin:0;padding:0;position:absolute;left:610px;text-indent:-8000px;overflow:hidden}
#pie h6 a{display:block;width:300px;height:100px}
/*------------------------------- credits ---------------------------------*/
#credits{padding:0px;margin:0px;overflow:hidden;width:950px;height:30px;float:left;text-align:center;font-size:0.9em;color:#fff}
#credits a{color:#fff;text-decoration:underline}
