/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,300,300i&display=swap');


/* ------------------------ INICIO - CUERPO ------------------------- */
body {background: #f4f5f5;}

.cuerpo-top {
	width:100%;
	height:auto;
	background:#6e9c00;
}


.cuerpo-top-contenido {
	width: 1000px;
	height: auto;
	margin: auto;	
}

.cuerpo-top-linea {
	width:100%;
	height:3px;
	background:#3175ff;
}

.cuerpo-logo {
	width:320px;
	height: 80px;
	background: url(../img/logo-destino-entrerios.png) no-repeat;
	
}

.cuerpo-menu {
	width:293px;
	height: auto;
	margin: 0px 0px 0px 715px ;
    background:#6e9c00;
}


.cuerpo {
	width: 1000px;
	height: auto;
	margin: auto;
	padding: 10px 0px 10px 0px;
	display: flex;
    display: -webkit-flex;
    flex-direction: row;
    -webkit-flex-direction: row;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
}

.cuerpo-slider {
	max-width:1000px;
	width:100%;
	height:auto;
	margin:auto;
	
}

#slider {width:100%; height:auto; z-index:1; margin:auto;}
#slider img {width:100%;}

.box-fecha {
	width: 990px;		
	margin: auto;
	padding: 4px 0px 4px 10px;
	font-family: 'Open Sans Condensed', sans-serif;
	text-transform: uppercase;
	font-weight: 400;
    font-size:15px;
    color: #fff;
	background:#3175ff;
}




.bnr-box {
	width: 320px;
	height: 267px;	
	margin: auto;
	margin-bottom: 10px;
}



.atractivo-box {
	width: 320px;
	height: 80px;	
	margin: auto;
	margin-bottom: 10px;
}

.atractivo-icn {
    width: 80px;
	height: 80px;
    float: left;
}

.atractivo-txt {
    width: 230px;
	height: 25px;
    float: left;
    text-align: right;
    padding: 55px 10px 0px 0px;    
    background: #3175ff;	
    font-family: 'Open Sans Condensed', sans-serif;
	font-weight: 400;
    font-size:15px;
    color: #fff;
}



.cuerpo-buscador {
    width: 100%;
    height: auto;
    padding: 5px 0px 15px 0px;
    background: #6e9c00;
}


.buscador-inicio {
	width: 320px;
	height: 30px;
	margin: auto;	
	
    
}

.buscador-inicio input{
	color: #666666;
    	
}

.buscador-campo {
	width: 285px;
	height: 30px;	
	margin: 0px;
	padding: 0px 0px 0px 5px;
	font-family: 'Open Sans', sans-serif;
	font-weight:300;
		
	background:#fff;
    border: 0px;
    border-radius:5px 0px 0px 5px;	
}

.buscador-icn {
	width: 30px;
	height: 30px;
	margin: 0px;
	padding: 0px;
	background:#afc973;
    border-radius:0px 5px 5px 0px;	
}

.buscador-icn:hover {
	background:#6fab05;
}



.cuerpo-aviso {	
	width:1000px;
	height:220px;
	margin:auto;
    margin-top: 20px;
	margin-bottom: 20px;   
	background: url(../img/slide-aviso.jpg) no-repeat;
	   
}



.destino-box {
	width: 155px;
	height: 255px;	
	margin: auto;
	margin-bottom: 10px;
}

.atractivo-img {
    width: 155px;
	height: 187px;    
}
.destino-line {
	width: 155px;
	height: 10px;
	background: #3175ff;    
}


.destino-txt {
    width: 147px;
	height: 26px;        
    padding: 32px 0px 0px 8px;    
    background: #6e9c00;	
    font-family: 'Open Sans Condensed', sans-serif;
	font-weight: 400;
    font-size:16px;
    color: #fff;
}


.cuerpo-base {
	width: 100%;
	height: auto;
	padding: 5px 0px 25px 0px;
	background:#3175ff;
}


.base-box-01 {
	width: 680px;
	height: 54px;
	background: url(../img/base-logo.png) no-repeat;
	margin: auto;

}

.base-box-02 {
	width: 320px;
	height: auto;
	margin: auto
}


.btn-facebook {display:block; float:left; text-indent:-9000%;  margin:0px 0px 0px 232px; }
.btn-facebook {width:39px; height:39px; background:url(../img/icn-fb.png); background-position:0px;}
.btn-facebook:hover {background-position:-39px;}

.btn-instagram {display:block; float:left; text-indent:-9000%;  margin:0px 0px 0px 10px; }
.btn-instagram {width:39px; height:39px; background:url(../img/icn-in.png); background-position:0px;}
.btn-instagram:hover {background-position:-39px;}


.cuerpo-foto-01 {	
	width:1000px;
	height:220px;
	margin:auto;
    margin-top: 20px;
	margin-bottom: 20px;   
	background: url(../img/quienes-somos.jpg) no-repeat;
	   
}

.cuerpo-foto-02 {	
	width:1000px;
	height:220px;
	margin:auto;
    margin-top: 20px;
	margin-bottom: 20px;   
	background: url(../img/quienes-somos-02.png) no-repeat;
	   
}

.cuerpo-foto-03 {	
	width:1000px;
	height:483px;
	margin:auto;
    margin-top: 20px;
	margin-bottom: 20px;   
	background: url(../img/bienestar-01.jpg) no-repeat;
	   
}


.cuerpo-foto-04 {	
	width:1000px;
	height:483px;
	margin:auto;
    margin-top: 20px;
	margin-bottom: 20px;   
	background: url(../img/playa-01.jpg) no-repeat;
	   
}


.cuerpo-foto-05 {	
	width:1000px;
	height:483px;
	margin:auto;
    margin-top: 20px;
	margin-bottom: 20px;   
	background: url(../img/carnaval-01.jpg) no-repeat;
	   
}


.cuerpo-foto-06 {	
	width:1000px;
	height:483px;
	margin:auto;
    margin-top: 20px;
	margin-bottom: 20px;   
	background: url(../img/pesca-01.jpg) no-repeat;
	   
}


.cuerpo-foto-07 {	
	width:1000px;
	height:483px;
	margin:auto;
    margin-top: 20px;
	margin-bottom: 20px;   
	background: url(../img/naturaleza-01.jpg) no-repeat;
	   
}


.cuerpo-foto-08 {	
	width:1000px;
	height:483px;
	margin:auto;
    margin-top: 20px;
	margin-bottom: 20px;   
	background: url(../img/parque-acuaticos.jpg) no-repeat;
	   
}


.box {
	width: 315px;
	height: 450px;
	max-height: 550px;
	background: #e4e4e4;
	margin: auto;
	margin-bottom: 20px;
}

.box a {
	text-decoration: none;
		
}


.box-img {
	width: 315px;
	height: 200px;
}

.box-txt {
	width: 285px;
	height: 195px;
	margin: auto;
	margin-top: 15px;
	font-family: 'Open Sans', sans-serif;
	font-weight:300;
	color:#666666;
	text-align: justify;
	font-size: 16px;
	line-height: 25px;
}

.box-mas {
	width: 100px;
	height: 30px;
	padding: 10px 0px 0px 215px;
	background: #6e9c00;	
	font-family: 'Open Sans', sans-serif;
	font-weight:400;
	color:#FFF;
	text-align: justify;
	font-size: 16px;
}

/* ------------------------ FIN - CUERPO ---------------------------- */
/* ------------------------------------------------------------------ */





/* ------------------------ INICIO - MENU --------------------------- */
.menu_bar {
	display:none;
}

header {
	width:100%;

}

header nav {
	background:#6e9c00;
	z-index:1000;
	max-width:1000px;
	width:100%;
	margin:auto;
}

header nav ul {
	list-style:none;
}

header nav ul li {
	display:inline-block;
	position: relative;
}

header nav ul li:hover {
	background:#3175ff;
}

header nav ul li a {
	display:block;
	text-decoration:none;
	padding:8px 10px 8px 10px;
    font-family: 'Open Sans Condensed', sans-serif;
	font-weight: 300;
    font-size:15px;
    color:#ffffff;
}


header nav ul li:hover .children {
	display:block;
}

header nav ul li .children {
	
	display: none;
	background:#6fab05;
	position: absolute;
	width: 200%;
	z-index:1000;

}

header nav ul li .children li {
	height: 20px;	
	padding: 7px 0px 7px 0px; 
	display:block;
	overflow: hidden;
	border-bottom: 1px solid rgba(255,255,255,.5);

}

header nav ul li .children li a {		
	display: block;
	font-size:14px;
	padding: 0px 0px 0px 20px; 
}


header nav ul li .caret {
	position: relative;
	top:3px;
	margin-left:10px;
	margin-right:10px;

}

@media screen and (max-width: 800px) {
	body {
		padding-top:68px;
	}

	.menu_bar {
		display:block;
		width:100%;
		position: fixed;
		top:0;
		background:#3175ff;
		z-index:1000;
	}

	.menu_bar .bt-menu {
		display: block;
		padding: 15px 20px 15px 20px;
		color: #fff;
		overflow: hidden;	
		font-family: 'Open Sans Condensed', sans-serif;
		font-weight: 300;
		font-size: 25px;
		text-decoration: none;
	}


	header nav {
		width: 100%;
		height: calc(100% - 80px);
		position: fixed;
		right:100%;
		margin: 0;
		overflow: scroll;
	}

	header nav ul li {
		display: block;
		border-bottom:1px solid rgba(255,255,255,.5);
	}

	header nav ul li a {
		display: block;
	}

	header nav ul li:hover .children {
		display: none;
	}

	header nav ul li .children {
		width: 100%;
		position: relative;
	}

	header nav ul li .children li a {
		margin-left:20px;
	}

}

/* ------------------------ FIN - CUERPO ---------------------------- */
/* ------------------------------------------------------------------ */

/* ------------------------ INICIO - TXT ---------------------------- */
h1 { 
	width: 100%;
	font-family: 'Open Sans', sans-serif;
	font-weight:400;
	color:#666;
	text-align:center;
	font-size: 50px;
    padding: 0px;
	margin-bottom: 5px;
}

h2 { 
	width: 100%;
	font-family: 'Open Sans', sans-serif;
	font-weight:300;
	color:#FFF;
	text-align:center;
	font-size: 26px;
    padding: 0px;
	margin-bottom: 5px;
}


h3 { 
	width: 100%;
	font-family: 'Open Sans', sans-serif;
	font-weight:300;
	color:#666;
	text-align:center;
	font-size: 26px;
    padding: 0px;
	margin-bottom: 5px;
}


p {
	width: 100%;
	font-family: 'Open Sans', sans-serif;
	font-weight:300;
	color:#666666;
	text-align: justify;
	font-size: 18px;
	line-height: 30px;
	margin-bottom: 5px;
}



.br {
	width:100%;
	height:20px;
}


#tilde {
	list-style-image: url("../img/tilde.png");
	font-family: 'Open Sans', sans-serif;
	font-weight:300;
	font-size:18px;
	line-height: 30px;
	color:#666666;
	margin:0px 0px 0px 30px;
}

