/*scroll sempre visivel*/
#mozscroll { position: absolute; top: 0px; bottom: -1px; visibility: hidden }

html, body {height:100%;}
* {margin: 0;padding: 0;}
body {font-family:Arial, Helvetica, sans-serif; color:#303030; background:#FFFFFF; padding-top: 0px;}

/*.clearfix usado para adicionar um espaço vazio antes e depois dos elementos evitando que os floats se aglomerem.*/
.clearfix:before, .clearfix:after {content: " ";display: table;}
.clearfix:after {clear: both;}
.clearfix {*zoom: 1;}

/*alinhamento do rodape sempre ao fundo - s n quiser retirar position aqui e no footer*/
#geral {
	min-height:100%;
	position:relative;
}

.center{margin: 0 auto;max-width:905px; width:98%;padding-left:1%;padding-right:1%;} /*largura máxima do layout*//*ajuste do layout à tela*/
	@media only screen and (max-width:570px), only screen and (max-device-width:570px){
	.center{margin: 0 auto;text-align:center;width:98%;padding-left:1%;padding-right:1%;}}
.center1{margin: 0 auto;max-width:905px; padding-left:1%;padding-right:1%;}


#atalhotop {
    position: fixed;
    /*width: 13px;*/
    display: inline-block;
    right: 5px;
    bottom: 5px;
    background: #f2f2f2;
    opacity: 0.8;
    border: 1px solid #333;
    padding: 1px 8px 5px 8px;
    color: #ffffff;
    text-decoration:none;
    z-index:2;
}
    #atalhotop a:hover {
        color: #000000;
        text-decoration: none;
    }

#header {clear:both; width:100%;height:200px;position:fixed;z-index:2;}
	/*@media only screen and (max-width:800px), only screen and (max-device-width:800px){#header{clear:both; width:100%;height:250px;position:fixed;z-index:2;}}
	@media only screen and (max-width:350px), only screen and (max-device-width:350px){#header{height:auto;position:absolute;}}
	*/
