/**************************************************************
Titolo:      boscolastregaia.com-  Style Sheet (screen media)

Copyright:   Caterina Chimenti - http://www.kikaweb.com

Data:        01/02/2009

Ultimo agg.: 30/03/2009 
 **************************************************************/

/* CSS copyright: Caterina Chimenti, 2008 www.kikaweb.com    */
/* You may adapt elements of this CSS in your own projects   */
/*but the unique combination of colours, sizes, typography,  */  
/* images and positioning ("the design") is copyright 2008   */
/* Caterina Chimenti and may not be reproduced.              */

/* Gli elementi di questo Css sono liberamente utilizzabili  */
/* ed adattabili ai propri progetti, ma la combinazione      */
/* specifica di colori, proporzioni, tipografia, immagini    */
/* (il "design") sono copyright Caterina Chimenti, 2008      */ 
/* e pertanto non sono riproducibili nel loro insieme        */

/* -----  COLOR PALETTE ----- */
/*
Light Gray: #dcd6d2
Background Gray: #CDCABD;
Footer Gray: #d6c7c1;
Sidebox light pink: #eae1dc;
Medium Gray: #ccc7c4;
Dark Gray: #666666
Extra Dark Gray: #333;
Light Purple: #ba8b9d;
Medium Purple: #861544;
Dark Purple: #6b1136;
Extra Dark Purple: #36081b;

*/

/* ========== BASIC STYLES and RESET ========== */

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dd,dl,dt,li,ol,ul,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {margin:0; padding:0; border:0; font-weight:normal;  text-align:left; font-family:inherit;}
table {border-collapse:collapse;border-spacing:0;}

q:before,q:after,blockquote:before,blockquote:after {content:"";}


/*----- Clear divs ------*/
html body div.clear,
html body span.clear { background: none; border: 0; clear: both; display: block; float: none; font-size: 0; margin: 0; padding: 0; position: static; overflow: hidden; visibility: hidden; width: 0; height: 0; }

html body * span.clear,
html body * div.clear,
html body * li.clear,
html body * dd.clear { background: none; border: 0; clear: both; display: block; float: none; font-size: 0; list-style: none; margin: 0; padding: 0; overflow: hidden; visibility: hidden; width: 0; height: 0; }


body {	background: #CDCABD; font-family: georgia, palatino,'times new roman',serif; color: #666; font-size: 12px;  }


/*---- Clearfix ------*/

.clearfix:after {	clear: both; content: '.'; display: block; visibility: hidden; height: 0;}

.clearfix { display: inline-block; }

* html .clearfix { height: 0%;}

.clearfix {	display: block;}
.clear {clear: both}


/*==== TEXT and TYPOGRAPHY ====*/

/*--- Paragraphs ---*/
.smallcaps {
	font-size: smaller;
	font-variant: small-caps;
	 }
strong {
	font-weight: bold; color: #861544; }
p {
	font-family: georgia, palatino,'times new roman',serif;
	font-size: 1.1em;
	line-height: 1.75em;
	margin-top: 1.3125em;
	margin-bottom: 0.65625em;
	text-align: left;
}

#side-content p { 
	font-size: 1em;
	line-height: 1.5em;
	margin: 0 0 0 0;
}

#footer p {
	text-align: center; margin: 0;
	padding: 0 0 1em 0;
	}

#footer-wrapper .powered{
    width: 20%; margin: 0 auto;
    padding: 1em 0 0 0;
    border-top: 1px solid #666666;
	font-size: smaller;
	font-style: italic;}

#footer-wrapper p.powered a, #accordion li.last a, div#handler  p.hand a{
	color: #861544; 
	text-decoration: underline; 
	padding: 2px; font-weight: normal; border: none;
	}
#footer-wrapper p.powered a:hover, #footer-wrapper p.powered a:active,
#accordion li.last a:hover, #accordion li.last a.active,
div#handler  p.hand a:hover, div#handler  p.hand a.active {
	color: #861544; 
	text-decoration: none; 
	background: #ba8b9d;
	padding: 2px; border: none;
	}

