/*=== Setup ===*/

* {border:0;margin:0 auto;padding:0;outline:none;}

body { margin:0; padding:0; color:#919191; font:normal 12px/1.8em Arial, Helvetica, sans-serif;}
t
.html_bg { }

a, a:link, a:visited { color: #DDFFBA; text-decoration:none; }

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

p.clr, .clr { clear:both; padding:0; margin:0; background:none; }

p.bg, .bg { clear:both; padding:0; margin:10px 0; border-bottom:1px solid #bababa; height:2px; }

input, select, textarea { border:#cfcfcf 1px solid; color:#404040; font-size:12px; padding:3px; font-family:Arial, Verdana, Helvetica, sans-serif; }

li { list-style:none; /*float:left; */ }

h2 {
	margin: 0;
	padding:20px 0 10px 0;
	font-size: 24px;
	font-weight: normal;
	color: #179A35;
}

h3 { color:#000; font-size:1.2em; margin:0 0 .8em; font-family:Tahoma, Geneva, sans-serif; font-weight:normal; }

h4 { font-size:24px; color:#FFF; text-align:center; padding-top:15px; font-weight:normal; font-family: Tahoma, Geneva, sans-serif;}
h5 { font-size:14px; color:#333; text-align:center; padding-top:42px; font-weight:normal; font-family: Tahoma, Geneva, sans-serif; text-transform: uppercase; font-weight:bold;}
h6 { font-size:14px; color:#333; text-align:center; padding-top:30px; font-weight:normal; font-family: Tahoma, Geneva, sans-serif; text-transform: uppercase; font-weight:bold;}

p { margin:8px 0; padding:0 0 8px; }


/*=== inicio ===*/
#page { margin:0 auto; padding:0; background:url(../images/bg-full2.jpg) top center no-repeat #07963a;}
/*=== servicios y otros ===*/
#page2 {
	margin: 0 auto;
	padding: 0;
	background: url(../images/bg-full3.jpg) top center no-repeat #07963a;
	min-height:1080px;
}


/*=== Header ===*/
#header { margin:0 auto; padding:0; width:942px; height:550px; }
/*- IE 7 hack -*/
#header {*padding-top:173px;}
#header {*height:942px;}

#header2 { margin:0 auto; padding-top:0; width:942px; height:150px;}
/*- IE 7 hack -*/
#header2 {*padding-top:173px;}
#header2 {*height:59px;}

/*- Top Nav -*/
#nav_wrapper {
	padding: 0;
	float: right;
	width: auto;
	margin: 0;
	position: relative;
	z-index: 2000;
	height: 590px;
}

.topnav {
	width: 787px;
	margin: 0px auto;
	padding-left:8px;
	height: 65px;
	background: url(../images/bg-btns3.png) top center no-repeat;
	z-index:999;
}


/*=== All Columns ===*/
#columns {
	margin:0 auto;
	padding: 7px 0 0 0;
	width: 942px;
	background: #fff;
	border: 1px solid #999;
}
#columns2 { margin:37px auto 0 auto; padding:7px 0; width:944px; background:#fff; border:1px solid #999; }



/*=== Center Column ===*/
#centercol { float:left; width:613px; padding:0; margin-left:7px;}


/*=== Right Column ===*/
#rightcol { float:right; width:308px; padding:0 0 25px; background:#fff; border:1px solid #c0c0c0; margin-right:7px;}
.box { padding:20px 20px 20px 24px; margin:0 0 30px 0; background:#fff; border:1px solid #c0c0c0; }
.box_r { padding:24px 24px 0; margin:0; }
.post { }
.small_link { padding:10px 0 0; margin:0 auto; text-align:center; clear:both; }
.small_link a { color:#939393; text-decoration:none; font-size:11px; }


/*=== Sub Columns ===*/
.subcols { background:url(../images/subcols-bgr.gif) repeat-y left; height:1%; }
.col1, .col2 { float:left; width:275px; }
.col2 { float:right; }


/*=== Post ===*/
.post-block { }
.post-margin { margin-left:236px; }


/*- Post Title -*/
.post-title { padding:0 0 40px; margin:0; }
.post-title h2 { margin:0; padding:4px 0; font:normal 24px Arial, Verdana, Helvetica, sans-serif; color:#494949; float:left; }
.post-title h2 a { display:inline; padding:0; margin:0; color: #494848; text-decoration:none; }




/* post-leav */
.post-leav { color:#3e3e3e; float:left; margin-left:10px; padding:4px 14px 5px; background:url(../images/btn_post.png) no-repeat; width:168px; }
.post-leav a { color:#3e3e3e; text-decoration:none; font: 12px/1.8em Arial, Helvetica, sans-serif; }


/*- Post Blockquote -*/
.post blockquote { border-left:3px solid #cfcfcf; font-size:13px; font-style:italic; margin:0 0 1.5em; padding:5px 0 0 10px; }


/*- Post Author -*/
.post-author { margin:0 0 1em; }
.author-details { font-size:11px; }
.author-descr { display:table; height:1%; }


/*- Social Links -*/
.social-links { font:normal 12px Arial, Verdana, Helvetica, sans-serif; color:#919191; padding:10px 0; margin:0 0 10px 0; line-height:1.8em; }
.social-links a { color:#b10118; font-weight:bold; text-decoration:none; }
.social-links a:hover { text-decoration:underline; }





/*=== Styling Boxes ===*/

/*- Box2 -*/
.box2 { background-color:#d9d9d9; border:1px solid #cfcfcf; height:1%; margin:0 0 20px; padding:15px; min-height:115px; width:430px; }
.box2.alt { background:#FFFFFF; }
.comm-name, .comm-date { line-height:20px; }


/*=== Styling Lists ===*/

/*=== Styling Forms ===*/
input.btn { background:none; border:0; margin:0; padding:0; }
select { padding:1px; }





/*=== Pics, Thumbs, Ads etc. ===*/
.pic img { display:block; margin:0 15px 8px 0; padding:0; float:left; }
.pic.fl img { }
.pic.fr img { }
.th { display:block; margin:0 0 .5em; }
.th.fl img { margin-right:10px; max-width:40px; }
.banner a img { margin:0 3px; }
.ads img { margin:3px 3px 0 0; }
.widget_flickrRSS img { border:1px solid #cfcfcf; margin:3px; }
.box .ac img { border:0; margin:0; }
.banner { margin:15px 0; }


/*=== Footer ===*/
#page_bottom {
	background: none;
	}
.p_b_line { border-top:1px solid #c5c5c5; margin:20px 0 0; }
#footer {
	color: #727272;
	text-decoration: none;
	font: normal 13px Arial, Verdana, Helvetica, sans-serif;
	margin: 0px auto 0 auto;
	padding: 0;
	width: 962px;
	height: 100px; 
}
#footer a { color:#404040; }
#footer img { float:left; margin:0 0 0 5px; padding:0; }
#footer span { color:#404040; }
#footer .text2 {
	padding: 18px 0 0 0;
	float: right;
	line-height: 1.8em;
	margin-right: 30px;
	text-align: right;
	color: #090;
	text-align: right;
}
#footer .text1 {
	padding: 5px 0 0 0;
	float: left;
	line-height: 1.5em;
	margin-left: 30px;
}


/*=== Misc. ===*/
.fix { clear:both; height:1px; margin:-1px 0 0; overflow:hidden; }
.hl, .hl2 { background:url(../images/hl-dot.gif) repeat-x top; clear:both; height:2px; overflow:hidden; width:100%; }
.hl2 { background:none; border-top:1px solid #e7e7e7; height:1px; margin:0 0 .8em; }
.fl { float:left; }
.fr { float:right; }
.ac { text-align:center; padding:5px 0 0; text-align:center; }
.ac small { padding:5px 0; }
.ac img { border:none; margin:0; padding:0 8px 0 0; }
.ar { text-align:right; }
.noBorder { border:0; }
.font-sm { font-weight:normal; }
.white { color:#FFF; }


/*new style*/
.slider { margin:0; padding:0; height:590px; margin-top:0px;}


/*index*/
.index {
	margin: 0 auto;
	padding: 30px 0 10px 0;   /* EL PADDING BOTTOM SE DEBE AJUSTAR SEGUN EL CONTENIDO YA QUE DA PROBLEMAS CON EL PASTO)*/
}
#pasto {
	background:url(../images/bg-footer-top.png) bottom center repeat-x;
	height:105px;
}

.index_left {
	width: 435px;
	float: left;
	text-align: justify;
	padding-left: 20px;
	padding-bottom:20px;
	font-size:14px;
}
.index_left h2{
	line-height:90%;
}
.index_left b { font-size:13px; color:#3e3e3e; }

.index_right {float:right;margin: 23px 20px 30px 0;}

.index_blog { margin:25px auto 0 auto; padding:7px 0; width:962px; }
.index h2 {
	margin: 0;
	padding: 0 0 10px;
	font-size: 24px;
	font-weight: normal;
	color: #179A35;
}
.index p.underh2 { }
.index .pagename { margin:0 0 24px; padding:0; border:1px solid #ebebeb; }
.index .pagename h2 { padding:24px 32px; font-size:30px; font-weight:normal; line-height:1em; background-color:#dfdfdf; border:1px solid #fff; }
.index .pagename p.follow { padding:22px 32px 0 0; float:right; width:auto; }
.index .pagename p.follow img { margin:-3px 0; border:none; }
.index .index-col {
	margin: 0;
	width: 430px;
	float: right;
	padding-right: 20px;
}
.index .index-col img.icon { margin:-8px 12px 0 0; float:left; border:none; }
.index .index-col2 { margin:0 1px; }
.freshwork { border-top:1px solid #e1e1e1; }
.index .index-col-freshwork { margin:0 0 32px; padding:0px; width:220px; float:left; }
.index .too { margin:0 0 0 28px; }
.index .index-col-freshwork img { border:none; }
.index a { color:#3e3e3e; text-decoration:none; }
.index_right a:link, .index_right a:visited { color: #009; text-decoration:none; font-weight:bold; }
.index_right a:hover { color: #03F; text-decoration: underline; font-weight:bold; }

.index_right b { color:#3E3E3E; }
.index_right a img { float:left; background:#ebebeb; padding:4px; border:1px solid #cfcfcf; margin:0 20px 0 0; }
.index_left a img, .pic img { background:#ebebeb; padding:4px; border:1px solid #cfcfcf; }
.index_left_b_l { width:251px; float:left; }
.index_left_b_r { width:251px; float:right; }
.index a.readmore_silver { color:#fff; background:url(../images/arrow_silver.jpg) no-repeat center top #3f3f3f; padding:12px 7px 5px; text-decoration:none; }
.right_all i { font:normal 11px/1.6em Arial, Helvetica, sans-serif; color:#4f4f4f; }
.Recent { padding:0; margin:0; }
.post .Recent p { font:normal 11px/1.6em Arial, Helvetica, sans-serif; }
.post .Recent p a { color:#973939; text-decoration:none; font:normal 12px/1.8em Arial, Helvetica, sans-serif; }
.post .Recent img { float:left; margin:0 10px 0 0; }
.index img { border:1px solid #d7d7d7; padding:1px; }
.index p { color:#6f6f6f; font:normal 12px/1.8em Arial, Helvetica, sans-serif; }
.line { background:url(../images/dotted_line.jpg) repeat-x; margin: 13px 0; line-height:1px; }



/* jQuery lightBox plugin - Gallery style */
#gallery {
	background-color: #eaf4fb;
	padding: 10px;
	width: 540px;
	margin-top:20px;
	border: #E6E6E6 solid thin;
}
#gallery ul { list-style: none; }
#gallery ul li { display: inline; }
#gallery ul img {
	border: 5px solid #3e3e3e;
	border-width: 5px 5px 5px;
}
#gallery ul a:hover img {
	border: 5px solid #fff;
	border-width: 5px 5px 5px;
	color: #fff;
}
#gallery ul a:hover { color: #fff; }

#gallery h3 { color: #333; background: #fff; padding-left: 10px;}
#gallery p { background:#fff; line-height:6px; padding-top:3px; padding-left:10px;}

.archivos { border:#E6E6E6 solid thin; margin-bottom:20px; padding:3px;}

.iconos {
	background: url(../images/iconos.png) top center no-repeat;
	width: 430px;
	height: 143px;
	border: 0;
	margin: 0 auto;
	padding: 0;
}


.sociales {
	text-align:right;
	float:right;
	right:0;
	height:45px;
	width:150px;
}
.sociales a {
	float:right;
	margin-left:8px;
}

#banner-home {
	background:url(../images/bg-banner-home2.png) center center no-repeat;
	width:430px;
	height:223px;
	margin-top:10px;
	padding-top:10px;
}
#banner-home h3 {
	text-align:center;
	font-size:14px;
	margin-top:10px;
}
#banner-home p {
	text-align:center;
	font-size:14px;
	color:#000;
	padding:10px 0 15px 0;
}
#banner-home2 {
	background:url(../images/bg-banner-home4.png) center center no-repeat;
	width:430px;
	height:83px;
	margin-top:0px;
}
#banner-home2 h3 {
	text-align:center;
	font-size:14px;
	margin-top:10px;
	color:#FFF;
	font-weight:bold;
	text-transform:uppercase;
	padding:20px 15px 0 15px;
}
#banner-home3 {
	background:url(../images/bg-banner-home3.png) center center no-repeat;
	width:430px;
	height:83px;
	margin-top:0px;
}
#banner-home3 h3 {
	text-align:center;
	font-size:16px;
	margin-top:10px;
	color:#FFF;
	font-weight:500;
	text-transform:uppercase;
	padding:20px 15px 0 15px;
}

#aviso {
	background: url(../images/aviso-dic2018.png) center center no-repeat;
	width:254px;
	height:422px;
	margin-top:0px;
	position: absolute;
	top:0;
	right:40px;
	z-index:998;
}

#logo {
	background: url(../images/logo_new.png) top center no-repeat;
	width:942px;
	height:200px;
	margin:0px;
}
#titulo-servicios {
	background: url(../images/bg-tit2.png) top center no-repeat;
	width:942px;
	height:74px;
	margin:-3px auto -30px auto;
}
#titulo-conozcanos {
	background: url(../images/bg-tit1.png) top center no-repeat;
	width:942px;
	height:75px;
	margin:-3px auto -30px auto;
}
#titulo-precios {
	background: url(../images/bg-tit3.png) top center no-repeat;
	width:942px;
	height:75px;
	margin:-3px auto -30px auto;
}
#titulo-comollegar {
	background: url(../images/bg-tit4.png) top center no-repeat;
	width:942px;
	height:75px;
	margin:-3px auto -30px auto;
}
#titulo-contactenos {
	background: url(../images/bg-tit5.png) top center no-repeat;
	width:942px;
	height:75px;
	margin:-3px auto -30px auto;
}
#linea-top {
	background: url(../images/linea-top.png) top center repeat-x;;
	height:16px;
	margin:0px auto -16px auto;
	position: relativa;
	top:0;
}
.servicio {
	background: url(../images/bg-banner-servicios5.jpg) top center repeat-x;;
	height:62px;
	width:430px;
	margin:0px auto;
}
.servicio p{
	color:#FFF;
	font-size:18px;
	text-align:left;
	padding:13px 0 0 70px;
	font-weight:bold;
}
.servicio2 {
	background: url(../images/bg-banner-servicios7.jpg) top center repeat-x;;
	height:62px;
	width:430px;
	margin:0px auto;
}
.servicio2 p{
	color:#FFF;
	font-size:18px;
	text-align: right;
	padding:13px 70px 0 0;
	font-weight:bold;
}
.servicio3 {
	background: url(../images/bg-banner-servicios6.jpg) top center repeat-x;;
	height:62px;
	width:430px;
	margin:0px auto;
}
.servicio3 p{
	color:#FFF;
	font-size:18px;
	text-align:left;
	padding:13px 0 0 70px;
	font-weight:bold;
}
.servicio4 {
	background: url(../images/bg-banner-servicios8.jpg) top center repeat-x;;
	height:62px;
	width:430px;
	margin:0px auto;
}
.servicio4 p{
	color:#FFF;
	font-size:18px;
	text-align: right;
	padding:13px 70px 0 0;
	font-weight:bold;
}
.banner-servicios{
	width:900px;
	height:224px;
	margin:0px auto 20px auto;
	text-align:center;
	background:url(../images/bg-banner-servicios9.jpg) center center no-repeat;
	font-size:16px;
	color:#fff;
	font-family:Tahoma, Geneva, sans-serif;
}
.banner-servicios p{
	font-family:Tahoma, Geneva, sans-serif;
}
.banner-servicios2{
	width:900px;
	height:137px;
	margin:0px auto 20px auto;
	text-align:center;
	background:url(../images/bg-banner-servicios_corto.jpg) center center no-repeat;
	font-size:16px;
	color:#fff;
	font-family:Tahoma, Geneva, sans-serif;
}
.banner-servicios2 p{
	font-family:Tahoma, Geneva, sans-serif;
}
.galeria{
background: #EFEFEF url(../images/bg-galeria.png) bottom right no-repeat;
height:90px;
border: thin #CCC solid;
padding:10px 0 0 10px;
margin-bottom:10px;
}
.galeria a, .galeria-doblelinea a {
	margin:2px;
}
.galeria-doblelinea{
background: #EFEFEF url(../images/bg-galeria-doble.png) bottom right no-repeat;
height:177px;
border: thin #CCC solid;
padding:10px 0 0 10px;
margin-bottom:10px;
}
#banner-precio1{
background: url(../images/bg-banner-precios1.jpg) top right no-repeat;
width:430px;
min-height:350px;
padding:0;
float:left;
}
#banner-precio1 p{
	font-size:50px;
	font-family:"Arial Black", Gadget, sans-serif;
	color:#fff;
	margin:165px 0 0 5px;
	text-align:center;
}
#banner-precio2{
background: url(../images/bg-banner-precios2.jpg) top right no-repeat;
width:430px;
min-height:350px;
padding:0;
float:left;
margin-left:30px;
}
#banner-precio2 p{
	font-size:50px;
	font-family:"Arial Black", Gadget, sans-serif;
	color:#fff;
	margin:165px 0 0 5px;
	text-align:center;
}
.destacado-amarillo {
	color: #FF0;
	font-weight:bold;
}
#mapa {
	width:900px;
	height:938px;
}
button {
	width:200px;
	text-align:center;
	padding:2px 6px;
}


#map-canvas{
width: 100%;
height: 500px;
}

.info-home {
    width:396px;
    margin:0px auto; 
    background:#0cbfef; 
    color:#000; 
    text-align:CENTER; 
    padding:20px 10px; 
    font-size:14px; 
    line-height:100%;
}
.info-home h2 {
    color: #fff;
    font-size: 18px;
    text-transform: uppercase;
    line-height: 110%;
    margin: 0 auto;
    text-align: center;
    padding: 0 0 5px 0;
    font-weight: bold;
}
.info-home span {
    /*color: #fff900;*/
    font-weight: 400;
    display: block;
    margin-bottom: 3px;
    font-weight: bold;
}
.info-home i {
    color: #fff;
    font-weight: bold;
    font-size: 1.2em;
}
.info-home P {
    line-height: 120%;
}
.info-acampar {
    width: 255px;
    margin: 0px auto 25px auto;
    background: url(../images/icono-no-camping.png) center left no-repeat #6F0;
    color: #000;
    text-align: CENTER;
    padding: 10px 20px;
    padding-left: 140px;
    font-size: 12px;
    line-height: 134%;
	background-size: 36%;
    background-position-x: -1%;
}
.importante {
    width:400px; margin:0px auto; background: #f00; color:#000; text-align:center; font-weight:bold; padding:8px; font-size:14px; margin-top:10PX; color: #fff;
}
.advertencia {
    width:400px; margin:0px auto; background: #ffa43d; color:#000; text-align:center; font-weight:bold; padding:8px; font-size:14px; margin-top:10PX;
}
.naranjo {
    background: #ffa43d;
}
.rojo {
    background: #ff0000;
}
.celeste {
    background: #0cbfef;
}
.rosado {
    background: #ffb4f4;
}

#banner {
    border: 1px solid #d3d3d3;
    margin: 0 auto;
    text-align: center;
    float: right;
    margin: 23px 20px 0px 0;
}

/* RESERVAS X WHATSAPP */
div#aviso {
    /* background: aliceblue; */
    display: none;
}

div#reservas {
    border-radius: 10px 0 0 10px;
    color:#fff;
	font-size: 2.5em;
    letter-spacing:1px;
    transform: scale(1);
    position: fixed;
    right: -5px;
    top: 15%;
    /*background: rgba(51, 217, 178, 1);*/
    background: rgb(0 230 117);
    box-shadow: 0 0 0 0 rgba(51, 217, 178, 1);
    animation: pulse-green 2s infinite;
    border: 2px solid rgb(255 255 255 / .8);
    z-index: 9999;
    font-family: 'Londrina Solid', cursive;
    display: none;
}

@keyframes pulse-green {
	0% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(51, 217, 178, 0.7);
	}
	
	70% {
		transform: scale(1);
		box-shadow: 0 0 0 10px rgba(51, 217, 178, 0);
	}
	
	100% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(51, 217, 178, 0);
	}
}

.reserva-icon {
    text-shadow: 2px 2px #8f9a8f;
    padding: 10px;
    padding-right: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.reserva-icon img {
    width: 50px;
    display: inline;
    /*margin-right: 8px;*/
}
#reservas a, #reservas a:visited, #reservas a:link {
    color: white;
}
#reservas a:hover {
    color:#ffff85
}

/***************
cambios 31-1-23
****************/

/*Se agrega btn whatsapp*/
div#direct-msg {
    position: fixed;
    bottom: 7%;
    right: 3%;
    z-index:999;
}
div#direct-msg a:hover:before {
    content:"CONSULTAS / RESERVAS";
    position:absolute;
    display:block;
    text-align: center;
    line-height:120%;
    margin-top:-35px;
    font-weight:bold;
    color:#fff;
    filter: drop-shadow(1px 1px 2px #080808f5);
}
div#direct-msg a img {
    filter: drop-shadow(1px 1px 2px #18251b);
}
div#direct-msg a:hover img {
    filter: drop-shadow(1px 1px 2px #18251b);
    scale:1.1;
    animation: 0.5s linear;
}