a:link {
	color: #336699;
}

a:hover {
	text-decoration:none;
}

a:visited {
	color: #666666;
	text-decoration:none
}

*
{
border: 0;
margin: 0;
}

body
{
	padding-top: 180px;
	padding-bottom: 10px;
	color: #333333;
	margin-top: 0px;
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	line-height: 1.4;
	background-image: url(wallpapers/dinpattern-stripe.gif);
	background-repeat: repeat;
	background-position: left top;
}

#main
{
	margin: 0 auto;
	width: 912px;
	background-color: #FFFFFF;
}

#above_header {
	height: 360px;
	width: 912px;
	background-color: #ffffff;
}

#logo
{
padding-left: 0px;
padding-top: 0px;
height: 250px;
z-index:2;
position:relative;
left:0px;
top:-538px;
}

#header
{
	width: 912px;
	height: 360px;
	z-index:1;
}

#content
{
	width: 882px;
	padding-top: 25px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
}

#left2
{
	width: 700px;
	padding: 10px;
	text-align: justify;
	font-size: 13px;
	text-indent: 20px;
}

#left
{
	width: 580px;
	padding: 10px;
	text-align: justify;
	font-size: 13px;
	text-indent: 20px;
}

#left H1
{
	color: #FF6600;
	margin: 0;
	padding: 0;
	font-size: 20px;
	text-indent: 0px;
}

#left H2
{
	color: #FF6600;
	margin: 0;
	padding: 0;
	font-size: 18px;
	padding-top: 10px;
	text-indent: 0px;
}

#left2 H2
{
	color: #FF6600;
	margin: 0;
	padding: 0;
	font-size: 20px;
	padding-top: 10px;
	text-indent: 0px;
}

#left2 H3
{
	color: #FF6600;
	margin: 0;
	font-size: 16px;
	padding-top: 20px;
	text-indent: 0px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
}

#left2 H4 {
color: #003366;
text-indent:0px;
font-size:14px;
padding-top:10px;
padding-bottom:10px;
}

#left ul
{
	list-style-type: none;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 10px;
}

#left li 
{
	padding-left: 10px;
	background-image: url(images/wave_icon.jpg);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	padding-bottom: 15px;
}

#left li.balls 
{
	background-image:url(images/ball3s.gif);
	padding-bottom: 10px;
}

#left li.quadratos 
{
	padding-left: 10px;
	background-image: url(images/img09.gif);
	background-repeat: no-repeat;
	background-position: 10px 7px;
	padding-bottom: 0px;
}

#left2 ul
{
	list-style-type: none;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 10px;
}

#left2 li 
{
	padding-left: 10px;
	background-image: url(images/img09.gif);
	background-repeat: no-repeat;
	background-position: 10px 7px;
}

#left2 li.wave 
{
	padding-left: 10px;
	background-image: url(images/wave_icon.jpg);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	padding-bottom: 15px;
}

#left a:link
{
 color: #336699;
}

#left a:hover {
	text-decoration: none;
}

#left a:visited {
	color: #666666;
	text-decoration:underline;
}

#left2 a:link
{
 color: #336699;
}

#left2 a:hover {
	text-decoration: none;
}

#left2 a:visited {
	color: #666666;
	text-decoration:underline;
}

#left a h3 {
	color: #FF6600;
	margin: 0;
	padding: 0;
	font-size: 16px;
	padding-top: 8px;
	text-indent: 0px;
	text-decoration:underline;
}
	
#left a:hover h3 {
	color: #FF6600;
	text-decoration:none; 
}

#left a:visited h3 {
	color: #666666;
	text-decoration:underline;
}

.small
{
	margin: 15px;
	padding: 5px;
	border: 1px solid #336699;
	text-indent: 0px;
}

.small_map {
	width:550px;
	height:350px;
	padding: 0px;
	text-indent: 0px;
	margin-top: 15px;
	margin-right: auto;
	margin-bottom: 15px;
	margin-left: auto;
	border: 1px solid #666666;
}

.small_video {
	width:550px;
	height:340px;
	padding: 0px;
	text-indent: 0px;
	margin-top: 25px;
	margin-right: auto;
	margin-bottom: 25px;
	margin-left: auto;
}

.small_rip_curl_poster {
	width:360px;
	height:476px;
	padding: 0px;
	text-indent: 0px;
	margin-top: 25px;
	margin-right: auto;
	margin-bottom: 25px;
	margin-left: auto;
}

