@CHARSET "UTF-8";

.servizi_header{margin-top:20px; overflow: hidden;}
.servizi_header_left{float: left; width: 15%; text-align: center;}
.servizi_header_right{float: left; font-size: 15px; width:80%; margin-top: 15px; margin-left: 20px; color: #3a393c; font-size: 15px;}

.backServizi{
	margin-bottom:13px;
}
.backServizi #link a{
	color:black;
	float: left;
	line-height: 25px;
	margin-left:8px;
}
.backServizi #img{
	float:left;
}
.dividerMenuServices{
	margin: 10px 0px 10px 0px;
	text-align:center;
}
.services_box{
	position:relative;
	width:200px;
	margin-right:40px;
	float:left;
	-moz-box-shadow: 3px 3px 12px #000000;
    -webkit-box-shadow: 3px 3px 12px #000000;
    box-shadow: 3px 3px 12px #000000;
}
.noMarginRight{
	margin-right:0px;
}
#upper{
	background-color:white;
	height:52px;
	padding:5px;
}
#upper-big{
	background-color:white;
	height:180px;
	padding:5px;
}

.services_box #upper img{
	float:left;
	padding-right:10px;
}
.services_box #upper-big #title{
	color: #4d4c4e;
	font-size:15px;
	line-height:20px;
	margin-top:20px;
	text-align:center;
}
.services_box #upper #title{
	color: #4d4c4e;
	line-height:20px;
	margin-left:20px;
}
.services_box #lower-big{
	color:white;
}
.services_box #lower{
	color:white;
	
}
.services_box #lower-big #accedi{
	height:40px;
	background-color:#e8850c;
	float:left;
	width: 80%;
	padding-left:10px;
	font-size:14px;
	padding-top:9px;
}
.services_box #lower #accedi{
	background-color:#e8850c;
	float:left;
	width:170px;
	line-heigh:27px;
	padding-left:5px;
}
.services_box #lower-big #info{
	background-color:#4d4c4e;
	text-align:center;
	font-weight:bold;
	height:40px;
	font-size:18px;
	padding-top:8px;
}
.services_box #lower #info{
	background-color:#4d4c4e;
	text-align:center;
	font-weight:bold;
}
.services_box #lower-big a,
.services_box #lower a{
	color:white;
	text-decoration:none;
}
.banned{
	background-color:#a25f0c !important;
	color: lightgray !important;
}
.services_box #upper #title{
		font-size: 10px !important;
	}


@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
	.services_box #lower #accedi{font-size: 12px;}
}

@media screen and (max-width: 1311px) {
	.services_box{
		width:200px !important;
	}
	.services_box #lower-big #accedi{
		width:160px;
	}
}

@media screen and (max-width: 1130px) {
	.services_box{
		width:180px !important;
	}
	.services_box #lower-big #accedi{
		width:140px;
	}
}

@media screen and (max-width: 990px) {
	.services_box #lower-big #accedi{font-size: 12px; line-height: 1;}

	.services_box{
		width:160px !important;
	}
	.services_box #lower-big #accedi{
		width:120px;
	}
	.services_box #upper-big #title{
	font-size: 12px !important;
	margin-top: 0;
	}
}

@media screen and (max-width: 850px) {
	.services_box{
		width:130px !important;
	}
	.services_box #lower-big #accedi{
		width:100px;
	}
}
@media screen and (max-width: 765px) {
	#upper-big img{
	display:none;
	}
	.services_box{
		width: 100% !important;
		margin-bottom:5px;
	}
	#upper-big{
		height: auto !important;
	}
	.services_box #lower-big #accedi{
		width: 90%;
	}
	.services_box #upper-big #title{
	margin-top: 0px !important;
	}
	.services_box #lower-big #accedi,
	.services_box #lower-big #info{
		height: auto !important;
		padding-top:1px;
	}
}

@media screen and (max-width: 430px) {
	.services_box #upper-big #title{
		font-size:11px;
	}
}
@media screen and (max-width: 392px) {
	.services_box #upper-big #title{
		font-size:10px !important;
	}
	.services_box #lower-big #accedi,
	.services_box #lower-big #info{
		font-size: 12px !important;
	}
}
@media screen and (max-width: 350px) {
	.services_box #upper-big #title{
		font-size:9px !important;
	}
	.services_box #lower-big #accedi,
	.services_box #lower-big #info{
		font-size: 11px !important;
	}
}

/*small*/

@media screen and (max-width: 1140px) {
	.services_box #upper #title{
		font-size: 9px !important;
	}
	.services_box #lower #accedi{
	width:90% !important;
	}
	.services_box #lower #info{
	width:10% !important;
	float:left;
	}
}

@media screen and (max-width: 1024px) {
	.services_box #upper #title{
		font-size: 10px !important;
	}
	#upper img{
		display:none;
	}

	.services_box #upper #title{
		margin-left:0px !important;
	}
}
@media screen and (max-width: 990px) {
	
}

@media screen and (max-width: 850px) {
	.services_box #upper #title{
		font-size: 9px !important;
		line-height: 1.5;
	}
}
@media screen and (max-width: 767px) {
	.services_box {
		width:100% !important;
		-moz-box-shadow: 1px 1px 3px #000000;
	    -webkit-box-shadow: 1px 1px 3px #000000;
	    box-shadow: 1px 1px 3px #000000;
	    margin-bottom: 10px;
	}
	.services_box #lower #accedi{
	width:90% !important;
	}
	.services_box #lower #info{
	width:10% !important;
	}
	.services_box #upper #title{
		font-size: 16px !important;
	}
	#upper{
		height: auto !important;
	}
}