@charset "UTF-8";
/* CSS Document */

#content {
	height: 100% !important;

}

img#btvoltar {
	margin-left:1.5em;
	margin-top:1em;
	width: 127.1px;
}

img#btback {
	margin-left:1.5em;
	margin-top:1em;
	width: 161.1px;
}

img#btretourne {
	margin-left:1.5em;
	margin-top:1em;
	width: 184.1px;
}

#boxtop {
	margin:0 auto;
	display:flex;
	justify-content:center;
	padding-right:0.5em;
	align-items:center;
}


.linedt {
	width:11em;
	float:left;
	margin-top:8em;
}

img#quadro {
	float:left;
	margin-top:5.2em;
	padding-right:1.5em;
	padding-left:1em;
}

#zonas {
	text-align:center;
	color:#ea6e7e;
	font-family: 'Amatic SC';
	letter-spacing:0.07em;
	font-size:1.5em;
	margin-bottom:3em;
}


span#space {
	padding-left:0.5em;
}
#boxbotoes {
	padding-bottom:5em;
	margin-top:2em;
}

ul#botoes {
	margin:0 auto;
	display:flex;
	justify-content:center;
}

li#btrequisitar a {
	border-radius: 9px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	text-align:center;
	letter-spacing:0.1em;
	color:#FFF;
	width:18.8em;
	background-color:#cde6d9;
	float:right;
	padding: 15px 17px;
}


li#btrequisitar a:hover {
	background-color:#deefe7;
}


#txtgeral, p#txtgeral2 {
	width:34em;
	text-align:center;
	margin:0 auto;
	color:#8c8c90;
	font-family: 'Muli', sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	line-height:2em;
}


p.entrel {
	margin-bottom:2em;
}

img#mesa {
	margin:0 auto;
	display:flex;
	margin-top:6em;
	margin-bottom:4em;
}

#linedot {
	margin:0 auto;
	width:52em;
}


footer {
	margin-top:4em;
}


@media only screen and (min-width: 320px) and (max-width: 365px) {
	
	img#btvoltar, img#btback, img#btretourne {
		margin-top: 4em;
		position: absolute;
	}
	
	
	img#btvoltar {
		width: 33%;
	}
	
	img#btback {
		width: 35%;
	}
	
	
	img#btretourne {
		width: 40%;
	}
	
	img#quadro {
		width: 91%;
		height: auto;
		margin-top: 0%;
		margin-left: 3%;
	}
	
	
	#zonas {
		margin-bottom: 12%;
		margin-top: 6%;
	}
	
	ul#botoes {
		width: 50%;
	}
	
	bt#btrequisitar {
		width: 60%;
		margin-top: 5%;
	}
	
	img#mesa {
		width: 63%;
		height: auto;
		margin-top: 5em;
	}
	
	
	#txtgeral {
		width: 78%;
	}
	
	p#txtgeral2 {
		width: 17em;
	}
	
	.linedt {
		display: none;
	}
	
	#linedot {
		overflow: hidden;
		width: 96.5%;
	}
}

@media only screen and (min-width: 366px) and (max-width: 413px) {
	
	img#btvoltar, img#btback, img#btretourne {
		margin-top: 4em;
		position: absolute;
	}
	
	
	img#btvoltar {
		width: 33%;
	}
	
	img#btback {
		width: 35%;
	}
	
	
	img#btretourne {
		width: 40%;
	}
	
	
	img#quadro {
		width: 91%;
		height: auto;
		margin-top: 0%;
		margin-left: 3%;
	}
	
	
	#zonas {
		margin-bottom: 12%;
		margin-top: 6%;
	}
	
	ul#botoes {
		width: 50%;
	}
	
	bt#btrequisitar {
		width: 60%;
		margin-top: 5%;
	}
	
	img#mesa {
		width: 63%;
		height: auto;
		margin-top: 5em;
	}
	
	
	#txtgeral {
		width: 78%;
	}
	
	p#txtgeral2 {
		width: 17em;
	}
	
	.linedt {
		display: none;
	}
	
	#linedot {
		overflow: hidden;
		width: 96.5%;
	}
}

@media only screen and (min-width: 414px) and (max-width: 479px) {
	
	img#btvoltar, img#btback, img#btretourne  {
		margin-top: 4em;
		position: absolute;
	}
	
	img#btvoltar {
		width: 33%;
	}
	
	img#btback {
		width: 37%;
	}
	
	
	img#btretourne {
		width: 42%;
	}
	
	
	img#quadro {
		width: 83%;
		height: auto;
		margin-top: 0.2em;
	}
	
	
	#zonas {
		margin-bottom: 12%;
		margin-top: 6%;
	}
	
	ul#botoes {
		width: 50%;
	}
	
	bt#btrequisitar {
		width: 60%;
		margin-top: 5%;
	}
	
	img#mesa {
		width: 63%;
		height: auto;
		margin-top: 5em;
	}
	
	
	#txtgeral {
		width: 65%;
	}
	
	p#txtgeral2 {
		width: 17em;
	}
	
	.linedt {
	display: none;
	}
	
	#linedot {
		margin: 0 auto;
		width: 25.3em;
		overflow: hidden;
	}
	
}