.small_contactos {
	width:400px;
	height:30px;
	padding: 0px;
	padding-top: 10px;
	text-indent: 0px;
	margin-top: 15px;
	margin-right: auto;
	margin-bottom: 15px;
	margin-left: auto;
	border: 1px solid #336699;
	color: #FF6600;
	text-align:center;
}

#right
{
float: right;
width: 254px;
padding-top: 10px;
}

<!-- for IE7 -->
*:first-child+html #right 
{ padding-top: 40px;
}

#right1
{
float: right;
width: 254px;
padding-top: 40px;
}

#sidebar 
{
	width: 254px;
	clear: both;
	display: block;
	padding-top: 20px;
	padding-bottom: 20px;
}

#sidebar ul 
{
	list-style: none;
	margin: 0;
	padding: 0;
	background-image: url(images/sidebar.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

#sidebar li {
	margin: 0;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 10px;
}

#sidebar li a h3{
	padding-left: 25px;
	background-image: url(images/img09.gif);
	background-repeat: no-repeat;
	background-position: 1px 7px;
	font-size:14px;
}

#sidebar li a:link {
	text-decoration: none;
	color: #003366;
}

#sidebar li a:hover {
	text-decoration: underline;
}

#precos 
{
	width: 254px;
	display: block;
	margin: 0;
	padding-top: 15px;
	padding-bottom: 15px;
	text-align:right;
	font-size:18px;
	font-weight:bold;
}

#precos a:link 
{
	color:#006600;
	text-decoration:none;
}

#precos a:hover 
{
	color:#003300;
	text-decoration:underline;
}

#precos a:visited
{
	color:#006600;
	text-decoration:none;
}

#footer
{
	height: 53px;
	font-size: 10px;
	color: #666666;
	padding-top: 17px;
	text-align: center;
	border-top: #cccccc solid 1px;
	background-color: #FFFFFF;
	width: 912px;
	margin: 0 auto;
	background-image: url(images/footer_final.jpg);
	background-repeat: no-repeat;
}

#footer a {
	font-size:14px;
	color: #336699;
	font-weight:bold;
	text-decoration:none;
}

.for_image_right {
	float: right;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
	border: 1px solid #666666;
}

.for_image_paypal {
	float: right;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
	border: none;
}

.for_image_left {
	float: left;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
	border: 1px solid #666666;
}

.for_image_gallery {
	margin-left: 11px;
	border: 1px solid #666666;
	clear: both;
}

.for_alojamento {
	margin-left: 12px;
	clear: both;
	border: none;
}

#margin_auto {
	width:250px;
	margin-right:auto;
	margin-left:auto;
}

#margin_auto2 {
	width:210px;
	margin-right:0px;
	margin-left:auto;
}

#for_spot_map {
	width:661px;
	height:505px;
    margin-top: 0px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}

#temperatures {
	width:617px;
	height:116px;
	margin-left:auto;
	margin-right:auto;
	margin-top:30px;
	margin-bottom:10px;
	padding:0px;
	text-indent:0px;
	}
	
#prices1 {
	width:581px;
	height:111px;
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
	margin-bottom:10px;
	padding:0px;
	text-indent:0px;
	}
	
#prices2 {
	width:599px;
	height:110px;
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
	margin-bottom:10px;
	padding:0px;
	text-indent:0px;
	}
	
#prices3 {
	width:448px;
	height:56px;
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
	margin-bottom:10px;
	padding:0px;
	text-indent:0px;
	}

#margin_auto_gallery {
	width:730px;
	margin-right:auto;
	margin-left:auto;
	margin-top: 20px;
	margin-bottom: 10px;
}

#for_horario_autocarro {
	width:400px;
	margin-left:auto;
	margin-right:auto;
}

.accordeon {
	width: 530px;
	border-bottom: solid 1px #c4c4c4;
}
.accordeon h5 {
	background: #CCFFCC;
	padding: 7px 10px 7px 20px;
	margin: 0;
	color: #003300;
	font-size: 12px;
	text-indent: 0px;
	border: solid 1px #c4c4c4;
	border-bottom: none;
	cursor: pointer;
}
.accordeon h5:hover {
	background-color: #e3e2e2;
}
.accordeon h5.active {
	background-position: right 5px;
}
.accordeon p {
	background: #ffffff;
	margin: 0;
	border-left: solid 1px #c4c4c4;
	border-right: solid 1px #c4c4c4;
	display: none;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 12px;
	text-indent:0px;
}

