/*

Theme Name: Cauto

Theme URI: http://www.cauto.it/

Description: Tema per il portale "Cauto"

Author: Basilico s.r.l.

Version: 1.0

Text Domain: cauto

*/



@import url(https://fonts.googleapis.com/css?family=Roboto:400,500,700,400italic,500italic,300,300italic);

@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:400,300italic,300,400italic,700italic,700);

@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:400);

@import url(font/miso-font.css);

@import url(css/elements.css);



::-moz-selection {

	background-color: #96c11f;

	color: white;

}



::selection {

	background-color: #96c11f;

	color: white;

}



/* ------------------------- */

/* Reset default browser CSS */

/* ------------------------- */

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {

	background:transparent;

	border:0;

	margin:0;

	padding:0;

	vertical-align:baseline;

}



body {

	line-height:1;

	font-family: 'Roboto', sans-serif;

	color: #333333;

	font-weight: 400;

	background-color: #f3f3f3;

}



a, a:visited, a:active, a:hover {

	text-decoration: none;

	color: #96c11f;

	outline: none;

}



.btn {

	background-color: #95c11f !important;

	text-transform: uppercase !important;

	letter-spacing: 1px !important;

	color: white !important;

}



.btn-padding {

	padding: 10px 50px;

}



.btn:hover {

	background-color: #81a61b !important;

}



h1,h2,h3,h4,h5,h6 {

	clear:both;

	font-weight:700;

}



ol,ul {

	list-style:none;

}



blockquote {

	quotes:none;

}



blockquote:before,blockquote:after {

	content: '';

	content: none;

}



del {

	text-decoration:line-through;

}



/* tables still need 'cellspacing="0"' in the markup */

table {

	border-collapse:collapse;

	border-spacing:0;

}



a img {

	border: none;

}



.clear {

	clear: both;

}



.right {

	float: right;

}



.left {

	float: left;

}



.relative {

	position: relative;

}



.absolute {

	position: absolute;

}



.fixed {

	position: fixed;

}



.none {

	display: none;

}



.hidden {

	visibility: hidden;

}



.uppercase {

	text-transform: uppercase;

}



.container-large {

	max-width: 1280px;

	margin: 0 auto;

}



.container, .block-content {

	max-width: 1050px;

	margin: 0 auto;

}



.full-container {

	width: 100%;

}



.block {

	display: block;

}



/* Header */



.header {

	top: 0px;

	width: 100%;

	height: 82px;

	background-color: #333333;

	z-index: 1400;

}



.header-placeholder {

	height: 82px;

}



.header.sub-menu, .header-placeholder.sub-menu {

	height: 109px;

}



.home .header {

	height: 82px;

	background-color: none;

}



.header-container {

	margin-top: 12px;

	position: relative;

	height: 82px;

	width: 100%;

}



.header .menu-trigger {

	background: url(images/mobile-menu.png) no-repeat center top;

	display: none;

	height: 25px;

	width: 25px;

}



.header .menu-trigger.open {

	background-position: center bottom;

}



.header.sub-menu .header-container {

	height: 97px;

}



.logo {

	left: 70px;

	width: 217px;

	height: 69px;

}



.logo img {

	float: left;

}



.logo img.logo-text {

	margin-left: 11px;

	display: none;

}



.home .logo img.logo-text {

	display: block !important;

}



.top-menu {

	top: 20px;

	right: 70px;

	opacity: 0.9;

}



ul.menu-menu-header {

	line-height: 22px;

}



ul#menu-menu-header li {

	float: left;

}



ul#menu-menu-header li a {

	color: white;

	font-family: 'Miso', sans-serif;

	font-size: 22px;

	text-transform: uppercase;

}



ul#menu-menu-header li.menu-item a:hover, ul#menu-menu-header li.menu-item.current-menu-item a {

	color: #96c333;

}



ul#menu-menu-header li.separator {

	padding: 0px 15px;

	color: #ccc;

	font-weight: 100;

	font-size: 22px;

}



.top-sub-menu {

	width: 100%;

	bottom: 0;

}



.top-sub-menu > ul {

	margin-right: 70px;

	float: right;

}



.top-sub-menu > ul > li {

	display: inline-block;

	padding-left: 30px;

}



.top-sub-menu > ul > li > a {

	font-family: 'Miso', sans-serif;

	text-transform: uppercase;

	padding-bottom: 7px;

	font-size: 18px;

	display: block;

	color: #b2b2b2;

}