@media only screen and (min-width: 480px) and (max-width: 599px) {
	
	img#btvoltar, img#btback, img#btretourne  {
		margin-top: 4em;
		position: absolute;
	}
	
	img#btvoltar {
		width: 31%;
		top: 0 !important;
	}
	
	img#btback {
		width: 30%;
	}
	
	
	img#btretourne {
		width: 34%;
	}
	
	
	img#quadro {
		width: 82%;
/*		height: auto;
*/		margin-top: 7%;
		padding: 0;
	}
	
	
	#zonas {
		margin-bottom: 6%;
		margin-top: 6%;
	}
	
	ul#botoes {
		width: 50%;
	}
	
	bt#btrequisitar {
		width: 60%;
		margin-top: 5%;
	}
	
	img#mesa {
		width: 46%;
		height: auto;
		margin-top: 5em;
	}
	
	
	#txtgeral {
		width: 67%;
	}
	
	p#txtgeral2 {
		width: 17em;
	}
	
	
	#boxtop {
		width: 93%;
		padding: 0;
	}
	
	.linedt {
		width: 11em;
	}
	
	#linedot {
		margin: 0 auto;
		width: 28.5em;
		overflow: hidden;
	}
	
}
	
@media only screen and (min-width: 600px) and (max-width: 680px) {
/* For tablets: */ 

	img#btvoltar, img#btback, img#btretourne  {
		margin-top: 4em;
		position: absolute;
	}
	
	img#btvoltar {
		width: 23% !important;
		top: 0 !important;
	}
	
	img#btback {
		width: 27%;
	}
	
	
	img#btretourne {
		width: 30%;
	}
	
	/*Header*/
	
	
	header {
		height: 30em;
	}
	
	
	#content {
		margin-top: 14px !important;
	}
	
	
	/*Content*/

	img#quadro {
		width: 65%;
		padding: 0;
	}
	
	.linedt {
		width: 10em;
	}
	
	
	/*Footer*/
	#contactanos {
		
		padding-left: 142px !important;
		width: 158px !important;
		
	}
	
	#linedot {
		overflow: hidden;
		width: 35.85em;
	}
	
	/*Final Footer*/

}

@media only screen and (min-width: 681px) and (max-width: 720px) {
/* For tablets: */ 

	img#btvoltar, img#btback, img#btretourne  {
		margin-top: 4em;
		position: absolute;
	}
	
	img#btvoltar {
		width: 23% !important;
		top: 0 !important;
	}
	
	img#btback {
		width: 27%;
	}
	
	
	img#btretourne {
		width: 30%;
	}
	
	/*Header*/
	
	
	header {
		height: 30em;
	}
	
	
	#content {
		margin-top: 14px !important;
	}
	
	
	/*Content*/

	img#quadro {
		width: 65%;
		padding: 0;
	}
	
	.linedt {
		width: 10em;
	}
	
	
	/*Footer*/
	#contactanos {
		
		padding-left: 142px !important;
		width: 158px !important;
		
	}
	
	
	#linedot {
		overflow: hidden;
		width: 90.5%;
	}
	
	/*Final Footer*/

}

@media only screen and (min-width: 721px) and (max-width: 790px) {
/* For tablets: */ 

	
	img#btvoltar, img#btback, img#btretourne {
		margin-top: 5em;
		position: absolute;
		top:0 !important;
	}
	
	img#btvoltar {
		width: 19% !important;
	}
	
	img#btback {
		width: 22% !important; 
	}
	
	img#btretourne {
		width: 27% !important;
	}
	/*Header*/
	
	
	header {
		height: 30em;
	}
	
	
	
	#linedot {
		overflow: hidden;
		width: 94.3%;
	}
	
	
	/*Final Footer*/

}

@media only screen and (min-width: 791px) and (max-width: 900px) {
/* For tablets: */ 

	
	#content {
		height: auto !important;
	}
	
	img#btvoltar, img#btback, img#btretourne {
		margin-top: 5em;
		position: absolute;
	}

	img#btvoltar {
		width: 20% !important;
	}
	
	img#btback {
		width: 24% !important;
	}
	
	img#btretourne {
		width: 27% !important;
	}
	
	
	header {
		height: 30em;
	}
	
	
	
	#linedot {
		width: 47em;
		overflow: hidden;
	}
	
	/*Final Footer*/

}

@media only screen and (min-width: 901px) and (max-width: 1186px) {
/* For tablets: */ 

	
	#content {
		height: auto !important;
	}
	
	img#btvoltar, img#btback, img#btretourne {
		margin-top: 5em;
		position: absolute;
	}

	img#btvoltar {
		width: 20% !important;
	}
	
	img#btback {
		width: 24% !important;
	}
	
	img#btretourne {
		width: 27% !important;
	}

	
	/*Final Footer*/

}