@charset "UTF-8";
/* CSS Document */

header, footer, section.content{ width:100%; color:#5c5c5c;}
section.content{position:relative}
#habitaciones{ float:left;background: url(../image/bg_hab.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;}

#hab{ float:left;background: url(../image/bg_hab.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;}
header{ position:absolute; top:0; z-index:900;}

header.page{ float:left; position:relative; width:98%; margin:-10px 1% 50px 1%; border-bottom:1px solid #a3a3a3}
#hab header.page{  border-bottom:none}
footer{ background:#fff; float:left; padding:30px 0}
h1#logo{width:156px;height:116px; margin:20px auto ;position:relative; z-index:5000; background:url(../image/logo-h.png) no-repeat; text-indent:-5000em  }
h1#logo-p{width:156px;height:116px; margin:20px auto ;position:relative; z-index:5000; background:url(../image/logo-p.png) no-repeat; text-indent:-5000em  }
h1#logo a,  h1#logo-p a{display:block;  width:100%;  margin:0; position:relative; float:left;}
.top-menu{ position: absolute; top:70px; width: 450px; left:50%; margin-left:-470px}
.top-menu.r{ right:50%;margin-left:100px}
.top-menu ul{ margin:0; padding:0;}
.top-menu ul li{ float:left; margin:0 20px 0 0; padding:0}
.top-menu ul li a {font-family: 'PT Sans', sans-serif;color: #fff;text-decoration:none; text-transform:uppercase; font-style:italic; font-weight:bold; font-size:1.125rem}
.top-menu ul li a:hover{color: #bf341b;}
.page .top-menu ul li a{color: #bf341b;}
.page .top-menu ul li a:hover{color:#a3a3a3;}
#hab .page .top-menu ul li a{color: #fff;text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);}
#hab .page .top-menu ul li a:hover{color:#bf341b;}
#hab h1#logo-p{width:156px;height:116px; margin:20px auto ;position:relative; z-index:5000; background:url(../image/logo-h.png) no-repeat; text-indent:-5000em  }

.home{ width:100%; text-align:center;font-family: 'PT Sans', sans-serif;}
.pag{ width:92%; text-align:center;font-family: 'PT Sans', sans-serif; margin:0 4% 50px 4%; float:left}
.home h2 , .home .headline, .pag h2 , .pag .headline, .info .headline, .info h2, .infoM h2 { font-weight:400; font-style:italic; }
.home h2, .pag h2, .info h2, .infoM h2{ color:#a3a3a3;  font-size:2.4em; text-transform:uppercase;margin:50px 0 30px 0}
.pag h2.sinM{ margin-top:20px}
.home .headline, .pag .headline, .info .headline{color:#9b2a15;font-size:1.3em; margin:0 0 50px 0}

.home .box{ width:24%; float:left; margin:10px 0.5%; padding:0; background:#000}
.pag .box.big{ width:49%; float:left; margin:10px 0.5%; padding:0; background:#000;}
.pag .box{ width:32%; float:left; margin:10px 0.5%; padding:0; background:#000;}
.home .box a, .pag .box a { width:100%; text-decoration:none; color:#fff;/*font-weight:700; font-style:italic;text-transform:uppercase;*/font-size:2.3em;
text-shadow: 0 1px 1px #000000;position:relative; float:left;  }
.clearbox:before,
.clearbox:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearbox:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearbox {
    *zoom: 1;
}


.home .box .foto, .pag .box .foto{ width:100%;float:left; position:relative; z-index:100;}
.home .box .link, .pag .box .link{ position:relative;z-index:200; margin-top:-50%;width:100%; float:left;
font-family: 'Shadows Into Light', cursive;
/*font-family: 'Amatic SC', cursive; font-weight:700*/}
.pag.turismo .box .link{ position:relative;z-index:200; margin-top:-70%;width:100%; float:left;}
.pag.turismo .box.big .link{ position:relative;z-index:200; margin-top:-60%;width:100%; float:left;}
.pag.turismo .box.big .link img{width:200px; height:200px; -webkit-border-radius: 200px;border-radius: 200px;}
.pag.turismo .box .link img{width:150px; height:150px; -webkit-border-radius: 150px;border-radius: 150px;}
.home .box .foto img, .pag .box .foto img{ width:100%;}
.btn-m{ background:#000; padding:4px 15px; margin:7px 0 0 90px;-webkit-border-radius: 10px;
border-radius: 10px;}
.pag.paquetes .descripcion{ width:98%; float:left; padding:10px 1%; background:#fff; text-align:left; height:90px; font-size:0.875em}
.pag.paquetes .box .link{ position:relative;z-index:200; margin-top:-50%;width:100%; float:left; font-size:2.4rem}
.home .box a:hover, .pag .box a:hover .foto, .pag.turismo .box a .foto{ opacity:0.7}
.pag.turismo .box a:hover .foto{ opacity:1}
.turismo .btn-m{ background:#000; padding:4px 15px; margin:10px 0 0 0;-webkit-border-radius: 10px;border-radius: 10px; font-size:1.4rem}
.pag .box a:hover  .btn-m{background:#bf341b;}
.btn{ float:left; width:100%; margin:70px 0}
.btn a{ text-decoration:none; color:#fff;font-weight:400; font-size:1.3em;-webkit-border-radius: 15px 15px 15px 15px;
border-radius: 15px 15px 15px 15px; background:#bf341b; padding:15px 5em; text-transform:uppercase;}




@font-face {
    font-family: 'icomoon';
    src:url('../fonts/icomoon.eot');
    src:url('../fonts/icomoon.eot?#iefix') format('embedded-opentype'),
        url('../fonts/icomoon.woff') format('woff'),
        url('../fonts/icomoon.ttf') format('truetype'),
        url('../fonts/icomoon.svg#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}
.dr-menu {
    width: 100%;
    max-width: 400px;
    min-width: 300px;
	    height: 50px;

    position: relative;
    font-size: 1.3em;
    line-height: 2.5;
    font-weight: 400;
    color: #fff;
    padding-top: 1.5em;
	position:fixed; top:0; left:0; z-index:6000;font-family: 'PT Sans', sans-serif;
}

.dr-menu > div  {
    cursor: pointer;
    position: absolute;
    width: 100%;
    z-index: 100;margin: 0 0 0 20px;
}
.dr-menu > div .dr-icon {
    top: 0;
    left: 0;
    position: absolute;
    font-size: 150%;
    line-height: 1.6;
    padding: 0 10px;
    transition: all 0.4s ease;background: #9c2a15;
}
.dr-menu.dr-menu-open{height:90%;}
.dr-menu.dr-menu-open > div .dr-icon {
    color: #fff;
    left: 100%;
    transform: translateX(-100%);
}
.dr-menu.dr-menu-open > div .dr-icon:after {
    opacity: 1;
}
.dr-menu > div .dr-label {
    padding-left: 3em;
    position: relative;
    display: block;
    color: #60a773;
    font-size: 0.9em;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    line-height: 2.75;
    transition: all 0.2s ease-in;
}
 
.dr-menu.dr-menu-open > div .dr-label {
    transform: translateY(-90%);
}
.dr-menu ul {
    padding: 20px 0  0 0;
    margin: 0 3em 0 0;
		height:100%;
    list-style: none;
    opacity: 0;
    position: relative;
    z-index: 0;
    pointer-events: none;
    transition: opacity 0s linear 205ms; background-color: rgba(0, 0, 0, 0.7); 

color: rgba(0, 0, 0, 0.7);
}

.dr-menu.dr-menu-open ul {
    opacity: 1;
    z-index: 200;
    pointer-events: auto;
    transition: opacity 0s linear 0s; 
}
.dr-menu ul li {
    display: block;
    margin: 0 0 5px 0;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.dr-menu.dr-menu-open ul li {
    opacity: 1;
}
.dr-menu.dr-menu-open ul li:nth-child(2) {
    transition-delay: 35ms;
}
 
.dr-menu.dr-menu-open ul li:nth-child(3) {
    transition-delay: 70ms;
}
 
.dr-menu.dr-menu-open ul li:nth-child(4) {
    transition-delay: 105ms;
}
 
.dr-menu.dr-menu-open ul li:nth-child(5) {
    transition-delay: 140ms;
}
 
.dr-menu.dr-menu-open ul li:nth-child(6) {
    transition-delay: 175ms;
}
 
.dr-menu.dr-menu-open ul li:nth-child(7) {
    transition-delay: 205ms;
}
.dr-menu ul li a {
    display: inline-block;
    padding: 0 20px;
    color: #fff;
	text-decoration:none; text-transform:uppercase; font-style:italic; font-weight:bold; font-size:1.3rem
}
.dr-menu ul li a:hover, .dr-menu ul li.active a{
    color: #bf341b;
}
.dr-icon:before,
.dr-icon:after {
    position: relative;
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
}
 
.dr-menu ul .dr-icon:before {
    margin-right: 15px;
}
 

 


.dr-icon-menu:before {
    content: "\e007";
}
.dr-menu.dr-menu-open > div .dr-icon {
    background: #a3a3a3;
}
 .dr-menu.dr-menu-open .dr-icon-menu:before {
 left:15px
}
 .dr-menu.dr-menu-open .dr-icon-menu:after{ content:'\276e'; color:#fff; top:-3px; left:-40px} 
 .navIdi{ width:55px; position:absolute; right:25px; top:40px;font-family: 'PT Sans', sans-serif;}
 .navIdi .accordionButton {
	
	width: 55px;
	text-align:center;
	float: left;
	_float: none;  /* Float works in all browsers but IE6 */

	background: #9C2A15;

	cursor: pointer;
	text-transform:uppercase; font-style:italic; font-weight:bold; font-size:0.875rem;
	
	color:#fff;
	
	height:55px;
	line-height:55px;
	padding:0;
	margin:0;
	}
	
 .navIdi .accordionContent {
	width:100%; float:left;
	background-color: rgba(0, 0, 0, 0.7); display:none
	

	}
.navIdi .accordionContent ul{ margin:0; padding:0; list-style:none; text-align:center}
.navIdi .accordionContent ul li a{    display: inline-block;
padding: 10px 0;
color: #fff;
text-decoration:none; text-transform:uppercase; font-style:italic; font-weight:bold; font-size:0.875rem;}
.navIdi .accordionContent ul li a:hover{ color: #bf341b;}
footer nav ul#nav-footer{ margin:0; padding:0 ;}	
footer nav ul#nav-footer  li{ float:left; }
footer nav ul#nav-footer  li a{text-decoration:none; color:#a3a3a3;font-weight:400; font-size:1rem;font-family: 'PT Sans', sans-serif;
font-style: italic; padding:0 0.7em ;border-right:1px solid #a3a3a3}
footer nav ul#nav-footer  li a:hover{ color:#e3e3e3}
footer nav ul#nav-footer  li.last a{border-right:none}
ul#redesBlog { list-style:none; margin:0  0 0 20px; padding:0;  }
ul#redesBlog  li{ float:left; margin:0 1px; padding:0; border-right:none;}
ul#redesBlog  li a{ display: block; width:33px; height:32px; text-indent:-5000em; background:url(../image/redesb.png) no-repeat;}
#redesBlog   li.t a{ background-position:0 0}
#redesBlog   li.f a{ background-position:-33px 0}
#redesBlog   li.g a{ background-position:-66px 0}
#redesBlog   li.l a{ background-position:-99px 0}
#redesBlog   li.m a{ background-position:-133px 0}
#redesBlog   li.t a:hover{ background-position:0 -32px}
#redesBlog   li.f a:hover{ background-position:-33px -32px}
#redesBlog   li.g a:hover{ background-position:-66px -32px}
#redesBlog   li.l a:hover{ background-position:-99px -32px}
#redesBlog   li.m a:hover{ background-position:-133px -32px}
#redesBlog   li.tel{ height:32px; line-height:32px; font-size:0.875em}

#tabs_container{width:100%;float:left; margin:0 0 40px 0}
#solapa{width:30%; min-width:460px;list-style:none;padding:0;margin:0 auto;}
#solapa li{margin:0;float:left; width:50%}
#solapa li a{padding:7px 0;text-decoration:none;float:left;border-bottom:0;outline:0; text-align:center;font-weight:400; font-size:1.125rem;font-family: 'PT Sans', sans-serif; text-transform:uppercase;color:#9c2a15;background-color:#fff; border:2px solid #dfdfdf; width:98%
}
#solapa li.quever a{-webkit-border-radius: 10px 0 0 10px;border-radius: 10px 0 0 10px; }
#solapa li.quehacer a{-webkit-border-radius: 0 10px 10px 0;border-radius: 0 10px 10px 0; border-width:2px 2px 2px 0 }
#solapa li a:hover,#solapa2 li a:hover,
#solapa li.active a{color:#fff;background:#9c2a15;border:2px solid #9c2a15}
#tabs_content_container{border-top:0;padding:0;width:100%;float:left;}
.tab_content{display:none}

.servicios{display: none;position:relative;float:left;margin-top:0px;
width:100%;padding:0;color:#fff; background:#000}

/*.hab{ float:left; width:74%; margin:0 13% 30px 13%; background:#fff; text-align:left}*/
.hab{ float:left; width:94%; margin:0 3% 30px 3%; background:#fff; text-align:left}
.hab div{float:left;}
.hab div.info{ width:43%; padding:10px 0 10px 3%; font-size:0.875em}
.hab div.fotohab{ width:50%; padding:10px 1% 10px 3%}
.hab div.fotohab img{width:100%;}
.hab div.info h2{ margin:20px 0; font-weight:700; line-height:0.9em; font-size:3em;}
.hab div.info .links-btn a{ float:left; text-decoration:none; color:#fff; background:#000; padding:10px 0; text-align:center; text-transform:uppercase;
font-style:italic; font-size:0.875rem;-webkit-border-radius:7px;border-radius:7px; width:30%; margin:20px 10px 0 0; letter-spacing:0.1em}
.hab div.info .links-btn a:hover{background:#bf341b;}
.hab div.info .link-btn a{ float:left; text-decoration:none; color:#fff; background:#bf341b; padding:10px 0; text-align:center; text-transform:uppercase;
font-style:italic; font-size:1rem;-webkit-border-radius:7px;border-radius:7px; width:98%; margin:15px 10px 0 0; letter-spacing:0.2em}
.hab div.info .link-btn a:hover{background:#000;}

.inner{ width:92%; padding:0 4% 30px 4%; font-size:1em; }
.inner a.cerrar{ background:#fff url(../image/icon_up.png) no-repeat center; color:#000; padding:0 15px; height:70px;
display:block; text-indent:-5000em; width:27px}
.inner h2{ margin:-44px 0 30px 80px; font-weight:700; line-height:0.875em; font-size:3em;}
.inner p{ float:left; margin:0 0 0 70px; line-height:1.7em}
.colS{ width:46%; float:left; margin:0 0 0 2%}
.colS p{ height:40px; line-height:40px; clear:both}
.colS p img{ margin-right:7px}
#slider.donde, #slider.donde img, .mapa{ width:100%;  }
 #slider.donde .reserva img { width: auto !important;  }
.mapa{ width:100%; position:relative; z-index:100 }
.mapa iframe{width:100%; min-height:670px}
.infoM{ width:70%; background:#fff url(../image/icon_mapa.png) no-repeat center 20px; padding:10px 0; margin:-570px 15% 0 15%; position: absolute; z-index:500; text-align:center; padding:70px 0 30px 0;-webkit-box-shadow: 0 0 16px 1px rgba(0, 0, 0, 0.4);font-family: 'PT Sans', sans-serif;
box-shadow: 0 0 16px 1px rgba(0, 0, 0, 0.4);}
.txt{color:#9b2a15;font-size:0.875em; padding:10px 30px;font-weight:400; font-style:italic; text-align:left}
.infoM a{padding:13px 0;text-decoration:none;float:left;outline:0; text-align:center;font-weight:400; font-size:1.125rem;
font-family: 'PT Sans', sans-serif; text-transform:uppercase;color:#fff;background-color:#cdcdcd; width:24%;
-webkit-border-radius: 10px;border-radius: 10px; margin:0  0 0 23% }
.infoM a.d{margin:0  10% 0 2%}
.infoM a:hover{color:#fff;background:#bf341b; color:#fff}
a#de{padding:5px 0;text-decoration:none;float:left;outline:0; text-align:center;font-weight:400; font-size:1rem;
font-family: 'PT Sans', sans-serif; text-transform:uppercase;background:#bf341b; color:#fff;width:8%;
-webkit-border-radius: 10px;border-radius: 10px; margin:0;margin:-625px 0 0 55px; position: absolute; z-index:500; display:none }
a:hover#de{color:#fff;background-color:#cdcdcd;}


.mainO h4{
padding: 10px 20px; margin:5px 90px 5px 50px ;
color: #fff;
text-transform: uppercase;
font-weight: 400;
font-style: italic;
border-bottom: 1px solid #eee; clear:both; cursor:pointer}
.mainO h4:hover{ color:#A3A3A3}
.accordionContent {
display:inline; margin:0; padding:10px 0; color:#A3A3A3}
.comollegar h4{padding: 10px 20px;
color: #9B2A15;
text-transform: uppercase;
font-weight: 400;
font-style: italic;
border-bottom: 1px solid #A3A3A3; clear:both;font-family: 'PT Sans', sans-serif; font-size:1.5em; margin:0;cursor:pointer}
.comollegar h4:after{ content:'\25be'; color:#9B2A15; font-style:normal; margin:0 0 0 20px}
.comollegar h4:hover{ color:#A3A3A3}
.comollegar .accordionContent{font-family: 'PT Sans', sans-serif; color:#666; padding:0 20px;font-size:1rem;}
@media only screen and (min-width: 801px) and (max-width: 1025px) {
	.dr-menu {
   top:-23px; left:0;
}
	.navIdi {
width: 55px;
position: absolute;
right: 25px;
top: 10px;
font-family: 'PT Sans', sans-serif;
}
	.pag {
    width: 98%;
    text-align: center;
    font-family: "PT Sans",sans-serif;
    margin: 0px 1% 50px;
    float: left;
}
.home .box, .pag .box, .pag .box.big{ width:49%; float:left; margin:2px 0.2em; padding:0; background:#000}

.home h2, .pag h2, .info h2{ color:#a3a3a3;  font-size:1.8em; text-transform:uppercase;margin:50px 0 0 0}

footer nav ul#nav-footer  li a{text-decoration:none; color:#a3a3a3;font-weight:400; font-size:0.875rem;font-family: 'PT Sans', sans-serif;
font-style: italic; padding:0 0.5em ;border-right:1px solid #a3a3a3}
ul#redesBlog { list-style:none; margin:10px 20px 0 10px; padding:0; float: left; width:100%; clear:both }
.clearbox:before,
.clearbox:after {
    content: " "; /* 1 */
    display: none; /* 2 */
}

.clearbox:after {
    clear: both;    display: none; /* 2 */
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearbox {
    *zoom: 1;    display: none; /* 2 */
}
.hab{ float:left; width:100%; margin:0 0 30px 0; background:#fff; text-align:left}
.hab div.info{ width:50%; padding:10px 1% 10px 3%;font-size:0.75rem;}
.hab div.fotohab{ width:42%; padding:10px 1% 10px 3%}
.hab div.info h2, .hab div.infoM h2{ margin:20px 0; font-weight:700; line-height:0.9em; font-size:2em;}
.hab div.info .links-btn a{ float:left; text-decoration:none; color:#fff; background:#000; padding:10px 0; text-align:center; text-transform:uppercase;
font-style:italic; font-size:0.75rem;-webkit-border-radius:7px;border-radius:7px; width:30%; margin:20px 7px 0 0; letter-spacing:0.1em}
.inner{ width:92%; padding:0 4% 30px 4%; font-size:1em; }
.inner a.cerrar{ background:#fff url(../image/icon_up.png) no-repeat center; color:#000; padding:0 15px; height:70px;
display:block; text-indent:-5000em; width:27px}
.inner h2{ margin:-44px 0 30px 80px; font-weight:700; line-height:0.875em; font-size:2.5em;}
.inner p{ float:left; margin:0 0 0 90px; line-height:1.7em}
.colS{ width:98%; float:left; margin:0 0 0 2%}
.top-menu{ position: absolute; top:70px; width:300px; left:50%; margin-left:-350px}
.top-menu.r{ right:50%;margin-left:90px}
.top-menu ul{ margin:0; padding:0;}
.top-menu ul li{ float:left; margin:0 5px 0 0; padding:0}
.top-menu ul li a {font-family: 'PT Sans', sans-serif;color: #fff;text-decoration:none; text-transform:uppercase; font-style:italic; font-weight:bold; font-size:0.875rem}
 .mapa{ width:100%; position:relative; z-index:100 }
.mapa iframe{width:100%; min-height:670px}
.infoM{ width:90%; background:#fff url(../image/icon_mapa.png) no-repeat center 20px; padding:10px 0; margin:-570px 5% 0 5%; position: absolute; z-index:500; text-align:center; padding:70px 0 30px 0;-webkit-box-shadow: 0 0 16px 1px rgba(0, 0, 0, 0.4);font-family: 'PT Sans', sans-serif;
box-shadow: 0 0 16px 1px rgba(0, 0, 0, 0.4);}
a#de{padding:5px 0;text-decoration:none;float:left;outline:0; text-align:center;font-weight:400; font-size:1rem;
font-family: 'PT Sans', sans-serif; text-transform:uppercase;background:#bf341b; color:#fff;width:16%;
 -webkit-border-radius: 10px;border-radius: 10px; margin:0;margin:-575px 0 0 55px; position: absolute; z-index:500; display:none }
a:hover#de{color:#fff;background-color:#cdcdcd;}
.pag.paquetes .box .link{ position:relative;z-index:200; margin-top:-50%;width:100%; float:left; font-size:2rem}
}
@media only screen and  (max-width: 800px) {
	#hab{ float:left;background: none}
header{ position: relative; top:0; z-index:900;}
header.page{ float:left; position:relative; width:98%; margin:-10px 1% 10px 1%; border-bottom:none}
h1#logo{width:156px;height:116px; margin:20px auto ;position:relative; z-index:5000; background:url(../image/logo-p.png) no-repeat; text-indent:-5000em  }
#hab h1#logo-p {
    width: 156px;
    height: 116px;
    margin: 20px auto;
    position: relative;
    z-index: 5000;
  background:url(../image/logo-p.png) no-repeat;
    text-indent: -5000em;
}
.dr-menu {
    width: 100%;
    max-width: 250px;
    min-width: 200px;
	    height: 50px;

    position: relative;
    font-size: 1em;
    line-height: 2.5em;
    font-weight: 400;
    color: #fff;
    padding-top: 1.5em;
	position:fixed; top:0; left:0; z-index:6000;font-family: 'PT Sans', sans-serif;
}

.dr-menu > div  {
    cursor: pointer;
    position: absolute;
    width: 100%;
    z-index: 1000;margin: 0 0 0 20px;
}
.dr-menu > div .dr-icon {
    top: 0;
    left: 0;
    position: absolute;
    font-size: 150%;
    line-height: 1.6;
    padding: 0 10px;
    transition: all 0.4s ease;background: #9c2a15;
}
.dr-menu.dr-menu-open{height:90%;}
.dr-menu.dr-menu-open > div .dr-icon {
    color: #fff;
    left: 100%;
    transform: translateX(-100%);
}
.dr-menu.dr-menu-open > div .dr-icon:after {
    opacity: 1;
}
.dr-menu > div .dr-label {
    padding-left: 0em;
    position: relative;
    display: block;
    color: #60a773;
    font-size: 0.9em;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    line-height: 2.75;
    transition: all 0.2s ease-in;
}
 
.dr-menu.dr-menu-open > div .dr-label {
    transform: translateY(-90%);
}
.dr-menu ul {
    padding: 20px 0  0 0;
    margin:  0;
		height:100%;
    list-style: none;
    opacity: 0;
    position: relative;
    z-index: 0;
    pointer-events: none;
    transition: opacity 0s linear 205ms; background-color: rgba(0, 0, 0, 0.7); 

color: rgba(0, 0, 0, 0.7);
}

.dr-menu.dr-menu-open ul {
    opacity: 1;
    z-index: 200;
    pointer-events: auto;
    transition: opacity 0s linear 0s; 
}
.dr-menu ul li {
    display: block;
    margin: 0 0 5px 0;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.dr-menu.dr-menu-open ul li {
    opacity: 1;
}
.dr-menu.dr-menu-open ul li:nth-child(2) {
    transition-delay: 35ms;
}
 
.dr-menu.dr-menu-open ul li:nth-child(3) {
    transition-delay: 70ms;
}
 
.dr-menu.dr-menu-open ul li:nth-child(4) {
    transition-delay: 105ms;
}
 
.dr-menu.dr-menu-open ul li:nth-child(5) {
    transition-delay: 140ms;
}
 
.dr-menu.dr-menu-open ul li:nth-child(6) {
    transition-delay: 175ms;
}
 
.dr-menu.dr-menu-open ul li:nth-child(7) {
    transition-delay: 205ms;
}
.dr-menu ul li a {
    display: inline-block;
    padding: 0 10px;
    color: #fff;
	text-decoration:none; text-transform:uppercase; font-style:italic; font-weight:bold; font-size:1rem
}
.dr-menu ul li a:hover, .dr-menu ul li.active a{
    color: #bf341b;
}
.dr-icon:before,
.dr-icon:after {
    position: relative;
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
}
 
.dr-menu ul .dr-icon:before {
    margin-right: 15px;
}
 

 


.dr-icon-menu:before {
    content: "\e007";
}
.dr-menu.dr-menu-open > div .dr-icon {
    background: #a3a3a3;
}
 .dr-menu.dr-menu-open .dr-icon-menu:before {
 left:15px
}
 .dr-menu.dr-menu-open .dr-icon-menu:after{ content:'\276e'; color:#fff; top:-3px; left:-40px} 
.navIdi {right: 5px;top: 0px;}

.navIdi .accordionButton {
width: 45px;
text-align: center;
float: left;
_float: none;
background: #9C2A15;
cursor: pointer;
text-transform: uppercase;
font-style: italic;
font-weight: bold;
font-size: 0.875rem;
color: white;
height: 40px;
line-height: 40px;
padding: 0;
margin: 0;
}

#hab {
    float: none;
    background:none;
}
header.page{ float: none; position:relative; width:100%; }
#hab header.page{  border-bottom:none}
.home .box, .pag .box, .pag .box.big{ width:92%; float:left; margin:5px 4%; padding:0; background:none}
#slider.donde, #slider.donde img{
 display:none
}

.home h2, .pag h2, .info h2, .infoM h2{ color:#a3a3a3;  font-size:1.4em; text-transform:uppercase;margin:10px 0 20px 0}
.pag .hab h2{font-size:1em;margin:20px 0 5px 0}
.home .headline, .pag .headline, .info .headline{color:#9b2a15;font-size:0.9em; margin:0 0 50px 0}
.pag .box a { width:100%; text-decoration:none; color:#fff;font-weight:700; font-size:1.4rem;text-shadow: none !important;text-transform:uppercase;position:relative; float:left;background:#000  }
.pag.turismo .box.big .link {
    position: relative;
    z-index: 200;
    margin-top: -60%;
    width: 100%;
    float: left;
}
.pag.turismo .box.big .link img, .pag.turismo .box .link img {
    width: 80px;
    height: 80px;
    border-radius: 80px;
}
.turismo .btn-m {
    background: none repeat scroll 0% 0% #000;
    padding: 4px 15px;
    margin: 10px 0px 0px;
    border-radius: 10px;
    font-size: 0.875rem;
}
footer nav ul#nav-footer{ display:none}
footer nav ul#nav-footer  li{ float:none; display:block}
footer nav ul#nav-footer  li a{text-decoration:none; color:#a3a3a3;font-weight:400; font-size:0.875rem;font-family: 'PT Sans', sans-serif;
font-style: italic; padding:5px 0.5em ;border-right:none}

ul#redesBlog { list-style:none; margin:10px 20px 0 10px; padding:0; float: left; clear:both; }
.btn a{ text-decoration:none; color:#fff;font-weight:400; font-size:1em;-webkit-border-radius: 15px 15px 15px 15px;
border-radius: 15px 15px 15px 15px; background:#bf341b; padding:15px 1em; text-transform:uppercase;}
.clearbox:before,
.clearbox:after {
    content: " "; /* 1 */
    display: none; /* 2 */
}

.clearbox:after {
    clear: both;    display: none; /* 2 */
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearbox {
    *zoom: 1;    display: none; /* 2 */
}
#solapa{width:100%; min-width:290px;list-style:none;padding:0;margin:0 auto;}
#solapa li{margin:0;float:left; width:50%}
#solapa li a{padding:5px 0;text-decoration:none;float:left;border-bottom:0;outline:0; text-align:center;font-weight:400; font-size:0.875rem;font-family: 'PT Sans', sans-serif; text-transform:uppercase;color:#9c2a15;background-color:#fff; border:2px solid #dfdfdf; width:98%
 }
 
 .hab{ float:left; width:100%; margin:0 0 30px 0; background:#fff; text-align:left}
.hab div.info{ width:98%; padding:10px 1%;font-size:0.75rem;}
.hab div.fotohab{ width:98%; padding:10px 1%; display:none; }
.hab div.info h2, .hab div.infoM h2{ margin:20px 0; font-weight:700; line-height:0.9em; font-size:2em;}
.hab div.info .links-btn a{ float:left; text-decoration:none; color:#fff; background:#000; padding:10px 0; text-align:center; text-transform:uppercase;
font-style:italic; font-size:0.75rem;-webkit-border-radius:7px;border-radius:7px; width:30%; margin:20px 3px 0 0; letter-spacing:0}

.inner{ width:92%; padding:0 4% 30px 4%; font-size:1em; }
.colS{ width:99%; float:left; margin:0 0 0 1%}
.inner a.cerrar{ background:#fff url(../image/icon_up.png) no-repeat center; color:#000; padding:0 7px; height:60px;
display:block; text-indent:-5000em; width:27px}
.inner h2{ margin:-44px 0 30px 70px; font-weight:700; line-height:0.875em; font-size:1.5em;}
.inner p{ float:left; margin:0 0 0 5px; line-height:1.7em;font-size:0.75rem;}
.mainO h4{
padding: 10px 4px; margin:5px  ;
color: #fff;
text-transform: uppercase;
font-weight: 400;
font-style: italic;
border-bottom: 1px solid #eee; clear:both; font-size:0.75rem}
.top-menu{ display:none}
#slider.donde img{ min-height:150px }

.mapa{ width:100%; position:relative; z-index:100 }
.mapa iframe{width:100%; min-height:670px}
.infoM{ width:98%; background:#fff ; padding:10px 0; margin:0 1% 0 1%; position: 
absolute; z-index:500; text-align:center; padding:20px 0 30px 0;-webkit-box-shadow: 0 0 16px 1px rgba(0, 0, 0, 0.4);
font-family: 'PT Sans', sans-serif;
box-shadow: 0 0 16px 1px rgba(0, 0, 0, 0.4);}
.infoM a{padding:13px 0;text-decoration:none;float:left;outline:0; text-align:center;font-weight:400; font-size:1.125rem;
font-family: 'PT Sans', sans-serif; text-transform:uppercase;color:#fff;background-color:#cdcdcd; width:98%;
 -webkit-border-radius: 10px;border-radius: 10px; margin:0  1%}

.infoM a.d{margin:0 1%}
.infoM a:hover{color:#fff;background:#bf341b; color:#fff}
 .mapa a:hover{ opacity:0.5}
a#de{padding:5px 0;text-decoration:none;float:left;outline:0; text-align:center;font-weight:400; font-size:1rem;
font-family: 'PT Sans', sans-serif; text-transform:uppercase;background:#bf341b; color:#fff;width:46%;
 -webkit-border-radius: 10px;border-radius: 10px; margin:0 0 55px; position: absolute; z-index:500; display:none; top:40%}

a:hover#de{color:#fff;background-color:#cdcdcd;}
#small-dialog  .comollegar h4{padding: 10px 20px;
color: #9B2A15;
text-transform: uppercase;
font-weight: 400;
font-style: italic;
border-bottom: 1px solid #A3A3A3; clear:both;font-family: 'PT Sans', sans-serif; font-size:0.875em; margin:0;}
.pag.paquetes .box .link{ position:relative;z-index:200; margin-top:-50%;width:100%; float:left; font-size:1.3rem
}
.pag.paquetes .descripcion{ width:98%; float:left; padding:10px 1%; background:#fff; text-align:left; height:120px; font-size:0.875em}
}
/* Styles for dialog window */
#small-dialog {
	background: white;
	padding: 20px 0;
	text-align: left;

	margin: 40px auto;
	position: relative; width:100%
}


/**
 * Fade-zoom animation for first dialog
 */

/* start state */
.my-mfp-zoom-in .zoom-anim-dialog {
	opacity: 0;

	-webkit-transition: all 0.2s ease-in-out; 
	-moz-transition: all 0.2s ease-in-out; 
	-o-transition: all 0.2s ease-in-out; 
	transition: all 0.2s ease-in-out; 



	-webkit-transform: scale(0.8); 
	-moz-transform: scale(0.8); 
	-ms-transform: scale(0.8); 
	-o-transform: scale(0.8); 
	transform: scale(0.8); 
}

/* animate in */
.my-mfp-zoom-in.mfp-ready .zoom-anim-dialog {
	opacity: 1;

	-webkit-transform: scale(1); 
	-moz-transform: scale(1); 
	-ms-transform: scale(1); 
	-o-transform: scale(1); 
	transform: scale(1); 
}

/* animate out */
.my-mfp-zoom-in.mfp-removing .zoom-anim-dialog {
	-webkit-transform: scale(0.8); 
	-moz-transform: scale(0.8); 
	-ms-transform: scale(0.8); 
	-o-transform: scale(0.8); 
	transform: scale(0.8); 

	opacity: 0;
}

/* Dark overlay, start state */
.my-mfp-zoom-in.mfp-bg {
	opacity: 0;
	-webkit-transition: opacity 0.3s ease-out; 
	-moz-transition: opacity 0.3s ease-out; 
	-o-transition: opacity 0.3s ease-out; 
	transition: opacity 0.3s ease-out;
}
/* animate in */
.my-mfp-zoom-in.mfp-ready.mfp-bg {
	opacity: 0.8;
}
/* animate out */
.my-mfp-zoom-in.mfp-removing.mfp-bg {
	opacity: 0;
}



/**
 * Fade-move animation for second dialog
 */

/* at start */
.my-mfp-slide-bottom .zoom-anim-dialog {
	opacity: 0;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;

	-webkit-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
	-moz-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
	-ms-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
	-o-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
	transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );

}

/* animate in */
.my-mfp-slide-bottom.mfp-ready .zoom-anim-dialog {
	opacity: 1;
	-webkit-transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
	-moz-transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
	-ms-transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
	-o-transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
	transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
}

/* animate out */
.my-mfp-slide-bottom.mfp-removing .zoom-anim-dialog {
	opacity: 0;

	-webkit-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
	-moz-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
	-ms-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
	-o-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
	transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
}

/* Dark overlay, start state */
.my-mfp-slide-bottom.mfp-bg {
	opacity: 0;

	-webkit-transition: opacity 0.3s ease-out; 
	-moz-transition: opacity 0.3s ease-out; 
	-o-transition: opacity 0.3s ease-out; 
	transition: opacity 0.3s ease-out;
}
/* animate in */
.my-mfp-slide-bottom.mfp-ready.mfp-bg {
	opacity: 0.8;
}
/* animate out */
.my-mfp-slide-bottom.mfp-removing.mfp-bg {
	opacity: 0;
}
.mainbotones{ float:left; width:100%; border-bottom:1px solid #A3A3A3; margin:0 0 40px 0 }
.mainbotones div.calendario,.mainbotones div.precio, .mainbotones div.reservar, .mainbotones div.redes{ float:left; border-right:1px solid  #A3A3A3;height:60px; padding:10px 0;}
.mainbotones div.calendario, .mainbotones div.precio{ width:20%; color:#000; text-transform:uppercase; text-align:center; font-weight:700;
line-height: 1em; font-size:1rem; padding:30px 0 0 0}
.mainbotones div.calendario p, .mainbotones div.precio p{ margin:0}
.mainbotones div.calendario{ background:url(../imege/reloj.png) no-repeat left}
.mainbotones div.precio{ background:url(../imege/euro.png) no-repeat left}
.v{font-size:0.875rem; font-style: italic}

.mainbotones div.reservar{border-right:none;  width:20%; padding:10px 0 10px 2%; line-height:90px }.mainbotones div.redes{ padding:15px 1%; }
.mainbotones div.reservar a{ text-decoration: none;
color: #FFF;
font-weight: 400;
font-size: 1.3em;
border-radius: 15px;
background: none repeat scroll 0% 0% #BF341B;
padding: 15px 1em;
text-transform: uppercase; }
.contenido{ text-align:left}

 h2.sobre{   position: absolute;
    color: #FFF;
    font-family: "Shadows Into Light",cursive;
    z-index: 3000;
    text-align: center;
    font-weight: normal;
    font-size: 3.5rem;
    margin: -10% 20% 0 20%;
    line-height: 1em;
}
.redesP{margin:10px 0 0 0; padding:5px; float:right; width:30%}
@media only screen and (min-width: 801px) and (max-width: 1025px) {
	.mainbotones{ float:left; width:100%; border-bottom:1px solid #A3A3A3; margin:0  0 40px 0 }
.mainbotones div.calendario,.mainbotones div.precio, .mainbotones div.reservar, .mainbotones div.redes{ float:left; border-right:1px solid  #A3A3A3;height:65px; padding:10px 0;}
.mainbotones div.calendario, .mainbotones div.precio{ width:25%; color:#000; text-transform:uppercase; text-align:center; font-weight:700;
line-height: 1em; font-size:0.75rem; padding:30px 0 0 0}
.mainbotones div.calendario p, .mainbotones div.precio p{ margin:0}
.mainbotones div.calendario{ background:url(../imege/reloj_m.png) no-repeat -17px center}
.mainbotones div.precio{ background:url(../imege/euro_m.png) no-repeat -14px center}
.v{font-size:0.875rem; font-style: italic}

.mainbotones div.reservar{border-right:none;  width:15%; padding:10px 0 10px 1%; line-height:90px }.mainbotones div.redes{ padding:15px 1%; }
.mainbotones div.reservar a{ text-decoration: none;
color: #FFF;
font-weight: 400;
font-size: 0.75em;
border-radius: 10px;
background: none repeat scroll 0% 0% #BF341B;
padding: 15px 0.7em;
text-transform: uppercase;}
.contenido{ text-align:left}

 h2.sobre{   position: absolute;
    color: #FFF;
    font-family: "Shadows Into Light",cursive;
    z-index: 3000;
    text-align: center;
    font-weight: normal;
    font-size: 2.3rem;
    margin: -15% 20% 0 20%;
    line-height: 1em;
}
.redesP{margin:10px 0 0 0; padding:5px; float:right; width:50%}
}
@media only screen and  (max-width: 800px) {
	.mainbotones{ float:left; width:100%; border-bottom:none; margin:0  0 40px 0 }
.mainbotones div.calendario,.mainbotones div.precio, .mainbotones div.reservar, .mainbotones div.redes{ float:left; border-right:none; border-bottom:1px solid  #A3A3A3;height:65px; padding:10px 0;}
.mainbotones div.calendario, .mainbotones div.precio{ width:98%; color:#000; text-transform:uppercase; text-align:center; font-weight:700;
line-height: 1.2em; font-size:0.75rem; padding:30px 0 0 0}
.mainbotones div.calendario p, .mainbotones div.precio p{ margin:0}
.mainbotones div.calendario{ background:url(../imege/reloj.png) no-repeat left}
.mainbotones div.precio{ background:url(../imege/euro.png) no-repeat left}
.v{font-size:1.2rem; font-style: italic}

.mainbotones div.reservar{border-right:none;  width:98%; padding:10px 0 10px 1%; line-height:90px }.mainbotones div.redes{ padding:15px 0; }
.stButton{ margin:0 !important}

.mainbotones div.reservar a{ text-decoration: none;
color: #FFF;
font-weight: 400;
font-size: 0.75em;
border-radius: 15px;
background: none repeat scroll 0% 0% #BF341B;
padding: 15px 1em;
text-transform: uppercase;}
.contenido{ text-align:left}

 h2.sobre{ display:none; position: absolute;
    color: #FFF;
    font-family: "Shadows Into Light",cursive;
    z-index: 3000;
    text-align: center;
    font-weight: normal;
    font-size: 2.3rem;
    margin: -10% 20%;
    line-height: 1em;
}
.redesP{margin:10px 0 0 0; padding:5px; float:right; width:100%}
}
.noticia-col-i{width:74%; float:left; text-align:left; padding:0 3%}
.noticia-col-d{width:20%; float:left; padding-top:80px}
.navSection{font-family: 'PT Sans', sans-serif;margin:20px 0; float:left; width:100%}
.titulo-p{ text-transform:uppercase;color:#9C2A15;font-size:1.3em; font-weight:700; text-align:left;  padding:0 0 10px 0; border-bottom:1px solid #9C2A15;margin:20px 0;}

.btn-a {
    width: 90%;
    text-align: left;
    float: left;

    cursor: pointer;
    text-transform: uppercase;
    font-style: italic;
    font-weight: bold;
    font-size: 1rem;
    color:#A3A3A3;
   
    padding: 10px 0 10px 10%;
    margin: 0px;
	border-bottom:1px dotted #A3A3A3; background:url(../image/down.png) no-repeat left center;
}
.contenido-a {
    display: inline;
    margin: 0px;
    padding: 20px 0;
    color: #A3A3A3;
}
.contenido-a ul{ margin:15px 0  ; padding:0 0 0 20px;  text-align: left; float:left; width:97%}
.contenido-a ul li a {
    display: inline-block;
    padding: 10px 0px;
    color: #a3a3a3;
    text-decoration: none;
   
    font-style: italic;
    
    font-size: 0.875rem;
}
.contenido-a ul li a:hover{color:#9C2A15;}
.btn-a.on{ background:url(../image/up.png) no-repeat left center;}
.titulo-m{ text-align: left; padding:20px 0 0 0; font-weight:bold}
@media only screen and  (max-width: 800px) {
	.noticia-col-i{width:98%; float:left; text-align:left; padding:0 1%}
.noticia-col-d{width:98%; float:left; padding-top:0}
} 

.col-d,
.col-i{ float:left}  

.col-d{ width:70%; margin:0 3% 0 0}
.col-i{ width:23%; background:#9C2A15;  margin:0; padding:10px 2%; color:#fff}  
.col-i h3{ text-transform:uppercase; font-weight:400; font-size: 1rem}

@media only screen and  (max-width: 800px) {
	.col-d{ width:98%; margin:0 1% 0 0}
.col-i{ width:98%; background:#9C2A15;  margin:0; padding:10px 1%; color:#fff}  
}
.txt-pie{float: right; margin:-20px 20px 0 0; font-size:0.75rem}
.txt-pie a{ text-decoration:none; color:#5C5C5C}
.txt-pie a:hover{color:#9C2A15}

@media only screen and (min-width: 801px) and (max-width: 1025px) {
	.col-d{ width:61%; margin:0 2% 0 0}
.col-i{ width:33%; background:#9C2A15;  margin:0; padding:10px 2%; color:#fff; font-size:0.75em; margin:120px 0 0 0}  
.txt-pie {
float: left;
margin: 0 20px 0 20px;
font-size: 0.75rem;
}
}
@media only screen and  (max-width: 800px) {

	.txt-pie {
float: left; clear:both;
margin: 10px 20px 0 20px;
font-size: 0.75rem;
}

 .infoM a#verMapa{ display:none}
}
.trip{width:450px !important; margin:0 auto !important;}
@media only screen and (min-width: 801px) and (max-width: 1025px) {
	.trip{width:350px !important; margin:0 auto !important;}
	
}
@media only screen and  (max-width: 800px) {
	.trip{max-width:100% !important; margin:10px 0 !important; float:left !important; clear:both !important; overflow:hidden; display:none;}
	footer nav{ width:100% !important; float:left; height:32px; overflow:hidden}
	ul#redesBlog { list-style:none; margin:0  0 0 20px; padding:0;width:90% !important;  }
		
		ul#redesBlog  li.tel{ float:left; margin:0 1px; padding:0; border-right:none;min-width:108px !important; display:block; text-indent:inherit !important}
	}
	
	
	#ventanaPopup1Fondo{
display:none;
position:fixed;
_position:absolute; /* caso especial para IE 6*/
height:100%;
width:100%;
top:0;
left:0;
background:#000000;
border:1px solid #cecece;
z-index:6000;
}
#ventanaPopup1{
	font-family: 'PT Sans', sans-serif;color: #A3A3A3;
display:none;
position:fixed;
_position:absolute; /* caso especial para IE 6*/
min-height:384px;
width:30%;
background:#FFFFFF;


padding:12px;
font-size:0.875em;
z-index:7000;
}
#ventanaPopup1 h3{font-family: 'PT Sans', sans-serif;color: #A3A3A3; font-size:1.125rem;     font-weight: 400;
    font-style: italic; text-align:center; text-transform:uppercase
}
#ventanaPopup1Cerrar{
	font-family: 'PT Sans', sans-serif;color: #fff;
font-size:1em;
line-height:30px;

right:-15px;
top:-15px;
position:absolute;
background:#9C2A15 ;
-webkit-border-radius: 30px;
border-radius: 30px;
width:30px;
height:30px;
text-align:center;
display:block;
}
#ventanaPopup1 p img{ width:100%}
#ventanaPopup1 .btn { margin:10px auto; text-align:center}




	.fondopopup{
display:none;
position:fixed;
_position:absolute; /* caso especial para IE 6*/
height:100%;
width:100%;
top:0;
left:0;
background:#000000;
border:1px solid #cecece;
z-index:6000;
}
.popup{
	font-family: 'PT Sans', sans-serif;color: #A3A3A3;
display:none;
position:fixed;
_position:absolute; /* caso especial para IE 6*/
min-height:384px;
width:30%;
background:#FFFFFF;


padding:12px;
font-size:0.875em;
z-index:7000;
}
.popup h3{font-family: 'PT Sans', sans-serif;color: #A3A3A3; font-size:1.125rem;     font-weight: 400;
    font-style: italic; text-align:center; text-transform:uppercase
}
.linkpopup{
	font-family: 'PT Sans', sans-serif;color: #fff;
font-size:1em;
line-height:30px;

right:-15px;
top:-15px;
position:absolute;
background:#9C2A15 ;
-webkit-border-radius: 30px;
border-radius: 30px;
width:30px;
height:30px;
text-align:center;
display:block;
}
.popup p img{ width:100%}
.popup .btn { margin:10px auto; text-align:center}
.mostrarP{position:absolute;  right:0; background:#9C2A15; color:#fff; z-index:9999; padding:10px 25px;-webkit-border-radius: 15px 0 0px 15px;border-radius: 15px 0 0px 15px; text-transform:uppercase;
-webkit-box-shadow: 0 0 5px 1px #2E2E2E;box-shadow: 0 0 5px 1px #2E2E2E; }
.mostrarP.b1{top:45%;}
.mostrarP.b2{top:55%;display: block}
@media only screen and (min-width: 801px) and (max-width: 1025px) {
	#ventanaPopup1{
	font-family: 'PT Sans', sans-serif;color: #A3A3A3;
display:none;
position:fixed;
_position:absolute; /* caso especial para IE 6*/
min-height:384px;
width:50%;
background:#FFFFFF;


padding:12px;
font-size:0.875em;
z-index:7000;
}
	
	.popup{
	font-family: 'PT Sans', sans-serif;color: #A3A3A3;
display:none;
position:fixed;
_position:absolute; /* caso especial para IE 6*/
min-height:384px;
width:50%;
background:#FFFFFF;


padding:12px;
font-size:0.875em;
z-index:7000;
}}
@media only screen and  (max-width: 800px) {
	#ventanaPopup1{
	font-family: 'PT Sans', sans-serif;color: #A3A3A3;
display:none;
position:fixed;
_position:absolute; /* caso especial para IE 6*/
min-height:384px;
width:70%;
background:#FFFFFF;


padding:12px;
font-size:0.875em;
z-index:7000;
}
.popup{
	font-family: 'PT Sans', sans-serif;color: #A3A3A3;
display:none;
position:fixed;
_position:absolute; /* caso especial para IE 6*/
min-height:384px;
width:70%;
background:#FFFFFF;


padding:12px;
font-size:0.875em;
z-index:7000;
}	
.mostrarP{position:absolute;  right:0; background:#9C2A15; color:#fff; z-index:9999; padding:10px 5px;-webkit-border-radius: 5px 0 0px 5px;border-radius: 5px 0 0px 5px; text-transform:uppercase;
-webkit-box-shadow: 0 0 5px 1px #2E2E2E;box-shadow: 0 0 5px 1px #2E2E2E; font-size:0.75rem !important }

}
/*.margenhab{float:left; width:88%; margin:150px 6% 30px 6%;  text-align:left}*/
.margenhab{float:left; width:94%; margin:150px 3% 30px 3%;  text-align:left}
@media only screen and  (max-width: 800px) {
.margenhab{float:left; width:96%; margin:15px 2% 15px 2%;  text-align:left}	
	}