/* @override 
	http://localhost/ericeiracamping/v1.1/structure/css/main.css
	http://localhost/ericeiracamping.com/structure/css/main.css
*/

/* CSS Document */

@import url("framework/framework.v1.0.css");

/*
	-- -- -- -- -- -- --

	ERICEIRA CAMPING v2008 CSS
	MARÇO/2008
	Desenvolvido por Multiweb * Business Inspiration
	www.multiweb.pt

	-- -- -- -- -- -- --

*/


/* =ELEMENTOS COMUNS
------------------------------------------------------------------------ */
body{background: #032d45 url(../../img/layout/body.fundo.png) repeat-x left top;}

a:link, a:visited {text-decoration:underline; color:#fff;}
a:hover, a:active {color:#f17d29;}

div.innerContainer{position:relative;}

.devnote{background-color:#FFFF99;}

/* =TIPOGRAFIA
------------------------------------------------------------------------ */
body{
	font:11px "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
	color: #fff;
	}
html, body, p{
	line-height:1.35em;
	}

p{margin-bottom:1.2em;}
p.note{font-size:0.80em;}
strong {font-weight:bold;}
em {font-style:italic;}

p.intro{
	font-weight:bold;
	font-size:1.2em;
	}

h1, h2, h3, h4, h5 {line-height: 1em;}
h1{font-size:3em;}
h2{font-size:2.5em;}
h3{font-size:2.0em;}
h4{font-size:1.6em;}
h5{font-size:2.2em;}

#footer{font-size:0.80em; color:#4d91ca;}
	#footer a:link, #footer a:visited{color:#4d91ca; font-weight:bold; text-decoration:none;}
	#footer a:hover, #footer a:active{color:#fff;}

/* =LAYOUT SPECIFICS
------------------------------------------------------------------------ */
.MLF840C .innerContainer, .MLF840C #mainContent{width: 840px; margin: 0 auto;}
.MLF660C .innerContainer, .MLF660C #mainContent{width: 660px; margin: 0 auto;}
.MLF660C#secHome #mainContent{width: 620px; margin: 0 auto;}


#header {
	height:144px;
	background: url(../../img/layout/header.fundo.png) repeat-x left top;
}

#mainContent{
	padding-top:24px;
	}

.masterA{}
	.masterA #globalContainer #mainContent{padding-bottom: 40px;}
	.masterA #footer{top:-40px; height: 40px;}

.layoutA1 {}
	.layoutA1 .content{
		width:590px;
		padding:10px 25px 10px 25px; 
		}
	.layoutA1 .sidebar{
		width:175px;
		padding:140px 0 10px 25px;
		}
	#secHome .layoutA1 .content{width:100%;}
	#secHome .layoutA1 .sidebar{display:none;}

	#section01 .content{background: url(../../img/layout/section01.content.fundo.jpg) no-repeat left top;}
	#section01 .sidebar{background: url(../../img/layout/section01.sidebar.fundo.jpg) no-repeat left top;}
	#section02 .sidebar{background: url(../../img/layout/section02.sidebar.fundo.jpg) no-repeat 20px top;}
	#section04 .sidebar{background: url(../../img/layout/section04.sidebar.fundo.jpg) no-repeat left top;}
	#section05 .sidebar{background: url(../../img/layout/section05.sidebar.fundo.jpg) no-repeat left top;}


#footer{
	background: url(../../img/layout/footer.fundo01.gif) repeat-x left top;
	}
	#footer .innerContainer{
		padding:10px 0;
		}
	#footer img#logoGiatul{
		float:left;
		margin:3px 10px 0 0
		}
	#footer img#footerMultiweb{
		position:absolute;
		right:10px;
		top:10px;
		}
	#footer p{display:block; padding:0 0 0 102px;}


/* =LAYOUT SNIPPETS
------------------------------------------------------------------------ */

img#promo-badge{
	position: absolute;
	right: -60px;
	top: 0;
}

div.special{
	text-align: center;
	padding: 18px;
	margin: 18px 0;
	border: 1px solid #5da6e8;
	background-color: #488bc5;
	}
	div.special h6, div.special p{
		margin: 0;
		}
	div.special h6{
		font-weight: bold;
		font-size: 1.3em;
		}

/* articleMask01 - foto principal de produto */
.articleMask01{position:relative; width:259px; height:173px; overflow:hidden; margin-left:-7px; clear:left;}
	.articleMask01 img.mask{position:absolute; left:0; top:0; z-index:2;}
	.articleMask01 img.thumb{position:absolute; clip:rect(7px 256px 165px 7px);}

