@charset "iso-8859-1";
/*----------------------------------------------------- CSS STYLE ----------------------------------------------------------------------*/

/*******************************
	tabs ajax
/*******************************/
.indentmenu{
    float: right;
    font: bold 13px Arial;
    position: relative;
    top: -26px;
    width: 500px;
    z-index: 1;
}

.indentmenu ul{
    float: right;
    margin: 0;
    padding: 0;
}

.indentmenu ul li{
	display: inline;
}
.indentmenu ul li a{
    background: url("../images/bg-tabs-inactive-left.png") no-repeat scroll left center transparent;
    float: left;
    margin-right: 3px;
    padding: 0 0 0 5px;
    text-decoration: none;
	 color:#333;
	 position:relative
}
.indentmenu ul li a span {
	    background: url("../images/bg-tabs-inactive-right.png") no-repeat scroll right center transparent;
    display: block;
    padding: 8px 17px 7px 12px;
}
.indentmenu ul li a.selected {
    background: url("../images/bg-tabs-active-left.png") no-repeat scroll left center transparent;
    padding: 0 0 0 5px;
    position: relative;
    top: 1px;
	 color:#268ccc;
	 z-index:1
}
.indentmenu ul li a.selected span {
    background: url("../images/bg-tabs-active-right.png") no-repeat scroll right center transparent;
    display: block;
    padding: 8px 17px 7px 12px;
}
.indentmenu ul li a span.special {
	padding-left:33px
}
/******* Aqui termina tabs ajax ********/

/**************************************************************************************************************
	CSS FICHA PLAYA
/*************************************************************************************************************/
#contenido-ficha-playa {
    width: 990px;
	 margin-top:15px
}
#contenido-ficha-playa h1 {
   /* background: url("../images/img-bandera-azul.png") no-repeat scroll right 3px transparent; Modified 18/04/2011*/
    float: left;
  /*  width: 100%;*/
	 max-width:860px
}
#contenido-ficha-playa span {
    color: #333333;
    float: left;
    font-size: 1.2em;
    font-weight: bold;
    margin-top: 7px;
	 clear:both
}
#contenido-ficha-playa .face {
	float:right;
	width:120px;
}
#contenido-ficha-playa .face-megusta {
	float:right;
}
/*#contenido-ficha-playa .face-megusta img {
}*/
#contenido-ficha-playa #contenido-left {
	width:478px;
	/*height:500px;*/
	float:left
}
#contenido-ficha-playa #contenido-left #tiempo-local {
    background: url("../images/bg-tiempo.png") no-repeat scroll 0 0 transparent;
    height: 85px;
    margin: 0 auto 40px;
    width: 433px;
}
#contenido-ficha-playa #contenido-left .infor-historia {
	margin-top:15px
}
#contenido-ficha-playa #contenido-left .boton-servicios {
    height: 36px;
    margin-top: 15px;
    width: 120px;
}
#contenido-ficha-playa #contenido-left .boton-servicios a {
    background: url("../images/bg-button-servicios-pink.png") no-repeat scroll 0 0 transparent;
    color: #F20058;
    float: left;
    font-size: 0.8em;
    font-weight: bold;
    padding: 14px;
}
#contenido-ficha-playa #contenido-right {
	width:480px;
	float:right;
	margin-bottom:30px
}
#contenido-ficha-playa #contenido-right #services {
   /* height: 271px;*/
    width: 100%;
}
#contenido-ficha-playa #contenido-right #services .dark_background {
	background:#dfefff;
    float: left;
    padding: 6px 21px 6px 15px;
	 width:93%
}
#contenido-ficha-playa #contenido-right #services .light_background {
    background: none repeat scroll 0 0 #F5FAFF;
    float: left;
    padding: 6px 21px 6px 15px;
	 width:93%
}
#contenido-ficha-playa #contenido-right #services #box-serv {
	float:left;
}
#contenido-ficha-playa #contenido-right #services #box-serv span {
    font-size: 0.9em;
    margin: 0;
}
#contenido-ficha-playa #contenido-right #services #box-serv p {
    float: right;
	 font-weight:bold;
	 width:14px
}
#contenido-ficha-playa #contenido-right #services #box-serv p.yes {
	color:#339900;
}
#contenido-ficha-playa #contenido-right #services #box-serv p.no {
	color:#cc0000
}
#contenido-ficha-playa #contenido-right #services #box-serv span.left {
	width:145px
}
#contenido-ficha-playa #contenido-right #services #box-serv span.right {
    width: 228px;
}
#contenido-ficha-playa #contenido-right #services .serv-left {
	margin-right:45px
}
#contenido-ficha-playa #contenido-right #services .serv-right {
}
#contenido-ficha-playa #contenido-right #movie-youtube {
    background: url("../images/bg-movie-youtube.png") no-repeat scroll 0 0 transparent;
    height: 296px;
    margin-top: 5px;
    width: 100%;
}
#contenido-ficha-playa #contenido-right .veryoutube {
    float: right;
    margin-top: 5px;
}
#contenido-ficha-playa #contenido-right .veryoutube img {
	vertical-align:middle
}
#contenido-ficha-playa #contenido-right .veryoutube a {
	vertical-align:middle;
	color:#1b90d0
}
#contenido-ficha-playa #contenido-right .veryoutube a:hover {
	text-decoration:underline
}
#contenido-ficha-playa #box-gallery {
    height: 383px;
    width: 100%;
	 position:relative
}
#contenido-ficha-playa #box-gallery h1 {
	background:none
}
h4.title-blue {
    color: #2989C3;
    margin-bottom: 15px;
}
#contenido-ficha-playa #contenido-left #info-rest-cercanos p {
    font-weight: bold;
    margin-bottom: 4px;
}

