/****** FILE: themes/gelateria/css/layout.css *****/
/* Global Resetting */
html{	
	width: 100%;
	height: 100%;
	background:rgb(255,227,159);
}
body {
	width: 100%;
	height: 100%;
	margin: 0;
	font-family: 'Rufina', serif;
	font-size: 14px;
	min-width: 1000px;
	min-height: 600px;
}

.clear{
	clear:both;
}

.shadow{
	-moz-box-shadow: 5px 5px 5px rgba(68,68,68,0.6);
	-webkit-box-shadow: 5px 5px 5px rgba(68,68,68,0.6);
	box-shadow: 5px 5px 5px rgba(68,68,68,0.6);

	filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30);
	-ms-filter: "progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30)";
	zoom: 1;
}

.lt-ie9 .shadow{
		/* For IE 8 */
		-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=130, Color='#555555')";

		/* For IE 5.5 - 7 */
		filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=130, Color='#555555');
}
/* Layout CSS */

#Back{
	width: 100%;
	min-width: 1000px;
	height: 100%;
	min-height: 600px;
	position: absolute;
	z-index: -999;
}
#Back .left, #Back .right{
	width: 50%;
	height: 100%;
	position: absolute;
}
#Back .left{
	left: 0;
}
#Back .right{
	left: 50%;
}

.backstretch img{
	margin: 0;
}
#Back .right .backstretch img{
	margin-left: 180px;
}

#Main{
	width: 1000px;
	height: 100%;
	min-height: 650px;
	z-index: 0;
	margin: 0 auto;
	position: relative;
}
div.Box-center{
	width: 280px;
	height: 100%;
	background: rgb(62,38,11);
	margin: 0;
	position: absolute;
	left: 360px;
}
#Logo{
	width: 280px;
	height: 240px;
	margin-top: 20px;
	background: url("../images/logo-gelateria-ilduomo.png") center center no-repeat;
}
#Menu{
	color:rgb(255,227,159); 
}
#Menu ul{
	list-style: none;
	width: 280px;
	margin: 50px 0;
	padding: 0;
}
#Menu ul li{
	text-align: center;
	font-size: 18px;
	font-weight: normal;
	padding: 15px 10px;
	height: 25px;
	text-transform: uppercase;
}
#Menu ul li:hover, #Menu ul li.current {
	cursor: pointer;
	font-weight: bold;
	font-size: 20px;
	background: rgba(255, 255, 255 ,0.2);
}


div.ContentContainer{
	width: 360px;
	height: 100%;
	display: inline-block;
	margin-top: 0;
	top:0;
	position: absolute;
}
div.ContentContainer.left{
	left:0
}
div.ContentContainer.right{
	left:640px
}
div.Content{
	position: absolute;
	width: 310px;
	height: 470px;
	top:50px;
	padding: 25px;
	background: #FFF;
	color: rgb(62,38,11);
	display: none;
}
div.Content a, div.Content a:visited {
	color: rgb(62,38,11);
	text-decoration: underline;
}
div.Content a:hover{
	
}
div.Content h1{
	font-size: 20px;
}
div.Content p{
	line-height: 24px;
	text-align: justify;
}
div.Content div.icon{
	float: left;
	margin: 30px 15px 0 0;
	width: 30px;
	height: 30px;
}
div.Content div.facebook a{
	background: url(../images/icon.jpg) no-repeat;
	background-position: 0px 0px;
}
div.Content div.facebook a:hover{
	background-position: -30px 0px;
}
div.Content div.tripadvisor a{
	background: url(../images/icon.jpg) no-repeat;
	background-position: -60px 0px;
}
div.Content div.tripadvisor a:hover{
	background-position: -90px 0px;
}
div.Content div.maps a{
	background: url(../images/icon.jpg) no-repeat;
	background-position: -120px 0px;
}
div.Content div.maps a:hover{
	background-position: -150px 0px;
}
.aLink{
	width: 100%;
	height: 100%;
	display: block;
	white-space: nowrap;
	font-size: 0px;
}
#Footer{
	height: 50px;
	width: 100%;
	background: rgb(62,38,11);
	margin-top: 0px;
	z-index: 0;
	padding-top: 5px;
}
#Footer p{
	color:rgb(255,227,159);
	font-size: 12px;
	text-align: center;
	
}

/****** FILE: themes/gelateria/css/form.css *****/
form {
    max-width: 500px;
    width: 300px;
}
div.field {
    margin: 10px 0 15px;
}
fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}
form label {
    margin-bottom: 5px;
}
    form label.left {
        display: block;
        font-weight: bold;
    }
    form label.right {
        font-size: 12px;
    }

form input.text,
form textarea,
form .textajaxuniquetext,   /* Not sure if this is used? */
form select {
    width: 100%;
    max-width: 400px;
    padding: 6px 5px;
    font-size: 13px;
    font-style: italic;
    background:rgba(255,227,159,0.6);
    border: 1px solid rgb(62,38,11);
    color: rgb(62,38,11);
}
    .ie7 form select { width: 400px; } /* fix for ie7's rendering of max-width property on select input */

form input.text:focus,
form textarea:focus,
form .textajaxuniquetext:focus,
form select:focus {
    outline:none;
    background:#ffffff;
}
form input[disabled], form textarea[disabled] {
    background-color: #f7f7f7;
    border: 1px solid #dad9d9;
}
textarea {
    resize: vertical; /* forces text area to be resized vertically only */
    height: 65px;
}


#Form_FormInfo_Privacy{
	height: 45px;
	font-size: 10px;
}


form .Actions input{
	width: 310px;
	background:rgb(62,38,11);
	color: rgb(255,227,159);
	border: 1px solid rgb(62,38,11);
	padding: 5px 0;
}
form .Actions input:hover{
	color:rgb(62,38,11);
	background: rgb(255,227,159);
	cursor: pointer;
}




form input.error,
form textarea.error {
	border: 1px solid red;
}