html, body {position: relative;height: 100%;}
    body {background: #FFF;color:#000;margin: 0;padding: 0;}
    
	
	.swiper-container {
	/*width: 100%;
	height: 100%;*/
	
	
}



    .swiper-slide {text-align: center;font-size: 18px;background: #fff;
      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }
	
	
	.ui-dialog {background-color:rgba(255,255,255,1.00 ); }
/*---------------------------------------------------------------------------------------------*/

h1 {font-size:30px; font-family: 'Open Sans', sans-serif; text-transform:uppercase; padding:60px 0px 35px 0px;  }
h2 {font-size:20px; font-family: 'Open Sans', sans-serif; text-transform:uppercase;  text-align:center  }



p { font-size:16px; line-height:24px; font-family: 'Open Sans', sans-serif; max-width:940px; margin:0 auto }
a {text-transform:uppercase; color:rgba(0,0,0,1.00)}
hr { border:#f18118 1px solid; width:200px; margin-bottom:50px; margin-top:0px;}


.js_enabled #cookie-message {display: none;}

.img_resp {width:100%;height: auto;}

.clear { clear:both}

.grelha_3 { margin:0 auto; max-width:650px;}
.grelha_3 p { width:200px;  margin:5px;  float:left;}

#conteudos { position:relative; z-index:1}
#topo { margin-top:0px; width:100%;height: auto;}
/*#logo { background:url(../gfx/logo_gr.png) no-repeat left ; width:700px; height:92px; position: absolute; top:20px;}
#topo { position:relative; z-index:2; height:93px; width:100%; display:block; text-align:center; background:url(../gfx/bg_topo.png) repeat-x top center; margin-bottom:900px}*/










#linguas { 
width:100%; 
position:fixed; 
top:10%;
background-image: linear-gradient(to right, rgba(255,255,255,1), rgba(255,255,255,0));
z-index:9

}
.logo_topo {
	margin-left:2%;
	margin-top:-3%;
  float:left;
  width:25%;
 
}

.icons_topo {
	width:160px;
	height:31px;
	float:right;
	margin-top:-40px;
	margin-right:2%;
	}



#pt { 
	background:url(../gfx/pt.png) no-repeat; 
	width:20px; 
	height:13px; 
	display:block; 
	text-indent:-9999px; 
	float: right;
	background-size:100%;
	
		}


		
#en { 
	background:url(../gfx/en.png) no-repeat; 
	width:20px; 
	height:13px; 
	display:block; 
	text-indent:-9999px; 
	float: right;
	margin-top:5px;
	background-size:100%;
	}

#reservas { 
	background:url(../gfx/bt_reservas.png) no-repeat;
	background-size:100%;
	width:128px; 
	height:31px; 
	display:block; 
	text-indent:-9999px; 
	float: left;
	
}


#pt:hover { background-position:0 -13px; }
#en:hover {  background-position:0 -13px;}
#reservas:hover {background-position:0 -31px;}


#reservas_main { background:url(../gfx/bt_reservas.png) no-repeat; background-size:100%;
				width:128px; height:31px; 
				display:block; 
				text-indent:-9999px;
				margin:0 auto;	
}

#reservas_main:hover {background-position:0 -31px;}

#img_topo { background:url(../imagens/casadafidalga.jpg) no-repeat; width:100%; height:auto}


#topo_tec { width:100%; height:35px; background-color:rgba(223,158,18,1.00); position: relative;}
/*#bt_return_tec {position:relative; left:25px; top:10px; display:block; height:25; width:25px;}
#bt_close_tec { position:relative; right:-35px; top:10px; display:block; height:25; width:25px;}*/

#bt_return_tec, #bt_close_tec { color:rgba(255,255,255,1.00); position: absolute;   display:block; text-decoration:none; font-family: 'Open Sans', sans-serif; font-size:30px}

#bt_return_tec {left:25px; top:1px; }
#bt_close_tec {right:25px; top:2px;}
#topo_tec span{color:rgba(0,0,0,1.00); font-family: 'Open Sans', sans-serif; position:absolute;}
#span_left { left:50px; top:15px; font-size:8px; }
#span_right { right:55px; top:14px;font-size:8px; }