#tilde li {
	margin:0px 0px 20px 0px;
}

/* ------------------------ FIN - TXT ------------------------------- */
/* ------------------------------------------------------------------ */



/* ------------------------ INICIO - MOVIL -------------------------- */



@media screen and (max-width: 800px) {
    
    .cuerpo {
        width: 100%;
        
    }
    
    .cuerpo-top-contenido {
        width: auto;
        
    }

    .cuerpo-menu {
        width:auto;
        height: auto;
        margin: 0px; 
        
    }


    .cuerpo-aviso {	
        width:320px;
        height:288px;
        margin:auto;
        margin-top: 10px;   
		margin-bottom: 20px;    
        background: url(../img/slide-aviso-movil.jpg) no-repeat;
           
    }


	.box-fecha {
		width: 100%;				
	}
	

	.base-box-01 {
		width: 320px;
	
	}



	.cuerpo-foto-01 {	
        width:320px;
        height:288px;
        margin:auto;
        margin-top: 10px;   
		margin-bottom: 20px;    
        background: url(../img/quienes-somos-movil.jpg) no-repeat;
           
    }

	.cuerpo-foto-02 {	
        width:320px;
        height:288px;
        margin:auto;
        margin-top: 10px;   
		margin-bottom: 20px;    
        background: url(../img/quienes-somos-02-movil.png) no-repeat;
           
    }


	.cuerpo-foto-03 {	
        width:320px;
        height:155px;
        margin:auto;
        margin-top: 10px;   
		margin-bottom: 20px;    
        background: url(../img/bienestar-01-movil.jpg) no-repeat;
           
    }

	.cuerpo-foto-04 {	
        width:320px;
        height:155px;
        margin:auto;
        margin-top: 10px;   
		margin-bottom: 20px;    
        background: url(../img/playa-01-movil.jpg) no-repeat;
           
    }


	.cuerpo-foto-05 {	
        width:320px;
        height:155px;
        margin:auto;
        margin-top: 10px;   
		margin-bottom: 20px;    
        background: url(../img/carnaval-01-movil.jpg) no-repeat;
           
    }


	.cuerpo-foto-06 {	
        width:320px;
        height:155px;
        margin:auto;
        margin-top: 10px;   
		margin-bottom: 20px;    
        background: url(../img/pesca-01-movil.jpg) no-repeat;
           
    }


	.cuerpo-foto-07 {	
        width:320px;
        height:155px;
        margin:auto;
        margin-top: 10px;   
		margin-bottom: 20px;    
        background: url(../img/naturaleza-01-movil.jpg) no-repeat;       
    }


	.cuerpo-foto-08 {	
        width:320px;
        height:155px;
        margin:auto;
        margin-top: 10px;   
		margin-bottom: 20px;    
        background: url(../img/parque-acuaticos-01-movil.jpg) no-repeat;
           
    }


	

	p {
		width: 94%;
		margin: auto;
	}

	h1 { 	
		font-size: 35px;
		
	}


}



/* ------------------------ FIN - MOVIL ----------------------------- */
/* ------------------------------------------------------------------ */