.top-sub-menu > ul > li > a:hover, .top-sub-menu > ul > li > a.active {

	border-bottom: 2px solid #96c11f;

	padding-bottom: 5px;

	color: #96c11f;

}



.top-sub-menu .dropdown {

	background-color: rgba(56, 56, 56, 0.95);

	position: absolute;

	padding: 45px;

	display: none;

	right: 0;

	left: 0;

}



.top-sub-menu .dropdown-inner {

	float: right;

}



.top-sub-menu .dropdown-inner.ciclo-dei-rifiuti {

	margin-right: 20px;

}



.top-sub-menu .dropdown-inner.nuovo-senso-alle-cose {

	margin-right: 480px;

}



.top-sub-menu .dropdown-inner.edilizia-e-manutenzione {

	margin-right: 310px;

}



.top-sub-menu .dropdown-inner.strutture-pubbliche {

	margin-right: 155px;

}



.top-sub-menu .dropdown-inner.trasporto {

	margin-right: -28px;

}



.top-sub-menu .dropdown ul {

	margin-right: 40px;

	max-width: 200px;

	display: block;

	float: left;

}



.top-sub-menu .dropdown ul li {

	font-family: 'Miso', sans-serif;

	text-transform: uppercase;

	margin-bottom: 5px;

	line-height: 1.33;

	font-size: 18px;

	display: block;

	color: white;

}



.top-sub-menu .dropdown ul li a {

	color: #b2b2b2;

}



.top-sub-menu .dropdown ul li a:hover,

.top-sub-menu .dropdown ul li a.active {

	color: #96c11f;

}



.top-sub-menu > ul li:hover .dropdown {

	display: block;

}



/* Footer */

.footer {

	padding-top: 50px;

}



.footer a {

	color: #333333;

}



.footer a:hover {

	color: #96c11f;

}



.footer .footer-column {

	box-sizing: border-box;

	min-width: 280px;

	color: #333333;

	display: block;

	padding: 30px;

	float: left;

	width: 33%;

}



.footer .footer-column.align-left {

	text-align: left;

}



.footer .footer-column.align-center {

	text-align: center;

}



.footer .footer-column.align-right {

	text-align: right;

}



.footer .footer-column h6 {

	font-family: 'Roboto', sans-serif;

	text-transform: uppercase;

	letter-spacing: 2px;

	margin-bottom: 32px;

	font-weight: bold;

	font-size: 14px;

}



.footer .footer-column p {

	font-family: 'Roboto', sans-serif;

	margin-bottom: 10px;

	line-height: 1.4;

	font-weight: 300;

	font-size: 14px;

	color: #333333;

}



.footer .footer-column .social i {

	background-image: url(images/icon-socials.png);

	background-repeat: no-repeat;

	display: inline-block;

	margin-right: 5px;

	height: 44px;

	width: 44px;

}



.footer .footer-column .social i.social-facebook {

	background-position: 0 0;

}



.footer .footer-column .social i.social-twitter {

	background-position: -44px 0;

}



.footer .footer-column .social i.social-gplus {

	background-position: -88px 0;

}



.footer .footer-column .social i.social-youtube {

	background-position: -132px 0;

}



.footer .footer-column .social:hover i.social-facebook {

	background-position: 0 -44px;

}



.footer .footer-column .social:hover i.social-twitter {

	background-position: -44px -44px;

}



.footer .footer-column .social:hover i.social-gplus {

	background-position: -88px -44px;

}



.footer .footer-column .social:hover i.social-youtube {

	background-position: -132px -44px;

}



.footer .sub-footer {

	background-color: #333333;

	height: 40px;

}



.footer .sub-footer .menu-menu-footer-container {

	padding: 0 30px;

	float: left;

}



.footer .sub-footer ul li {

	display: inline-block;

}



.footer .sub-footer ul li a {

	-webkit-font-smoothing: antialiased;

	font-family: 'Roboto', sans-serif;

	text-transform: uppercase;

	margin-right: 20px;

	line-height: 40px;

	font-size: 14px;

	color: #f5f5f5;

}



.footer .sub-footer ul li a:hover {

	color: #96c11f;

}



.footer .sub-footer .credits {

	

	font-family: 'Source Sans Pro', sans-serif;

	padding-right: 24px;



	line-height: 40px;

	font-size: 14px;

	color: #f5f5f5;

	float: right;

}



.footer .sub-footer .credits a {

	color: inherit;

}



.footer .sub-footer .credits a:hover {

	color: #81a61b;

}



