/* Pinarella Hotels */

/* body */
	body {margin:0px auto;padding:0px;font-family: 'Lucida Grande', 'Lucida Sans Unicode', Tahoma, Arial, san-serif;font-size:11.5px;line-height:20px;}
	ul, ol,li, h1,h2,h4,h5,h6,form,p,a{margin:0;padding:0;border:0;}
	.dataevento{ color:#7f6953; text-transform:uppercase}
	.h3{ display: inline}
	
	.topline{margin:0;padding:0;border:0;}
	.topline h1{font-size:10px; margin:0;padding:0; text-align:center}
	.yykk{ margin-right:30px}
	.descrizione{padding:5px 15px 0 15px}
	.descrizione h2{ font-size:16px}
	.fucsia {color: #EE2C74}

/* layouts */
	/* containers */
	#con0{clear:both;}
	#con0_sub{clear:both;}
	#con01{margin: 0 auto 0 auto;clear:both;padding-top:4px;}
	#con01_sub{margin: 0 auto 0 auto;clear:both;padding-top:4px;}

	/* header */
	#header{display:block;width:950px;margin: 0 auto 0 auto;clear:both;}

	/* logo */
	#logo{float:left;width:400px;padding: 14px 0 0 0;}
	
	.nomihotel{ margin-right:10px}

	/* header right area */
	#header_right{
	float:left;
	width:550px;
	text-align:right;
	margin-top: 0px;
	margin-bottom: 10px;
}

	/* content */
	#content{display:block;width:960px;margin: 0 auto 0 auto;padding-left:10px;}

	/* navigation */
	#navigation {display:block;width:950px;height:50px;margin: 0 auto 0 auto;clear:both;}
	.clear_space{clear:both;width:900px;}
	.clear_space_h{clear:both;height:10px;}
	.clearer{clear:both}

/* header links & slogan */
	.top_links{
	margin: 0 0 10px 0;
}
	.top_links a{font-size:11px;text-decoration:none;}
	.top_links a:hover{font-size:11px;text-decoration:none;}
	.top_slogan, .top_slogan h4, .top_slogan h4 a, .top_slogan h4 a:hover{text-decoration:none;}

/* slider area */
	#slider_con{display:block;clear:both;padding:0px;}
	#slider_area{position:relative;display:block;width:950px;height:450px;margin: 0 auto 0 auto;clear:both;padding:0px;}
	.slide{width:950px;height:450px;z-index:-3;clear:both;padding:0px;margin:0;}

	/* sliding texts on main page slider */
	/* slider title text */
	.sliding_text_text{
		font-size:12px;
		line-height:22px;
		text-align:left;
		float:left;
		letter-spacing:1px;
		position:absolute;
		overflow:hidden;
		top:0px;
		left:0px;
		padding:0px;
	}

	.sliding_text_text p{
		padding:0px;
		clear:left;
		margin:0;
	}

	/* slider title title*/
	.sliding_text_text h1{
		font-size:26px;
		float:left;
		font-weight:normal;
		text-align:left;
		text-decoration:none;
		margin-top:25px;
		padding:0px;
		margin-bottom:0px;
	}

	/* slider text link */
	.sliding_text_text  h1 a{
		text-decoration:none;
	}

	.sliding_text_text  h1 a:hover{
		text-decoration:none;
	}

	/* slider title 2*/
	.sliding_text_text h2{
		font-size:18px;
		float:left;
		font-weight:normal;
		text-align:left;
		text-decoration:none;
		margin-top:0px;
		padding:0px;
	}

	/* slider title 2 link */
	.sliding_text_text  h2 a{
		text-decoration:none;
		padding:0px;
	}

	.sliding_text_text  h2 a:hover{
		text-decoration:none;
	}

	#slider_area .right_side{
		width:430px;
		float:right;
		margin-top:11px;
		padding:0px;
		text-align:center;
	}

	#slider_area .left_side{
		float:left;
		width:500px;
		margin-top:10px;
		margin-left:20px;
		padding:0px;
	}

	/* slider numbers*/
	#numbers{
	position:absolute;
	top:550px;
	margin-left: 25px;
	z-index:999;
	padding:0px;
}
	#number_con{width:950px;margin: 0 auto 0 auto;padding:0px;}
	#numbers li { float:left; list-style-type:none; overflow:hidden; width:25px;height:25px;text-align:center;margin:0 3px 0 0;padding:0;}

	/* active number style*/
	#numbers  li a { font-size:6px;text-decoration:none; display:block;  padding:0;margin:0;}
	#numbers  li a.activeSlide { font-size:6px;text-decoration:none; display:block;  }
	.border{padding:9px;}
	
	/* page navigation */
	 #sub_nav{
		font-size:11px;
		padding:0px;
		margin:0px;
	 }
	#sub_nav  a{	
		margin-left:0px;
		text-decoration:none;
		background-position: left;	
		background-repeat: repeat-y;	
	}

	#sub_nav a:hover{
		text-decoration:none;
	}

