html{margin:0;
padding:0;}

a {color:#333300;
font-weight:bold;
text-decoration:none;}

a:hover{color:#666600;
text-decoration:none;}

a:visited{color:#ffff66;
text-decoration:none;}

body {margin:0;
padding:0;}

img {border:none;}

ul {list-style-type:circle;}

#bodyinicio {width:100%;
font:90% arial,verdana, sans-serif; 
margin:0;
padding:0;
text-align:left;
background-image:url(images/marina-en-verdes-acuarela.jpg);
background-position: center center;
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;
}

#header {width:100%;
top:0px;
height:55px;
margin:0;
padding:0;
background-color:rgba(204,204,204,.2);
position:fixed;

z-index:1000;}

.ie10 #header {background-color:#cccccc;}

.menu_bar {
	display:none;
}

#menu {margin: 1% 1% 0 1%;
padding:0;
width:90%;
text-align:right;
font: bold 100% arial,verdana, sans-serif;
z-index:1;}

#menu ul {list-style-type:none;
margin:0;
padding:0;
}

#menu ul li{display:inline-block;
position: relative;
width:auto;
margin:0;
padding:0 1%;
text-align:center;
}

#menu ul li a{color:#fff;
display:inline-block;
margin:0;
padding:0 5%;
width:100%;
text-decoration:none;
}

#menu span {margin-right:4px;}

#menu ul li .children {display:none;
position:absolute;
background:rgba(102,102,102,.5);
width:200%;
z-index:1000;}

#menu ul li:hover .children {display:block;
}

#menu ul li .children li {display:block;
overflow: hidden;
text-align:left;
width:100%;
padding:15%;
border: 1px solid #cccccc;}

#menu ul li .children li a {display:block;
color:#cccccc;
}

#masabajo {
background-image:url(images/masinicio.gif);
background-position: bottom;
background-repeat: no-repeat;
margin-top:220px;
padding:1%;
z-index:200;
}

#masabajo2 {width:25%;
}


#masabajo2 img {width:64px;
height:38px;
margin-top:-160px;
margin-right:45%;
margin-left:45%;
margin-bottom:0px;
position: absolute;
}

.titolsolt {background-color:rgba(51,51,102,.4);
width:100%;
margin-top:20%;
text-align:center;
font-weight:bold;
font-size:300%;
color:#fff;}

.ie10 .titolsolt {background-color:#333300;}

.titol {background-color:#321321;
width:100%;
margin-top:20%;
text-align:center;
font-weight:bold;
font-size:150%;
color:#336666;}

.presentacion {background-color:rgba(51,51,102,.4);
color:#fff;
text-align:justify;
margin: 0 30% 0 30%;
padding: 1%;
width:40%;
z-index:300;
}

.ie10 .presentacion {background-color:#333300;}

.empresa {margin:20% 5% 20% 5%;
width:90%;
height:auto;
z-index:200;
background-color:#fff;
}

.contenido {display:block;
width:100%;
height:305px;;
margin:30% 0 0 0;
padding:0 0 5% 0;
background-color:#fff;
clear:both;
z-index:200;}

.contenido2 {display:block;
width:100%;
height:auto;
margin:0;
padding:0 0 5% 0;
background-color:#fff;
float:left;
clear:both;
z-index:200;}

.quadre {width:25%;
height: auto;
float: left;
margin: 0;
padding: 0;
display:block;
text-decoration:none;}

.quadre a {text-decoration:none;}

.quadre_img img {position:relative;
padding:0;
margin:0;
width:100%;
height:400px;
overflow: hidden;
}

.quadre .text_quadre {display:none;}

.quadre:hover .text_quadre {display:block;
color:#336666;
font-size:80%;
background-color:#333300;
opacity:0.8;
text-decoration:none;
position:relative;
top:-200px;
margin-bottom:-80px;
}


.quadre .titolquadre {color: #fff;
width:20%;
position: absolute; 
text-align:left;
margin-top:18%;
padding:1%;
background-color:#333366;
opacity:0.8;
z-index:1;}

.quadre:hover .titolquadre {width:25%;
margin-top:3%;}


.quadregran {display:block;
width:80%;
margin:0 10%;
padding:0;
background-color:#b3b300;
text-decoration:none;
position:relative;
top:50px;
}


.quadregranpetit {display:block;
width:50%;
text-decoration:none;
float:left;}

.quadregran .titolquadregran {color: #336666;
width:100%;
text-align:center;
margin-top:1%;
padding:1%;
font-size:250%;
font-weight:bold;}

.quadregranpetit a {text-decoration:none;}


.quadregranpetit_img img {position:relative;
padding:0;
margin:0;
width:100%;
height:300px;
overflow: hidden;
}


.quadregran .titolquadregranpetit {color: #ffff33;
width:50%;
position: absolute; 
text-align:left;
margin-top:18%;
padding:1%;
background-color:#666600;
opacity:0.7;
z-index:1;}

#fin {clear:both;
color:#ffffff;
width:100%;
height:200px;
background-color:#666666;
border-top: 1px solid #cccccc;
margin:0;
padding:0;
z-index:1000;}


#bodyneutro {background-color:#fff;
font:90% arial,verdana, sans-serif;
text-align:justify;
width:100%;
margin:0;
padding:0;}

#menuapartat {top:55px;
width:20%;
position:absolute;
margin:1% 0 1% 5%;
padding:1%;
background-color:rgba(204,204,204,.2);
color:#ffffff;
text-align:center;
z-index:999;}

.ie10 #menuapartat {background-color:#336666\9;}

#titolapartat {font:230% bold arial,verdana;
margin-left:5%;
}

