/*
Theme Name: Brancamenta
Description: Brancamenta Template
Author: Connexia SRL
Version: 1.0
*/


/* Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */


/* body structure - general
*********************************************************************/
* {margin:0;padding:0;}
html {height:100%;padding:0;}
body {
	height:100%;
	padding:0;margin:0;
	text-align:center;
	color:#555; background:#fff url('images/css/bg-body.jpg') no-repeat fixed 50% 0;
	font:13px/19px 'Trebuchet MS', Arial, Verdana, Geneva, Helvetica, sans-serif;}

a img {border:0;}
a {color:#006d33}
a:hover {text-decoration:none}
.floatR {float:right;}

/* body structure
*********************************************************************/
#wrapMainbody {
	margin:68px auto;
}
#wrapHeader {
	position:absolute; top:0px; left:0px;
	width:100%; height:94px;
	margin:0 0 10px 0; padding:0;
	z-index:10;
	overflow:hidden;
	text-align:center;
	background:url('images/css/bg-header.gif') repeat-x fixed 50% 0;
}
#pageHeader {
	width:973px;
	margin:0 auto;
	position:relative;
}
* html, * html body{
	overflow:hidden;
	padding:50px 0;
	margin:-50px 0;
	padd\ing:0;
	ma\rgin:0;
}
* html #wrapMainbody { 
	overflow:auto;
	height:99.9%;
	width:1000px;
}

#wrapMainDisclaim {
	top:0;
	left:0;
	height:100%;
	width:100%;
	position:fixed;
	background:#fff url('images/css/bg-body.jpg') no-repeat fixed 50% 0;
	z-index:9990;
}
* html #mainBody {
	position:absolute;
	overflow-y:scroll;
	width:100%;
	height:100%;
	z-index:1;
}
html>body #wrapHeader, html>body #wrapFooter {position:fixed}

#wrapFooter{background:#fafafa; z-index:10;position:absolute;bottom:0;width:100%;height:50px;}

#footer {
	height:40px; line-height:14px;
	width:920px;
	margin:0 auto;
	position:relative;
	font-size:10px;
}



/* header
*********************************************************************/
#pageHeader ul {float:middle;list-style-type:none;margin:30px 0 0 0;}
#pageHeader ul li {padding-right:35px;float:left; background:url('images/css/bg-li-menu.png') no-repeat 100% 0;}
#pageHeader ul li.last {background:none;padding-right:0;}

#pageHeader ul li a {display:block;height:19px;float:left;overflow:hidden;}
#pageHeader ul li a img {margin-top:0;}
#pageHeader ul li a:hover img, #pageHeader ul li a.active img  {margin-top:-19px;}

ul#navLang {font-family:Arial, 'Trebuchet MS', Verdana, Geneva, Helvetica, sans-serif; padding-left:20px;float:none; clear:left; width:122px; height:37px; position:absolute; right:0; top:30px; background:url('images/bg-langnav.png') no-repeat 0 0;}
ul#navLang li {background:none; margin:10px 0 0 0; padding:0 10px 0 10px; }
ul#navLang li a {font-weight:bold; color:#366e0c; text-decoration:none; padding:0 4px;}
ul#navLang li a.active, ul#navLang li a:hover {/*background:#366e0c;*/ color:#8a3b2a;}

.share {float:right;margin:0 0 0 20px;}

 
/* pageContent
*********************************************************************/
#mainBody {
	width:973px;
	margin:0 auto;
	color:#555;
}
.spalla {
	/*width:427px;*/
	width:492px;
	float:left;
	/*opacity:0.5;
	background:red;*/
}

.pageContent {
	/*width:520px;*/
	width:480px;
	float:right;
	text-align:left;
	padding-top:32px;
}
.passo {height:90px;no-repeat 0 0}


/*
.footer {text-align:center; line-height:52px; background:url('images/css/bg-footer.png') no-repeat top right;}
.footer a {color:#000; text-decoration:none;padding:0 5px;}
.footer a:hover {text-decoration:underline;}
*/

#footer a {text-align:right;font-weight:bold; text-decoration:none; padding:0; margin:0 4px;}
#footer a:hover {text-decoration:underline;}