#menuredes {background-color:#F2F2F2; width:100%;min-height:32px;padding: 5px 0 3px;}
	.menumenu {float:left;}
	.redes {text-align:right;padding-top:5px;}
		@media screen and (max-width:840px){	
			.menumenu {float:none; font-size: 11px; color:#FFFFFF;}
			.redes{float:none; padding-top: 8px; text-align:center;}
		}
	
	/***nav - menu de navegação***/
	nav{
		text-align:left; /*alinha os links à direita*/		
		font-family: Trebuchet MS, sans-serif; 
		font-size: 16px; 
		padding: 0px 0px;	
	}
	nav ul{list-style-type:none;} /*retira os marcadores da lista*/
		nav li {display: inline;} /*deixa o menu na horizontal*/
		nav ul li a{
			margin-right: 10px; /*espaço à direita de cada link do menu*/
			font-size: 16px;
			display:inline-block;text-decoration: none;
			color:#000000;padding: 5px 10px;
		}
		nav ul li:nth-child(7) a{margin-right:0px;}/*indica que o 5º elemento da lista (contato) terá a margem direita zerada*/
		nav a.ativo:link, nav a:hover{
			text-decoration: none;
			font-size: 16px;
			display:inline-block;
			color: #FFFFFF;
			background-color: #005a00;
			padding: 5px 10px;
		}
		.ativo {
			color: #FFFFFF;
			background-color: #005a00;
			font-size: 16px;   
			text-decoration: none;
		}				
	nav .show-menu {
		background: #005a00; padding: 10px 0px; text-align: center; 
		color: #FFFFFF;
		text-decoration: none; display: none;
	}
	nav input[type=checkbox] {display: none; -webkit-appearance: none;}
	nav input[type=checkbox]:checked ~ #menu {display: block;}
	@media only screen and (max-width:685px), only screen and (max-device-width:685px){
		nav ul{
			margin: 0px; padding: 0px; list-style-type: none; position: absolute;
		}
		/*nav ul li a{color:#FFFFFF;}*/
		nav ul li a{
			margin-right: 0px; /*espaço à direita de cada link do menu*/
			font-size: 16px;
			display:inline-block;text-decoration: none;
			color:#FFFFFF;padding: 5px 0px;
		}

		nav li {margin-right: 1px; float: left; display: inline-block;}
		nav li a {
			background: #000000; height: 50px; text-align: center; color:#FFFFFF;line-height: 50px; 
			text-decoration: none; display: block; min-width: 140px;
		}
		
		nav a.ativo:link, nav a:hover{
			text-decoration: none;
			font-size: 16px;
			display:inline-block;
			color: #FFFFFF;
			background-color: #005a00;
			padding: 5px 0px;
		}
		nav li:hover a {background: #005a00;color:#FFFFFF;}
		nav li:hover ul a {
			background: #000000; height: 40px; color:#FFFFFF; line-height: 40px;
		}
		nav li:hover ul a:hover {background: #005a00; color:#FFFFFF;}
		nav li ul {display: none;}
		nav li ul li {float: none; display: block;}
		nav li ul li a {padding: 0px 20px; width: auto; min-width: 100px;color:#FFFFFF;}
		nav ul li a:hover + .hidden {display: block;}
		nav .hidden:hover {display: block;}

		/*@media screen and (max-width:760px)
		{*/
		nav ul {display: none; position: static;}
		nav li {margin-bottom: 1px;}
		nav ul li {width: 100%;}
		nav li a {width: 100%;}
		nav .show-menu {display: block;}
		/*}*/
	}

.alignidioma{text-align:right;}
		@media only screen and (max-width:800px), only screen and (max-device-width:800px)
			{.alignidioma{text-align:center;}}
		
#logotitulo {display:block;height:0px;text-indent:-9999px}
#logo{clear:both;
	height:130px;
	text-align:center;margin: 0 auto;max-width:905px; 
}
	@media only screen and (max-width:570px), only screen and (max-device-width:570px){
		#logo{height:auto;text-align:center;width:100%; }		
	}
	@media only screen and (max-width:320px), only screen and (max-device-width:320px){#logo a img{width: 96%; padding-left:2%;padding-right:2%;}}

/*para não ir para baixo do footer*/
#conteudo {clear:both;padding-bottom: 32px;/*198px;*/}
@media only screen and (max-width:800px), only screen and (max-device-width:800px){#conteudo{clear:both;padding-bottom: 335px;}}
@media only screen and (max-width:570px), only screen and (max-device-width:570px){#conteudo{clear:both;padding-bottom: 490px;}}
@media only screen and (max-width:300px), only screen and (max-device-width:300px){#conteudo{clear:both;padding-bottom: 510px;}}
/*
@media only screen and (max-width:860px), only screen and (max-device-width:860px){#conteudo{padding-bottom:340px;}}
@media only screen and (max-width:570px), only screen and (max-device-width:570px){#conteudo{padding-top:155px;}}*/

	
.divisao {
	display: block;
	padding-top: 0px;
	position: relative;
	z-index: 999;
	background: #f2f0f0;
	padding-bottom: 1px;
	border-bottom: 1px solid #dddbdb;
	box-shadow: 0 1px 5px #ccc;
}
.divisaotitulo {	background-image:url(../images/separador.png);height:15px;background-position:left;}

h1 { /*logo*/
	color: #005a00;
	font-size: 1px;
	MARGIN: 0px 0px 0px 0px;
	PADDING: 0px 0px 0px 0px;
}
h2{	/*TITULO PRINCIPAL*/
	height:30px;
	padding-top:20px;
	/*padding-left:5px;*/
	color: #005a00;
	font-size: 25px;/*30px;*/
	/*font-family: Arial, Helvetica, sans-serif;	
	/*border-bottom: 1px solid #b3b3b3;*/
	font-family: Trebuchet MS, sans-serif; 
	text-decoration:none;
	font-weight:none;
}

h2.sub{	
	MARGIN: 0 0 0 0;
	PADDING: 0 0 0 0;
	color: #303030;
	font-size: 23px;
	font-family: Arial, Helvetica, sans-serif;	
	/*border-bottom: 1px solid #b3b3b3;*/
}

h3{  /*noticias*/
	font-weight:normal;
	color: #303030;
	font-size: 24px;
	font-family: Arial, Helvetica, sans-serif;	
	padding-bottom:4px;
	padding-top:5px;
}
h3.sub1{  /*link noticias homepage*/

	font-size: 12px;
	/*line-height: 1.5em;*/
	color: #303030;
	font-family: Arial, Helvetica, sans-serif;	
	letter-spacing: 0px;
}
h3.sub{  /*link noticias homepage*/

	font-size: 13px;
	/*line-height: 1.5em;*/
	font-weight:bold;
	color: #005a00;
	font-family: Arial, Helvetica, sans-serif;	
	letter-spacing: 0px;
}
h3.sub a{ 
	MARGIN: 0 0 0 0;
	PADDING: 0 0 0 0;
	font-size: 13px;
	line-height: 1.5em;
	font-weight:bold;
	color: #005a00;	
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;	
	letter-spacing: 0px;
}
h3.sub a:hover{ 
	MARGIN: 0 0 0 0;
	PADDING: 0 0 0 0;
	font-size: 13px;
	line-height: 1.5em;
	font-weight:bold;
	color: #005a00;	
	text-decoration: underline;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: 0px;	
}
h3.sub2{  /*link noticias*/
	MARGIN: 0 0 0 0;
	PADDING: 0 0 0 0;
	color: #005a00;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
}
h3.sub2 a{ 	
	MARGIN: 0 0 0 0;
	PADDING: 0 0 0 0;
	color: #005a00;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-decoration:none;	
}
h3.sub2 a:hover{	
	MARGIN: 0 0 0 0;
	PADDING: 0 0 0 0;
	color: #005a00;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-decoration:underline;		
}
/******************************************/
a{font-size: 12px; text-decoration: none; color: #005a00;cursor:pointer;}
a:hover {text-decoration: underline; color: #005a00;}

.textoesq{line-height: 1.5em; color:#303030; font-size:13px;}
.textoesq a{line-height: 1.5em; color:#303030; font-size:13px;}

.textodir{line-height: 1.5em; color:#303030; font-size:13px; text-align:right;}
.textodir a{line-height: 1.5em; color:#303030; font-size:13px; text-align:right;}

.texto{line-height: 1.5em; text-align: justify; color:#303030; font-size:13px;}
.texto a{text-align: justify; color:#005a00; font-size:13px;}
.texto a.hover{text-align: justify; color:#005a00; font-size:13px;}

.textoc{font-size: 12px; line-height: 1.5em;}
.texto1{font-family:verdana; font-size:9px; color: #7F7F7F;}

.data{	font-size: 11px; text-align: justify; font-weight:bold;	padding:0px 0px 0px 0px; color:#b3b3b3;}

.textoleft{color:#303030; font-size:13px; text-align:left;}

/***PORTFOLIO***/
#portfolio
{
	margin: 0 auto;
	width: 100%;
}
.portfoliomeio
{	
	margin:0px 1% 0px 1%;width:22.5%;
	display:inline-block;/*float:left; funcionaria mal as quebras e desalinhava*/
	vertical-align:top;
	padding-bottom:10px;
}
	@media only screen and (max-width:830px), only screen and (max-device-width:830px){
	.portfoliomeio
	{	
		margin:0px 0% 0px 0%;width:32.667%;
		display:inline-block;
		vertical-align:top;
		padding-bottom:10px;
	}
	}
.portfoliomeio p,.portfoliomeio p
{
	/*height:65px;*/
	max-width:210px;
}
	@media only screen and (max-width:555px), only screen and (max-device-width:555px)
		{.portfoliomeio{margin:0px 1% 0px 1%;width:48%;display:inline-block;}}
	@media only screen and (max-width:350px), only screen and (max-device-width:350px)
		{.portfoliomeio{width:98%;text-align:center;}}
.portfoliomeio img{max-width:210px;}/*transition:all 0.5s ease-in-out;*/
	@media only screen and (max-width:905px), only screen and (max-device-width:905px)
		{.portfoliomeio img{width:100%;}}

#paginas{clear:both;margin: 0 auto; width: 100%; text-align: left;}
.pagina{text-align:center; float:left; text-align: left; height:40px;}

/*index*/
#resumo
{
	margin: 0 auto;
	width: 100%;
}
	#resumotexto{float:left;width:50%;}
	#resumoform{float:right;padding-left:1%;width:49%;}
	
	@media screen and (max-width:685px){	
		#resumotexto{float:none;width:100%;}
		#resumoform{float:none;width:100%;}
	}

/*RESERVAS*/
#reservas
{
	margin: 0 auto;
	width: 100%;
}
	#reservatexto{float:left;width:50%;}
	#reservaform{float:right;padding-left:2%;width:48%;}
	
	@media screen and (max-width:685px){	
		#reservatexto{float:none;width:100%;}
		#reservaform{float:none;width:100%;}
	}
/*RESERVAS*/
#contactos
{
	margin: 0 auto;
	width: 100%;
}
	#contactostexto{float:left;width:50%;}
	#contactosform{float:right;padding-left:1%;width:49%;}
	
	@media screen and (max-width:685px){	
		#contactostexto{float:none;width:100%;}
		#contactosform{float:none;width:100%;}
	}
/*** FOOTER ***/
.textocertificado{line-height: 1.5em; text-align: right; color:#303030; font-size:13px;}
		@media only screen and (max-width:800px), only screen and (max-device-width:800px)
	{
		.textocertificado{line-height: 1.5em; text-align: left; color:#303030; font-size:13px;}
	}
		@media only screen and (max-width:570px), only screen and (max-device-width:570px)
	{
		.textocertificado{line-height: 1.5em; text-align: center; color:#303030; font-size:13px;}
	}
.textocertificado p img{max-width:90px;max-height:90px;}
footer
{
	clear:both; /*limpa os floats anteriores, para este não ficar sobreposto*/
	margin: 0 auto;
	width: 100%;
	position:absolute;
	height:32px;/*198px; */
	text-align:center;
	bottom: 0;
}
	@media screen and (max-width:800px){
		footer
		{
			clear:both; /*limpa os floats anteriores, para este não ficar sobreposto*/
			margin: 0 auto;
			width: 100%;
			position:absolute;
			height:334px; 
			text-align:left;
			bottom: 0;
		}
	}
	.links ul {list-style-type: none; padding: 0px; margin: 0px;}
	.links ul li {color:#303030; line-height: 1.5em; color:#303030; font-size:13px;}
	.links ul li a {color:#303030;}
	.links ul li a:hover{color:#303030;}

	#rodape{padding-top:20px; width: 100%;background-color:#F2F2F2;/*padding-bottom:20px*/}
	#rodape h2{	
		color: #005a00;
		font-family: Trebuchet MS, sans-serif; 
		text-decoration:none;
		font-weight:none;
		padding:0px 0px 0px 0px;font-size: 1.250em
	}
	.rodape1
	{	
		margin:0px 0% 0px 0%;width:32.667%;
		display:inline-block;
		vertical-align:top;
		padding-bottom:20px;
		text-align:left;
	}
		.align1{text-align:right;}
		@media only screen and (max-width:800px), only screen and (max-device-width:800px)
			{.rodape1{margin:0px 1% 0px 1%;width:47%;display:inline-block;}
			.align1{text-align:left;}}
		@media only screen and (max-width:570px), only screen and (max-device-width:570px)
			{.rodape1{width:98%;text-align:center;}}

	#rodapefundo
	{	
		background-color:#303030; 
		height:18px; 
		text-align:center;
		padding: 10px 0px 5px 0px;
		bottom: 0;
	}
	.copyright {float:left; font-size: 11px; color:#FFFFFF;}
	.madein {color:#FFFFFF;font-size: 12px;}
	.madein a{color:#FFFFFF; text-decoration: none;}
	.madein a:hover{color:#005a00; text-decoration: underline;}

	.madein{float:right;}
	@media screen and (max-width:570px){	
		footer
		{	
			clear:both;
			background-color:#303030; /*n por altura*/
			text-align:center;
			/*padding: 20px 0px;*/height:auto;
		}
		#rodapefundo
		{	
			background-color:#303030; 
			height:43px; 
			text-align:center;
			padding: 10px 0px 5px 0px;
			bottom: 0;
		}
		.copyright {float:none; font-size: 11px; color:#FFFFFF;}
		.madein{float:none; padding-top: 8px; text-align:center;}
	}
/**************************/
.button1{height:26;color:#fff; background:#005a00; padding:5px 11px 5px 11px; text-decoration:none; font-size: 12px;font-weight:bold; border:0px;}
.button1:hover{text-decoration:none; background:#E1E1E3; color:#313030;font-size: 12px;font-weight:bold;}
.button1 a{height:26;color:#fff; background:#005a00; padding:5px 11px 5px 11px; text-decoration:none; font-size: 12px;font-weight:bold;}
.button1 a:hover{text-decoration:none; background:#E1E1E3; color:#313030;font-size: 12px;font-weight:bold;}

.button11{height:18;color:#313030; background:#E1E1E3; padding:2px 6px 2px 6px; text-decoration:none; font-size: 12px;font-weight:bold;}
.button11:hover{text-decoration:none; background:#E1E1E3; color:#313030;font-size: 12px;font-weight:bold;}
.button11 a{height:18;color:#313030; background:#E1E1E3; padding:2px 6px 2px 6px; text-decoration:none; font-size: 12px;font-weight:bold;}
.button11 a:hover{text-decoration:none; background:#E1E1E3; color:#313030;font-size: 12px;font-weight:bold;}
.button111 {height:18;color:#FFFFFF; background:#005a00; padding:2px 6px 2px 6px; text-decoration:none; font-size: 12px;font-weight:bold;}

.form1 input {
	width:100%;
	height:24px;
	font-family:verdana;
	font-size:9px;
	color: #7F7F7F;
	padding:1 0 0 9px;
	border-color:#D5D5D5;
	border-style:solid;
	border-width:1px;
	background-color:#ffffff;
}

/*form reservar e contactos*/
form { margin:0px; padding:0px}
.form input {
	width:100%;
	height:30px;
	font-family:verdana;
	font-size:9px;
	color: #7F7F7F;
	padding:1 0 0 9px;
	border-color:#D5D5D5;
	border-style:solid;
	border-width:1px;
	background-color:#ffffff;
}
.form textarea {
	
	width:100%;
	height:170px;
	font-family:verdana;
	font-size:10px;
	color:#7F7F7F;
	overflow:hidden;
	padding:7 0 0 9px;
	border-color:#D5D5D5;
	border-style:solid;
	border-width:1px;
	background-color:#ffffff;
}
.form select{
	/*width:425px;*/
	height:18px;
	font-family:verdana;
	font-size:10px;
	padding:1 0 0 1px;
}
.form .texto {
	font-family:verdana;
	font-size:10px;
	color: #7F7F7F;
}

#parte_email {
    float: left;
    width: 49%;
}

#parte_telefone {
    float: right;
    width: 49%;
}

@media screen and (max-width:550px) {
    #parte_email, #parte_telefone {
        float: none;
        width: 100%;
        padding-bottom: 1%;
    }
}

.form3 input {
    width: 98%;
    height: 30px;
    padding: 0px 0px 0px 2%;
    font-family: 'Oswald', sans-serif;
    color: #333;
    font-size: 11px;
    /*
    font-family: Segoe UI,sans-serif;
    font-size: 14px;
    color: #6e7d96;*/
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.63;
    letter-spacing: normal;
    /*border-radius: 5px;*/
    /*background-color: #edf0f6;*/
    background-color: #ffffff; /*var(--pale-grey);*/
    border: solid 1px #7f7f7f;
}

.form3 textarea {
    width: 98%;
    height: 170px;
    padding: 4px 0px 0px 2%;
    /*font-family: Segoe UI,sans-serif;
    font-size: 12px;*/
    font-family: 'Oswald', sans-serif;
    color: #333;
    font-size: 11px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.63;
    letter-spacing: normal;
    /*border-radius: 5px;*/
    background-color: #ffffff;
    border: solid 1px #7f7f7f;
}

.form3 input[type=submit] {
    /*padding: 0px 0px 0px 0px;
    font-family: 'Oswald', sans-serif;
    font-size: 11px;
	font-style:normal;
	font-weight:300;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 2.4px;
    color: #333;
    width: 60.5px;
    height: 35px;
    border: solid 1px #333;
    background-color: #FFFFFF; 
    -webkit-transition-duration: 0.4s; 
    transition-duration: 0.4s;
     */
    background-color: #005a00;
    font-family: 'Oswald', sans-serif;
    font-size: 11px;
    font-style: normal;
    font-weight: 300;
    line-height: auto;
    width: 60.5px;
    text-transform: uppercase;
    color: #FFFFFF;
    padding: 0px 0px 0px 0px;
    text-decoration: none;
    border: 0px;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
}

    .form3 input[type=submit]:hover {
        /*padding: 0px 0px 0px 0px;
    font-family: 'Oswald', sans-serif;
    font-size: 11px;
	font-style:normal;
	font-weight:300;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 2.4px;
    color: #FFFFFF;
    width: 60.5px;
    height: 35px;
    border: solid 1px #FFFFFF;
    background-color: #333; */
        background-color: #E1E1E3;
        font-family: 'Oswald', sans-serif;
        font-size: 11px;
        font-style: normal;
        font-weight: 300;
        line-height: auto;
        width: 60.5px;
        text-transform: uppercase;
        color: #313030;
        padding: 0px 0px 0px 0px;
        text-decoration: none;
    border: 0px;
        -webkit-transition-duration: 0.4s;
        transition-duration: 0.4s;
    }


    /*.button1{height:26;color:#fff; background:#005a00; padding:5px 11px 5px 11px; text-decoration:none; font-size: 12px;font-weight:bold;}
.button1:hover{text-decoration:none; background:#E1E1E3; color:#313030;font-size: 12px;font-weight:bold;}
.button1 a{height:26;color:#fff; background:#005a00; padding:5px 11px 5px 11px; text-decoration:none; font-size: 12px;font-weight:bold;}
.button1 a:hover{text-decoration:none; background:#E1E1E3; color:#313030;font-size: 12px;font-weight:bold;}*/




.form3 select {
    width: 100%;
    height: 30px;
    padding: 4px 0px 0px 2%;
    font-family: 'Oswald', sans-serif;
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #333;
    /*border-radius: 5px;*/
    background-color: #ffffff;
    border: solid 1px #333;
}



.grelha-items img {max-width: 96%; /* border-radius: 8px;*/}

    .grelha-items {
        margin: 0px 1% 0px 1%;
        width: 22%;
        display: inline-block;
        vertical-align: top;
        padding-bottom: 10px;
        text-align: center; 
    } 

    @media only screen and (max-width:955px), only screen and (max-device-width:955px) {
        .grelha-items {
            margin: 0px 1% 2% 1%;
            width: 31.333%;
            display: inline-block;
            vertical-align: top;
            padding-top: 10px;
            padding-bottom: 10px;
            text-align: center;
        }
    }
@media only screen and (max-width:800px), only screen and (max-device-width:800px) {

    .grelha-items {
        margin: 0px 1% 2% 1%;
        width: 31.333%;
        display: inline-block;
        vertical-align: top;
        padding-top: 10px;
        padding-bottom: 10px;
        text-align: center;
    }
}

    @media only screen and (max-width:450px), only screen and (max-device-width:450px){

        .grelha-items {width:98%; margin-top:2px;text-align:center;}
    }   

    /**REDES PARTILHA**/
.fb_iframe_widget {
vertical-align:top;
}