#contenido-ficha-playa #contenido-left #info-rest-cercanos a {
    font-weight: bold;
    margin-bottom: 4px;
	color:#2989C3;
}
#contenido-ficha-playa #contenido-left #info-rest-cercanos p span {
    color: #666666;
    float: right;
    font-size: 1em;
    font-weight: normal;
    margin: 0;
    padding: 0;
}
/******* Aqui termina ficha playa **********************************************************************/
/**************************************************************************************************************
	CSS COMO LLEGAR
/*************************************************************************************************************/
#cabecera .select-language #nologeado {
    display: none;
    float: right;
    margin-top: 20px;
}
#cabecera .select-language #nologeado span {
    color: #F20058;
    float: left;
    font-weight: bold;
    margin-bottom: 3px;
    margin-left: 100px;
}
#cabecera .select-language #nologeado .boton-login-regist {
    /*float: left;*/
    /*margin-left: 14px;*/
	 clear:both
}
#cabecera .select-language #nologeado .boton-login-regist a {
    background: none repeat scroll 0 0 #29ABE2;
    color: #FFFFFF;
    float: left;
    font-weight: bold;
    padding: 6px 10px;
    text-align: center;
    width: 70px;
}
#cabecera .select-language #nologeado .boton-login-regist a:hover {
	background:#f20058;
}
#cabecera .select-language #nologeado .boton-login-regist p {
    float: left;
    padding: 5px;
}
#cabecera .select-language #nologeado .boton-login-regist a.conect-face {
    background: url("../images/bg-boton-face-conect.png") no-repeat scroll 0 0 transparent;
    height: 21px;
    margin-left: 13px;
    margin-top: 2px;
    padding: 0;
    width: 89px;
}
#content-como-llegar {
    width: 100%;
}
#content-como-llegar .googlemap-Mallorca {
	background:url(../images/bg-googlrmap-palma.jpg) no-repeat;
	widows:100%;
	height:441px
}
#content-como-llegar #scroll-como-llegar {
    padding-top: 30px;
	 position:relative
}
#content-como-llegar #scroll-como-llegar h1 {
    background: none repeat scroll 0 0 transparent;
    float: left;
    width: 600px;
}
.boton-print {
    float: right;
    height: 28px;
    margin-top: 10px;
}
.boton-print a {
	 background: url("../images/bg-boton-print.png") no-repeat scroll 0 0 transparent;
    padding: 6px 12px 6px 34px;
	 color:#fff
}
.boton-print a:hover {
	text-decoration:none;
	color:#fff
}
#box-scroll {
	 clear: both;
    height: 480px;
	 /*background:#ccc;*/
	 overflow:auto
}
#box-scroll .dark_background {
	background:#c0e0fc;
}
#box-scroll .light_background {
	background:#d2e9fa;
}
#box-scroll .dark_background, #box-scroll .light_background {
	padding:12px
}
#box-scroll h4 {
	margin-bottom:4px
}
/******* Aqui termina como llegar ****************************************************************************/
/**************************************************************************************************************
	CSS OPINIONES
/*************************************************************************************************************/
#content-opiniones {
	width:100%
}
/*#contenido-ficha-playa  span.text-generator {
}*/
#content-opiniones #comentarios-container {
}
#content-opiniones #comentarios-container #content-box-red-dark, #content-opiniones #comentarios-container #content-box-red-light {
	padding:8px
}
#content-opiniones #comentarios-container #content-box-red-dark {
	background:#fbb0cb;
}
#content-opiniones #comentarios-container #content-box-red-light {
	background:#fef6f9;
}
#content-opiniones #comentarios-container .avatar-box {
    height: 81px;
    width: 60px;
	 float:left
}
#content-opiniones #comentarios-container .avatar-box .votos {
	margin-top:5px
}
#content-opiniones #comentarios-container .avatar-box .votos .votar {
    float: left;
}
#content-opiniones #comentarios-container .avatar-box .votos .votar p {
	color:#0c681f
}
#content-opiniones #comentarios-container .avatar-box .votos .novotar {
    float: left;
    margin-left: 2px;
}
#content-opiniones #comentarios-container .avatar-box .votos .novotar p {
	color:#c60a0a
}
#content-opiniones #comentarios-container .avatar-box .votos .votar p, #content-opiniones #comentarios-container .avatar-box .votos .novotar p {
    float: left;
    font-weight: bold;
    margin-left: 2px;
    margin-right: 2px;
}
#content-opiniones #comentarios-container .avatar-box .votos img {
	cursor:pointer
}
#content-opiniones #comentarios-container #box-comentario {
    float: left;
    width: 900px;
	 margin-left:10px
}
#content-opiniones #comentarios-container .content-fecha-nom {
    color: #F20058;
    float: left;
    margin-bottom: 5px;
}
#content-opiniones #comentarios-container .content-fecha-nom p {
	font-style:italic
}
#content-opiniones #comentarios-container .content-fecha-nom p span {
	color:#f20058;
    float: right;
    margin: 0;
    padding-left: 10px;
	 font-style:normal
}
#content-opiniones #comentarios-container .coment-content {
	clear:both
}
/*********************************************************
	NAVIGATION
/********************************************************/
.menu-bar {
    float: right;
    margin-top: 6px;
    width: 260px;
	margin-bottom:15px;
}
.menu-bar a {
    color: #999999;
    float: left;
    font-size: 0.9em;
    font-weight: bold;
    padding: 4px;
}
.menu-bar a.menu-prev, .menu-bar a.menu-next {
	font-size:0.8em
}
.menu-bar a.menu-prev {
}
.menu-bar a.menu-next {
	color:#268ccc;
}
.menu-bar ul li {
	float:left
}
.menu-bar ul li.active {
	background:#268ccc;
}
.menu-bar ul li.active a {
	color:#fff
}
.menu-bar ul li a {
	color:#268ccc;
}
.menu-bar ul li a:hover {
	text-decoration:underline;
	color:#999
}
/********************************************************/
/*********************************************************
	FORM COMENTARIO
/********************************************************/
#box-coment-form {
    margin-top: 15px;
}
#box-coment-form h1 {
    background: none repeat scroll 0 0 transparent;
    width: 100%;
}
#box-coment-form #content-form {
    background: none repeat scroll 0 0 #D2E9FA;
    clear: both;
    height: 400px;
    margin-top: 10px;
}
#box-coment-form #content-form #form {
    float: left;
    padding: 21px 0 0 21px;
}
#box-coment-form #content-form #form label {
	color:#268ccc;
	font-weight:bold
}
#box-coment-form #content-form #form .text-nom {
	width:213px;
	float:left
}
#box-coment-form #content-form #form .text-nom input {
    background: url("../images/bg-input-text.png") no-repeat scroll 0 0 transparent;
    border: 0 none;
    color: #268CCC;
    font-weight: bold;
    height: 37px;
    margin-top: 10px;
    padding-left: 14px;
    width: 200px;
}
#box-coment-form #content-form #form .avatares {
    float: left;
    margin-top: 10px;
}
#box-coment-form #content-form #form .avatares div {
    float: left;
    height: 75px;
    padding: 3px 3px 0;
    position: relative;
}
#box-coment-form #content-form #form .avatares div input {
    border: 0 none;
    bottom: 0;
    left: 22px;
    position: absolute;
}
#box-coment-form #content-form #form .coment-textarea {
	clear:both
}
#box-coment-form #content-form #form .coment-textarea textarea.textarea {
    background: url("../images/bg-input-textarea.png") no-repeat scroll 0 0 transparent;
    border: 0 none;
    color: #268CCC;
    display: block;
    font-weight: bold;
    height: 170px;
    margin-top: 10px;
    padding: 9px 10px 9px 9px;
    width: 566px;
}
.boton-envio {
    float: right;
    margin-top: 20px;
}
.boton-envio a {
    background: url("../images/bg-boton-estandar.png") no-repeat scroll 0 0 transparent;
    display: block;
    padding: 8px 18px;
	 color:#fff
}
.boton-envio a:hover {
	color:#fff
}
#info-coment {
    float: left;
    height: 100%;
    position: relative;
}
#info-coment p {
    bottom: 58px;
    color: #F20058;
    left: 67px;
    position: absolute;
    width: 280px;
}
#info-coment span {
	font-weight:bold;
	color:#f20058
}
.medusa {
    background: url("../images/bg-medusa.png") no-repeat scroll 0 0 transparent;
    height: 278px;
    left: 88px;
    position: absolute;
    top: -23px;
    width: 193px;
}
/********************************************************/
/******* Aqui termina como llegar ****************************************************************************/
/*********************************************************
	AVATAR
/********************************************************/
.avatar-ballena {
    background: url("../images/bg-avatar-ballena.png") no-repeat scroll 0 0 transparent;
    height: 61px;
    width: 60px;
}
.avatar-tortuga {
    background: url("../images/bg-avatar-tortuga.png") no-repeat scroll 0 0 transparent;
    height: 61px;
    width: 60px;
}
.avatar-pezorange {
    background: url("../images/bg-avatar-pezorange.png") no-repeat scroll 0 0 transparent;
    height: 61px;
    width: 60px;
}
.avatar-lobster {
    background: url("../images/bg-avatar-lobster.png") no-repeat scroll 0 0 transparent;
    height: 61px;
    width: 60px;
}
.avatar-caballito {
    background: url("../images/bg-avatar-caballitomar.png") no-repeat scroll 0 0 transparent;
    height: 61px;
    width: 60px;
}
/********************************************************/
.map {
    background: url("../images/mapa-de-mallorc.jpg") no-repeat scroll center center transparent;
    border: 0px solid #34CDF9;
    float: right;
    height: 155px;
    padding: 0 5px;
    width: 139px;
}
.time {
	float:left
}
#movie-you {
	margin-top:10px
}
#contenido-ficha-playa #contenido-left p {
	font-size:0.97em
}
#recomendada {
    background: url("../images/recomendada.jpg") no-repeat scroll 0 0 transparent;
    float: left;
    font-size: 0.5em;
    height: 43px;
    margin-left: 20px;
    width: 148px;
}