.footer-info{float:left;width:250px;text-align:left;color:#42771b;padding-top:15px}
.footer-menu{float:right;text-align:right;padding-top:16px}

/* elementi comuni
*********************************************************************/
.breadcrumb {margin:0 0 20px 0;}
#spot				{width:440px; height:270px; border:10px solid #b7c3d2;margin:0 0 0 18px;}
#spotComunicazione	{width:440px; height:270px; border:10px solid #b7c3d2;margin:0 0 0 18px;}

.testo p {margin:5px 0;}
#spotComunicazioneTitle {text-align:center; font-weight:bold;font-size:16px;}
#spotComunicazioneNav {overflow:hidden;padding-bottom:10px;}
#spotComunicazioneNav a {color:#fff;text-decoration:none;font-weight:bold;}
#spotComunicazionePrev {margin-left:18px;padding-left:20px; float:left;background:url('images/css/precedente.png') no-repeat;height:21px;width:90px;}
#spotComunicazioneNext {padding-right:20px; text-align:right; float:right;margin-right:0;background:url('images/css/successivo.png') no-repeat 0 0;height:21px;width:90px;}
.testo ul{
	font-weight:bold;
	margin: 0 0 0 30px;
	padding: 0 0 0 0;
	list-style:none;
	
}

/* pagina Gate
*********************************************************************/
#pageGate {position:relative;overflow:hidden;text-align:left;padding:50px 0 0 100px;}
.question {position:relative; width:505px; height:155px; background:url('images/css/question.png') no-repeat 0 0; margin:20px 0 0 80px;}
.question span.si {position:absolute; top:4px; left:305px;}
.question span.no {position:absolute; top:4px; left:385px;}

.question span.si a {outline: none; display:block; text-indent:-9999px; width:30px; height:26px; background-image:url('images/css/bot-si.png'); background-repeat:no-repeat; background-position:0 0;}
.question span.si a:hover {background-position:0 100%;}

.question span.no a {outline: none; display:block; text-indent:-9999px; width:39px; height:26px; background-image:url('images/css/bot-no.png'); background-repeat:no-repeat; background-position:0 0;}
.question span.no a:hover {background-position:0 100%;}

.condition {position:absolute; top:70px; left:0; width:503px; height:26px;background:url('images/css/condition.png') no-repeat 0 0; text-indent:-9999px;}


/* pagina Home
*********************************************************************/
#pageHome /*background:url('images/css/logo-brancamenta.png') no-repeat 226px 26px;*/position:relative;overflow:hidden;}
#pageHome .pageContent {padding-top:0 !important;}
#pageHome .passo-inizio {position:relative;z-index:2;height:718px;}
#pageHome .testo {padding-top:160px;}
#pageHome .testo1 {padding-top:-50px; padding-right:500px }

/* pagina Brancamenta
*********************************************************************/
#pageBrancamenta .passo-inizio {overflow:hidden;height:765px;background:url('images/css/spalla-brancamenta.png')}
#pageBrancamenta .testo {padding-right:160px; height:360px!important; height:360px; min-height:560px; background:url('images/css/foto-brancamenta.png') no-repeat bottom right;}


/* pagina Comunicaizone
*********************************************************************/
#pageComunicazione {clear:both;}
#pageComunicazione .passo-inizio {height:665px;background:url('images/css/spalla-comunicazione.png')}
#pageComunicazione .testo {}



/* pagina Disclaimer
*********************************************************************/
#pageDisclaimer {clear:both;}
#pageDisclaimer .pageContent {padding-top:32px;}
#pageDisclaimer .passo-inizio {
	height:665px;
	background:url('images/css/spalla-brancamenta.png');
	margin-top:-10px;
}
#pageDisclaimer .testo {}


/* pagina Cooktail
*********************************************************************/
#pageModi {clear:both;}
#pageModi .passo-inizio {
	height:665px;
	background:url('images/css/spalla-cocktail.png');
	margin-top:-10px;
}
#pageModi .testo {overflow:hidden;}
#pageModi .foto {}
ul.elenco-cocktail  {list-style-type:none; width:150px; float:left;}
ul.elenco-cocktail li {cursor:pointer; float:left; width:62px; height:118px;margin:10px 10px 5px 0;}
.testo-cocktail {width:300px; float:left; }
.zoom {float:left; margin:0 5px 0 0;}
#modoTesto {float:left; width:160px; margin:20px 0 0 0;}



/* pagina Photogallery
*********************************************************************/
#pagePhotogallery {clear:both;}
#pagePhotogallery .passo-inizio {
	height:665px;
	background:url('images/css/spalla-gallery.png');
	margin-top:-10px;
}
#pagePhotogallery .pageContent {padding-top:32px;}



.ngg-albumcontent {overflow:hidden;}
.ngg-album {float:left; width:48%;/*background:red;*/}
.ngg-albumtitle {float:right;}
.ngg-album-compact p {line-height:15px;}
.ngg-album-compactbox {width:200px!important; margin:5px!important; /*background:red;*/}

h2.titleGallery {
	font-size: 18px;
  font-style: italic;
  color:#006d33;
  font-weight: bold;
  margin:20px 0;
 }




/* pagina tappe
*********************************************************************/
#pageTappe {clear:both;}
#pageTappe .pageContent {padding-top:32px;}

#pageTappe .passo-inizio {height:765px;background:url('images/css/spalla-tour.png');margin-top:-10px;}
#pageTappe .testo {}

#pageNight {clear:both;}
#pageNight .pageContent {padding-top:32px;}

#pageNight .passo-inizio {height:765px;background:url('images/css/spalla-night.png');margin-top:-10px;}
#pageNight .testo {}


/* pagina brano
*********************************************************************/

#pageUniversal {clear:both;}
#pageUniversal .pageContent {padding-top:32px;}

#pageUniversal .passo-inizio {
	height:765px;
	background:url('images/css/spalla-tour.png');
	margin-top:-10px;
}


/* pagina brano
*********************************************************************/

#pageConcorso {clear:both;}
#pageConcorso .pageContent {padding-top:32px;}

#pageConcorso .passo-inizio {
	height:765px;
	background:url('images/css/spalla-concorso.png');
	margin-top:-10px;
}

#pageConcorso .testo {
	padding-right:160px; height:540px!important; height:540px; min-height:540px; background:url('images/css/foto-concorso.png') no-repeat bottom right;
}



span.green{
	color:#4aa20a;
}
span.title{
	font-weight:bold;
	font-size:12px;
	margin:0 20px 0 0;
	padding:0 0 0 0;
}


.sociable ul {list-style-type:none; margin:20px 0 0 0;padding:0}
.sociable ul li {float:left;padding:0 2px;}