@charset "UTF-8";

html, body{
	font-family: 'Lato', sans-serif;
	height: 100%;
}

.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -30px;
}


header, #header, .logo{
	height: 171px;
} 

nav ul li, #nav ul li{
	display: inline;
	list-style: none;
}

#nav ul li a:hover, .select{
	text-decoration: underline;
	color: #749cab;
}

.mar{
	margin-right: 18px;
}

.slider{
	height: 500px;
}

.frase h6{
	font-family: 'Roboto Condensed', sans-serif;
	color: #749cab;
	font-size: 26px;
	font-weight: 400;
	text-align: center;
}

.boxindex{
	height: 300px;
}

.box{
	height: 300px;
	background-color: #749cab;
}	
	
.shadow{
	-moz-box-shadow:    8px 8px 5px -4px #CCCCCC;
	-webkit-box-shadow: 8px 8px 5px -4px #CCCCCC;
	box-shadow:         8px 8px 5px -4px #CCCCCC;
}

.radius{
	border-radius: 10px;
}


/* Nos */

.textonos, .textofazemos, .textodes, .textotratamos, .morada{
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	color: #555555;
}

.textonos{	
	height: auto;
	overflow: hidden;
}

.nosimag{
	height: 250px;
}

.linknos{
	padding: 10px 0;
	background-color: #749cab;
}	


.textotratamos li{
	margin-bottom: 5px;
}


/* Fazemos */

.textofazemos{
	height: 290px;
}

#boxdesc{
	margin-bottom: 60px;
}

/* Tratamos */

.lista{
	list-style-type: disc;
}


/* Footer */

footer, #footer{
	width: 100%;
	height: 30px;
	background-color: #749cab;
}

.push{
	width: 100%;
	height: 30px;
}

#trinity{
	margin-top: 9px;
}




/* Tipografia */

#nav ul li a{
	font-size: 14px;
	color: #749cab;
	line-height: 171px;
}

.box h4{
	color: white;
	font-size: 45px;
	font-weight: 400;
	line-height: 300px;
	text-align: center;
}


.linknos p, .linknos a{
	color: white;
	font-size: 11px;
	line-height: 12px;
}

.linknos a{
	text-decoration: underline;
}


#copyright p{
	color: white;
	font-size: 10px;
	font-weight: 400;
	line-height: 30px;
}

.center, .center_valores{
	text-align: center;
	font-size: 16px;
	line-height: 25px;
}

.center_valores a{
	text-decoration: none;
	color: #749cab;
	text-decoration: underline;
}

/* Grid Ipad */

@media only screen and (max-width: 980px),
	   only screen and (-webkit-min-device-pixel-ratio : 1.5),
	   only screen and (min-device-pixel-ratio : 1.5) {

.grid {
	width: 720px;
}

.grid6 {
  width: 345px;
}

.grid4 {
  width: 225px;
}

.grid8 {
  width: 465px;
}

.logo img{
	width: 345px;
}

nav, #nav{
    margin-left: 15px;
    margin-top: 49px;
}

#nav ul li a {
    line-height: 41px;
    font-size: 13px;
}

.mar{
	margin-right: 89px;
}

.box {
    height: 225px;
}

.box h4 {
    font-size: 35px;
    line-height: 225px;
}

.linknos {
    height: 255px;
	margin-left: 0;
}

.mb3 {
    margin-bottom: 50px;
}


#boxdesc {
    margin-top: 30px;
}

.mapa{
	overflow: hidden;
}

.morada {
	margin-left: 20px;
}

#reserva{
	width: 730px;
}

.mr3{
    margin-right: 20px;
}

.mr4 {
    margin-right: 10px;
}

.mt1 {
    margin-top: 5px;
}
.ml2 {
    margin-left: 11px;
}

}


@media only screen and (max-width: 730px),
	   only screen and (-webkit-min-device-pixel-ratio : 1.5),
	   only screen and (min-device-pixel-ratio : 1.5) {

.grid, .grid6, .grid8, .grid4 {width: 300px;}

.logo{height: 100px;}

.logo img{width: 300px;}

nav, #nav{margin: 30px 0 20px 0;}

nav ul li, #nav ul li {margin-left: 40px;}

#nav ul li a {line-height: 51px;}

.mar{margin-right: 19px;}

.slider, .nosimag, .mapa, .smart{display: none;}

.frase h6{line-height: 40px;margin: 20px 0 20px 0;font-size: 20px;}

.box{margin-bottom: 10px;}

.boxindex {height: 670px;}

.textonos p{margin-top: 10px;margin-bottom: 10px;}

.textodes{margin-bottom: 10px;}

.textofazemos{height: 520px;}

#boxdesc{height: 1610px;}

}