/* CSS Document */

/* basic elements */

body, h1, h2, h3, h4, h5, h6, p, ul, li, form {
	margin: 0px;
	padding: 0px;
	border:0;
}
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
	line-height: 15px;
}

/*
LINKS --------------------- */

a {
	font-size: 12px;
	color: #999999;
	text-decoration: none;
}

a:hover {
	color: #666666;
	text-decoration: underline;
	font-size: 12px;
}

a:active {
	color: #333333;
	font-size: 12px;
}

a img {
	border-width: 0; 
	border-style: none;
}

/*
COMMON --------------------- */

br {
	clear: both;
}

hr {
	display: none;
}

p {
	margin: 0; 
	line-height: 150%;
}


/*
MASTHEAD + SUBMAST --------------------- */

h1 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 28px;
	color: #666666;
}

h2 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
}


/* ----------------------------*/
/* PAGE ELEMENTS */
/* ----------------------------*/

/*
MAIN CONTENT --------------------- */

#wrapper {
	width: 100%;
	margin: auto;
}

#outer {
	width: 1042px;
	margin:0 auto;
	padding: 0px;
	text-align:left; /* "remédio" para o hack do IE */
}

/*
MAIN --------------------- */


#content {
	float:left;
	width:1000px;
	height: 920px;
}


#content-left {
	float:left;
	width:330px;
}


#content-right {
	float:left;
	width:638px;
}


#content-right-main {
	float:left;
	width:670px;
}

#content-right-sneakin {
	float:left;
	width:670px;
}


#content-right-contacts {
	float:left;
	width:670px;
}


#content-right-services {
	float:left;
	width:670px;
}


#content-right-pricelist {
	float:left;
	width:670px;
}


#content-right-whyporto {
	float:left;
	width:670px;
}



#logo {
	float:left;
	width:330px;
	height: 237px;
}


#nav {
	float:left;
	width:149px;
	height:122px;
	background:url(site/img/bkg_menu.png) no-repeat;
	padding-bottom: 81px;
	padding-left: 108px;
	padding-right: 73px;
	padding-top: 104px;
}



/*
MENU --------------------- */

.menu {
	margin: 0;
	padding: 0;
	width: 149px;
	list-style: none;
}
.menu li {
	padding: 0;
	margin: 0;
	height: 20px;
	list-style: none;
	background-repeat: no-repeat;
}
.menu li a, .menu li a:visited {
	display: block;
	text-decoration: none;
	text-indent: -5000px;
	height: 20px;
	background-repeat: no-repeat;
}

.home {background-image: url(site/img/main_down.png);}
.home a {background-image: url(site/img/main_up.png);}
.homeActivo {background-image: url(site/img/main_down.png);}

.sneakin {background-image: url(site/img/sneakin_down.png);}
.sneakin a {background-image: url(site/img/sneakin_up.png);}
.sneakinActivo {background-image: url(site/img/sneakin_down.png);}

.contacts {background-image: url(site/img/contacts_down.png);}
.contacts a {background-image: url(site/img/contacts_up.png);}
.contactsActivo {background-image: url(site/img/contacts_down.png);}

.services {background-image: url(site/img/services_down.png);}
.services a {background-image: url(site/img/services_up.png);}
.servicesActivo {background-image: url(site/img/services_down.png);}

.pricelist {background-image: url(site/img/pricelist_down.png);}
.pricelist a {background-image: url(site/img/pricelist_up.png);}
.pricelistActivo {background-image: url(site/img/pricelist_down.png);}

.whyporto {background-image: url(site/img/whyporto_down.png);}
.whyporto a {background-image: url(site/img/whyporto_up.png);}
.whyportoActivo {background-image: url(site/img/whyporto_down.png);}

ul.menu li a:hover {background: none;}



/*
FOOTER --------------------- */

#footer {
	width:1000px;
	height:304px;
	padding-top:5px;
	float:left;
	/*clear:both;*/
}

#footer-1 {
	float:left;
	width:299px;
	height:304px;	
	padding-left:31px;
	padding-right:259px;
}


#footer-2 {
	float:left;
	width:392px;
	height:265px;
	padding-top:39px;
	padding-right: 15px;
}



/*
HOME --------------------- */


#home {
	float:left;
	width:638px;
	padding-top:37px;
}


#home-1 {
	float:left;
	width:278px;
	height: 546px;
	padding-left: 18px;
}

#home-2 {
	float:left;
	width:319px;
	height: 546px;
}

#home-bottom {
	float:left;
	width:638px;
	padding-top:10px;
	text-align:center;
	color: #999;
	font-size:10px;
}