.bt_ok_tec { width:150px; height:35px; line-height:35px; border:1px solid #999; background-color:#eaeaea; display:block; text-decoration:none ; margin:0 auto}
.bt_ok_tec:hover {background-color:#F60; color:#FFFFFF; cursor:pointer}


.iframe_mapa { width:100%; height:450px;}


.texto { background-color: #FFF; height: auto; width:100%; display:block; font-size:16px; text-align:center;font-family: 'Open Sans', sans-serif;}
.texto p { padding-bottom:75px;}




#reserva { width:100%; height:600px; display:block; text-align:center; background:url(../imagens/reservas.jpg) no-repeat center fixed ; padding-top:100px;}
#reserva form { background:#FFF; width:650px; margin:0 auto; padding-bottom:35px; opacity: 0.9; filter: alpha(opacity=90); /* For IE8 and earlier */}
#reserva input { width:280px; margin:2px 0px; line-height:20px; padding:2px; border:solid 1px rgba(162,162,162,1.00)}
#reserva textarea {width:568px; height:100px; background-color:#fff; border: #999 solid 1px; font-size:14px; padding:3px; margin-top:2px; font-family: 'Open Sans', sans-serif;}

.bt_enviar { width:100px; height:35px; border:1px solid #999; background-color:#eaeaea; margin-top:20px !important;}
.bt_enviar:hover {background-color:#F60; color:#FFFFFF; cursor:pointer}


.icons { text-align:center; height:58px; width:140px; display:block; margin:0 auto}
.icons a { text-indent:-9999px; float:left;}


.icons_rodape { text-align:center; height:71px; width:150px; display:block; margin:0 auto}
.icons_rodape a { text-indent:-9999px; float:left;}
/*
a#ico_app_rodape { background-color:#F60; background:url(../gfx/livro.png); width:140px; height:58px; display:block; float:left;}
a#ico_app_rodape:hover { background-position:0 -58px;}
*/
a#ico_inst_rodape { background-color:#F60; background:url(../gfx/instagram.png); width:50px; height:70px; display:block; float:left;}
a#ico_inst_rodape:hover { background-position:0 -70px;}

a#ico_face_rodape { background-color: #6C3; background:url(../gfx/facebook.png); width:50px; height:70px; display:block; float:left; margin-right:50px }
a#ico_face_rodape:hover { background-position:0 -70px}

a#ico_livro { background-color:#F60; background:url(../gfx/livro.png); width:140px; height:58px; display:block; float:left; margin:0 auto;  text-align:center; text-indent:-9999px;}
a#ico_livro:hover { background-position:0 -58px;}





#rodape { background-color: #000; text-align:center; height:70px; width:100%}
#rodape p {line-height:70px; color:#FFF; text-transform:uppercase; font-family: 'Open Sans', sans-serif;}

#projeto {  height:auto;   width:100%; display:block; margin:10px auto; text-align:center;}




/* Live Validation */
.LV_validation_message {
	color:#C00 !important;
	display:none;
}

.LV_valid_field,
input.LV_valid_field:hover, 
input.LV_valid_field:active,
textarea.LV_valid_field:hover, 
textarea.LV_valid_field:active {
	border: 1px solid #090 !important;
}

.LV_invalid_field,
input.LV_invalid_field:hover, 
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover, 
textarea.LV_invalid_field:active {
	border: 1px solid #C00 !important;
	color:#C00 !important;
}


#myCookieConsent {
    z-index: 999;
    min-height: 20px;
	font-family: 'Open Sans', sans-serif;
    padding: 10px 20px;
    background: rgba(0,0,0,0.6);
    overflow: hidden;
    position: fixed;
    color: #FFF;
    bottom: 0px;
    right: 10px;
    display: none;
    left: 0;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
}
#myCookieConsent div {
    padding: 5px 0 0;
}
#myCookieConsent a {
    color: #ffba55;
    display: inline-block;
    padding: 0 10px;
}
#myCookieConsent a:hover {
	color: #fda016;
}
#myCookieConsent a#cookieButton {
    display: inline-block;
    color: #000000;
    font-size: 0.9em;
	background: #ffba55;
    text-decoration: none;
    cursor: pointer;
    padding: 5px 30px;
    float: right;
    border-radius: 5px;
}
#myCookieConsent a#cookieButton:hover {
    background: #fda016;
	color: #000;
}

@media screen and (max-width: 950px) {
	.icons_topo {margin-top:10px;}
	
	}



@media screen and (max-width: 646px) {
hr { margin-bottom:40px;}
.texto p { padding:0px 5px 40px 5px;}
#reserva textarea {width:280px;}
#reserva form {width:350px;}







#linguas { top:8%;}
.icons_topo {margin-top:0px;width:120px;height:24px;}
#reservas  { height:24px; width:100px;}
#pt  {width:15px; height:10px}
#en  {margin-right:-15px; margin-top: 14px; width:15px;height:10px}
#pt:hover {background-position:0 -10px;}
#en:hover  {background-position:0 -10px;}
#reservas:hover  {background-position:0 -24px;}





.bt_enviar { width:288px !important;  margin-top:10px !important;}
.grelha_3 { max-width:210px; padding-bottom:50px;}
.grelha_3 p{ padding-bottom:25px}

.swiper-button-next { right:10px}
.swiper-button-prev { left:10px}

#projeto img {  width:460px;}


}


@media screen and (max-width: 540px) {
h1 {font-size:24px;  padding:40px 0px 20px 0px; }
p { font-size:12px; line-height:20px;}
#rodape p {font-size:10px;}

#linguas { top:3%;}
.icons_topo {margin-top:10px;}
#reservas  { height:24px; width:100px}
#pt  { height:10px;}
#en  { height:10px;}
#projeto img {  width:360px; padding-bottom:10px}

	}


@media screen and (max-width: 361px) {
.texto p { padding-left:5px; padding-right:5px}
#reserva form {width:315px;}
#rodape p {font-size:8px;}

#linguas { top:3%;}
.icons_topo {margin-top:5px;}
#reservas  { height:24px; width:100px}
#pt  { height:10px;}
#es  { height:10px;}

}