/*  
Theme Name: Scilla
Description: Scilla
Version: 0.99
Author: Web Maremma
Author URI: http://www.webmaremma.com
*/

/* Resetter */

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

/* Inizio Tipografia e colori */

body, a, input {
	font-family: Georgia, "Trebuchet MS", Tahoma, lucida-sans, Arial;
	font-size: 62.5%;
	/* Resets 1em to 10px */
	font-size: 13px;
	color : rgb(81,79,83);
	line-height: 130%;
}
img, fieldset {
	border : 0px;
}
body{
	background : rgb(246,240,233) url(images/body-bg.jpg) repeat-x left top;
}
a {
	color : rgb(114,68,27);
	text-decoration : underline;
}
a:hover{
	color: #A8A6A6;
}
a *{
    cursor : pointer;
}
h1,h2,h3,h4,h5{
    display : block;
	font-weight : normal;	
}
h1{
	font-size : 22px;
	color : rgb(114,68,27);
	margin-bottom : 10px;
	font-style : normal;
}
h2, h2 a{
	font-size : 18px;
	color : rgb(114,68,27);
	height : 30px;
	font-style : normal;	
}
h2 a{
	text-decoration : none;
}
h2 a:hover{
	color: #A8A6A6;
}
h3{
	color: #A8A6A6;
	font-size : 14px;
	font-weight : bold;
}
h4{
	color: #A8A6A6;
	font-size : 12px;
	font-weight : normal;
	font-style : italic;
}

/* LINGUA */

.language{
    position : absolute;
    left : 0px;
    top : 25px;
    height : 21px;
    width : 200px;
}
.language a{
    height : 21px;
    float : left;
    margin-right : 6px;
    width : 21px;
}
.language a.ita{
    background: url(http://www.hotelsovana.com/wp-content/themes/sovanaresort/images/ita.png) no-repeat left top;
}
.language a.eng{
    background: url(http://www.hotelsovana.com/wp-content/themes/sovanaresort/images/eng.png) no-repeat left top;
}
.language a.fra{
    background: url(http://www.hotelsovana.com/wp-content/themes/sovanaresort/images/fra.png) no-repeat left top;
}
.language a.de{
    background: url(http://www.hotelsovana.com/wp-content/themes/sovanaresort/images/de.png) no-repeat left top;
}

/* Lista Generica */

ul{
	margin-bottom : 15px;
}

/* Fine Tipografia e colori. Inizio struttura */

#top-container{
	width : 960px;
	margin : 0 auto;
}
#menu-image-container{
	height : 240px;
}
#central-container{
	background : rgb(246,240,233);
}
#top{
	width : 960px;
	height : 152px;
}
#menu-image{
	background : url(images/image-menu.jpg) no-repeat left top;
	position : relative;
	width : 960px;
	margin : 0 auto;
	padding-bottom : 15px;
}
.content{
	margin : 0 auto;
	width : 960px;
	background : url(images/content-bg.jpg) repeat-y left top;
	padding-top : 20px;
}


/* Lista Link Immagini */

ul.image-link{
	height : 118px;
	float : left;
}
ul.image-link li{
	float : left;
	margin-right : 13px;
	width : 181px;
}
ul.image-link li a{
	float : left;
	width : 181px;
	text-decoration : none;
	font-size : 14px;
	color : rgb(114,68,27);	
	text-align : center;	
	text-transform : uppercase;
}
ul.image-link li.last{
	margin-right : 0px;
}
ul.image-link li a.image{
	height : 110px;
	float : left;
	width : 185px;
	margin-bottom : 5px;
}
ul.image-link li a:hover{
	color : rgb(168,166,166);
	text-decoration : none;	
}

/* Titolo e menu immagini */

.main-title{
	float : left;
	height : 95px;
	width : 960px;
}
.title{
	color : #fff;
	font-size : 52px;
	text-align : center;
}
h1.title{
	padding-left : 185px;
	width : 775px;
	float : left;
}

/* Elementi interni al div #top*/

