/*
Theme Name: Surf Inn Portugal
Theme URI: http://surfinnportugal.com/
Description: Theme created for the website of <a href="http://surfinnportugal.com/">Surf Inn Portugal</a>.
Version: 1
Author: Inayaili de Leon
Author URI: http://yaili.com/
Tags: pattern, texture, fixed width, two columns, widgets, collage, surf

	Surf Inn Portugal v1

	This theme was designed and built by Inayaili de Leon,
	whose portfolio you will find at http://yaili.com/

*/

/* ----------------------------------------------------------------------
CONTENTS:
=Resets & General
=Links
=Layout
=Header
=Main Nav
=Type
=Tables
=Images
=Forms
=Lists
=Sidebar
=Parceiros
=Footer
------------------------------------------------------------------------*/

/* =Resets & General -----------------------------------------------------
------------------------------------------------------------------------*/
body { background:#c5b577 url(images/bkg-pattern.gif); margin:0; padding:0; font:13px "Helvetica Neue", Helvetica, Arial, sans-serif; color:#000; text-align:center; }
h1, h2, h3, h4, h5, h6, p, ul, ol, li, div, img, form, fieldset, input, label, legend, select, textarea, button, span, a, blockquote { margin:0; padding:0; }
h1, h2, h3, h4, h5, h6 { font-weight:normal; }
ul { list-style:none; }
.clearfix:after { content: "."; display:block; height:0; clear:both; visibility:hidden; } /* ie.css */
a img { border:none; }

button, input { width:auto; overflow:visible; padding:0 .25em; }

/* =Links ----------------------------------------------------------------
------------------------------------------------------------------------*/	
a:link { color:#bf7b28; text-decoration:none; }
a:visited { color:#bf7b28; text-decoration:none; }
a:hover { color:#bf7b28; text-decoration:none; }
a:active { color:#bf7b28; }

a.viewmore:link, a.viewmore:visited, a.viewmore:hover, a.viewmore:active { color:#fff; }

#header a { color:#4d5d3b; }

.sidebar a:link, .sidebar a:visited { color:; }
.sidebar a:hover, .sidebar a:active { color:; }

/* =Layout ---------------------------------------------------------------
------------------------------------------------------------------------*/
#header { color:#4d5d3b; background:url(images/bkg-header.gif) repeat-x 50% top; }

	#header .inner { margin:auto; height:80px; width:960px; position:relative; }
	
#content { text-align:left; width:960px; margin:auto; background:#fff url(images/content-bkg-bottom.gif) no-repeat 50% bottom; }

	#content .inner { background:url(images/content-bkg-top.gif) no-repeat 50% top; padding:70px 40px 0 40px; position:relative; }
	
		#home .main, #home .sidebar { width:430px; }
		
		.main { float:left; width:600px; min-height:400px; } /* ie.css */
		
		.sidebar { float:right; width:250px; }
		
/* =Header ---------------------------------------------------------------
------------------------------------------------------------------------*/
h1 a { z-index:100; text-indent:-10000px; display:block; position:absolute; left:-50px; top:-80px; width:188px; height:159px; background:url(images/logo.png) no-repeat left top; }

.lang { position:absolute; left:135px; top:15px; }

.links { position:absolute; right:0; top:10px; line-height:25px; }

	.links a { text-indent:-10000px; display:inline-block; background:none no-repeat 50% 50%; height:25px; margin-left:3px; }
	
		.links a.hi5 { background-image:url(images/hi5-logo.gif); width:33px; margin-right:10px; }
		.links a.blog { background-image:url(images/blog-logo.gif); width:25px; }

/* =Main Nav -------------------------------------------------------------
------------------------------------------------------------------------*/
#nav, #nav-en { position:absolute; right:40px; top:0; }

	#nav li, #nav-en li { float:left; margin-left:30px; text-transform:uppercase; }

		#nav li a, #nav-en li a { border-top:2px solid #fff; color:#44738f; background-repeat:no-repeat; height:14px; text-indent:-10000px; display:block; padding-top:15px; }		
		#nav li a { background-image:url(images/nav.gif);}
		#nav-en li a { background-image:url(images/nav-en.gif);}
		
		/* Nav Português */
		#nav li#nav-home a { width:49px; background-position:left top; }
			#nav li#nav-home a:hover { background-position:left -29px; }
		
		#nav li#nav-servicos a { width:80px; background-position:-81px top; }
			#nav li#nav-servicos a:hover { width:80px; background-position:-81px -29px; }
		
		#nav li#nav-alojamento a { width:109px; background-position:-192px top; }
			#nav li#nav-alojamento a:hover { width:109px; background-position:-192px -29px; }
		
		#nav li#nav-surfvan a { width:76px; background-position:-333px top; }
			#nav li#nav-surfvan a:hover { width:76px; background-position:-333px -29px; }
		
		#nav li#nav-reservas a { width:80px; background-position:-440px top; }
			#nav li#nav-reservas a:hover { width:80px; background-position:-440px -29px; }
		
		#nav li#nav-galeria a { width:71px; background-position:-552px top; }
			#nav li#nav-galeria a:hover { width:71px; background-position:-552px -29px; }
			
		#nav li.active a, #nav-en li.active a { border-color:#44738f; }

		/* Nav English */
		#nav-en li#nav-home a { width:49px; background-position:left top; }
			#nav-en li#nav-home a:hover { background-position:left -29px; }
		
		#nav-en li#nav-servicos a { width:77px; background-position:-81px top; }
			#nav-en li#nav-servicos a:hover { width:77px; background-position:-81px -29px; }
		
		#nav-en li#nav-alojamento a { width:77px; background-position:-189px top; }
			#nav-en li#nav-alojamento a:hover { width:77px; background-position:-189px -29px; }
		
		#nav-en li#nav-surfvan a { width:77px; background-position:-298px top; }
			#nav-en li#nav-surfvan a:hover { width:77px; background-position:-298px -29px; }
		
		#nav-en li#nav-reservas a { width:121px; background-position:-405px top; }
			#nav-en li#nav-reservas a:hover { width:121px; background-position:-405px -29px; }
		
		#nav-en li#nav-galeria a { width:73px; background-position:-557px top; }
			#nav-en li#nav-galeria a:hover { width:73px; background-position:-557px -29px; }
			
/* =Type -----------------------------------------------------------------
------------------------------------------------------------------------*/
#content h2 { background:none no-repeat left top; height:43px; text-indent:-10000px; margin-bottom:20px; } /* ie.css */

	#content h2.home { background-image:url(images/h2-home.gif); }
	#content h2.servicos { background-image:url(images/h2-servicos.gif); }
	#content h2.alojamentos { background-image:url(images/h2-alojamentos.gif); }
	#content h2.surfvan { background-image:url(images/h2-surfvan.gif); }
	#content h2.reservas { background-image:url(images/h2-reservas.gif); }
	#content h2.galeria { background-image:url(images/h2-galeria.gif); }
	#content h2.quem { background-image:url(images/h2-quemsomos.gif); }
	#content h2.contactos { background-image:url(images/h2-contactos.gif); }
	#content h2.contrato { background-image:url(images/h2-contrato.gif); }
	
	/* english site */
	
	#content h2.servicos2 { background-image:url(images/h2-services.gif); }
	#content h2.alojamentos2 { background-image:url(images/h2-accommodation.gif); }
	#content h2.reservas2 { background-image:url(images/h2-reservations.gif); }
	#content h2.galeria2 { background-image:url(images/h2-gallery.gif); }
	#content h2.quem2 { background-image:url(images/h2-aboutus.gif); }
	#content h2.contactos2 { background-image:url(images/h2-contacts.gif); }
	#content h2.contrato2 { background-image:url(images/h2-contract.gif); }

#content h3 { font-size:18px; margin-bottom:10px; color:#4d5d3b; text-transform:uppercase; font-weight:bold; }

#content form h3 { clear:both; font-weight:normal; }

#content h4 { font-size:16px; margin-bottom:10px; color:#4d5d3b; }

#content p { line-height:1.5; margin-bottom:20px; }

#content p.lead { font-size:16px; font-style:italic; }

/* =Tables -----------------------------------------------------------------
------------------------------------------------------------------------*/
div#homeTable { clear:both; }

table { border-collapse:collapse; margin-bottom:15px; width:90%; }	

	table td, table th { padding:5px; border:1px solid #fff; border-width:0 1px 1px 0; }

	thead th { background:#91c5d4; text-align:center; }

		thead th[colspan], thead th[rowspan] { background:#66a9bd; }

	tbody th, tfoot th { text-align:left; background:#91c5d4; }

	tbody td, tfoot td { text-align:center; background:#d5eaf0; }

	tfoot th { background:#b0cc7f; }

	tfoot td { background:#d7e1c5; font-weight:bold; }

	tbody tr.odd td {  background:#bcd9e1; }

/* =Images ---------------------------------------------------------------
------------------------------------------------------------------------*/
.galleria_container { background:#e3e5d9; padding:10px; }

.galleria { background:#e3e5d9; padding:0 10px 10px 10px; margin-bottom:20px; }

	.galleria li{display:block;width:70px;height:70px;overflow:hidden;float:left;margin:0 12px 0 0}
		
		.galleria li a{display:none}
	
		.galleria li div{position:absolute;display:none;top:0;left:180px}
		
			.galleria li div img{cursor:pointer}
	
	.galleria li.active div img,.galleria li.active div{display:block}
	
	.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
	
	.galleria li .caption{display:block;padding-top:.5em}

.imgLeft, .imgRight { background:#edecde; width:250px; padding:8px 0; }
img.alignright, img.alignleft { border:8px solid #edecde; }

	.imgLeft, img.alignleft { float:left; margin:0 20px 10px 0; }
	.imgRight, img.alignright { float:right; margin: 0 0 20px 10px; }
	
	.imgLeft img, .imgRight img { display:block; margin:0 auto 10px auto; }
	
	.imgLeft span, .imgRight span { display:block; font-style:italic; text-align:center; color:#45748f; font-family:Georgia, "Times New Roman", Times, serif; }

/* =Forms ---------------------------------------------------------------
------------------------------------------------------------------------*/
.main form { margin:15px 20px;  }

	#content .main form p { display:block; clear:both; float:none; margin-bottom:10px; }

	.main label { text-align:right; width:140px; float:left; margin-right:5px; }
	
	.main label.contrato { width:300px; clear:right; text-align:left; margin-bottom:20px; }
	
	.main input, .main textarea, .main select { background:#fff; width:250px; padding:2px; border:2px solid #E2EDE1; margin-bottom:10px; }
	
		.main input:focus, .main textarea:focus { border-color:#bdd7bb; }
		
	.main input.date { width:90px; }
	
	.main input[type=radio], .main input[type=checkbox] { width:auto; }
	
	.main input#contrato { width:auto; background:none; border:none; float:left; margin-right:5px; }
			
	.main input#button { display:block; clear:both; margin:5px 0 0 145px; font:13px "Helvetica Neue", Helvetica, Arial, sans-serif; border:none; background:#8D4928; color:#fff; cursor:pointer; width:auto; padding:6px 12px; text-transform:uppercase }
		
			.main input#button:hover { background:#3A503A; }
		
		.main textarea#obs { width:500px; height:120px; }
			
	.main .requi { color:#f00; font-weight:bold; }

/* =Lists ---------------------------------------------------------------
------------------------------------------------------------------------*/
ul.regular { margin-bottom:20px; list-style:disc; margin-left:20px; }

	ul.regular li { margin-bottom:5px; }
	
ol { margin-bottom:20px; margin-left:20px; }

	ol li { margin-bottom:5px; }

/* =Sidebar --------------------------------------------------------------
------------------------------------------------------------------------*/
#reservas h2 a { background:url(images/reservas.gif) no-repeat 50% top; text-indent:-10000px; display:block; height:141px; }

.english #reservas h2 a { background-image:url(images/reservas-en.gif); }

	#home #reservas h2 a { background-image:url(images/reservas-home.gif); height:146px; }
	
	#home .english #reservas h2 a { background-image:url(images/reservas-home-en.gif); }

/* =Parceiros --------------------------------------------------------------
------------------------------------------------------------------------*/
#parceiros { background:url(images/footer-border.gif) no-repeat left top; position:relative; height:111px; clear:both; }

	#parceiros li { float:left; }
	
		#parceiros li a { display:block; background:none no-repeat left top; text-indent:-10000px; position:absolute; }
		
			#parceiros li.essencia a { background-image:url(images/parceiros-7essencia.png); width:93px; height:92px; bottom:-7px; left:-27px; }
			#parceiros li.icn a { background-image:url(images/parceiros-icnb.png); width:115px; height:54px; bottom:20px; left:65px; }
			#parceiros li.surfrider a { background-image:url(images/parceiros-surfrider.png); width:86px; height:89px; bottom:2px; left:186px; }
			#parceiros li.idp a { background-image:url(images/parceiros-idp.png); width:74px; height:58px; bottom:40px; left:260px; }
			#parceiros li.tpt a { background-image:url(images/parceiros-tpt.png); width:126px; height:55px; bottom:-16px; left:282px; }

#deco { width:333px; height:195px; background:url(images/footer.png) no-repeat left bottom; position:absolute; bottom:-68px; right:-70px; }

p.webdesign { font-size:11px; position:absolute; right:250px; bottom:0; }	
		p.webdesign a { color:#a0ad91; text-decoration:none; padding-top:3px; margin-left:4px; }				
			p a#webdesign { display:inline-block; width:79px; height:25px; background:url(images/webdesign.gif) no-repeat left top; text-indent:-10000px; }

/* =Footer --------------------------------------------------------------
------------------------------------------------------------------------*/
#footer { margin:auto; width:230px; }

	#footer li { float:left; text-transform:uppercase; font-size:14px; margin-top:20px; font-weight:bold; margin-right:20px; }
		
		#footer li:last-child { margin-right:0; }
	
		#footer li a { color:#28341b; }