/* Style for TITOLO by pidedesign.net */

html{color:#000;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:”;}
abbr,acronym {border:0;font-variant:normal;}
/* to preserve line-height and selector appearance */
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
/*to enable resizing for IE*/
input,textarea,select{*font-size:100%;}
/*because legend doesn’t inherit in IE */
legend{color:#000;}

body{
	background: url('images/mochaGrunge.png') repeat;
}
.upbar{
	width: 100%;
	height: 68px;
	background: #1ac9e8;
	text-align: center;
	padding: 20px;
}

.all{
	width: 1000px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
}

.header{
	width: 1000px;
	height: 400px;
	background: url('images/header.jpg') no-repeat left top;
	float: left;
	margin-top: 20px;
	-moz-box-shadow: 0 0 20px #303030;
	-webkit-box-shadow: 0 0 20px #303030;
	box-shadow: 0 0 20px #303030;
}

.menu{
	width: 1000px;
	height: auto;
	padding-top: 63px;
	text-align: center;
}

.menu ul li{
	display: inline;
	text-transform: uppercase;
	text-align: center;
	color: #ffffff;
	font: 20px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	margin-left: 30px;
}

.menu ul li:hover{
	border-bottom: 2px solid white;
	border-top: 2px solid white;
}

.barmenu{
	width: 1000px;
	height: 58px;
	background:  url('images/debut_dark.png') repeat;
	float: left;
	opacity: 1;
	margin-top: 20px;
}

.barmenu p{
	text-transform: uppercase;
	text-align: center;
	color: #ffffff;
	font: 20px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	padding-top: 15px;
	
}
.menu a{
	text-decoration: none;
	text-transform: uppercase;
	text-align: center;
	color: #ffffff;
	font: 20px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	padding-top: 15px;
}

.menu ul li.prev a{
	text-transform: uppercase;
	text-align: center;
	color: #37687a;
	font: 20px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

.menu ul li.prev:hover{
	border-bottom: 2px solid #37687a;
	border-top: 2px solid #37687a;
}

.content{
	width: 1000px;
	height: auto;
	float: left;
}

.imagechisono{
	width: 500px;
	height: 500px;
	background: url('images/russo_traslochi_milano.jpg') no-repeat left center;
	float: left;
	margin-top: 20px;
	-moz-box-shadow: 0 0 20px #393939;
	-webkit-box-shadow: 0 0 20px #393939;
	box-shadow: 0 0 20px #393939;
	border: 5px solid white;
}

.chisonotext{
	width: 400px;
	margin-left: 20px;
	float: left;
	color: #eaeaea;
	font: 15px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

.chisonotext p{
	margin-top: 20px;
}

.chisonotext h1{
	color: #ffffff;
	font: 22px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	text-shadow: 0 0 7px #0d0d0d;
}

.chisonotext h2{
	color: #ffffff;
	font: italic 18px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

.foother{
	width: 100%;
	height: 200px;
	margin-top: 20px;
	float: left;
	background:  url('images/debut_dark.png') repeat;
}

.footherlogo{
	height: 43px;
	width: 100%;
	background: url('images/logo_foother.png') no-repeat top center;
	margin-top: 20px;
	margin-bottom: 20px;
}

.foother p{
	text-align: center;
	color: #c8c8c8;
	font: 15px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

.foothertucom{
	height: 26px;
	width: 100%;
	margin-top: 20px;
	text-align: center;
}

.maps{
	width: 1000px;
	height: auto;
	float: left;
	margin-top: 20px;
}

.box_service{
	width: 300px;
	height: 550px;
	background-color: white;
	float: left;
	margin-top: 20px;
	margin-left: 12px;
	border: 8px solid #ffffff;
	-moz-box-shadow: 0 0 20px #282828;
	-webkit-box-shadow: 0 0 20px #282828;
	box-shadow: 0 0 20px #282828;
}

.box_service h3{
	text-transform: uppercase;
	text-align: center;
	color: #ffffff;
	background-color: #1ac9e8;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	padding: 5px;
	margin-bottom: 10px;
}

.box_service p{
	color: #303030;
	margin-bottom: 10px;
	font: 13px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

.box_service li{
	color: #303030;
	font: 13px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

.box_service ul{
	margin-bottom: 10px;
}

.box_service ul li{
	list-style-type: square;
	list-style-position: inside;
	line-height: 20px;
}

.tel{
	width: 295px;
	height: 63px;
	background: url('images/nverde_go.png') no-repeat center top;
	float: left;
	margin-top: 245px;
	margin-left: 352px;
	-webkit-animation-name: moviment;
	-webkit-animation-duration: 1s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-direction: alternate; 
}

@-webkit-keyframes moviment {
0% {
margin-left: 0px;
}
100% {
margin-left: 30px;
}
}

.yt_box{
	width: 800px;
	height: 500px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
}