blockquote {
	font-style: italic;
	font-size: 1.2em;
	line-height: 1.75em;
	margin-top: 1.3125em;
	margin-bottom: 0.65625em;
	padding: 0 0 0 1.3125em;
	
}

h2, h3, table caption {font-weight:bold;}

h2, table caption, .zemContactForm fieldset legend {
	font-size: 1.5em;
	line-height: 1.166667em;
	text-transform: uppercase;
}


#content h2, .zemContactForm fieldset legend {
     display: block; border-bottom: 1px dotted #861544;

}

h3 {
	font-size: 1.2em;
	line-height: 1.3125em;
	margin-bottom: 0.583333em;
}

#content h3 { 
	color: #6b1136;
	font-variant: small-caps;
	margin-top: 0.583333em; margin-bottom: 0; }



span.amp {
   font-family:Baskerville,"Goudy Old Style","Palatino","Book Antiqua",serif;
   font-size:130%;
   font-style:italic;
}

/*---- LINKS ----*/


a {color:#6b1136; padding: 2px;}
a:hover, a:active, .selected {background: #ba8b9d;
	color: #6b1136; padding: 2px; border: none;}

#accordion li a.heading.selected {background: #ba8b9d}



/*---------- HEADINGS -----------*/

#maincontent h2, table caption {
	color: #861544; 
	}
 #maincontent h2, table caption {
	color: #861544; 
	margin: 2.5em 0 1em 0; clear: both;
	}
body#default #maincontent h2 {
	color: #861544; 
	margin: 1em 0 1em 0; clear: both;
	}
	
body#default #maincontent p.end	{
    margin: 0 0 2em 0;

}
	
#side-content .box_header h2 {
	font-size: 1.2em;
	font-weight: bold;
	font-style: italic;
	text-align: center;
	}

#side-content h3 {
	font-size: 1.1em;
	line-height: 1.3em;
	font-weight: normal;
	margin: 0.5em 0 0.5em 0;
	text-transform: uppercase ;
	font-variant: small-caps;
	text-align: center;}

	
/*---- LISTS ----*/

ul, ol {	
	font-size: 1.1em;
	line-height: 1.75em;
	margin-top: 0.65625em;
	margin-bottom: 0.65625em;

	}

ul {
	text-indent: 0.2em;
	padding: 0 0 0 2em;
	list-style-image: url(../images/bullet.png)}

ul li{
	line-height: 1.6em;}

ol {
	text-indent: 0.2em;
	padding: 0 0 0 2.3em;
}

#maincontent ul li {padding: 0.3em 0 0.3em 0;}

/* Accordion for side navigation */

ul#accordion, ul#accordion ul {
	list-style-image: none; 
	margin: 0;
    padding:0px;
    text-indent:0px;}

#accordion li {
    list-style-image: none;
	list-style-type: none;
	}
		
#accordion ul li, #accordion ul li div { 
	font-size: 0.8em;
	line-height: 1.5em;
	margin: 0 0 0 0.5em; padding: 0.5em 0 0.5em 0;
	border-bottom: 1px #ccc7c4 dotted; }

#accordion ul li.last { 
	border-bottom: none; text-align: right; }

#accordion li a.heading, #accordion li h3.heading { 
	font-size: 1em;
	line-height: 1.3em;
	font-weight: bold;
	margin: 0.5em 0 0.5em 0;
	text-transform: none ;
        font-style: italic;
	text-align: center;
	display: block;
	background: #CDC3C1;
	padding: 0.25em 0 0.3em 0;
	border-top: 1px solid #AFA6A4;
	color: #861544;
	}
#accordion li h3.heading, #accordion #contatti_side h4.fn org {text-transform: none; font-style: italic;}
#accordion p.hand a.active {border: 1px solid black;}

#accordion li a.heading:hover, #accordion li a.heading active {
	background: #dcd6d2 ; 
	border-top: 1px solid #AFA6A4;
	border-bottom: none; border-left: none; border-right: none;}

#accordion li.last a{background: #dcd6d2; text-align:center; margin: 0 0 3.3em 0;}