#subtitolapartat {font:100% bold arial,verdana;
font-style: italic;}

.maincol{float:left;
font:arial,verdana;
text-align:justify;
width: 60%;
padding:2% 3% 6% 0;}

.secondcol{float:right;
width:40%;
font:arial,verdana;
text-align:justify;
padding:0 0 6% 2%;}


.visitas_guiadas {display:block;
width:100%;
height:auto;
margin:1%;
padding:0;
background-color:#fff;
clear:both;
z-index:2;}

.visita_guiada {width:30%;
height: auto;
float: left;
margin:0 1%;
padding: 0 0 0 0;
display:block;
text-align:left;
text-decoration:none;}


.visita_guiada:hover {font-weight:bold;} 

.visita_guiada a {text-decoration:none;}

.visita_guiada img {position:relative;
padding:1%;
margin:auto;
width:100%;
height:auto;
overflow: hidden;
border:0 solid #000;
}

.visita_guiada .visita_guiada_titol {width:80%;
position: relative;
top:24px;
padding:2% 2% 1% 2%;
background-color:#333366;
color:#ffffff;
font:90% bold arial,verdana;
opacity:0.9;
z-index:100;}

.visita_guiada:hover .visita_guiada_titol {display:none;}

.visita_guiada .visita_guiada_datos {width:80%;
margin:1% 5%;
height:60px;
position:relative;
top:-70px;
background-color:#cccccc;
opacity:0.7;
z-index:3;
}

.visita_guiada:hover .visita_guiada_datos {display:none;}

.info {width:24%;
height:auto;
position:relative;
margin:4%;
float:left;
text-align:center;
font:85% bold arial, verdana;}



.info-img {width:100%;
position:relative;
padding:0;
margin:0;
overflow:hidden;
}

.info-img img {width:100%;
position:relative;
padding:0;apart
margin:0;
overflow:hidden;
border:none;
}

#foto-visita {position:relative;
width:100%;
top:0px;
padding:0;
overflow:hidden;
}

#foto-visita img {position:relative;
width:100%;
height:750px;
overflow:hidden;}

#quadre-resum {position: relative;
width:100%;
padding:0 1% 1% 1%;
margin:0;
background-color:rgba(204,204,204,.2);}

.datos-resumen {width:80%;
padding:1%;
margin:0 auto;
position:relative;
font: 90% arial,verdana;
}

.datos-resumen ul{list-style-type:none;}

.reserva {width:15%;
padding:2%;
margin:1%;
position:relative;
float: right;
text-align:center;
font: 90% arial,verdana;
color:#660000;
font-weight:bold;
background-color:#336666;
}

.reserva a {color:#660000;
}

.reserva a:hover {color:#cccc99;
}


.visita_guiada_descripcion {float:left;
font:arial,verdana;
text-align:justify;
width:60%;
margin: 4%;
padding:2% 3% 6% 0;}

.visita_guiada_col {float:right;
width:25%;
font:90% arial,verdana;
text-align:justify;
margin-top:7%;
padding:1%;
margin-right:2%;
background-color:rgba(204,204,204,.2);
}

