#sidebar-first {
	background-color: #E1E0D3;
}	
/** Font styles 
---------------------------------*/

body {
	 margin: 0;
  	font: 12px/15px Arial, "Helvetica Neue", helvetica, sans-serif;
	color: #333;
}
body.page-mid-escursioni #content-area p,
body.page-mid-excursions #content-area p {
  	font: 10px/11px Arial, "Helvetica Neue", helvetica, sans-serif;
	margin-bottom: 5px;
}
/* Links */

a:link, a:visited {
  color: #6495ED;
  text-decoration: none;
}

a:hover, a:active {
  color: #BA55D3;
  text-decoration: none;
}

/* Titles  */

h1, h2, h3, h4, h5, h6 {line-height:1.3em;}

h1 {
	font-size: 2.2em;
	font-weight:300;
	padding: 0;
	margin: 0;
}

h2 {font-size:1.8em;font-weight:300;margin-bottom:0.75em;}
h3 {font-size:1.4em;margin-bottom:1em;}
h4 {font-size:1.2em;margin-bottom:0.8em;}
h5 {font-size:1.1em;font-weight:600;margin-bottom:0;}
h6 {font-size:1em;font-weight:bold;}

/* Paragraph Styles */

p {
  margin:0 0 1em 0;
}

/* List Styles  */

ul, ol {
  margin-left: 0;
  padding-left: 2em;
}

/* Table Styles  */

table {
	width: 99%;
}
tr.even td, tr.odd td {
	padding: 10px 5px;
}
tr.odd {
	background-color: #fff;
}

/* Code */

pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}

pre {
	background-color: #efefef;
	display: block;
	padding: 5px;
	margin: 5px 0;
	border: 1px solid #aaa;
}

/* List Styles 

ul          { list-style-type: disc; }
ul ul       { list-style-type: circle; }
ul ul ul    { list-style-type: square; }
ul ul ul ul { list-style-type: circle; }
ol          { list-style-type: decimal; }
ol ol       { list-style-type: lower-alpha; }
ol ol ol    { list-style-type: decimal; }*/

/* Abbreviation */

abbr {
  border-bottom: 1px dotted #666;
  cursor: help;
  white-space: nowrap;
}

/* UI improvments  */

#edit-title{
	font-size: 24px;
}
#system-themes-form img{
	width:100px;
}
.form-item .description{
	font-style:italic;
	line-height:1.2em;
	font-size:0.8em;
	margin-top:5px;
	color:#777;
}
#edit-delete{
	color:#c00;
}

/**
 * Console, style from Slate theme
 */
div.messages {
  padding: 9px;
  margin: 1em 0;
  color: #036;
  background: #bdf;
  border: 1px solid #ace;
}
div.warning {
  color: #840;
  background: #fe6;
  border-color: #ed5;
}
div.error {
  color: #fff;
  background: #e63;
  border-color: #d52;
}
div.status {
  color: #360;
  background: #cf8;
  border-color: #be7;
}

/** Region Colors
---------------------------------
*  delete when starting a new theme 

#header, #footer { background-color: #efefef; }
#sidebar-first {	background: #e7edff; }
#sidebar-second { background: #ffd075; }
#navigation { background-color: #feffa5; }*/

/*MIO*/
/*INTRO*/
div#select {
	margin: 0 auto;
	margin-top: 110px;
	width: 520px;
	height: 410px;
	color: White;
	background-color: #524e4f;
	text-align: center;
/*	border: 1px black solid;*/
}

div#select a {
	color: White;
	font: normal 11px/12px Arial, Helvetica, Verdana, Sans-serif;
	text-decoration: none;
}
/*general*/
.bold {
	font-weight: bold;
}
table {
	border-collapse: separate;
}
table td {
	padding-bottom: 5px;
}
.left {
	float: left;
}
.clear-left {
	clear: left;
}
.clear-right {
	clear: right;
}
select {
	margin-top: 3px;
}
.top {
	position: absolute;
	top: 0;
}
.bottom {
	position: absolute;
	bottom: 0;
}
/*region*/
#main {
	background: White url(../images/bk-main.jpg) no-repeat top center;
}
#footer {
	background: #474344;
	background-image: url(../images/bk-footer.jpg);
	background-position: top;
	background-repeat: repeat-x;
}
#sidebar-first {
}
#sidebar-first.eight{
	background-color: black;
}
#sidebar-first-inner {
	padding-left: 72px;
}
#sidebar-second-inner {
	padding-right: 10px;
}
/*#block-block-40,
#content-area {
	float: left;
}*/


#block-views-pangallery-block_1,
#block-views-pangallery-block_1 #pangallery {
   height: 410px;
   float:left;
	overflow: hidden;
}
div#content-area { /*width -25px height -40px*/
	padding: 25px 0px 30px 15px;
   height: 355px;
   float:left;
