/*
Theme Name: Agriturismo Cupoli
Theme URI: 
Description: Tema basato sul default
Version: 1
Author: Enrico Ladogana
Author URI: http://www.ranked.it
Tags: 
*/



/* Begin Typography & Colors */
body {
	text-align: center;
	margin: 0px;
	padding: 0px;
	background-color: #afa36f;
}
#header {
	background-image: url(images/sfondo_header.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	margin: 0px;
	padding: 0px;
	height: 55px;
	padding-top:32px;
	text-align:right;
	padding-right:60px;
}

#header ul, #header ul li {
	margin:0px;
	padding:0px;
	list-style-type: none;
	display:inline;
}

#header ul li {
	margin-left:10px;
}


#header ul li a img {
	border:none;
}


#container {
	height: auto;
	width: 818px;
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-image: url(images/sfondo_content.jpg);
	background-repeat: repeat-y;
}
#barra {
	background-image: url(images/sfondo_barra.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 37px;
	margin-top:2px;
}
#flash {
	height: 258px;
	margin-top:2px;
}
#colonna_sx {
	margin: 0px;
	height: auto;
	width: 170px;
	float: left;
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 40px;
	padding-left: 40px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #868f50;
	
}

#colonna_sx h3 span {
display:none;
}

#colonna_sx h3  {
margin:0px;
padding:0px;
margin-top:20px;
}

#colonna_sx ul, #colonna_sx li {
	margin:0px;
	padding:0px;
	list-style-type: none;
	text-align:left;
}

#colonna_sx ul li a {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	color: #a0a570;
	text-decoration: none;
	font-weight: bold;
}
#colonna_sx ul li a:hover {
	color: #897105;
}

#colonna_sx input, #colonna_sx textarea {
	background-color: #d0c69c;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	width:161px;
	height:21px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color:#868f50;
}

#colonna_sx textarea {
	overflow: auto;
	height:100px;
}

#colonna_centro {
	margin: 0px;
	height: auto;
	width: 553px;
	float: left;
	padding-top: 0px;
	padding-right: 40px;
	padding-bottom: 0px;
	padding-left: 0px;
	text-align: justify;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 16px;
	color: #4a3f0f;
	line-height: 1.5em;
}

#colonna_centro a {
color: #e23f3f;
	text-decoration: none;
font-weight: bold;
}
#colonna_centro a:hover {

color: #0d9ab3;
}
#colonna_centro h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 20px;
	color: #868f50;	
}

#footer {
	background-image: url(images/sfondo_footer.jpg);
	margin: 0px;
	height: 124px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	text-align: left;
	padding-top: 20px;
	padding-right: 40px;
	padding-bottom: 0px;
	padding-left: 40px;
}

#footer p {
	margin:0px;
	padding: 0px;
}

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 6px 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 6px 16px 0px 0;
	display: inline;
clear:both;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
}
 p {
	clear:left;


	}
/* End Images */

#colonna_centro img {
	border: 1px solid #d6d1bd;
}


#menu, #menu_eng {
	position: relative;
	height: 34px;
	overflow: hidden;
	background-image: url(images/barra.jpg);
    }
	
#menu_eng {
	background-image: url(images/barra_eng.jpg);
    }
	
#menu ul,#menu li,#menu_eng ul,#menu_eng li{margin: 0;padding: 0;list-style: none}
#menu a, #menu_eng a{
	position: absolute;
	top: 0;
	width: 818px;
	height: 34px;
	background-image: url(images/barra.jpg);
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-position: center top;
}

#menu_eng a{
	background-image: url(images/barra_eng.jpg);
}

#home a{left: 38px;background-position:-38px 0; width:57px;}
#casale a{left: 131px;background-position: -131px 0; width:85px;}
#produzione a{left: 248px;background-position: -248px 0; width:147px; }
#camere a{left: 426px;background-position: -426px 0; width:101px; }
#servizi a{left: 555px;background-position: -555px 0;  width:80px; }
#dove-siamo a{left: 666px;background-position: -666px 0;  width:115px;}



#home a:hover,#home a.active{background-position: -38px -34px;}
#casale a:hover,#casale a.active{background-position: -131px -34px;}
#produzione a:hover,#produzione a.active{background-position: -248px -34px;}
#camere a:hover,#camere a.active{background-position: -426px -34px;} 
#servizi a:hover,#servizi a.active{background-position: -555px -34px;} 
#dove-siamo a:hover,#dove-siamo a.active{background-position: -666px -34px;} 



#menu_eng #home a{left: 40px;background-position:-40px 0; width:55px;}
#menu_eng #casale a{left: 131px;background-position: -131px 0; width:111px;}
#menu_eng #produzione a{left: 273px;background-position: -273px 0; width:124px; }
#menu_eng #camere a{left: 429px;background-position: -429px 0; width:68px; }
#menu_eng #servizi a{left: 527px;background-position: -527px 0;  width:82px; }
#menu_eng #dove-siamo a{left: 638px;background-position: -638px 0;  width:137px;}



#menu_eng #home a:hover,#menu_eng #home a.active{background-position: -40px -34px;}
#menu_eng #casale a:hover,#menu_eng #casale a.active{background-position: -131px -34px;}
#menu_eng #produzione a:hover,#menu_eng #produzione a.active{background-position: -273px -34px;}
#menu_eng #camere a:hover,#menu_eng #camere a.active{background-position: -429px -34px;} 
#menu_eng #servizi a:hover,#menu_eng #servizi a.active{background-position: -527px -34px;} 
#menu_eng #dove-siamo a:hover,#menu_eng #dove-siamo a.active{background-position: -638px -34px;}