@import "reset.css";
@import "typography.css";


#container {
	margin: 0 auto;
	background:url(/img/bg-content.gif) repeat;
	height:300px;
	min-height:300px;
	height:auto!important;
	position:relative;
	/*padding:10px 0;*/
}

#header {
	display:block;
	position:relative;
	width:100%;
}
#header ul#top{
	display:block;
	position:absolute;
	top:10px;
	right:30px;
}

#header ul#top li{
	display:inline;
}
#header ul#top li a{
	display:block;
	float:left;
	padding:3px 15px 0 30px;
	height:19px;
	margin:0 0 0 10px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	font-size:11px;
}
#header ul#top li a.ico-galleria{
	background:#fff url(/img/galleria.png) top left no-repeat;
}
#header ul#top li a.ico-telefono{
	background:#fff url(/img/telefono.png) top left no-repeat;
}
#header ul#top li a.ico-bandiera{
	background:#fff url(/img/dove.png) top left no-repeat;
}

#header.home {
	background:url(/img/header/ilmonte.jpg) top center no-repeat;
	height:560px;
	z-index:0;
}
#header.header-4 {
	background:url(/img/header/camere.jpg) top center no-repeat;
	height:300px;
	z-index:0;
}
#header.header-5 {
	background:url(/img/header/ristorante.jpg) top center no-repeat;
	height:300px;
	z-index:0;
}
#header.header-6 {
	background:url(/img/header/panorama.jpg) top center no-repeat;
	height:300px;
	z-index:0;
}
#header.header-7 {
	background:url(/img/header/ilmonte3.jpg) top center no-repeat;
	height:300px;
	z-index:0;
}
#header.header-8 {
	background:url(/img/header/dormiente.jpg) top center no-repeat;
	height:300px;
	z-index:0;
}
#header.header-9 {
	background:url(/img/header/panorama.jpg) top center no-repeat;
	height:300px;
	z-index:0;
}
#header.header-10 {
	background:url(/img/header/contatti_preno.jpg) top center no-repeat;
	height:300px;
	z-index:0;
}
#header.header-11 {
	background:url(/img/header/entrata.jpg) top center no-repeat;
	height:300px;
	z-index:0;
}
#header.header-12 {
	background:url(/img/header/entrata.jpg) top center no-repeat;
	height:300px;
	z-index:0;
}
#header.header-14 {
	background:url(/img/header/entrata.jpg) top center no-repeat;
	height:300px;
	z-index:0;
}
#header.header-13 {
	background:url(/img/header/santa_sofia.jpg) top center no-repeat;
	height:300px;
	z-index:0;
}
#header.header-news {
	background:url(/img/header/entrata.jpg) top center no-repeat;
	height:300px;
	z-index:0;
}

#header span {
	background:url(/img/bg-header.png) bottom left repeat-x;
	height:13px;
	display:block;
	width:100%;
	position:absolute;
	bottom:-2px;
}

#header h1 {
	position:absolute;
	top:-33px;
	left:0;
	display:block;
	z-index:9999;
}

#header h1 a{
	background:url(/img/logo.png) top left no-repeat;
	width:222px;
	height:99px;
	display:block;
	text-indent:-9999px;
	position:absolute;
	top:0;
	left:0;
	z-index:3000;
}



.center {
	position:relative;
	width:980px;
	margin:0 auto;
	display:block;
}
#menu {
	width:100%;
	height:44px;
	background:url(/img/bg-menu.gif) top left repeat-x;
	display:block;
	top:40px;
	position:relative;	
	z-index:1;
}

#menu ul{
	padding:12px 0 0 0;
}
#menu ul li {
	display:inline;
}
#menu ul li a{
	text-decoration:none;
	float:right;
	padding:0 20px;
	color:#FFFFFF;
	background:url(/img/spacer.gif) center right no-repeat;
}
#menu ul li a:hover{
	text-decoration:underline;
}
#content {
	display:block;
	width:980px;
	margin:0 auto;
	height:300px;
	min-height:300px;
	height:auto!important;
}

#content span.decorazione{
	background:url(/img/decorazione.png) top center no-repeat;
	position:absolute;
	top:-69px;
	left:0;
	display:block;
	width:100%;
	height:60px;
}

/*#container_home #content span.decorazione{
	display:none;
}*/

#left {
	width: 150px;
	padding: 0 5px;
	margin: 0;
	float: left;
}
#right {
	border-left: 1px solid gray;
	padding: 5px;
	margin:0;
	margin-left: 160px;
	height:300px;
	height:auto!important;
	min-height:300px;
}
#footer {
	background:url(/img/bg-footer.gif) top left repeat-x;
	height:36px;
	text-align:left;
	display:block;
	position:relative;
	color:#FFFFFF;
	padding:20px;
	font-size:11px;

}
#testo-home {
	float:left;
	font-size:11px;
	width:380px;
	padding:10px 0;
}

#news-home {
	float:left;
	font-size:11px;
	width:280px;
	padding:10px;
}
#news-home ul li{
	background:url(/img/news.png) top left no-repeat;
	padding:0 0 10px 30px;
	line-height:13px;
	display:block;
	position:relative;
	height:60px;
}
#promozione ul li {
	padding:0 0 15px 0;
}
#news-home ul li p, #promozione ul li p{
	line-height:13px;
	font-size:11px;
}
#promozione {
	width:280px;
	height:326px;
	display:block;
	float:left;
	background:url(/img/bg-promozione.gif) top left no-repeat;
}
#promozione .promozione{
	padding:60px 0 0 20px;
}
ul#offerte li{
	border-bottom:1px dotted #F5AF00;
	padding:3px;
}