/* sub page header  */
	#sub_page_header{
	height:48px;
	width:950px;
	text-align:center;
	z-index:-1;
	clear:both;
	display:block;
	margin:0px auto 0 auto;
	background-color: #3C3935;
	}

	#sub_page_header .left{
	float:left;
	padding-top:3px;
	}

	#sub_page_header .right{
	float:right;
	padding-top:5px;
	padding-right:25px;
	margin:0;
	}

	#sub_page_header .right h2{
		float:left;
		font-size:14px;
		padding-top:0px;
		line-height:16px;
		margin-top:0px;
	}

/* sub page */
	.sub_page{
	width:950px;
	margin:30px auto 0 auto;
	padding-left:10px;
	background:url(../images/sub_background.png) 689px 0  repeat-y;
	}

	.sub_page.clean{
		background:transparent;
	}

	.page_left{
		width:680px;
		margin-right:10px;
		float:left;
	}

	.page_left.content{
	width:660px;
	margin-right:20px;
	padding-left: 10px;
	}

	.page_right{
		width:259px;
		float:left;
	}

	.page_right ul li{
 		list-style-type:disc;
	}
	
/* sub navigation */
	#sub_menu, #sub_menu li{	
		margin:0;
		padding:0;
		list-style-type:none;
		border:0;
	}

	#sub_menu  li{	
		line-height:30px;
	}

	#sub_menu  li a{	
		font-size:13px;
		margin-left:0px;
		text-decoration:none;
		padding-left:21px;
	}

	#sub_menu  li a:hover{
		color:#478898;
		text-decoration:none;
		background-position: left;	
		background-repeat: no-repeat;	
		padding-left:21px;
	}


/* boxes  */
	/* home page left side boxes  */
	.dateandcategories{
	margin-bottom:0px;
	font-size:10px;
	padding:1px 0 1px 0px;
	margin-top:0px;
	padding:0px;
	clear:both;
	display:block;
	margin-left: 8px;
	}
	.box{
	width:280px;
	float:left;
	margin:10px 5px 10px 13px;
	position:relative;
	overflow:hidden;
	background-color: #f5f0e1;
	border: 1px solid #e7e0cf;
	padding: 5px;
	}
	.box h2{
	font-size:15px;
	line-height:10px;
	margin-left: 8px;
}
	.boxlong{
	width:305px;
	float:left;
	margin:5px 5px 0 0;
	position:relative;
	overflow:hidden;
	background-color: #fdfaf1;
	border: 1px solid #e7e0cf;
	padding: 5px;
	}
		.boxlong .textarea{padding: 10px;
	}
	/*per offerte nel form contatti*/
	.boxcontact{width:600px;margin:5px 5px 0 0;position:relative;overflow:hidden;background-color: #fdfaf1;border: 1px solid #e7e0cf;padding: 5px;}
	.boxcontact .textarea h2{color:#7d6a55;font-size: 18px;}
	.boxcontact .textarea{
	color:#909090;
	float:right;
	width: 300px;
}
	.boxcontact .textarea a{color:#f0037e;padding-top: 10px;text-decoration:none}
	.immagineleft{ float:left;border: 1px solid #e7e0cf; margin-right:10px; padding:5px}
	
	.boxshort{
	width:200px;
	float:left;
	margin:5px 5px 0 0;
	position:relative;
	overflow:hidden;
	background-color: #fdfaf1;
	border: 1px solid #e7e0cf;
	padding: 5px;
	}
		.boxshort .textarea{
	padding: 10px;
	}
	 .middle{
	width:240px;
	float:left;
	margin:10px 0px 0px 0px;
	}

	 .product{
		width:225px;
		float:left;
		margin:0px 0px 0px 0px;
	}

	.box .imgarea{
	text-align:left;
	display:block;
	margin-left: 5px;
	}
	
	.magnifier{
		display:block;
	}
	
	.product_image {
		display:block;
	}
	
	.play{
		display:block;
	}
	
	.box .image{
	padding:5px;
	margin:0 auto 0 auto;
	}
	
	.box .image.product_image{
		padding:8px 0 8px 0;
		border:0px;
	}
	
	.box.middle .image{
		border-left:0px;
		border-right:0px;
		margin:0;
		padding:10px 0;
	}
	
	.price{
		font-size:15px;
		clear:both;
		display:block;
	}

	.box .textarea h2{
		font-size:19px;
		font-weight:normal;
		line-height:19px;
		letter-spacing:1px;
		padding:0px;
		margin:8px 0 0 0;
	}
	
	.box .textarea h2 a{
		text-decoration:none;
	}
	

	.box .textarea h2 a:hover{
		text-decoration:none;
	}
	
	.box .textarea{
		font-size:11px;
		margin:0;
		padding:0 5px 0 5px;
	}
	
	.box.product .textarea{
		padding:0 15px 0 15px;
		margin:10px 0 20px 0 ;
	}
	
	.box.middle .textarea{
		padding:0 ;
	}
	
/* product detail */
	#product_detail_left{
		width:330px;
		margin-right:10px;
		float:left;
	}

	#product_detail_right{
		width:330px;
		float:left;
	}

	.image{
		padding:9px;
		margin:0 auto 0 auto;
	}
	
	#product_detail_right h2{
	font-size:20px;
	font-weight:normal;
	line-height:19px;
	letter-spacing:1px;
	padding:0px;
	margin:0;
	}
	
/* Products detail tabs */
	#tabs{
		clear:both;
		display:block;
	}

	#tabs ul{
		clear:both;
		margin:0;
		padding:0;
	}

	#tabs ul li{
 		list-style-type:none;
 		list-style-position:inside;
		float:left;
		padding:5px;
		margin:6px 2px 0 0 ;
		line-height:30px;
		cursor:pointer;
	}

	#tabs ul li img{
		float:left;
	}

	#tabs ul li.active, #tabs ul li:hover{
		float:left;
		padding:6px 5px 6px 5px;
		margin-top:3px;
	}

	#tabs ul li:hover{
		cursor:pointer;
	}

	#tabs #content{
		clear:both;
		width:650px;
		margin:0px;
		padding:10px;
	}

	#photos img{
		display:inline;
	}