#recomendada-cat {
    background: url("../images/recomendada-cat.jpg") no-repeat scroll 0 0 transparent;
    float: left;
    font-size: 0.5em;
    height: 43px;
    margin-left: 20px;
    width: 148px;
}
#recomendada-eng {
    background: url("../images/recomendada-eng.png") no-repeat scroll 0 0 transparent;
    float: left;
    font-size: 0.5em;
    height: 43px;
    margin-left: 20px;
    width: 148px;
}
#banner-recomendada {
    background: url("../images/banner2.jpg") no-repeat scroll 0 0 transparent;
    display: block;
    margin-top: 10px;
}
#banner-playa {
	background:url(../images/BANNER-ECOLOGICO.jpg) no-repeat;
    display: block;
    height: 120px;
    padding-bottom: 13px;
}

#banner-playa-cat {
	background:url(../images/BANNER-ECOLOGICO-CAT.jpg) no-repeat;
    display: block;
    height: 120px;
    padding-bottom: 13px;
}

#banner-playa-eng {
	background:url(../images/BANNER-ECOLOGICO.jpg) no-repeat;
    display: block;
    height: 120px;
    padding-bottom: 13px;
}
/****************************************
	Togle animate
**********************************************************/
#header .foreground{
	position:absolute;
	top:350px;
	z-index:100;
}