.logo{
	float : right;
	height : 120px;
	width : 148px;
	margin-top : 30px;
}
.logo a{
	float : right;
	height : 120px;
	width : 148px;
}
.menu-top{
	width : 405px;
	height : 150px;
	float : right;
	padding-right : 2px;
}
.menu-top ul{
	float : right;
	width : 400px;
	position : relative;
	padding-top : 25px;
	padding-right : 10px;
}
.menu-top ul li{
	height : 25px;
}
.menu-top ul li a{
	text-decoration : none;
	text-transform : uppercase;
	float : right;
	width : auto;
	font-size : 14px;
	color : rgb(168,166,166);
	text-align : right;
}
.menu-top ul li a:hover{
	color : rgb(114,68,27);
	text-decoration : none;
}

/* Header */

#header{
	width : 960px;
	height : 268px;
	background : url(images/header.jpg) no-repeat left top; 
	position : relative;
}

/* Content ed elementi interni */
/* Lista Link e Sottolista */

.link{
	position : relative;
	padding-top : 10px;
}
.link ul{
	width : 188px;	
	margin : 0px;
	margin-bottom : 15px;
	padding-left : 0px;	
}
.link ul.livsec{
	width : auto;
	margin : 0px;
	padding-left : 0px;	
	margin-top : 3px;
}
.link ul li{
	height : 30px;
	list-style : none;
	position : relative;
	clear : both;
}
.link ul li.open{
	height : auto !important;
}
ul.livsec{
	float : left;
}
ul.livsec li{
	padding-left : 15px;
	border : 0px;
}
.link ul li a{
	display : block;
	height : 24px;
	text-decoration : none;
	text-transform : uppercase;
	padding-left : 15px;
	padding-top : 3px;
	font-size : 13px;
	color : rgb(114,68,27);	
}
.link ul li a:hover, .link ul li a.active{
	color : #A8A6A6;	
	text-decoration : none;	
	background : url(images/link-hover.jpg) no-repeat left top;
}
ul.livsec li a:hover{
	text-decoration : none;
	color : #A8A6A6 !important;
	background : none;	
}

/* Gestione Sottoliste */

a#park{
	cursor : pointer;
}

/* Post */

.posts{
	width : 740px;
	float : right;
	height : 1%;
}
.post{
	background : url(images/post-bottom.jpg) no-repeat center bottom;
	padding-bottom : 50px;
	margin-bottom : 10px;
	width : 740px;
	float : left;
	height : 1%;
}
.post.last{
	background : none;
	padding-bottom : 5px;
}
.post img{
	float : left;
	margin-top : 5px;
	margin-right : 15px;
	width : auto;
	border : 10px solid rgb(168,166,166);
}

/* Lista post generica */

.post ul{
	margin-top : 15px;
}
.post ul li{
	padding-left : 13px;
	background : url(images/li-bg.jpg) no-repeat left 6px;
	height : 25px;
	color : rgb(114,68,27);
}
.post ul li a{
	float : none;
	height : 22px;
	text-decoration : underline;
	font-size : 13px;
	width : auto;
}
.post ul li a:hover {
	text-decoration : underline;	
	color : rgb(148,98,53);
}

/* Sidebar */

.sidebar{
	float : left;
	width : 190px;
	margin-top : -8px;
}

/* Footer */

#footer-container{
	background : url(images/footer-bg.jpg) repeat-x left top;
	height : 150px;
}
#footer{
	margin : 0 auto;
	background : url(images/footer.jpg) no-repeat left top;
	width : 960px;
}
.pictures{
	width : 190px;
	float : left;
	height : 150px;
	background : url(images/picture.jpg) no-repeat left top;
}
a.prygos{
	float : left;
	height : 69px;
	width : 72px;
	margin-top : 45px;
}
a.sovana{
	float : left;
	height : 72px;
	width : 82px;
	margin-top : 45px;
	margin-left : 10px;
}
.copyright{
	float : right;
	height : 150px;
	width : 740px;	
}
.copyright div{
	width : 540px;
	margin-top : 55px;
	float : right;
	color : #514F53
}
.copyright a{
	text-decoration : none;
	color : rgb(114,68,27);
}
.copyright a:hover {
	text-decoration : underline;
	color : rgb(148,98,53);
}
.info{
	width : 200px !important;
	float : left !important;
	margin-top : 55px;
}
.info span{
	display : block;
}

/* Regole Uso Generale */

.clearer {
  clear : both;
  height : 0px;
  float : none !important;
}