/* read more button  */
	a.read_more{
		position:relative;
		display:inline;
		padding:4px 16px 4px 4px;
		line-height:28px;
		text-decoration:none;
		clear:both;
		font-size:10px;
	}

	a.read_more:hover{
		padding:4px 16px 4px 4px;
		line-height:28px;
		text-decoration:none;
		clear:both;
		font-size:10px;
	}

/*contact form */
	#contact_form ul, #contact_form ul li{
		list-style-type:none;
		border:0;
	}

	#contact_form ul li {
		margin:0px 0 4px 0px;
		padding:4px 0 4px 0px;
	}

/*contact form validation*/
	#validate_form	label{display: block;}

	#validate_form	label.error {
		display: block;
		font-style: italic;
		font-weight: normal;
		}

	#contact_form input, #contact_form select{
		width:300px;
	}

	#contact_form	textarea{
		width:500px;
	}


	#contact_form .button{
		width:100px;
	}

/*	Forms */
	input, select, textarea{
	font-size:10px;
	font-family: Arial, Helevtica, Verdana, san-serif;
	position:relative;
	outline: none;
	padding:4px;
	/*background-image: url(images/calendar_Ico.png);*/
	}

	.button{
		cursor:pointer;
		padding:4px 20px;
		color:#fff;
		clear:both;
		border:none;
	}

	.button:hover{
		border:none;
	}

/* blog*/
	.blog_box{
		padding-top:0px;
		clear:both;
	}

	.blog_box p{
		padding:0px;
		margin:0px;
		clear:both;
	}

	.blog_box h2{
		line-height:23px;
		padding:0px;
		margin:0px;
	}

	.blog_box h2 a{
		text-decoration:none;
	}

	.blog_box h2 a:hover{
		text-decoration:none;
	}

 	.blog_box .dateandcategories{
		margin-bottom:0px;
		font-size:10px;
		padding:1px 0 1px 0px;
		margin-top:10px;
		padding:0px;
		clear:both;
		display:block;
	}

	.blog_box .aligncenter.post_image{
		border-right:0;
		border-left:0;
		padding:14px 0 14px 0;
		margin:0px;
	}

	.line{
	clear:both;
	display:block;
	margin-top:10px;
	margin-bottom:10px;
	}

/* paging*/
	#paging{
		display:block;
		clear:both;
		margin-top:20px;
	}

	#paging ul, #paging ul li{
		margin:0;
		padding:0;
		list-style-type:none;
		border:0;
	}

	#paging ul li{
		float:left;
		margin-right:3px;
		float:left;
		overflow: hidden;
		position: relative;
		text-align:center;
	}

	 /* paging active*/
	#paging ul li.active a{
		padding:2px 8px 2px 8px;
	}

	 /* paging arrows*/
	#paging ul li.arrow a{
		padding:2px 8px 2px 8px;
	}

	#paging ul li.arrow a:hover{
		padding:2px 8px 2px 8px;
	}

	 /* paging link*/
	#paging ul li a{
		font-size:11px;
		line-height:13px;
		padding:2px 8px 2px 8px;
		text-decoration:none;
	}

	 /* paging mouseover*/
	#paging ul li a:hover{
		font-size:11px;
		line-height:13px;
		padding:8px;
		text-decoration:none;
	}