.photoGallery{}
	.photoGallery.top{float:right; margin:0 0 5px 15px;}
	.photoGallery img{border:1px solid #62adf1;}
	.photoGallery a:hover img{border:1px solid #fff;}
	.photoGallery.static .articleMask02{margin-left:0;}
	.photoGallery.static table{margin:0;}

.slideshowGallery{
	margin:25px 0;
	}

.warn{margin:8px 0;}
	.warn p{margin:0;}
	.warn.info{background:#f2fcd6; border:1px solid #e4fe9c; padding:5px;}


#secHome .columns02.featuredLevel1{}
	#secHome .columns02.featuredLevel1 .column01{width:580px; margin:0; padding:0;}
	#secHome .columns02.featuredLevel1 .column02{
		width:223px;
		height: 228px;
		padding: 110px 15px 0 22px;
		margin:0;
		background-image: url(../../img/layout/featuredLevel1.dest02.bg.jpg);
		}
	#secHome .columns02.featuredLevel1 .column02 ul li{
		display: block;
		font-size: 14px;
		margin: 0 0 8px 0;
		width: auto;
		}
	#secHome .columns02.featuredLevel1 .column02 ul li{
		color: #013d5e;
		}
	#secHome .columns02.featuredLevel1 .column02 ul li a{
		color: #013d5e;
		text-decoration: none;
		background: url(../../img/layout/bullet01.png) no-repeat right center;
		padding-right: 10px;
		}
	#secHome .columns02.featuredLevel1 .column02 ul li a:hover,
	#secHome .columns02.featuredLevel1 .column02 ul li a:active{
		color: #da4000;
		}

#secHome .columns02.featuredLevel2{}
	#secHome .columns02.featuredLevel2 .column01{width:580px; margin:0; padding:0;}
	#secHome .columns02.featuredLevel2 .column01 ul{
		display:block;
		padding:10px 0px 8px 12px;
		background:#1d4258;
		}
		#secHome .columns02.featuredLevel2 .column01 ul li{
			display:inline;
			margin:0 8px 0 0;
			}
			#secHome .columns02.featuredLevel2 .column01 ul li img{border:4px solid #567182;}
	#secHome .columns02.featuredLevel2 .column02{
		width:245px;
		margin:0;
		padding:10px 10px 11px 5px;
		background:#1d4258;
		}
		#secHome .columns02.featuredLevel2 .column02 img{border:4px solid #567182;}

#secHome .columns04.featuredLevel2{}
	#secHome .columns04.featuredLevel2 .column01,
	#secHome .columns04.featuredLevel2 .column02,
	#secHome .columns04.featuredLevel2 .column03,
	#secHome .columns04.featuredLevel2 .column04{margin:0; padding:0;}

div.notes{
	border:1px dashed #336e9c;
	margin:0 0 10px 0;
	color:#60abee;
	padding:10px;
	}
	div.notes ol{margin:0 0 1em 15px; list-style-type:decimal;}

div#virtualTour{
	padding:40px 0 50px 180px;
	background: url(../../img/lang/01oparque/tour_fundo.jpg) no-repeat left center;
	margin:20px 0;
	min-height:50px;
	}
	div#virtualTour img{
		float:left;
		margin:0 30px 0 10px;
		}
	div#virtualTour ul{
		}

/* =LISTAS
------------------------------------------------------------------------ */

/* =siteNav */
ul.siteNav {list-style:none; width:390px;	position:absolute;	left:15px; top:115px; z-index:3; margin:0 auto; }
ul.siteNav li{display:inline; position:relative;}
ul.siteNav li a:link,
ul.siteNav li a:visited{color:#fff;}
ul.siteNav li a {
	display:block;
	float:left;
	height:44px;
	background: url(../../img/langPT/layout/sitenav.ops.png) no-repeat;
	}
	ul.siteNav li a span {display:none;}

ul.siteNav li#op01 a:link, ul.siteNav li#op01 a:visited{width:112px; background-position:0 0;}
ul.siteNav li#op02 a:link, ul.siteNav li#op02 a:visited{width:147px; background-position:-122px 0;}
ul.siteNav li#op03 a:link, ul.siteNav li#op03 a:visited{width:131px; background-position:-259px 0;}

ul.siteNav li#op01 a:hover{background-position:0px -44px;}
ul.siteNav li#op02 a:hover{background-position:-122px -44px;}
ul.siteNav li#op03 a:hover{background-position:-259px -44px;}

ul.siteNav li#op01.active a:link, ul.siteNav li#op01.active a:visited {background-position:0 -88px;}
ul.siteNav li#op02.active a:link, ul.siteNav li#op02.active a:visited {background-position:-122px -88px;}
ul.siteNav li#op03.active a:link, ul.siteNav li#op03.active a:visited {background-position:-259px -88px;}

ul.siteNav li#op05 form{
	width:154px;
	border-bottom:1px solid #b7e738;
	clear:both;
	padding:15px 0 15px 50px;
	}
	ul.siteNav li#op05 form input[type="submit"]{margin:5px 0 0 0;}