#sliders{
	overflow:hidden;
}

#sliders>*{
	display:none;
}
.cloudbar{
	background:url(../images/cloud-bar.png) no-repeat scroll center bottom transparent;
    height: 89px;
    left: 405px;
    position: absolute;
    top: -465px;
    width: 195px;
    z-index: 100;
}

.cloud-padding{
    margin-left: 83px;
    margin-top: 44px;
    text-align: center;
}
.cloudbar a {
	font-weight:bold;
	font-size:0.95em;
	color:#F20058;
}
/********************************************************/

/*********************************************************
	Box buscador
**********************************************************/
#box-search {
	/*background:url(../images/bg-buscador-body.png) no-repeat;*/
    /*padding: 21px;*/
   /* background: url("../images/img-pulpo.png") no-repeat scroll right 6px transparent;*/
    /*position: relative;*/
	 height:137px;
}
#box-search h1, #box-search p {
	float:left
}
#box-search p {
    margin-left: 8px;
    margin-top: 16px;
}
.demo-show2 {
    clear: both;
    position: fixed;
    top: 15px;
}
.demo-show2 h3 {
    background: url("../images/bg-boton-avan.png") no-repeat scroll 0 0 transparent;
    color: #000000;
    cursor: pointer;
    float: left;
    left: 455px;
    padding-left: 19px;
    position: absolute;
    top: 78px;
	 height:14px
}
.box {
    height: 128px;
    max-height: 128px !important;
    padding-bottom: 18px;
    padding-left: 18px;
    padding-right: 18px;
	 /*width:623px;*/
}
.show2-pie {
    /*background: url("../images/bg-buscador-pie.png") no-repeat scroll 0 0 transparent;
    height: 7px;
    position: absolute;
    width: 100%;*/
}
.bg-buscador {
   /* background: url("../images/bg-buscador.png") no-repeat scroll right top transparent;
    display: block;
    height: 110px;
    padding: 18px 18px 0;
    position: relative;
    right: 1px;
    top: 1px;*/
    display: block;
    float: right;
    height: 110px;
    padding: 7px 0 0;
    position: relative;
    right: 6px;
    top: 0px;
    width: 308px;
    z-index: 1000;
}
.bg-buscador .pulpo {
}
.bg-buscador .pulpo img {
}
.input-buscador {
    clear: both;
    display: block;
    float: left;
}
.input-buscador input {
    /*border-color: #268CCC -moz-use-text-color #268CCC #268CCC;
    border-style: solid none solid solid;
    border-width: 1px 0 1px 1px;*/
	 border:1px solid #268CCC;
    float: left;
    height: 17px;
    padding: 12px;
    /*width: 299px;*/
	 width:179px
}
.input-buscador .boton-buscar {
	float:left
}
.input-buscador .boton-buscar a {
    background: url("../images/bg-boton-buscar.png") no-repeat scroll 0 0 transparent;
    color: #FFFFFF;
    display: block;
    font-weight: bold;
    height: 11px;
    padding: 16px 20px;
    width: 60px;
}
.input-buscador .boton-buscar a:hover {
	text-decoration:none
}
.box-checkbox {
    clear: both;
    /*display: block;*/
    float: left;
	 position:relative
}
.box-checkbox div {
    float: left;
}
.box-checkbox span {
    display: block;
    margin-bottom: 8px;
	 float:left;
	 clear:both
}
.box-checkbox span input {
	vertical-align:middle
}
.box-checkbox span label {
    padding-left: 4px;
    vertical-align: middle;
	 font-size:0.9em
}
/*******************************************************/

/**************************************************************************************************************
	CSS PLAYA MAS BUSCADAS
/*************************************************************************************************************/