/*---- Language List ----*/
#lang_list {display:block; height:20px; min-height:20px; margin:15px 15px 0 0 ; float: right;}
#lang_list ul {margin:0; padding:0; list-style-type:none;}
#lang_list li {display:block; float:right; margin-right:1px; width:30px; text-align: center;}
#lang_list li a{
    font-size: 0.8em;
    color: #fff; 
    text-transform: uppercase;
    text-decoration: none;
    border-bottom: 1px dotted #fff;}

#lang_list li.active a{
         background: #ba8b9d;
	color: #6b1136; }

/* ============= LAYOUT ============ */

html, body, #wrapper {
    height: 100%;
}

body > #wrapper {height: auto; min-height: 100%;}

body {
	background-color: #dcd6d2;
	margin:0;
}

#container {
	background: url(../images/light_bg.jpg); margin: 0; padding: 0;
	position: relative;
	min-height: 100%;
	height: 100%;
    voice-family: "\"}\"";
    voice-family: inherit;
    height: auto;
}

html>body #container {
    height: auto;
	}

#header {
	background: url(../images/top_bg.jpg) repeat-x;
	height: 150px;
	border-bottom: 2px solid #36081b;
}

#logo h1 {
	display: none;}

#logo {
	background: url(../images/stregaia_logo.jpg) no-repeat top right;
	float: left;
	width: 289px;
	height: 150px; 

	}

#wrapper {
	background: transparent;
	margin:0 auto;
	width:800px;
	text-align:left;
}

body#default #featured {
	background: url(../images/dark_bg.jpg) repeat-x;
	height: 213px;
	border-bottom: 2px solid #36081b;}

 #featured {
	background: url(../images/dark_bg.jpg) repeat-x bottom ;
	height: 50px;
	border-bottom: 2px solid #36081b; text-align: center;}


#featured-pic {
    position: relative;
	top: 40px;
	width:800px;
	margin:0 auto;
	}

#maincontent {
		margin: 0 0 50px 0;
		padding-bottom: 120px;}  /* must be same height as the footer */

#footer {
	padding: 5px 0 10px 0;
	background: #d6c7c1;
	text-align: center;
	border-top: 2px #861544 solid;
	position: relative;
	margin-top: -120px; /* negative value of footer height */
	height: 120px;
	clear:both;} 
	
#footer-wrapper {
	background: #d6c7c1;
	text-align: center;
	border-top: 1px solid #861544; 
    padding: 2em 0 1em 0;
}
/* ----- NAVIGATION ----- */

/* Top navigation */ 

#top-container {
	width: 1110px; 
	margin: 0 auto;}
#topnav {
	position: relative; 
	float: left; 
	top: 57px;
	 }

#topnav ul{

	border-bottom: 1px solid #CDC3C1;
	border-top: 2px solid #CDC3C1;
	height: 2em; 
	padding: 0.1em 0.5em 0.16em 0em;
        word-spacing: -0.03em;
	}

#topnav ul li {
    list-style-type: none;
	float:left;
	margin-left:12px;
	list-style-image: none;}
	
#topnav ul li a{
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: -0.05em;
    font: 1.3em/1.8em bold;
    color: #CDC3C1;
    font-weight: bold;
    padding: 0.3em 0.1em 0.25em 0.1em;
	}

#topnav ul li a:hover,
#topnav ul li a.active {
	background: #ba8b9d;
	color: #6b1136; padding: 0.4em 0.1em 0.25em 0.1em; border: none;}

/* Article Navigation */

ul.article_pag_nav {
margin: 1em 0; 
padding: 0;
text-align: center;
border-top: 1px dotted;
border-bottom: none}

ul.article_pag_nav li {
display: inline; 
line-height: 1em;}

ul.article_pag_nav li span.right {
text-transform: uppercase;
font-variant: small-caps;
padding: 0.1em 0.5em;
font-size: 0.8em}

ul.article_pag_nav li a, ul.article_pag_nav li span.left {
text-transform: uppercase;
font-variant: small-caps;
border-right: 1px solid #ba8b9d;
padding: 0.1em 0.5em;
font-size: 0.8em}

ul.article_pag_nav li a:hover {padding: 0.1em 0.5em;}
ul.article_pag_nav li.last a {border: none}

