body{background:url('../images/bg.jpg') repeat-x; font:12px Tahoma,Arial,Helvetica,sans-serif; color:#313131}

/* Typography */

p{line-height:18px}
h3{font-size:24px}
a{
	color:#FFAC2C
}
a:hover{
	color:#999
}
#col2 p, #col3 p, #col4 p{margin:10px 0 20px 0}
#col5 p{margin:0 0 20px 0}
#content h3 {margin-bottom:10px; padding-bottom:10px; border-bottom:1px #e7e7e7 solid}
#col1 ul li, #col5 ul li{padding:10px 0 10px 20px; border-bottom:1px #e7e7e7 solid; background:url(../images/arrow.jpg) no-repeat 0% 50%}
#col5 ul{margin:0 0 20px 0}
.color{color:#ffac2c}

/* Container & header */

#container{width:960px; margin:auto}
#header{height:130px}
.logo{
	float:left;
	position:relative;
	top:46px;
	left:10px
}

/* Main menu */

#mainmenu{float:right; position:relative; top:88px; right:80px; z-index:200}
#mainmenu  li{float:left}
#mainmenu a{padding:0 20px 5px 20px; display:block; font-size:14px; color:#313131}
#mainmenu a:hover{border-bottom:5px #ffac2c solid}
.active{border-bottom:5px #ffac2c solid}
.slogan{position:relative; top:230px; left:20px; color:#fff}

/* Slider */

#lbox{height:280px; width:280px; float:left; position:relative; background:#313131 url('../images/corner.jpg') no-repeat}
#rbox{height:280px; width:680px; float:right; position:relative; bottom:20px; background:#313131; z-index:100}
#slider{position:relative; top:10px; right:40px}
.started{position:relative; top:60px; left:230px; z-index:300}

/* Columns */

#col1, #col2, #col3, #col4{width:200px; margin:40px 20px 0 20px; float:left}
#col4{margin-right:0}
#col5{width:700px; margin:40px 0 0 20px; float:left}
.img{padding:1px; border:1px #e7e7e7 solid}

/*Footer */

#footer{height:50px; width:960px; position:relative; top:40px; background:url('../images/footer.jpg') no-repeat; clear:both}
#footer p{padding:20px 0 50px 20px}


/*	
	D) CONTACT PAGE & FORMS
-------------------------------------------
	1. Contact From
-------------------------------------------
*/
textarea {
	overflow:hidden;
}
ul.cform {
	margin:0;
	list-style:none;
}
ul.cform li {
	margin-bottom:10px;
}
ul.cform li label {
	display:block;
	margin-bottom:10px;
}
input {
	width:200px;
}
input.button {
	width:auto;
}
input.button {
	cursor:pointer;
	background-color:#FFAC2C; /* colore "invio" */
	padding-bottom: 3px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-ms-border-radius:3px;
	-o-border-radius:3px;
	border-radius:3px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	-webkit-box-shadow: 0px 0px 2px rgba(255, 255, 255, 0.5);
	-moz-box-shadow: 0px 0px 2px rgba(255, 255, 255, 0.5);
	-ms-box-shadow:0px 0px 2px rgba(255, 255, 255, 0.5);
	-o-box-shadow:0px 0px 2px rgba(255, 255, 255, 0.5);
	box-shadow: 0px 0px 2px rgba(255, 255, 255, 0.5);
	display: inline-block;
	overflow-x: hidden;
	overflow-y: hidden;
}
input.button {
	text-decoration:none;
}
input#name:focus, input#email:focus, input#search2:focus, textarea:focus {
	background:#FFFFFF;
	color:#FFAC2C;
	-webkit-box-shadow: 0px 0px 2px rgba(255, 255, 255, 0.4);
	-moz-box-shadow: 0px 0px 2px rgba(255, 255, 255, 0.4);
	-ms-box-shadow:0px 0px 2px rgba(255, 255, 255, 0.4);
	-o-box-shadow:0px 0px 2px rgba(255, 255, 255, 0.4);
	box-shadow: 0px 0px 2px rgba(255, 255, 255, 0.4);
}
input, textarea {
	padding:8px;
	background:#c1c1c1;
	color:#f5f5f5;
	border:1px solid transparent;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	resize:none;
}
.valmsg {
	display:none;
	color: #900;
}
#sendmessage {
	background:url('../img/icons/success_icon.png') no-repeat 20px center #DFF2BF;
	border:1px solid #4F8A10;
	color:#4F8A10;
	display:none;
	padding:15px 12px 15px 65px;
	margin:10px 0;
}
a.button {
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	color: #f5f5f5;
	cursor: pointer;
	display: inline-block;
	overflow-x: hidden;
	overflow-y: hidden;
	padding-bottom: 3px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 3px;
	-webkit-box-shadow: 0px 0px 2px rgba(255, 255, 255, 0.5);
	-moz-box-shadow: 0px 0px 2px rgba(255, 255, 255, 0.5);
	-ms-box-shadow:0px 0px 2px rgba(255, 255, 255, 0.5);
	-o-box-shadow: 0px 0px 2px rgba(255, 255, 255, 0.5);
	box-shadow: 0px 0px 2px rgba(0, 255, 255, 0.5);
}
a.button:hover {
	text-decoration: none;
}
a.button {
	background-attachment: scroll;
	background-clip: border-box;
	background-color: #FFF;
	background-image: none;
	background-origin: padding-box;
	background-position: 0 0;
	background-repeat: repeat;
	background-size: auto auto;
}
a.button:hover {
	background-attachment: scroll;
	background-clip: border-box;
	background-color: #FFF;
	background-image: none;
	background-origin: padding-box;
	background-position: 0 0;
	background-repeat: repeat;
	background-size: auto auto;
}
/*	
-------------------------------------------
	3. Notification Boxes
-------------------------------------------
*/
.success_box {
	background:url('../images/icons/success_icon.png') no-repeat 15px center #DFF2BF;
	border:1px solid #4F8A10;
	color:#4F8A10;
}
.info_box {
	background:url('../images/icons/info_icon.png') no-repeat 15px center #BDE5F8;
	border:1px solid #00529B;
	color:#00529B;
}
.warning_box {
	background:url('../images/icons/warning_icon.png') no-repeat 15px center #FEEFB3;
	border:1px solid #9F6000;
	color:#9F6000;
}
.error_box {
	background:url('../img/icons/error_icon.png') no-repeat 15px center #FFBABA;
	border:1px solid #D8000C;
	color:#D8000C;
}
.boxes {
	margin:10px 0;
	padding:15px 15px 15px 62px;
}
/*	
-------------------------------------------
	8. Shadow
-------------------------------------------
*/
.shadow {
	-webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.4);
	-ms-box-shadow:0px 0px 2px rgba(0, 0, 0, 0.4);
	-o-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.4);
	box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.4);
}