#content-playa-busc {
    border-top: 10px solid #bfdff1;
    /*margin-top: 10px;*/
    padding-left: 18px;
    padding-right: 18px;
	 padding-top:10px;
}
#content-playa-busc .box-select-playa {
    color: #000000;
    display: block;
    float: left;
    margin-top: 12px;
    padding: 6px;
    width: 294px; 
}
#content-playa-busc .box-select-playa img {
	float:left
}
#content-playa-busc .box-select-playa span {
    display: block;
    margin-top: 5px;
}
#content-playa-busc .box-select-playa p.flag {
}
#content-playa-busc .box-select-playa span img {
    margin-left: 7px;
}
#content-playa-busc .box-select-playa:hover {
	background:#fff;
	text-decoration: none
}
#content-playa-busc .box-select-playa p {
	line-height:16px;
	color:#268CCC;
	font-size:1.1em;
	font-weight:bold;
	clear:both;
	float:left
}
#content-playa-busc .box-select-playa p.special {
    color: #000000;
    font-size: 1em;
    padding: 4px 0;
}
#content-playa-busc .box-select-playa p.info3 {
    font-size: 0.95em;
    font-weight: normal;
	 color:#000;
}
#content-playa-busc .box-select-playa #ver-map {
    border-bottom: 1px solid #C4C4C4;
    margin-top: 8px;
    padding-bottom: 20px;
}
#content-playa-busc .box-select-playa #ver-map a.map {
	color:#268CCC
}
#content-playa-busc .box-select-playa #ver-map a:hover {
	text-decoration:underline
}
#content-playa-busc .box-select-playa #ver-map p.map2 {
    color: #268CCC;
    float: left;
    margin-left: 5px;
}
#content-playa-busc .box-select-playa #ver-map p.map2:hover {
	text-decoration:underline
}
#content-playa-busc .box-select-playa .icoflag-coment {
    float: left;
    margin-top: 6px;
    width: 100%;
}
#content-playa-busc .box-select-playa .icoflag-coment img {
	float:left
}
#content-playa-busc .box-select-playa .icoflag-coment p {
	float:right;
	color:#666
}
/******* Aqui termina playas mas buscadas ****************************************************************************/

/**************************************************************************************************************
	CSS Playas en mapa
/*************************************************************************************************************/
#box-map {
    padding: 14px;
    width: 961px;
	 position:relative;
}
#box-map #iconos-map {
    clear: both;
    height: 94px;
	 border:1px solid #268ccc
}
#box-map #iconos-map .ico {
    border-right: 1px solid #268ccc;
    float: left;
    height: 100%;
	 position:relative
}
#box-map #iconos-map .ico p {
    color: #000000;
    font-size: 1.2em;
    font-weight: bold;
    line-height: 17px;
    position: absolute;
    right: 19px;
    text-align: center;
    top: 19px;
}
#box-map #iconos-map .ico img {
    display: block;
    float: left;
    padding: 10px 135px 11px 27px;
}
/******* Aqui termina playas mas buscadas ****************************************************************************/

/**************************************************************************************************************
	CONTENT BOX RIGHT
/*************************************************************************************************************/
#box-right-coment {
    background: none repeat scroll 0 0 #fef3f7;
    float: right;
    /*height: 1000px;*/
    position: relative;
    top: -61px;
    width: 291px;
	 color:#F20058;
}
#box-right-coment h4 {
    background: none repeat scroll 0 0 #F20058;
    color: #FFFFFF;
    font-size: 1.4em;
    font-weight: normal;
    padding: 7px 7px 7px 17px;
}
#box-right-coment img {
    float: left;
    margin-right: 9px;
}
#box-right-coment p {
    float: left;
    font-style: italic;
    width: 68%;
}
#box-right-coment p.coment {
    color: #000000;
    font-size: 0.8em;
    font-style: normal;
    margin-top: 5px;
    width: 100%;
}
#box-right-coment span.nom {
    display: block;
    font-size: 0.85em;
    font-weight: bold;
	 float:left
}
#box-right-coment .ult-coment {
}
#box-right-coment .body-ultcoment {
    border-bottom: 1px solid #F87FAB;
    margin: 8px;
    padding-bottom: 10px;
}
#box-right-coment .body-ultcoment ul {
    float: left;
    margin-top: 4px;
}
#box-right-coment .body-ultcoment ul li {
    list-style: square outside none;
    margin-left: 15px;
	 color:#268CCC;
}
#box-right-coment .body-ultcoment ul li a {
    font-size: 0.8em;
	 color:#268CCC
}
#box-right-coment .body-ultcoment ul li a:hover {
	text-decoration:underline
}
#box-right-coment .noticias p {
    font-style: normal;
    margin-top: 11px;
    width: 100%;
}
#box-right-coment .noticias {
    margin-top: 25px;
}
#box-right-coment .noticias ul li {
    float: left;
    font-size: 0.8em;
    list-style: disc inside none;
}
#box-right-coment .noticias a {
    text-decoration: underline;
}
#box-right-coment .noticias .body-noticias {
	margin:0 8px 8px;
}
#box-right-coment #newsletter {
    margin-top: 25px;
	 position:relative
}
#box-right-coment #newsletter h4 {
    background: none repeat scroll 0 0 #268CCC;
    padding-left: 80px;
}
#box-right-coment #newsletter .body-newsletter {
    background: none repeat scroll 0 0 #99ccff;
   /*height: 200px;*/
}
#box-right-coment #newsletter .body-newsletter p {
    color: #268CCC;
    float: right;
    font-size: 0.99em;
    font-style: normal;
    font-weight: bold;
    line-height: 16px;
    padding: 7px;
}
#box-right-coment #newsletter .body-newsletter .ico-caballitomar {
    background: url("../images/img-caballito-mar.png") no-repeat scroll 0 0 transparent;
    height: 121px;
    position: absolute;
    top: -11px;
    width: 76px;
}
#box-right-coment #newsletter .body-newsletter #input-buscar {
    clear: both;
    float: left;
    padding: 0 8px 13px;
}
#box-right-coment #newsletter .body-newsletter #input-buscar input {
    background: url("../images/bg-imput-searxh.png") no-repeat scroll 0 0 transparent;
    border: 0 none;
    height: 17px;
    padding: 11px;
    width: 169px;
	 font-size:0.8em;
	 float:left
}
#box-right-coment #newsletter .body-newsletter #input-buscar .boton-enviar {
    float: left;
    margin-left: 6px;
}
#box-right-coment #newsletter .body-newsletter #input-buscar .boton-enviar a {
    background: url("../images/bg-boton-search.png") no-repeat scroll 0 0 transparent;
    color: #FFFFFF;
    display: block;
    float: left;
    font-size: 1em;
    font-weight: bold;
    padding: 13px 9px;
}
#box-right-coment #banner-premio {
    border: 1px solid #F10157;
    height: 177px;
    margin-top: 25px;;
	 background:url(../images/bg-premio.png) no-repeat;
}
#box-right-coment #banner-premio span {
    color: #268CCC;
    display: block;
    font-size: 1em;
    font-weight: bold;
    line-height: 16px;
    margin-left: 10px;
    margin-top: 137px;
	 float:left
}
#box-right-coment #banner-premio .boton-concursar {
    float: left;
    margin-left: 6px;
    margin-top: 132px;
}
#box-right-coment #banner-premio .boton-concursar a {
    background: url("../images/bg-pink-concursar.png") no-repeat scroll 0 0 transparent;
    color: #F20058;
    float: left;
    font-size: 0.8em;
    font-weight: bold;
    padding: 13px 16px;
}
#box-right-coment .zonas-mallorca {
}
#box-right-coment .zonas-mallorca .box-list {
    color: #F20058;
    font-size: 1.2em;
	 font-weight:bold;
	 padding:0 10px
}
#box-right-coment .zonas-mallorca .box-list p {
    border-bottom: 1px solid;
    color: #F20058;
    font-style: normal;
    padding: 14px;
    width: 244px;
}
#box-right-coment .zonas-mallorca .box-list p:hover, #box-right-coment .zonas-mallorca .box-list p:hover span  {
	background:#f86fa1;
	color:#fff;
	cursor:pointer
}
#box-right-coment .zonas-mallorca .box-list p span {
    color: #268CCC;
    display: block;
    float: right;
}
#box-right-coment .zonas-mallorca a {
    display: block;
    margin-left: 30px;
    margin-top: 15px;
	 font-size:0.9em;
	 text-decoration:underline
}
#box-right-coment .zonas-mallorca a span {
	font-size:0.7em
}
#box-right-coment .zonas-mallorca a:hover; #box-right-coment .zonas-mallorca a:hover span {
    color: #268CCC;
}
/*************************************************************************************************************/