ul.siteNav ul {display:block;}
	ul.siteNav ul li{}

ul#sectionNav{}
	ul#sectionNav li{background: url(../../img/layout/section.li.fundo01.gif) no-repeat 3px 5px; padding-left:12px; margin:0 0 0.4em 0;}
	ul#sectionNav li.active{font-size:1.2em; background: url(../../img/layout/section.li.fundo02.gif) no-repeat 3px 5px;}
	ul#sectionNav li a:link, ul#sectionNav li a:visited{text-decoration:none; font-weight:bold; font-style:italic;}
	ul#sectionNav li.active a:link, ul#sectionNav li.active a:visited{color:#60abee; }

ul#footerNav{
	display:block;
	padding:0 0 5px 0;
	}
	ul#footerNav li{display:inline; margin:0 7px 0 0;}
	ul#footerNav li.active{font-weight:bold; border-bottom:3px solid #4d91ca;}
	ul#footerNav li.active a:link, ul#footerNav li.active a:visited{color:#fff;}

ul.pageNav{
	display:block;
	text-align:center;
	margin:2em 0;
	font-size:1.1em;
	}
	ul.pageNav li{display:inline;}
	ul.pageNav li a:link,
	ul.pageNav li a:visited{}
	ul.pageNav li.active a:link,
	ul.pageNav li.active a:visited{border-bottom:2px solid #a3dc0a; color:#585858; font-weight:bold;}	

ul.rootNav{font-size:9px; margin:0 0 1em 0;}
	ul.rootNav li{display:inline;}

ul#sitemap{margin:0 0 0 15px; font-size:1.1em;}
	ul#sitemap li{
		margin:0 0 8px 0;
		padding:0 0 0 5px;
		background: url(../../img/layout/sitemap.li.fundo.gif) no-repeat left 6px;
		}
		ul#sitemap ul{margin:0 0 0 15px; font-size:0.8em;}
			ul#sitemap ul li{margin:0 0 0 0;}

/* =DATATABLES E DATALISTS
------------------------------------------------------------------------ */
/* =dataTable.TYPE01 - lista visitas virtuais */
.dataTable.type01{}
	.dataTable.type01 td{text-align:center;}
	.dataTable.type01 td.firstTD{}
	.dataTable.type01 div.thumb{}
	.dataTable.type01 a:link,
	.dataTable.type01 a:visited{display:block;}