/*	overflow-x: none;
	overflow-y: scroll;*/
	overflow: hidden;
	width: 100%;
}
.logged-in div#content-area {
   height: auto;
}

	/*MID*/
.section-mid #content-area {
		width: 420px;
}
.section-mid #block-views-pangallery-block_1,
.section-mid #block-views-pangallery-block_1 #pangallery {
	width: 200px;
}
	/*SHOW*/
.section-show #content-area {
	width: 315px; /*width: 275px;*/
}
.page-show-portofino.section-show #content-area {
	float: left;
}
.section-show #block-views-pangallery-block_1,
.section-show #block-views-pangallery-block_1 #pangallery {
	width: 307px;
}
.page-show-portofino.section-show #block-views-pangallery-block_1,
.page-show-portofino.section-show #block-views-pangallery-block_1 #pangallery {
	float: right;
	width: 307px;
}

	/*FULL*/
.section-full #content-area {
	display: none;
}
.section-full #block-views-pangallery-block_1,
.section-full #block-views-pangallery-block_1 #pangallery {
	width: 660px;
}

/*menu*/

.block-menu ul,
.block-right ul {
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.block-menu ul li,
.block-right ul li {
	list-style-image: none;
	list-style-type: none;
}
.block-menu ul ul,
.block-right ul ul {
	margin-bottom: 0px;
}
.block-menu ul li,
.block-right ul li {
	padding: 0;
	margin: 0;
	display: block;
	margin-bottom: 4px;
}
.block-menu ul ul li,
.block-right ul ul li {
	padding: 0;
	margin: 0;
	display: block;
	margin-bottom: 0px;
	height: 18px;
}
.block-menu ul a,
.block-right ul a {
	display: block;
	font-size: 12px;
	color: black;
	text-transform: uppercase;
}
.block-menu ul ul a,
.block-right ul ul a {
	text-transform: capitalize;
	font-size: 12px;
	color: #646464;
}
.block-menu ul a:hover,
.block-menu ul a.active,
.block-menu ul li.expanded a,
.block-right ul a:hover,
.block-right ul a.active,
.block-right ul li.expanded a {
	text-decoration: underline;
}
.block-menu ul li.expanded ul a,
.block-right ul li.expanded ul a {
	text-decoration: none;
}
.block-menu ul ul a:hover,
.block-menu ul ul a.active,
.block-right ul ul a:hover,
.block-right ul ul a.active {
	color: Black;
	text-decoration: none;
}

#sidebar-second .block-right ul {
	text-align: right;
	margin-top: 100px;
}
#sidebar-second .block-right ul li.first {
	margin-bottom: 15px;
}
#sidebar-second .block-right ul ul li.first {
	margin-bottom: 0px;
}
#sidebar-second .block-right ul ul{
	margin-top: 5px;
	margin-bottom: 10px;
}
/*lingua*/

.languagelnk ul{
	margin: 15px 0 30px 0;
	padding: 0;
	list-style: none;
}
.languagelnk ul li a{
	display: block;
	width: 116px;
	height: 12px;
	overflow: hidden;
	text-indent: -1000px;
}
.lang-it .languagelnk ul li.it{
	display: none;
}
.lang-en .languagelnk ul li.en	{
	display: none;
}
.languagelnk ul li.it a{
	background-image: url(../images/ita.png);
	background-repeat: no-repeat;
	background-color: transparent;
}
.languagelnk ul li.en a{
	background-image: url(../images/eng.png);
	background-position: top left;
	background-repeat: no-repeat;
	background-color: transparent;
}

/*testo*/
#content-area h1{
	height: 20px;
	margin-bottom: 30px;
	margin-left: 15px;
}
#content-area p{
	text-align: justify;
	margin: 0;
	padding: 0;
	margin-bottom: 18px;
}

/*tagghetti volanti meteo e prenotazioni*/

#prenotazioni {
position:absolute;
overflow:hidden;
right:20px;
bottom:0px;
width:406px;
height:20px;
color:white
}
#prenotazionibutton {
background-image: url(../images/tab-prenot.png);
background-repeat: no-repeat;
background-position: 0 0px;
text-indent: -1000px;
overflow: hidden;
cursor:pointer;
height:20px
}