/*********************************
	LISTADO PLAYA DE 1 ZONA
/**********************************/
#playa-1zona {
	height:100%;
}
#playa-1zona h1 {
    float: left;
    max-width: 860px;
}
#playa-1zona span {
    clear: both;
    color: #333333;
    float: left;
    font-size: 1em;
    font-weight: bold;
    margin-top: 7px;
}
#playa-zona .face {
    float: right;
    width: 88px;
	margin-right:27px !important;
}


#playa-1zona .face {
    float: right;
    width: 88px;
	margin-right:27px !important;
}
#playa-1zona #box-list-playa {
	background:#fef6f9;
	font-weight:bold;
	font-size:1em;
	padding:20px;
}
#playa-1zona #box-list-playa .banner-peq {
    background: url("../images/recomendada-peq.png") no-repeat scroll 0 0 transparent;
    float: left;
    height: 27px;
    margin-left: 12px;
    width: 91px;
}

#playa-1zona #box-list-playa .banner-peq-cat {
    background: url("../images/recomendada-peq-cat.jpg") no-repeat scroll 0 0 transparent;
    float: left;
    height: 27px;
    margin-left: 12px;
    width: 91px;
}

#playa-1zona #box-list-playa .banner-peq-eng {
    background: url("../images/banner-peq-eng.jpg") no-repeat scroll 0 0 transparent;
    float: left;
    height: 27px;
    margin-left: 12px;
    width: 91px;
}
#playa-1zona #box-list-playa a {
    float: left;
    padding: 6px 0;
		    color: #F20058;
}
#playa-1zona #box-list-playa span {
    display: block;
    margin: 5px 0;
}
#playa-1zona #box-list-playa .box-left {
    width: 300px;
	 float:left
}
#playa-1zona #box-list-playa .box-center {
    float: left;
    width: 340px;
}
#playa-1zona #box-list-playa .box-right {
    width: 300px;
	 float:right
}
/***** Aqui termina listado playa de 1 zona ******/

/*********************************
	LISTADO ZONA
/**********************************/
#playa-zona {
	height:100%;
}
#playa-zona h1 {
    float: left;
    max-width: 860px;
}
#playa-zona span {
    clear: both;
    color: #333333;
    float: left;
    font-size: 1em;
    font-weight: bold;
    margin-top: 7px;
}
#playa-zona .face {
    float: right;
    width: 88px;
}
#playa-zona #box-list-playa {
    font-size: 1em;
    font-weight: bold;
    margin-bottom: 15px;
    padding: 20px;
		background:#fef6f9;
}

#playa-zona #empresa {
    font-size: 1em;
    font-weight: bold;
    margin-bottom: 15px;
    padding: 20px;
		background:#268CCC;
}

#playa-zona #box-list-playa a {
    float: left;
    padding: 6px 0;
	    color: #F20058;
}

#playa-zona #box-list-playa a span : hover {
	text-decoration:underline ;
}



#playa-zona #box-list-playa a span {
    color: #268CCC;
    display: block;
    float: right;
    margin: 0 0 0 12px;
}
#playa-zona #box-list-playa span {
    display: block;
    margin: 5px 0;
}
#playa-zona #box-list-playa .box-left, #playa-zona #box-list-playa .box-center, #playa-zona #box-list-playa .box-right  {
    width: 280px;
	 float:left;
}
	 