#accordeon_margin_auto {
	width:530px;
	margin-left:auto;
	margin-right:auto;
	padding:0px;
	text-indent:0px;
	}

#button_video{
width:250px;
height:40px;
margin:auto;
position:relative;
display:block;}
#button_video a{
background-image:url(buttons/button_video1.jpeg);
background-repeat: no-repeat;
position:relative;
display:block;
width:250px;
height:40px;}
#button_video span.hover{
width:250px;
height:40px;
background-image:url(buttons/button_video2.jpeg);
background-repeat: no-repeat;
position:relative;
display:block;}

#button_peniche{
width:190px;
height:20px;
margin:auto;
position:relative;
display:block;}
#button_peniche a{
background-image:url(buttons/button_peniche1.jpeg);
background-repeat: no-repeat;
position:relative;
display:block;
width:190px;
height:20px;}
#button_peniche span.hover{
width:190px;
height:20px;
background-image:url(buttons/button_peniche.jpeg);
background-repeat: no-repeat;
position:relative;
display:block;}

#button_baleal{
width:190px;
height:20px;
margin:auto;
position:relative;
display:block;}
#button_baleal a{
background-image:url(buttons/button_baleal1.jpeg);
background-repeat: no-repeat;
position:relative;
display:block;
width:190px;
height:20px;}
#button_baleal span.hover{
width:190px;
height:20px;
background-image:url(buttons/button_baleal.jpeg);
background-repeat: no-repeat;
position:relative;
display:block;}

#button_surfspots{
width:190px;
height:20px;
margin:auto;
position:relative;
display:block;}
#button_surfspots a{
background-image:url(buttons/button_surfspots1.jpeg);
background-repeat: no-repeat;
position:relative;
display:block;
width:190px;
height:20px;}
#button_surfspots span.hover{
width:190px;
height:20px;
background-image:url(buttons/button_surfspots.jpeg);
background-repeat: no-repeat;
position:relative;
display:block;}

#button_aulas{
width:190px;
height:20px;
margin:auto;
position:relative;
display:block;}
#button_aulas a{
background-image:url(buttons/button_aulas1.jpeg);
background-repeat: no-repeat;
position:relative;
display:block;
width:190px;
height:20px;}
#button_aulas span.hover{
width:190px;
height:20px;
background-image:url(buttons/button_aulas.jpeg);
background-repeat: no-repeat;
position:relative;
display:block;}

#button_alojamento{
width:190px;
height:20px;
margin:auto;
position:relative;
display:block;}
#button_alojamento a{
background-image:url(buttons/button_alojamento1.jpeg);
background-repeat: no-repeat;
position:relative;
display:block;
width:190px;
height:20px;}
#button_alojamento span.hover{
width:190px;
height:20px;
background-image:url(buttons/button_alojamento.jpeg);
background-repeat: no-repeat;
position:relative;
display:block;}

#button_sightseeing{
width:190px;
height:20px;
margin:auto;
position:relative;
display:block;}
#button_sightseeing a{
background-image:url(buttons/button_sightseeing1.jpeg);
background-repeat: no-repeat;
position:relative;
display:block;
width:190px;
height:20px;}
#button_sightseeing span.hover{
width:190px;
height:20px;
background-image:url(buttons/button_sightseeing.jpeg);
background-repeat: no-repeat;
position:relative;
display:block;}

#button_galeria{
width:100px;
height:20px;
margin-left: 480px;
position:relative;
display:block;}
#button_galeria a{
background-image:url(buttons/button_galeria1.jpeg);
background-repeat: no-repeat;
position:relative;
display:block;
width:100px;
height:20px;}
#button_galeria span.hover{
width:100px;
height:20px;
background-image:url(buttons/button_galeria2.jpeg);
background-repeat: no-repeat;
position:relative;
display:block;}

#button_reserva{
width:180px;
height:30px;
margin: auto;
position:relative;
display:block;}
#button_reserva a{
background-image:url(buttons/button_reserva1.jpeg);
background-repeat: no-repeat;
position:relative;
display:block;
width:180px;
height:30px;}
#button_reserva span.hover{
width:180px;
height:30px;
background-image:url(buttons/button_reserva2.jpeg);
background-repeat: no-repeat;
position:relative;
display:block;}