/* ==== CONTENT ==== */

#content { 
	margin: 130px 0 0 0;
	width: 560px;
	float: left;}
	
body#legale #content { 
	margin: 30px 0 0 0;
	width: 560px;
	height: 100%; overflow: visible;
	border-bottom: 1px solid #afa6a4 ;
	border-top: 1px solid #afa6a4 ;
	float: left;}


#content { 
	margin: 30px 0 0 0;
	width: 560px;
	height: 500px; overflow: hidden;
	border-bottom: 1px solid #afa6a4 ;
	border-top: 1px solid #afa6a4 ;
	float: left;}

body#case #content { 
	margin: 30px 0 0 0;
	width: 560px;
	height: 1150px; overflow: hidden;
	border-bottom: 1px solid #afa6a4 ;
	border-top: 1px solid #afa6a4 ;
	float: left;}

body#chi #content, body#articles #content { 
	margin: 30px 0 0 0;
	width: 560px;
	height: 1000px; overflow: hidden;
	border-bottom: 1px solid #afa6a4 ;
	border-top: 1px solid #afa6a4 ;
	float: left;}

body#default #content { 
	margin: 130px 0 0 0;
	width: 560px;
	height: 600px; overflow: hidden; 
	border-bottom: 1px solid #afa6a4 ;
	border-top: 1px solid #afa6a4 ;
	float: left;}
	
body#default	#content .element {
	height: 590px; overflow: visible;
	}

#content .element {
	height: 490px; overflow: visible;
	}

body#case #content .element {
	height: 1140px; overflow: visible;
	}

body#chi #content .element, body#articles #content .element {
	height: 980px; overflow: visible;
	}

div.element_extra {height: 500px;}

/*---- SIDE CONTENT ----*/	
	

#side-content {
	width: 160px;
	float: right;
	margin: 0 0 0 80px;}

.box_container {
	width: 170px;
	background: transparent;
	padding: 0 5px 5px 5px;
	border-left: 2px solid #ccc7c4;
	border-right: 2px solid #ccc7c4;
	border-bottom: 2px solid #ccc7c4;
	z-index: -99999}


.box_header {
	background: url(../images/side_bg_1.jpg) repeat-x 50%;
	padding: 1em;
	border: 1px solid #dbcdc7; 
	}


	
.box {
	background: #eae1dc ;
	padding: 1em 1em 0 1em;
	margin: 0.3em 0 0 0;
	border: 1px solid #dbcdc7; 
	}

#handler {
	background: transparent url(../images/swirl.png) no-repeat center bottom;
	height: 95px;
	margin: 25px 0 5px 0;
	position: inherit;
}

body#default #handler {
	background: transparent url(../images/swirl.png) no-repeat center bottom;
	height: 100px;
	margin: 10px 0 0 0;
	position: inherit;
}

div#handler  p.hand {
	background: #dcd6d2; 
	text-align:center; 
	margin: 0 0 3.3em 0;
}

body#default div#handler  p.hand {
	background: #dcd6d2; 
	text-align:center;
	margin: 0 0 3.3em 0;}


/*======= IMAGES =======*/

#featured-pic img{
	padding: 10px;
	background: #dedfdf;
	border: 1px solid #666666;
	}

/* thumbs */

div.left_thumb {
float: left;
width: 170px; 
height: 120px;
padding: 5px 5px 0 0}

div.left_thumb a:hover,
div.left_thumb a:active,
div.left_thumb a:focus {background: none;}

.left_thumb img {
margin: 0}

	
/* gallery*/



div.gallery {margin: 0 1em 2em 0;}

div.gallery div.gallery_item ,
div.gallery ul li  {
width: 150px;
float: left;
padding: 0 5px 5px 0;
margin: 0 10px 15px 0;

}