/* =dataTable.TYPE02 - tabela de preços */
table.dataTable.type02 { width:100%; margin-bottom:20px;}
	table.dataTable.type02 th,
	table.dataTable.type02 td{padding:5px 8px;}
	table.dataTable.type02 th{border-top:1px solid #62aff3; border-bottom:2px solid #62aff3;}
	table.dataTable.type02 td{border-bottom:1px solid #62aff3; text-align:center;}


.content ul.dataList{margin:0 0 2em 10px;}
	.content ul.dataList li{
		padding:0 0 0 6px;
		background: url(../../img/layout/dataList.bullet01.gif) no-repeat left 5px;
		}


/* =dataList.type01 - lista de links */
.dataList.type01{
	float:left;
	width:100%;
	margin:0;
	}
	.dataList.type01 li{
		padding:0;
		width:45%;
		margin:0 0 10px 0;
		display:block;
		float:left;
		font-weight:bold;
		font-size:1.2em;
		}
		.dataList.type01 li a:link,
		.dataList.type01 li a:visited{ font-weight:normal; font-size:0.80em;}

dl{}
	dl dt{font-weight:bold;}
	dl dd{margin:0 0 1em 8px;}
	
/* =FORMS
------------------------------------------------------------------------ */
form{
	position:static;
	z-index:50;
	}
	form input,
	form select,
	form textarea{
		font: 1em Tahoma, Arial, Helvetica, sans-serif;
		color: #033147;
		}
	form label{}
	form label.error{
		color:#ff0000;
		}

	form fieldset {border:1px solid #336e9c; margin:0 0 1em 0;}
	form legend {color:#fff; font-weight:bold;}
		form fieldset fieldset{margin:1em 0;}

	form p + table {margin-top:15px;}
	form table {width:100%; clear:both;}
		form table td,
		form table th{padding:2px 3px;}
		form table th{width:20%; vertical-align:top; font-weight:bold;}

	form div.formNotes{
		border:1px dashed #336e9c;
		padding:15px;
		color:#63aef2;
		}
		form div.formNotes ul{}
			form div.formNotes ul li{margin:0 0 1em 0;}
		
input.button,
input[type="submit"]{
	background: #00b1e5;
	border-top:2px solid #2bc7f5;
	border-right:1px solid #02a0ce;
	border-bottom:1px solid #02a0ce;
	border-left:2px solid #2bc7f5;
	font:bold 0.8em Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	color:#fff;
	margin:0;
	}




/* =COMPONENTS
------------------------------------------------------------------------ */
.sIFR-active h1,
.sIFR-active h2,
.sIFR-active h3,
.sIFR-active h4 {
	visibility: hidden;
	}

.sIFR-active h1 {font-size:2.6em;}
h1 + h2{margin-top:-10px;}
.sIFR-active h2 {font-size:1.8em;}
.sIFR-active h3 {font-size:1.8em;}
.sIFR-active h4 {font-size:1.5em;}



@media projection, screen { .ui-tabs-hide { display:none; } }
@media print { .ui-tabs-nav { display: none; } }

#tabs01 {text-align:center;} /*Imagens de plantas*/
.tabsInterface{margin:1.0em 0;}

.ui-tabs-nav {
  padding-left:10px;
  float:left;
  width:98%;
  margin:0;
}
.ui-tabs-nav li {
  list-style:none;
  float:left;
 }
.ui-tabs-nav a {
	background:url(i/tabs.gif) no-repeat left 4px;
	display:block;
	height:27px;
	padding:0 0 0 4px;
	text-decoration:none!important;
	margin:1px 5px -2px 0;
	font:9pt Verdana;
	outline:none;
	}
.ui-tabs-nav span {
	background:url(i/tabs.gif) no-repeat right 4px;
	display:block;
	height:27px;
	line-height:29px;
	padding:0px 13px 0 10px;
	margin-right:-3px;
	color:#5ea8ea;
	border-top:1px solid #1b4e71;
	border-right:1px solid #1b4e71;
	border-left:1px solid #1b4e71;
	}
.ui-tabs-nav .ui-tabs-selected a {
  background-position:left -23px;
  color:#61acef;
}
.ui-tabs-nav .ui-tabs-selected a span {
  background-position:right -23px;
  margin-bottom:-1px;
  cursor:default;
  color:#fff;
  font-weight:bold;
  background:#032d45;
  }
.ui-tabs-nav .ui-tabs-disabled a,
.ui-tabs-nav .ui-tabs-disabled a span {
  color:#000;
  opacity:0.4;
  filter:alpha(opacity=40);
  cursor:default;
}
.ui-tabs-container {
  background:#032d45;
  border:1px solid #1b4e71;
  clear:left;
  padding:10px 10px 8px 10px;
  *padding-top:3px;
  *margin-top:-24px;
}

/* hacks to get it working in IE */
.ui-tabs-nav li {
  display: inline !important;
  position: relative;
  _top: -3px;
}
.ui-tabs-nav li a {
  display: inline !important;
  float: left;
  _padding-left: 2px;
}
.ui-tabs-nav li a span {
  display: inline !important;
  padding-top: 6px;
  padding-bottom: 6px;
  _padding-bottom: 0px;
  position: relative;
  top: -2px;
  _top: 0px;
  _left: 3px;
  _padding-bottom: 2px;
  _padding-right: 13px;
}


/* jquery validation */	
#mainContent #ClientValidationSummary{
	border:1px dashed #336e9c;
	padding:10px;
	margin:0 0 10px 0;
	color:#043d5e;
	background:#5ae3c1;
	}
	#ClientValidationSummary a:link,
	#ClientValidationSummary a:visited{text-decoration:underline; font-weight:bold; color:#043d5e;}
	#ClientValidationSummary a:hover,
	#ClientValidationSummary a:active{}
	.validation-required{}
	.validation-failed{background:#f9eded; border:2px solid #5ae3c1;}