/*  
Theme Name: Cascatelle
Description: Cascatelle
Version: 0.99
Author: Detti Giulio
Author URI: http://www.webmaremma.com
*/

/* Resetter */

* {
	margin: 0;
	padding: 0;
}
ul, ol, li {
	list-style: none;
	position : relative;
}
li {
	list-style: square;	
}

/* Gestione PNG in ie6 */

a, div, img, input { behavior: url(iepngfix.htc) }

/* Inizio Tipografia e colori */

body, a, input {
	font-family: "Trebuchet MS", Georgia, Tahoma, lucida-sans, Arial;
	font-size: 62.5%;
	/* Resets 1em to 10px */
	font-size: 14px;
	color: rgb(88,112,104);
	line-height: 130%;
}
img, fieldset {
	border : 0px;
}
body{
	background : url(images/body-bg.jpg) repeat-x left top;
}
a {
	color: rgb(88,112,104);
	text-decoration: none;
}
a:hover{
	text-decoration : underline;
}
a *{
    cursor : pointer;
}
h1,h2,h3,h4,h5{
    display : block;
	font-weight : normal;	
}
h1 {
	color : #a2aba6;
	font-weight : normal;
	font-size : 22px;
	margin-bottom : 10px;
}
h2 {
	color: rgb(88,112,104);
	margin-bottom : 10px;
	font-size : 18px;
	font-weight : normal;
}
h3 {
	color: #a6b8d8;
	margin-bottom : 10px;
	font-size : 18px;
	font-weight : normal;
}
h4 {
	color: #e3ebed;
	margin-bottom : 10px;
	font-size : 14px;
	font-weight : bold;
}
h5 {
	color: #acb3ab;
	margin-bottom : 10px;
	font-size : 14px;
	font-weight : bold;
}

/* Lista Generica */

ul{
	margin-left : 20px;
	_margin-left : 30px;
	margin-bottom : 10px;
}
ul li{
    list-style : decimal;
	color: rgb(88,112,104);	
}
ul li a{
	color: rgb(88,112,104);
	text-decoration : underline;
}
ul li a:hover{
	text-decoration : none;
}

/* Fine Tipografia e colori. Inizio struttura */

#container{
	width : 960px;
	margin : 0 auto;
}
#header{
	height : 350px;
	padding-top : 107px;
	position : relative;
}

/* Elementi interni al div #top */

.logo{
	float : left;
	height : 97px;
	width : 200px;
	margin-left : -5px;
}
.logo a{
	height : 97px;
	width : 200px;
	display : block;
	background : url(images/logo.png) no-repeat left top;
}
#header .text{
	float : left;
	width : 340px;
	height : 92px;
	overflow : hidden;
	color : #fff;
	padding-left : 5px;
	margin-top : 15px;
	font-size  :16px;
	margin-left : -5px;
}
#header .image{
	position : absolute;
	height : 320px;
	width : 524px;
	right : -20px;
	top : 5px;
	background : url(images/head.png) no-repeat left top;
}
#header a{
	color : #fff;
}

/* Bandierine Lingua */

.languages{
	float : right;
	width : 70px;
	height : 21px;
	margin-top : 10px;
}
a.ita{
	height : 21px;
	width  : 21px;
	float : right;
	margin-right : 5px;
	background : url(images/ita.png) no-repeat left top;	
	cursor : pointer;
}
a.eng{
	height : 21px;
	width : 21px;
	float : right;
	background : url(images/eng.png) no-repeat left top;	
	cursor : pointer;	
}

/* Navigazione */

#navigation{
	height : 35px;
	margin : 0 auto;
	width : 960px;
	font-size : 14px;
	position : relative;
}
#navigation ul{
	height : 35px;
	margin-left : 0px;	
	margin-bottom : 0px;
	float : left;
	width : 880px;	
}
#navigation ul li{
	height : 35px;
	list-style: none;
	float : left;
}
#navigation ul li a{
	padding-top : 8px;
	padding-right : 15px;
	padding-left : 15px;
	height : 27px;
	display : block;
	text-decoration : none;
	float : left;
}
#navigation ul a:hover, #navigation ul a.active{
	text-decoration : none;
	background : #fff;
}