/* footer */
	#footer{
		clear:both;
		display:block;
		width:960px;
		margin: 0 auto 0 auto;
		padding-left:10px;
		padding-top:10px;
		font-size:11px;
	}

	#footer .footer_row{
		width:310px;
		float:left;
		margin:0px 10px 0px 0px;	
	}

	#footer ul, #footer ul li{
		margin:0;
		padding:0;
		list-style-type:none;
	}

	#footer .list ul li, #footer .social_icons{
		clear:both;
	}

	#footer .list ul li a{
		font-size:11px;
		text-decoration:none;
		display:block;
		padding:5px;
	}

	#footer .list ul li a:hover {
		text-decoration:none;
		padding:5px;
	}

	#footer .contact ul li{
		padding-left:5px;
	}

	#footer .social_icons{
		margin-top:2px;
	}

	#footer .social_icons li{
		display:inline;
	}

	#footer h4{
		display:block;
		clear:both;
		margin:15px 0 0 0;
		padding:15px 0 10px 5px;
		font-size:16px;
	}

/* links */
	a{
		text-decoration:underline;
	}

	a:hover{
		text-decoration:none;
	}

/* headings*/
	h1,h2,h4,h5,h6{
		letter-spacing: 0.4px;
		font-weight:normal;
		padding-bottom:5px;
		line-height:1.4em;
		position: relative;
	}

	h1,h2{ 
		clear:both;
	}

	h3,h4,h5,h6 { 
		font-weight:normal;
		clear:both;
	}

	h1{
		font-size: 22px;
		margin: 5px 0px 10px;
	}

	h2{
		font-size: 22px;
	}

	h3{
		font-size: 20px;
		margin: 15px 0px 10px;
	}

	h4{
	font-size: 18px;
	margin: 0;
	}

	h5{
	font-size: 16px;
	margin: 5px 0px 3px;
		}

	h6{
		font-size: 14px; 
		margin: 5px 0px 10px;
		}

/* images and alignments */
	img {
		border:0px;
		margin:0px;
		padding:0px;
	}

	img.aligncenter{
		display:block;
		text-align:center;
		display: block;
		margin:0 auto 0 auto;
		padding:9px;
	}

	img.alignleft{
		float:left;
		margin: 0 7px 2px 0;
		display: inline;
		padding:9px;
	}

	img.alignright{
		float:right;
		margin: 0 0px 2px 7px;
		padding:9px;
	}

	/* Lists */
	ul, ol{
		list-style-position:outside;
		margin-left:20px;
	}
	
	/* content list */
	 .content ul , .content ol  {	
		list-style-position:inside;
		margin:0;
		padding:0 0 20px 0;
	}

	.content ul{
		list-style-type:disc;
	}

	.content ul li ul{
		list-style-type:circle;
	}

	.content ol{
		list-style-type:decimal;
	}

	.content ol li ol{
		list-style-type:upper-alpha;
	}

	 .content li{
		padding:3px 2px;
	}

	.content ul li ul, .content ul li ul li, .content ol li ol, .content ol li ol li{
		border:0;
		padding:3px 10px;
	}
 
/* tables */
	/*table{
		border-collapse:collapse;
		border-spacing:0;
	}

	table caption strong{
		text-align:left;
		font-size: 14px;
		font-weight: normal;
		line-height:20px;
		font-weight:bold;
	}

	table caption{
		text-align:left;
		padding-bottom: 10px;
		padding-top: 5px;
	}

	table th {
		padding: 13px;
		font-size: 12px;
	}

	table td {
		padding: 10px;
		text-align: left;
	}*/

/* text elements */
	blockquote {
		font-family:'Georgia','Tahoma', san-serif;
		letter-spacing:0px;
		font-size:15px;
		line-height: 24px;
		padding-left:70px;
		padding-top:10px;
		padding-bottom:10px;
		margin:30px 0;
		font-style:italic;
		color:#A0A0A0;
	}

	blockquote em, blockquote i, blockquote cite {
		font-style:normal;
	}

	pre {
		font:11px Monaco, monospace;
		line-height:18px;
		margin-bottom:18px;
	}

	code {
		font:11px Monaco, monospace;
	}

	ins {
		text-decoration:none;
	}

	sup {
		bottom: 1ex;
	}

	sub {
		top: .5ex;
	}
	
	/** disponibilità **/

#search {
	width:280px;
	height:200px;
	float: left;
	padding: 0px 0px 0px 0px;
	background-image: url(../images/bg-form.png);
	background-repeat:no-repeat
}
.sarch_mid {
	margin: 0px;
	padding-left: 2px;
	padding-top: 0px;
}