#prenotazionibutton:hover,
#meteobutton:hover {
	background-position: 0 -20px;
}
#prenotazioniframe {
border-width:0px;
overflow:hidden;
width: 100%;
}
#meteo {
position:absolute;
overflow:hidden;
right:430px;
bottom:0px;
width:141px;
height:20px;
color:#333;
}
#meteobutton {
background-image: url(../images/tab-meteo.png);
background-repeat: no-repeat;
background-position: 0 0px;
text-indent: -1000px;
overflow: hidden;
cursor:pointer;
height:20px
}
.meteoimg {
	float: left;
	width: 85px;
	text-align: center;
	padding: 5px;
}
.meteoimg img{
	margin: 0 auto;
	border: 2px solid #fff;
}
.meteodegrees {
	float: left;
	width: 40px;
	height: 100px;
	line-height: 100px;
}
/*reservation*/
#included form#reservation {/*piccolo-volante*/
	padding: 5px 0px 0px 5px;
	margin: 0px;
	background-color: White;
	border: none;
	font-size: 11px;
	width: 406px;
	height: 100%;
}
#included form#reservation select {/*piccolo-volante*/
	font-size: 11px;
	clear: none;
}
#included form#reservation .date {/*piccolo*/
	float: left;
	width: auto;
	clear: none;
	margin-right: 15px;
}
#included form#reservation .nights {/*piccolo*/
	float: left;
	width: auto;
	clear: none;
	margin-right: 15px;
}
#included form#reservation .adults {/*piccolo*/
	float: left;
	width: auto;
	clear: none;
	margin-top: 0px;
	margin-right: 15px;	
}
#included form#reservation .children {/*piccolo*/
	float: left;
	width: auto;
	clear: none;
	margin-top: 0px;
}
#included form#reservation .iata {/*piccolo*/
	float: left;
	clear: left;
	width: 155px;	
	margin-top: 8px;
	margin-right: 8px;	
}
#included form#reservation .iata input{/*piccolo*/
	width: 90px;	
}

#included form#reservation .check {/*piccolo*/
	float: left;
	width: 115px;	
	margin-top: 9px;
	margin-right: 5px;	
	clear: none;
}
#included form#reservation .check input{/*piccolo*/
	width: 115px;	
	font-size: 9px;
}
#included form#reservation .reset {/*piccolo*/
	margin-top: 8px;
	float: left;
	clear: none;

}
#included form#reservation .reset a{/*piccolo*/
	font-size: 10px;
	float: left;
}


form#reservation {/*grande*/
	padding: 10px 15px;
	background-color: #f8f8f8;
	border: 1px #ededed solid;
	float: left;
	width: 300px;
}
form#reservation .date {/*grande*/
	float: left;
	width: 175px;
}
form#reservation .nights {/*grande*/
	float: left;
	width: 100px;
}
form#reservation .adults {/*grande*/
	float: left;
	clear: left;
	width: 175px;
	margin-top: 15px;
}
form#reservation .children {/*grande*/
	float: left;
	margin-top: 15px;
}
form#reservation .iata {/*grande*/
	float: left;
	clear: left;
	width: 175px;	
	margin-top: 15px;
}
form#reservation .check {/*grande*/
	float: left;
	clear: left;
	width: 175px;	
	margin-top: 15px;
}
form#reservation .check input{/*grande*/
	font-size: 10px;
	text-transform: uppercase;

}
form#reservation .reset {/*grande*/
	margin-top: 15px;
	float: left;
	clear: left;
	width: 250px;
}
form#reservation .reset a{/*grande*/
	font-size: 10px;
	width: 100px;
}

/*GALLERY SWF*/

.section-swf div#content-area,
.front div#content-area {
	padding: 0;
	height: 410px;
}
.section-swf div#content-area h1,
.front div#content-area h1{
	display: none;	
}
.section-swf div#content-area p,
.front div#content-area p{
	padding: 0;
	margin: 0;
}

/*GALLERIA FOTOGRAFICA*/
.node-type-galleria .field-item{
	width: 64px;
	display: inline;
}

/*embedintro_div*/
.embedintro_div {
	position: absolute;
	top: 0;
	left: 210px;
/*	margin: -25px -0px -30px -15px;*/
}

/*PLAYER MUSIC*/
#block-block-56 {
	position: absolute;
	top: 0;
	left: 0;
	width: 150px;
}
/*ALDO*/

.titolo-glo {
font-weight:bold;
cursor:pointer;
}

.field-glo {
margin-bottom:14px;}


#prenotazioniframe {
 border-width:0;
 height:100px;
 overflow:hidden;
 width:100%;
 background-color: #E1E0D3;
 }

/*location*/

div.gmap {
	margin-top: 35px;
	border-top: 1px #666 solid;
}



#block-block-38 a { /*primavoce first-menu*/
	display: block;
	font-size: 12px;
	color: Black;
	text-transform: uppercase;
	margin-bottom: 25px;
}

/*logo*/
#block-block-41,
#block-block-42	 {
	position: absolute;
	left: 0;
	bottom: 0;
}
#block-block-41 p,
#block-block-42 p	 {
	padding: 0;
	margin: 0;
}

/*hidden*/

div.links,
.node-type-galleria .field-label{
	display: none;
	visibility: hidden;
}

/*player*/


div.mp3player {
  position: absolute;
  top: 0px;
  left: 0px;
  width:300px;
}

#player {
 width:300px;
 height: 15px; 
}