@media only screen and (max-width:600px) {
	div#principal, div.texto_reservas {
		padding-top:3%
	}
	div#contenido.localizacao #principal {
		margin-top:0;
		padding-top:0;
	}
div#contenido div#piecontenido img.res_mos {
	width:100%;
}

div#contenido div#piecontenido img.home_mos {
	max-width:100%;
	min-width:100%;
	height:auto;
}

div#contenido div#piecontenido img {
	width:auto;
	margin: 0 auto;
	}
	nav ul li a {
		font-size:140%;
	}

	div#contenido p {
padding:0 1%; 
	}
header nav li.sep {
	display:none;
}
form .gd50, form .gd40, form .gd60 {
	width:100%;
}
form textarea {
	max-width: 85%;
	min-width: 85%;
	padding-left:3%;
	padding-right:3%;
}


div#medio, div#derecha, div#izquierda {
    width: 100%;
    padding: 3% 0;
}
	
    #sep_olas img, img.mos, img.mob2, #sep_olas_pie img, img.estrella_izq, img.estrella_der {
            display: none;
        }
div#medio img {
	    max-width: 94%;
	    min-width: 94%;
	    height:auto;
	    padding:0;
	    border:none;
	    background:none;
	    margin: 3%;
}
img.mob1 {
            display: block;
            margin: 0 auto;
        }

body {
   font-size:12px;
}
#idioma {
    display: none;
}
img#logo {
	width: 190px;
	left: 22%;
	top: 6%;
}
.texto_encabezado, #encabezado.localizacao .texto_encabezado {
	border:none;
	border-radius: 0px;
	position: relative;
	padding: 12px 0 !important;
	top:0;
}

div#encabezado #barra {
   background:none
}

div#principal, #piecontenido {
	margin:10px 0;
}
footer {
	padding-top:15px;
}

#map {
	max-width: 94%
	!important;
	height:320px!important;
	min-width: 94%!important;
	padding-left:3%;
	padding-right:3%;
}
}
@media only screen and (min-width:680px) and (max-width:999px) {

	#izquierda, #medio, #derecha {
	width: 100%;
	}

	h1, h2, h3 {
		text-align:center;
	}

	#contenido {
		width:100%;
		
	}
        .sep_olas img, img.mos, img.mob1 {
            display: none;
        }
        img.mob2 {
            display: block;
        }
}

@media only screen and (max-width:999px) {

	img.mos {
            display: none;
        }
        
}

@media only screen and (min-width:1000px) and (max-width:1279px) {
body {
   font-size:14px;
}

div#contenido img { 
 max-width:94%;
	    min-width:94%;
	    height:auto;
}

img.estrella_izq, img.estrella_der {
 display:none;
 }

	#barra a img {
   width: 4%;
   height:auto;
}

div#sep_olas img {
    margin-top: -4%;
}


    nav ul li a, nav ul li {
	font-size: 180%;
}

#encabezado h1 {
    font-size: 200%;
}

nav{
    right: 4%;
    top: 67px;
   }
    img#logo {
    top: 40px;
    left: 0.5%;
    max-width:27%;
    min-width:27%;
    height:auto;
}

div#encabezado #barra {
	height:42px;
}

header {
    position: absolute;
    left: 50%;
    margin-left: -500px;
    width: 1000px;
    top: 0;
    border: none;
    z-index: 2;
}
.texto_encabezado {
    right: 25px;
    /* text-align: center; */
    top: 200px;
 }
   
}
@media only screen and (max-width:960px) {
/*#encabezado img {
	    max-width:100%;
	    min-width:100%;
	    height:auto;
	    padding:0;
	    border:none;
	    background:none;
	}*/

	#contenido, #piecontenido, footer .centerpie {
  
		width:100%
	}

	header {
    position: static;
    margin-left: 0px;
    width: 100%;
    top: 0;
    border: none;
}
#encabezado header h1, #encabezado header h2, #encabezado header h3 {
	font-size: 170%;
	text-align: center;
	margin: 0;
	padding: 0;
}

#encabezado .texto_encabezado {
	top:0;
	margin:0;
	padding:0%;
	width:100%;
}

}
@media only screen and (min-width:400px) {
div#contenido img {
	       padding:0;
	       /* border: 4px white solid; */
	     /*  border-radius: 15px; */
}
}
@media only screen and (max-width:600px) {

body {
	text-align:center;
}

body.menu_ab {
	margin-left: 111px;
	overflow: hidden;
	background: #4C4C4C;
}

#piecontenido .gd33 {
	    width:100%;
	    
	}
	span.resp {
    display: block;
    margin: 18px 0 0 0px;
}

span.resp_sep {
    display: none;
}

nav {
	display: none;
	height:100px;
	width: 120px;
	left: -120px;
	top: 0;
	}

nav ul {
	
	background:gray;

}
nav ul li {
	display: list-item;
	padding:2px 8px;
	line-height:20px
;
	background: #232323;
	border-bottom: 2px solid #84D1DE;
}

a {
    text-decoration: none;
    color: white;
}
i.boton_menu {
	display:block
	;
	cursor: pointer;
	z-index: 9999999;
}
i.boton_menu:active {
	color:orange;
}

}