div.gallery div.gallery_item img, 
.left_thumb img {
        padding: 5px 5px 5px 4px; 
	background: #eae1dc;
	border: 1px #c5c0bd solid;}


div.gallery ul {list-style-type: none;}

div.gallery div.gallery_item  {
height: 135px;
}

div.gallery div.gallery_item p {
     line-height: 1em; }

div.gallery_item a:hover img,
div.gallery_item a:active img,
div.gallery_item a:focus img,
div.left_thumb a:hover img  {background: #ba8b9d;}
div.gallery_item a:hover {background: none;}
div.gallery div.gallery_item p{
font-size: 0.8em;
padding: 0 5px 5px  5px;
font-style: italic; 
margin: 1px 0 0 0; clear: both;
}

/*========== OTHER ELEMENTS ===========*/

/*   MAP   */	

div#map {padding: 5px 5px 5px 4px; 
	background: #eae1dc;
        width: 532px;
	border: 1px #c5c0bd solid;}
div#map iframe {
	border: 1px #c5c0bd solid;}

div#map a.caption {
color: #861544; 
text-transform: uppercase; 
font-variant: small-caps;
padding: 5px 0;
margin: 1em 0;}


/* v-card */

span.adr span.type,
span.url {display: none;}
#side-content .vcard {
font-size: 0.8em}
#side-content .vcard h4 {text-align: center; 
font-weight: bold;
font-size: 1.2em; }
#side-content .vcard p {text-align: center;
line-height: 1.8em;}

/* Table Rates */

.rates p{
        text-align: center;
        font-size: 1em;
        line-height: 1.6em;
        margin: 0.5em;   
}

.rate_house p {font-weight: bold; padding: 0 0 0 1em;}
.table_container
{
	width:98%; margin:1%;
}

table caption {
         text-align: center;
         padding: 0.5em 0;
         margin: 1em 0 0 0;
}

table 
{
	text-align:center; 
        margin-left:auto; 
        margin-right:auto; 
        width:500px;
	border-spacing: 0px;
	border-bottom: 2px solid #861544;
        border-top: 2px solid #861544;
	border-collapse: collapse;
        
}

table a, table, tbody, tfoot, tr, th, td 
{
	font-family: georgia, "times new roman", serif;
	line-height: 1.5em;
	font-size: 1.02em;
	
}

thead tr th {font-weight: bold;}

tbody tr{border-bottom: 1px dotted #AFA6A4;}

table a
{
	display: block;
	padding: 0.75em 2px;
	text-decoration: none;
	color: #589acf;
}

table a:hover, table
{
	text-decoration: none;
}

table th a
{
	min-height: 4.5em;
	text-align: right;
	padding: 0 2px 1.5em 2px;
}

table th a:hover, tbody tr:hover th {
	background-color: #8D5277;
	color: #fff !important;
}

table a:visited {
	padding-left: 15px;
}

table th a:visited {
	padding-right: 15px;
}

thead th {
	text-transform: uppercase;
	font-weight: normal;
	letter-spacing: 1px;
        background: #CDC3C1;
	padding: 0.75em 2px;
	border-bottom: 1px solid #AFA6A4;
        text-align: center;
}

tbody th{
	color: #25c1e2;
	font-style: italic;
	background-color: #fff;
	border-bottom: 1px solid #aeb3b6;
}

td{padding: 0 2px;}

td.rate_price {
font-size: 1.2em; 
text-align: center}


/* Zem contact reborn form */

.zemContactForm fieldset legend, 
.zemContactForm fieldset p label {
    font-weight: bold; 
    color: #861544; }


.zemContactForm fieldset legend {
display: block; width: 99%;}

.zemContactForm fieldset p label {
    font-weight: bold; 
    color: #861544;
    text-transform: uppercase;
    font-variant: small-caps; }

.zemContactForm fieldset p input {
    clear: both; }

.zemContactForm input:focus, 
.zemContactForm textarea:focus {background: #ba8b9d;}

.zemContactForm textarea:focus, 
.zemContactForm input:focus {color: #fff}

.zemContactForm input.zemSubmit {
   background: #861544; 
   border: 2px solid #ba8b9d;
   color: #CDC3C1; 
   font-family: georgia, palatino,'times new roman',serif;
   font-weight: bold;
   text-transform: uppercase;
   font-variant: small-caps;
}

.zemContactForm input.zemSubmit:hover {
   background: #ba8b9d; 
   border: 2px solid #861544; 
   color: #861544;
}