/* Header ed elementi interni */

#header{
    width : 960px;
	margin : 0 auto;
	height : 210px;
	margin-top : 20px;
}

/* Content ed elementi interni */

.content{
    width : 710px;
	float : left;
	padding-top : 25px;
}
.text{
	width : 530px;
	float : right;
	margin-right : 15px;
	_margin-right : 8px;
}
.text a{
	text-decoration : underline;
}
.text a:hover{
	text-decoration : none;
}
.text p{
	margin-bottom : 10px;
}
.text .image{
	background : rgb(227,235,237);
	padding : 5px;
	width : 520px;
	margin-bottom : 10px;
}
.sidebar{
	width : 150px;
	float : left;
}

/* Menu Link */

ul.links{
	margin-bottom : 30px;
	margin-left : 0px;	
}
ul.livsec{
	margin-bottom : 0;
	margin-top : 0px;
	padding-left : 15px;
}
ul.links li{
	border-bottom : 1px dotted rgb(216,219,220);	
	list-style : none;
	height : 31px;
	padding-bottom : 1px;
}
ul.links li.first{
	border-top : 1px dotted rgb(216,219,220);	
}
ul.links li.open{
	border : 0px;
	height : auto !important;
}
ul.livsec li{
	border : none;
	list-style : none;
	height : 24px !important;
}
ul.links li a{
	color: rgb(88,112,104);
	display : block;
	padding : 5px 15px;
	height : 22px;
	text-decoration : none;
}
ul.livsec li a{
	color: rgb(88,112,104) !important;
	display : block;
	padding : 3px 15px !important;
	height : 18px !important;
	text-decoration : none;	
}
ul.livsec li a:hover{
	text-decoration : underline !important;
	background : none !important;
}
ul.livsec{
	margin-left : 0px;
}
ul.links li a:hover, ul.links li a.active{
	color: rgb(88,112,104);
	background : rgb(227,235,237);
	text-decoration : none;
}

/* Widget */

.widgets{
	float : right;
	width : 250px;
	padding-top : 25px;
}
.widget{
	height : 232px;
	width : 240px;
	background : url(images/widget.jpg) no-repeat left top;
	padding : 5px;
	padding-bottom : 30px;
	margin-bottom : 10px;
	position : relative;
	_float : right;
}
.corner{
	position : absolute;
}
.corner.offerta{
	right : 0px;
	top : 0px;
	background : url(images/offerta.png) no-repeat left top;
	width : 84px;
	height : 84px;
}
.corner.agriturismo{
	right : 0px;
	top : 0px;
	background : url(images/agriturismo.png) no-repeat left top;
	width : 121px;
	height : 109px;
}
.corner.azienda{
	right : -28px;
	top : 30px;
	background : url(images/azienda.png) no-repeat left top;
	width : 162px;
	height : 131px;
}
.widget p{
	padding : 35px 10px;
	font-size : 13px;
	line-height : 130%;
	padding-bottom : 0px;
	overflow : hidden;
	height : 100px;
}
.widget a{
	text-decoration : underline;
	font-size : 13px;
}
.widget a:hover{
	text-decoration : none;
}

/* Footer */

#footer{
	background : url(images/footer.jpg) repeat-x left top;
	height : 35px;
	padding-top : 23px;
	height : 42px;
	text-align : center;
}

/* Regole Uso Generale */

.clearer {
  clear : both;
  height : 0px;
  float : none !important;
}
.leftflotter {
  float : left !important;
}
.rightflotter{
  float : right !important;
}
.floatnone{
  float : none !important;
}

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
	width: 100%;
}
.sIFR-replaced {
	visibility: visible !important;
}
span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;	
}
.sIFR-flash + div[adblocktab=true] {
	display: none !important;
}