#playa-zona #info {
    /*background: none repeat scroll 0 0 #D2E9FA;
    clear: both;
    display: block;
    height: 322px;
    margin-top: 57px;
    padding: 20px;
    position: relative;*/
    background: none repeat scroll 0 0 #D2E9FA;
    clear: both;
    display: block;
    float: left;
    margin-top: 20px;
    min-height: 315px;
    padding: 20px;
    position: relative;
    width: 950px;
}
#playa-zona #info p {
	width:623px;
	line-height:15px;
	color:#333;
}
#playa-zona #info p span {
    font-weight: bold;
    margin: 0;
}
#playa-zona #info .foto-map-mallorca {
	background:url(../images/bg-map-mallorca.png) no-repeat;
    height: 423px;
    position: absolute;
    right: -31px;
    top: -37px;
    width: 385px;
}
#playa-zona #info .foto-map-formentera{
	background:url(../imagesformentera/bg-map-formentera.png) no-repeat;
    height: 423px;
    position: absolute;
    right: -31px;
    top: -37px;
    width: 385px;
}

#playa-zona #info .foto-map-ibiza{
	background:url(../imagesibiza/bg-map-ibiza.png) no-repeat;
    height: 423px;
    position: absolute;
    right: -31px;
    top: -37px;
    width: 385px;
}

#playa-zona #info .foto-map-menorca{
	background:url(../imagesmenorca/bg-map-menorca.png) no-repeat;
    height: 423px;
    position: absolute;
    right: -31px;
    top: -37px;
    width: 385px;
}

/***** Aqui termina listado playa de 1 zona ******/
#contenido-left #list-pueblo {
    background: none repeat scroll 0 0 #268CCC;
    margin-bottom: 3px;
    padding: 9px;
}
#contenido-left #list-pueblo p {
	color:#fff;
}
#cuidaplaya {
	/*width:300px;*/
	/*background:#ccc*/
}
#cuidaplaya img {
	float:left
}
#cuidaplaya p.title-CTP {
    color: #F20058;
    float: left;
    font-size: 1.5em;
    margin-left: 5px;
    margin-top: 30px;
}



#info {
    float: right;
    padding: 0 13px;
    width: 661px;
}
#info p {
	font-size:0.95em
}
#info span {
	color:#1B90D0;
	font-weight:bold
}
/******* GENERICA **********************/
#cont-generica {
    background: none repeat scroll 0 0 #FEF6F9;
    font-size: 1em;
    font-weight: bold;
    padding: 20px 40px 40px;
}
#cont-generica .title-noticia p {
    font-style: italic;
    font-weight: normal;
	 margin-bottom:20px;
}
#cont-generica .title-noticia p.fecha {
	float:left;
	color: #F20058;
}
#cont-generica .title-noticia p.negrita {
    font-style: normal;
    font-weight: bold;
    margin-left: 7px;
	 float:left;
	 color: #F20058;
	 	 width: 590px;
}
#cont-generica .title-noticia p span {
    font-style: normal;
    margin-left: 3px;
}
#cont-generica .cont-info {
}
#cont-generica .cont-info img {
	float:left
}
#cont-generica .cont-info .parrafo-right {
    float: left;
    margin-left: 15px;
    width: 525px;
}
#cont-generica .cont-info .parrafo-right p, #cont-generica .cont-info .parrafo-bottom p {
	font-style:normal;
	margin:0
}
#cont-generica .cont-info .parrafo-bottom {
    margin-top: 10px;
}
/****************************************/
/************* FORMULARIO *****************/
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
	-moz-outline: none;


}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* reset styles ended */

body {
        margin:0;
        padding:0;
        font: bold 12px/1.5em Arial;
					background:url(../images/ISLAS.jpg) no-repeat center top #ebe4e5;
}



/* text box  starts here */
	
#content .titlebarLeftc, .titlebarLeftc{
 	background: url(../images/img-propup/title_bar_leftc.gif) no-repeat;
	height:28px;
 }
 #content .titlebarRightc, .titlebarRightc{
	background: url(../images/img-propup/title_bar_rightc.gif) no-repeat right top;
	height:28px;
}
 #content .titlebar, .titlebar{
	background: url(../images/img-propup/title_bar_bg.gif) repeat-x left top;
	height:28px;
	margin:0 8px;
}
/* text box  end here */


/* input buttons  starts here */
.ybtn_s { 
				background:url(../images/ybtn_small.png) no-repeat ;
				width:69px;
				height:20px;
				border:0px ;
				font-weight:bold ;
				color:#3b3f41;
				font-size:11px;
				
				
			  }

.gbtn_s { 
				background: url(../images/img-propup/gbtn_small.png) no-repeat;
				width:69px;
				height:20px;
				border:0px ;
				font-weight:bold;
				color:#3b3f41;
				font-size:11px;
			  }
.gbtn_s:active { 
				background: url(../images/img-propup/gbtn_small_active.png) no-repeat;
			  }