#actividades-relacionadas {
   width: 100%;
   margin: 1%;
   padding: 1%;
text-align:left;
}


.miniactividad {
   width: 100%;
   margin: 0;
   padding: 0;
}

.miniactividad a{
   width: 240px;
   height: 200px;
   margin: 0;
   padding: 0;
}

.miniactividad img{
   width: 100%;
   margin: 0;
   padding: 0;
overflow:hidden;
}

.titolminiact {position: relative;
top:-18px;
padding:1%;
width:90%;
color:#336666; 
background-color:#ffffff;
font:70% bold arial,verdana;
z-index:1;}




#galeria {
   width: 100%;
   margin: 1%;
   padding: 2%;
}

.thumbnail { margin: 1%;
   padding: 0;
   float: left;
}

.thumbnail a {width: 80px;
   height: 80px;
   display: block;
   position: relative;
   top: 0;
   left: 0;
   margin: 0;
   padding: 0;}

.thumbnail img {
   width: 80px;
   height: 80px;
   margin: 0;
   padding: 0;
   border: none;
overflow:hidden;
z-index:20;
}


.contacto {width:70%;
position: relative;
float:left;
background-color:#cccc99;
margin:0 1%;
padding:0 2%;}

		
h1 {font:200% arial,verdana, sans-serif; 
text-align:center;
color:#336666;
background-color:rgba(51,51,102,.4);
background-color:#333300\9;
width:100%;
margin:6% 0 2% 0;
padding:0;
clear:both;}

.ie10 h1{background-color:#333300\9;} 
	
h2 {margin: 3% 0;
font:150% arial,verdana, sans-serif;
text-align:center;
color:#ffffff;
clear:both;}


td {nowrap: nowrap; 
text-align: left; 
font: 70% bold arial,verdana, sans-serif; 
width:1%;}

input {width: 100%;}

table {width:100%; 
background-color: #336666; 
color: black;
padding:4%}
					h3 {text-align:left;
					color:#006699;}






					


#curriculum {margin-left:0;
margin-bottom: 40px;
width:auto;}








#foto-presentacio img {padding:0px;
margin:0px;
width:100%;
height:auto;
overflow:hidden;
}

#foto-presentacio h1 {color:#fff;
padding: 10px 20px;
display: block;
position:absolute;
top:30%;
right:0px;
width:35%;
background:#333333;
text-decoration:none;}


#home {width:90%;
margin-left:10%;
margin-right:10%;}

#imgcurriculum {width:150px;
height:200px;
float:left;
margin:-55px 2% 0px 2%}

#imgmail {padding-right: 10px;
width:115px;
height:146px;
float:left;
}

#imgtelefono {width:150px;
height:120px;
float:right;}

#logo {margin-left:5%;
padding: 1% 0;
position: absolute;
width: auto;
height:auto;
z-index:100;
}






.activo {color:#336666;
font-size:110%;}

.bold {font-style:italic; 
font-weight:bold;}