/* Aziende */

.blocco-aziende .block-content {

	padding-bottom: 70px;

}



/* Certificazioni */

.blocco-certificazioni .block-content {

	padding-top: 40px;

}



.certifications-container {

	padding: 30px 0;

	margin: 0 auto;

	width: 680px;

}



.certification-item {

	border-top: 1px solid #c3c3c3;

	padding: 32px 0 32px 0;

	margin: 0 25px;

	width: 290px;

	float: left;

}



.certification-item img {

	margin: 0 15px 25px 0;

	float: left;

}



.certification-item h3 {

	font-family: 'Miso', sans-serif;

	text-transform: uppercase;

	display: inline-block;

	font-weight: normal;

	margin-bottom: 25px;

	line-height: 2.0;

	font-size: 30px;

	color: #333333;

}



.certification-item p {

	font-family: 'Roboto', sans-serif;

	line-height: 26px;

	font-weight: 300;

	font-size: 16px;

	color: #333333;

	clear: both;

}



.certification-item a.download {

	background: url(images/icon-pdf.png) no-repeat left center;

	text-transform: uppercase;

	font-family: inherit;

	padding-left: 36px;

	line-height: 40px;

	margin-top: 20px;

	font-size: 14px;

	display: block;

	color: inherit;

}



.certification-item a:hover.download {

	background: url(images/icon-pdf-hover.png) no-repeat left center;

	color: #95c11f;

}





/* blocco network */

.network-companies-container {

	margin-bottom: 50px;

}



.reserved-items-container {

	margin-bottom: 50px;

	margin-top: 50px;

}



.reserved-item,

.network-company {

	background-color: white;

	border: 1px solid white;

	box-sizing: border-box;

	margin: 0 20px 20px 0;

	padding: 20px 36px;

	width: 330px;

}



.reserved-item .network-logo,

.network-company .network-logo {

	margin: 0 auto;

	display: table;

	height: 180px;

	width: 100%;

}



.reserved-item .image-cell,

.network-company .image-cell {

	vertical-align: middle;

	display: table-cell;

	text-align: center;

}



.reserved-item img,

.network-company img {

	display: block;

	margin: 0 auto;

}



.reserved-item h3,

.network-company h3 {

	font-family: 'Miso', sans-serif;

	text-transform: uppercase;

	font-weight: normal;

	line-height: 1.2;

	font-size: 30px;

	color: #333333;

}



.reserved-item p,

.network-company p {

	font-family: 'Roboto', sans-serif;

	margin: 20px 0 36px 0;

	line-height: 1.625;

	font-weight: 300;

	font-size: 16px;

}



.reserved-item a,

.network-company a {

	font-family: 'Roboto Condensed', sans-serif;

	text-transform: uppercase;

	background-color: #96c11f;

	margin: 0 0 36px 0;

	line-height: 1.875;

	text-align: center;

	font-weight: bold;

	font-size: 16px;

	padding: 5px 0;

	display: block;

	color: white;

}



/* servizi */

hgroup.page-header-left {

	margin: 75px 0 100px 0;

}



hgroup.page-header-left h3 {

	font-family: 'Roboto', sans-serif;

	margin-bottom: 30px;

	line-height: 1.0;

	font-weight: 300;

	font-size: 30px;

	color: #333333;

}



hgroup.page-header-left h4 {

	font-family: 'Roboto', sans-serif;

	line-height: 1.5;

	font-weight: 300;

	font-size: 20px;

	color: #333333;

}



.items-list {

	text-align: center;

}



.item {

	display: inline-block;

	margin: 15px 20px;

	height: 163px;

	width: 263px;

}



.item span {

	vertical-align: middle;

	display: table-cell;

	text-align: center;

	height: 163px;

	width: 263px;

}



.item span img {

	max-height: 163px;

	max-width: 263px;

}



/* Ninja - 15/11/2016*/



.homelinkbox{

	padding:15px 20px !important;

	text-align:center;

	text-transform: uppercase;



}



@media all and (max-width: 886px) {
  .hideonmobile{
  	display:none;
  }
  div.mailblock div.right,
  .service-content aside.authorizations{
  	padding-left: 20px;
  	padding-right: 20px;
  	box-sizing: border-box;
  	width:100% !important;
  	margin-left: 0 !important;
  	margin-right: 0 !important;
  	text-align: left
  }

  .service-content aside.authorizations div{text-align:left !important;}

}

/* Fine Ninja */