a.button {
	background:url(/img/button.png) top left no-repeat;
	width:121px;
	height:22px;
	display:block;
	color:#FFFFFF;
	text-align:center;
	font-size:10px;
	font-family:Tahoma;
	padding:5px 0 0 0;
	margin:5px auto;
}
a.foto {
	background:url(/img/button-foto.png) top left no-repeat;

}
.data {
	color:#666;
	font-size:11px;
}
ul#breadcrumbs,  ul#breadcrumbs li{
	display: inline;
	list-style-type: none;
}

a#neikos{
	position:absolute;
	top:0;
	right:0;
	background:url(http://www.neikos.it/img/mediakit/logoNeikos-white.png) center right no-repeat;
	width:120px;
	font-size:10px;
	color:#fff!important;
	text-decoration:none;
	text-indent:0!important;
	padding:3px 0 0 15px!important;
}
a#neikos:hover{
	text-decoration:underline;
}

/*home*/

#container_home {
	position:fixed;
	bottom:0;
	left:0;
	display:block;
	width:100%;
	margin:0;
	background:url(/img/bg-content.gif) repeat;
	padding:0;
	line-height:11px;
	height:auto!important;
	min-height:250px;
	height:250px;
}

#container_home span.bg_decorazione {
	background:url(/img/bg-header.png) bottom left repeat-x;
	height:13px;
	display:block;
	width:100%;
	position:absolute;
	top:-11px;
	left:0;
}

#container_home #promozione{
	height:auto!important;
	min-height:230px;
	height:230px;
}

#container_home #testo-home p{
	line-height:12px;

}

#container_home #content{
	display:block;
	margin:0 auto;
	height:auto!important;
	min-height:230px;
	height:230px;
}

#container_home #footer {
	margin:0;
	padding:20px 20px 0 20px;
}
#pagina {
	padding:0 0 10px 0;
}
#pagina h2{
	background:url(/img/bg-titolo.gif) top left no-repeat;
	height:41px;
	font-size:36px;
	padding:20px;
	font-weight:normal;
	margin:0 0 10px 0;
}
#pagina h3 {
	padding:0 0 10px 0;

}
#pagina img {
	float:left;
	margin:0 10px 10px 0;
	/*background:#FFFFFF;*/
	padding:4px;
	border:1px solid #F5AF00;
}
#pagina h2 span {
	float:left;
}
#pagina h2 span.occhiello {
	font-size:12px;
	padding:0 0 0 15px;
	width:720px;
	color:#72170B;
	/*font-style:italic;*/
}
#pagina p {
	padding:0 0 10px 0;
} 
ul#camere li {
	display:inline;
	padding:155px 25px 25px 25px;
	width:145px;
	float:left;
	font-size:11px;
}
ul#camere li p{
	height:140px;
}
ul#camere li.grano {
	background:url(/img/camere/grano.png) top center no-repeat;
}
ul#camere li.salvia {
	background:url(/img/camere/salvia.png) top center no-repeat;
}
ul#camere li.rosmarino {
	background:url(/img/camere/rosmarino.png) top center no-repeat;
}
ul#camere li.lavanda {
	background:url(/img/camere/lavanda.png) top center no-repeat;
}
ul#camere li.olivo {
	background:url(/img/camere/olivo.png) top center no-repeat;
}
#map {
	border:1px solid #F5AF00;
	margin:20px 0;
}
#tariffe {
	margin:0 0 20px 0;
}
#tariffe th{
	font-size:30px;
}
#tariffe td, #tariffe th{
	padding:10px;
	text-align:left;
	font-weight:normal;
	background:url(/img/bg-tariffe.gif) bottom left repeat-x;
}
#tariffe th {
	background:none;
}

/***CONTATTI********************/
#contatti{}

#contatti form{
	padding:5px 0 15px 0;
	margin:0;
	width:550px;
	border-top:#FBD723 1px solid;
}

#contatti p {
	margin:0;
	padding:5px 0;
	clear:both;
}

#contatti label {
	display:block;
	padding:3px 0;
	margin:0 5px 0 0;
	width:220px;
	float:left;
}

#contatti input {
	border:1px solid #FBD723;
	padding:2px;
	float:left;
	text-align:left;
	color:#000;
	width:280px;
}

#contatti input.prenotare {
	width:70px;
}

#contatti input.persone {
	width:70px;
}

#contatti select {
	border:1px solid #FBD723;
	padding:3px;
	width:100px;
	float:left;
	text-align:left;
	color:#000;
	margin:0;
}

#contatti textarea {
	border:1px solid #FBD723;
	padding:3px;
	font-family:Tahoma;
	font-size:12px;
	width:280px;
	height:100px;
	color:#000;
}
#contatti textarea.info {
	font-family:Tahoma;
	font-size:10px;
}

#contatti .inviannulla{
	padding:3px;
	margin:10px 5px 0 0;
	width:70px;
	color:#FFF;
	text-align:center;
}

#contatti .checkbox {
	border:0;
	width:20px;
	background:none;
}
#contatti input.button{
	height:30px;
	width:100px;
	text-align:center;
	color:#FFF;
	display:block;
	padding:2px 0;
	cursor:pointer;
	border:0;
	margin:0 5px 0 0;
	font-family:Tahoma;
	background-color:#3F1F0F;
}
/*fine form contatti*/