.box {padding: 2%;
margin-top:30px;
float:right;
font-size: 90%;
width:250px;
background-color:#FFcC55;;
border:2px solid #666600;}

.bhablan li {list-style-type:none;
float:left;
position:relative}

.bhablan a {display:block;
width:70px;
height:85px;
padding:4px;
font: bold 90% verdana, arial;
background:#FF9933 url(images/parlen.gif) no-repeat bottom}

.breserva li {list-style-type:none;
float:left;
margin-right:40px;
position:relative;}

.breserva a {display:block;
width:60px;
height:85px;
padding:4px;
font: bold 90% verdana, arial;
background:#FF9933 url(images/puny.gif) no-repeat bottom;}

.breserva a:hover {background:#FF9933 url(images/dit.gif) no-repeat bottom;}


.bvolver li {list-style-type:none;
float:right;
position:relative;}

.bvolver a {display:block;
width:45px;
height:35px;
font: bold 90% verdana, arial;
background:#FF9933 url(images/volver.gif) no-repeat bottom;}

li.botav {list-style-image: url(images/botav.gif);}
li.ditv {list-style-image: url(images/ditv.gif);}
li.ullv {list-style-image: url(images/ullv.gif);}

.comunitat {width:250px;
height:450px;
background: url(images/mapa_comunitat_valenciana.png) no-repeat;
Background-color:#333300;
display:block;
float: left;
margin: 0 1% 2% 1%;
border: 1px solid #333333;}


.clearl {float:left;}

.clearr {float:right;
font: bold 95% arial,verdana, sans-serif;
margin-right:1%;
padding:6px;
}

.frapido {padding: 1%;
margin-top:5px;
float:right;
width:350px;
background-color:#FFcC55;
z-index:6;}

.fora {left:-100px;}

.formintro {font-size:70%;}

.imgciudad {margin-top:0px;
margin-left:10px;
position:absolute;
width:280px;
height:180px;}

.imgrecorridos{width:100px;float:right;}

.imgrecorridosd {float:right;
position:relative;}

.introrecorridos {margin: 0 auto;
width:100%;}

.oferta {margin: 5px;
padding:5px;
background:#666600;
color:#FF8C00;}



.lisin {list-style-type:none;}

.recorridos {clear:both;
margin-top:70px;
margin-bottom:70px;
margin-left:0px;
padding:0px 20px 0px 10px;
margin-right:auto;
width:799px;
height:457px;
background: url(images/recorrido3.png) no-repeat;}

.recorridocontingut {float:left;
font-size:90%;
margin-left:40px;
padding-top:40px;
padding-left: 60px;
width:480px;
position:relative;}

.recorridocontingut1 {font-size:90%;
margin-top:100px;
padding: 30px 0px 30px 30px;
width:450px;
position:relative;
border-top: 2px solid #336699;
border-left: 4px solid #336699;}

.recorridosp {float:left;
margin:20px 10px 70px 10px;
padding:0 10px 0 10px;
width:190px;
border: 4px solid #336699;
background:#ccccff;}

.si li {list-style-type:none;
display:inline;}

.slides {padding:0px;
margin:0px;
width:100%;
max-height:293px;
box-sizing:border-box;
}

.slides img {padding:0px;
margin:0px;
width:100%;
height:auto;
}

.slides h1 {color:#fff;
padding: 10px 20px;
display: block;
position:absolute;
top:30%;
right:0px;
width:35%;
background:#333333;
text-decoration:none;}

.slides h1 a {color:#fff;}

.slides h1 a:hover {color:#f4f4f4;
background:#999999;
text-decoration:none;}

.slidesjs-navigation {margin:0px;
padding:1%;
color:#666600;
background:rgba(255,255,255,.5);
box-sizing:border-box;
overflow:hidden;
z-index:1000;}

.slidesjs-previous {position:relative;
float:left;
top: -60px;
font-size:20px;
overflow:hidden;}

.slidesjs-next {position:relative;
top: -60px;
float:right;
font-size:20px;
overflow:hidden;}





.thumbciudad {width:120px;
height:100px;
margin-right:auto;
margin-left:auto;
position:relative;}
.titrecorrido {padding-top:10px;
float:right;
width:200px;
position: relative;
letter-spacing: 6px;
color:#336666;}



.titulo {text-align:center;
margin-top:10px;
padding:45px 0 0 0;
text-decoration: none;
color:#666600;}

.titulo a:hover {color: #666600;}


.pie-pagina {margin:2% 5%;
padding:0;
width:100%;
text-align:left;
font: bold 100% arial,verdana, sans-serif;
color:#ffffff;
z-index:1;}

.pie-pagina .pie-pagina-col{width: 20%;
list-style-type:none;
float:left;
margin:0;
padding:0 2% 0 2%;
border-right: 1px solid rgba(255,255,204,.5);}

.pie-pagina li a{
display:block;
padding:2% 0;
width:100%;
color:#ffffff;
text-decoration:none;
background-color:dashed;}

.pie-pagina span {margin-right:4px;}

.pie-pagina li .pie-punto {display:block;
position:absolute;
width:100%;
z-index:1;}

.pie-pagina li:hover .pie-pagina-col {display:block;
text-decoration:none;
background-color:dashed;
}

.pie-pagina-col1 :hover{display:block;
text-decoration:none;
background-color:dashed;
background-color:#cccccc;
color:#ffffff;
}

.pie-pagina-col1 a{display:block;
text-decoration:none;
background-color:dashed;
color:#ffff;
}

.pie-pagina li .pie-pagina-col li {display:block;
overflow: hidden;
text-align:left;
width:100%;
}

.pie-pagina li .pie-pagina-col li a {display:block;
text-decoration:none;}

#copi {clear:both;
text-align:center;
padding:4%;
font:70% bold arial,verdana;}