/*
MAIN --------------------- */

#main-1 {
	float:left;
	width:314px;
	padding-left:6px;
	padding-right:26px;
}

#main-2 {
	float:left;
	width:314px;
	padding-right:10px;
	text-align:left;
	color:#000;
}


#reservas {
	float:left;
	width:194px;
	height:211px;
	padding-left:83px;
	padding-right:53px;
	padding-top:53px;
}

/*
SNEAK IN --------------------- */


#sneakin {
	float:left;
	width:670px;
}

#sneakin-header {
	float:right;
	width:670px;
	height:102px;
	text-align:right;
	padding-top:60px;
	padding-left:3px;
	font-size: 28px;
	color: #666666;
}

#sneakin-1 {
	float:left;
	width:299px;
}

#sneakin-2 {
	float:left;
	width:371px;
}

#sneakin-1-foto1 {
	float:left;
	width:299px;
	height: 331px;
}

#sneakin-1-foto2 {
	float:left;
	width:299px;
	height: 208px;
}


#sneakin-1-foto3 {
	float:left;
	width:299px;
	height: 208px;
}

#sneakin-2-foto1 {
	float:left;
	width:320px;
	height: 278px;
}

#sneakin-2-foto2 {
	float:left;
	width:320px;
}


/*
GALERIA --------------------- */

#galeria {
	float:left;
	width:501px;
	height: 444px;
	padding-top: 34px;
	padding-left:77px;
	padding-right:92px;
}

#galeria-nav {
	float:left;
	width:501px;
	height: 15px;
	padding-left:77px;
	padding-right:92px;
	text-align:center;
	font-size:10px;
}


#btn-voltar {
	float:left;
	width:501px;
	height: 50px;
	padding-left:75px;
	padding-right:92px;
	font-size:10px;
	text-align:center;
}


/*
CONTACTS --------------------- */


#contacts {
	float:left;
	width:670px;
	height: 850px;
}

#contacts-header {
	float:left;
	width:670px;
	height:102px;
}

#mapa {
	float:left;
	width:540px;
	height:214px;
	background:url(site/img/bkg_mapa.png) no-repeat;
	padding-top:59px;
	padding-left:58px;
	padding-right:62px;
	padding-bottom:48px;
}

#morada {
	float:left;
	width:626px;
	padding-top:17px;
	padding-left:20px;
	padding-right:14px;
}


#dados {
	float:left;
	width:626px;
	height:48px;
}

#howtoget {
	float:left;
	width:626px;
}

#address {
	float:left;
	width:172px;
	padding-right: 37px;
	padding-left: 10px;
}

#phone {
	float:left;
	width:166px;
	padding-right: 45px;
}

#bookings {
	float:left;
	width:166px;
	padding-right: 30px;
}


/*
SERVICES --------------------- */

#services {
	float:left;
	width:670px;
	height: 650px;
}

#services-header {
	float:left;
	width:670px;
	height:102px;
}

#services-text {
	float:left;
	width:670px;
	height:102px;
}

#services-1 {
	float:left;
	width:314px;
	padding-left:6px;
	padding-right:26px;
}

#services-2 {
	float:left;
	width:314px;
	padding-right:10px;
	text-align:right;
	color:#000;
	height: 460px;
}

/*
PRICELIST --------------------- */

#pricelist {
	float:left;
	width:670px;
	height: 650px;
}

#pricelist-header {
	float:left;
	width:670px;
	height:102px;
}


#pricelist-text {
	float:left;
	width:670px;
	padding-bottom:15px;
}

#pricelist-1 {
	float:left;
	width:314px;
	padding-left:6px;
	padding-right:26px;
}

#pricelist-2 {
	float:left;
	width:314px;
	padding-right:10px;
	text-align:right;
	color:#000;
}

/*
WHY PORTO --------------------- */

#whyporto {
	float:left;
	width:670px;
}

#whyporto-header {
	float:left;
	width:670px;
	height:102px;
}

#whyporto-text {
	float:left;
	width:670px;
	height:102px;
	padding-top:20px;
}

#whyporto-1 {
	float:left;
	width:314px;
	padding-left:6px;
	padding-right:26px;
}

#whyporto-2 {
	float:left;
	width:314px;
	padding-right:10px;
	text-align:right;
	color:#000;
}


/*
MISC --------------------- */

#print {
	margin: 0 auto;
	/*float:left;*/
	width:630px;
	padding-top: 25px;
	}

.contact-box {
	float:left;
	padding:15px;
	}

/* ----------------------------*/
/* CUSTOM CLASSES */
/* ----------------------------*/