/*---popup styles starts here ----- */
	.popupGrayBg {
		position:fixed; 
		width:100%; 
		height:100%; 
		background:#42a0dc;
		z-index:1001; 
		left:0; 
		top:0; 
		opacity:.7;
		filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
		}
	.QTPopupCntnr {
    background: url("../images/bg-pez-form.png") no-repeat scroll 545px 210px #FFFFFF;
    margin: 0 auto;
    position: relative;
    top: 0;
    width: 975px;
    z-index: 1200;
		}
	.QTPopupCntnrCAT {
    background: url("../images/formulario-cat.png") no-repeat scroll 545px 210px #FFFFFF;
    margin: 0 auto;
    position: relative;
    top: 0;
    width: 975px;
    z-index: 1200;
		}		
	.gpBdrLeftTop {
		width:6px;
		height:6px;
		background: url(../images/img-propup/greenPopupBdr.png) left top no-repeat;
		float:left;
		}
	.gpBdrRightTop {
		width:6px;
		height:6px;
		background: url(../images/img-propup/greenPopupBdr.png) right top no-repeat;
		float:right;
		}
	.gpBdrTop {
		height:3px;
		background:#a9b6e1;
		border-top:3px solid #3b4f91;
		margin-left:6px;
		margin-right:6px;
		}
	/*.gpBdrLeft {
		border-left:3px solid #3b4f91;
		background:#fff;
		}*/
.gpBdrRight {
		/*background:#fff;*/
    height: 30px;
    margin-right: 16px;
    position: relative;
	}
	.gpBdrLeftBottom {
		width:6px;
		height:6px;
		background: url(../images/img-propup/greenPopupBdr.png) left bottom no-repeat;
		float:left;
		}
	.gpBdrRightBottom {
		width:6px;
		height:6px;
		background: url(../images/img-propup/greenPopupBdr.png) right bottom no-repeat;
		float:right;
		}
	.gpBdrBottom {
		height:3px;
		background:#fff;
		border-bottom:3px solid #3b4f91;
		margin-left:6px;
		margin-right:6px;
		}
	.gpBdrRight .caption {
		background:#a9b6e1;
		line-height:38px;
		padding-left:10px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:15px;
		font-weight:bold;
		color:#3b4f91;
		}
	.gpBdrRight .closeBtn {
    background: url("../images/img-propup/cruz.png") no-repeat scroll right center transparent;
    color: #268CCC;
    font-weight: bold;
    padding: 9px 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 62px;
		}
	.gpBdrRight .closeBtn:hover {
		}
		
	.gpBdrRight .content {
		padding:25px;
		font-weight:normal;
		}
#cont-form {
	/*height:400px;*/
    min-height: 625px;
    padding: 0 20px 20px;
}
#cont-form h2 {
	 font-size: 2.2em;
    font-weight: normal;
	 color:#268ccc
}
#cont-form span {
    clear: both;
    color: #333333;
    float: left;
    font-size: 1em;
    font-weight: bold;
    margin-top: 7px;
}
#cont-form p {
    clear: both;
    color: #333333;
    float: left;
    font-size: 0.95em;
    margin-top: 7px;
}
#cont-form p.envmensaje {
    background: none repeat scroll 0 0 #FEF3F7;
    border: 1px solid #F20058;
    color: #F20058;
    font-size: 1em;
    font-weight: bold;
    margin-top: 21px;
    padding: 12px 0;
    text-align: center;
    width: 100%;
}
#cont-form .box-form {
    background: none repeat scroll 0 0 #DFEFFF;
    margin-top: 15px;
    padding: 35px;
    width: 458px;
}
#boxinputform span {
	clear:none
}
#boxinputform span label {
    color: #268CCC;
    display: block;
    margin-bottom: 5px;
}
#boxinputform span input {
    background: url("../images/bg-input-text.png") no-repeat scroll 0 0 transparent;
    border: 0 none;
    display: block;
    height: 16px;
    padding: 11px;
    width: 190px;
}
#boxinputform span.lineright {
	float:right
}
#boxinputform span.formtextarea textarea {
    background: url("../images/bg-textarea.png") no-repeat scroll 0 0 transparent;
    border: 0 none;
    display: block;
    height: 135px;
    margin: 0;
    padding: 10px;
    width: 440px;
}
input.sendform {
    background: url("../images/btn-send-form.png") no-repeat scroll 0 0 transparent;
    border: 0 none;
    color: #FFFFFF;
    cursor: pointer;
    display: block;
    float: right;
    font-weight: bold;
    height: 31px;
    margin-top: 20px;
    text-align: center;
    width: 218px;
}
#cont-form p.campmarc {
    color: #666666;
    margin-top: 35px;
}
#cont-form span.formtextarea {
	margin-top:20px
}

.QTPopup{
	display:none;
}
a.open-form{
	font-size:24px;
	display:block;
	text-align:center !important;
	color:#FFF !important;
	padding-top:150px;
}
/******************************************/
.slide-toggle {
    width: 962px;
}
.slide-toggle h2 {
    background: url("../images/arrow-up.png") no-repeat scroll 5px 9px #F20058;
    color: #FFFFFF;
    font-size: 1.11em;
    padding: 7px 0 7px 25px;
}
.slide-toggle ul {
    padding: 15px 18px 15px 17px;
	float:left;
}
.slide-toggle ul li {
	 color: #F20058;
    font-weight: bold;
    padding: 5px 0;
}
.slide-toggle ul li a {
    color: #F20058;
}
.slide-toggle ul li span {
	color:#268ccc;
	margin-left:5px
}
#content-to-tg{
	 background:#FEF3F7;
}
li.view-all{
	background:none !important;
}
li.view-all a{
	font-weight:100;
	display:block;
	margin:7px 0 0 15px;
	background:none !important;
	text-decoration:underline !important;
}



#result iframe{
	height:1000px !important;
	margin-bottom:20px;
}