/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/

/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */
	
	
	

/* #Site Styles
================================================== */

body {
	font-family:Helvetica, Arial, sans-serif;
	background:url(../images/body_bg.gif) center top no-repeat;
	color:#878787;
}

h3 {
	margin:0;
	padding:0;
	color:#868789;
}

#content ul {
	list-style-type:disc;
	text-indent:none;
	padding-left:20px;
}


#header {
	margin-top:30px;
	margin-bottom:20px;
}

#header .row, #content .row {
	margin-top:0;
	margin-bottom:0;
}

#nav {
	float:left;
	width:81	0px;
	height:70px;
}

#nav ul {
	float:right;
	margin:25px 0 0 0;
	padding:0;
	text-indent:0;
	text-transform:uppercase;
	font-size:14px;
	font-weight:bold;
}

#nav ul li {
	float:left;
	margin:0;
	padding:0 18px;
	text-indent:0;
	border-right:1px solid #e30613;
}

#nav ul li:last-child {
	border-right: none;
}


#nav ul li a {
	color: #e30613;
	text-decoration: none;
	
	-o-transition:.5s;
	-ms-transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s;
	transition:.5s;
}

#nav ul li a:hover {
	color:#000;
}

#header_logo {
	float:right;
}

#header_logo a, #header_logo a:hover {
	cursor:pointer;
}

#header_logo a img {
	max-width:354px;
	padding-left:20px;
	
	-o-transition:.5s;
	-ms-transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s;
	transition:.5s;
}

#header_logo a:hover img {
	opacity: 0.7;
    filter: alpha(opacity=70);
	-o-transition:.5s;
	-ms-transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s;
	transition:.5s;
}

#content {
	font-size:14px;
}

a .box_rounded {
	-o-transition:.5s;
	-ms-transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s;
	transition:.5s;
}

a:hover .box_rounded {
	-o-transition:.5s;
	-ms-transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s;
	transition:.5s;
    -webkit-transform: scale(1.10);
        -ms-transform: scale(1.10);
            transform: scale(1.10);
}

.box_rounded {
	height:180px;
	border-radius:15px;
	margin-bottom:10px;
}

.en_200 {
	height:200px;
}

.box_rounded_left {
	float:left;
	width:60%;
}

.box_rounded_right {
	float:left;
	width:40%;
}

.box_rounded h3 {
	margin-top:0;
	padding:20px 20px 0 20px;
	color:#FDC400;
	font-size:39px;
}

.box_rounded h3 span {
	display:block;
	margin-top:0;
	padding:0 20px 0 20px;
	font-size:19px;
	line-height:19px;
	color:#FDC400;
	}

.box_rounded p {
	padding:10px 20px 10px 20px;
	font-size:16px;
	line-height:18px;
	color:#fff;
}

/*#icon_column {
	text-align:center;
}*/

#icon_domotica, #icon_industriale {
	max-width:90%;
	margin-top:40px;
	padding:0 20px 0 -20px;
}

a.opacity_70:hover {
	opacity: 0.7;
    filter: alpha(opacity=70);
}

.margin_b_10 {
	margin-bottom:10px;
}

.margin_t_30 {
	margin-top:30px;
}

.margin_b_30 {
	margin-bottom:30px !important;
}

.color_white {
	color:#fff;
}

.bg_black {
	background-color:#000;
}

.bg_dark_grey {
	background-color:#717274;
}

.bg_light_grey {
	background-color:#ececed;
}

.bg_white {
	background-color:#fff;
}

.img_responsive {
	max-width:100%;
	height:auto;
}

.band {
	width:100%;
	padding:20px 0;
}
	
#footer {
}

#footer a {
	color:#999;
	text-decoration:none;
}

#footer a:hover {
	text-decoration:underline;
}

#footer hr {
	margin-bottom:4px;
	height: 12px;
	border-top:1px solid #AAAAAA;
	box-shadow: 0 12px 12px -12px #aaa inset;
}

#footer_logo {
	margin:5px;
	float:left;
	max-width:100%;
}

#footer_data p {
	margin: 0 0 4px 0;
	padding:0;
	font-size:12px;
	line-height:12px;
	color:#999;
}

p#footer_fiscal {
	font-size:10px;
	line-height:12px;
}

#footer_privacy {
	text-align:right;
}

#footer_privacy p span {
	padding:0 14px;
}

#footer_language {
	text-align:right;
}

#footer_language a img {
	max-width:32px;
}
	
#footer_language a:hover {
	opacity: 0.7;
    filter: alpha(opacity=70);
}


/* #Page Styles
================================================== */

#intro {
	width:100%;
	background-color:#181818;
	padding:0;
	}
	
	
.flexslider {
	max-width:1400px;
	margin:0 auto;
	}
	
#homepage_introduction {
	margin-top:10px;
	font-size:16px;
}

#homepage_txt p {
	padding:10px 40px;
}

.content_intro {
	margin-bottom:30px;
	height: 472px;
	background-position:center top;
	background-size: auto 472px;
	background-repeat:no-repeat;
	font-size: 17px;
	line-height:21px;
}

.content_intro h2 {
	font-size:48px;
	margin-bottom:10px;
	padding:18px 0;
	color:#fcc500;
}

.domotica_intro {
	background-image:url(../images/domoteck_domotica_intro.jpg);
}

.domotica_intro h2 {
	margin-top:10%;
	background-image:url(../images/icon_domotica.png);
	background-position:64% center;
	background-size:16%;
	background-repeat:no-repeat;
}

.automazione_intro {
	background-image:url(../images/domoteck_automazione_intro.jpg);
}

.automazione_intro h2 {
	margin-top:20%;
	background-image:url(../images/icon_automazione.png);
	background-position:62% center;
	background-size:15%;
	background-repeat:no-repeat;
}

.automazione_intro h2 span, .domotica_intro h2 span {
	display:block;
	margin-top:0;
	padding:0 20px 0 14px;
	font-size:22px;
	line-height:21px;
	color:#FDC400;
}

.automazione_intro p {
	width:280px;
}

.box_gallery {
	float:left;
	width:33%;
	padding:40px 0;
}

a.link_gallery, a.link_gallery:hover {
	cursor:pointer;
	text-decoration:none;
}

a.link_gallery .box_gallery {
	text-decoration:none;
	-o-transition:.5s;
	-ms-transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s;
	transition:.5s;
}

a.link_gallery:hover #box_gallery_domotica, a.link_gallery:hover #box_gallery_industria, a.link_gallery:hover #box_gallery_eventi {
	text-decoration:none;
	background-color:#FDC500;
	-o-transition:.5s;
	-ms-transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s;
	transition:.5s;
}

.box_gallery h3 {
	margin-bottom:40px;
	text-align:center;
	font-size:40px;
	color:#fff;
}

.box_gallery img {
	max-width:100%;
	height:auto;
}

#box_gallery_domotica {
	background-color:#ECEDED;
}

#box_gallery_industria {
	background-color:#D5D6D7;
}

#box_gallery_eventi {
	background-color:#B7B9BA;
}

.hidden {
	display:none;
}


#band_contatti{
	padding:0;
	}
	
#box_contatti {
	padding:30px;
	height:100%;
	margin-top:-100px;
	z-index:1000;
	font-size:18px;
	font-weight:bold;
	background-color:#fff;
	box-shadow: 10px -10px 10px 0 #999;
	}
	
#box_contatti a {
	color:#878787;
	text-decoration:none;
	}
	
#box_contatti a:hover {
	text-decoration:underline;
	}
	
#box_contatti img {
	display:block;
	margin-bottom:20px;
	max-width:160px;
	height:auto;
}

#box_contatti #orari {
	font-size:18px;
	font-weight:bold;
	color:#4E4E4E;
}


a.download {
	display:block;
	margin-bottom:20px;
	padding:10px;
	border:1px solid #ececed;
	border-radius:15px;
	color:#878787;
	text-decoration:none;
	background-color:#fff;
	
	-o-transition:.5s;
	-ms-transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s;
	transition:.5s;
}

a.download:hover {
	text-decoration:none;
	background-color:#ececed;
	-o-transition:.5s;
	-ms-transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s;
	transition:.5s;
}

a.download p {
	margin-top:8px;
	margin-bottom:0;
}

.download_left {
	float:left;
	width:10%;
}

.download_left img {
	max-width:100%;
	min-height:auto;
}

.download_right {
	float:left;
	width:88%;
	margin-left:2%;
}

.content_privacy a {
	color:#717274;
}

.content_privacy a:hover {
	color:#000;
}

#logo_santafranca {
	max-width:240px;
	height:auto;
	margin-bottom:20px;
}

#logo_davidebarbieri {
	max-width:180px;
	height:auto;
}


/* #Media Queries
================================================== */

	
	/* Smaller than 1200 (devices and browsers) */
	
	@media only screen and (max-width: 1199px) {
		
			body {
				background:url(../images/body_bg_960.gif) center top no-repeat;
			}
			
			#nav {
				height:60px;
				max-width:800px;
			}
			
			#nav ul {
				margin:20px 0 0 0;
			}
			
			#nav ul li {
				padding:0 5px;
			}

			#header_logo a img {
				max-width:304px;
				height:auto;
			}
			
			.box_rounded {
				height:250px;
			}

			#intro {
				width:100%;
				background-color:#000;
				padding:0;
			}
			
			#icon_domotica, #icon_industriale {
				margin-top:90px;
			}
			
			.domotica_intro h2 {
				background-position:70% center;
				background-size:16%;
			}
			
			.automazione_intro h2 {
				background-position:76% center;
				background-size:17%;
			}
			
		
		}

	/* Smaller than standard 960 (devices and browsers) */
	
	@media only screen and (max-width: 959px) {
		
			body {
				background:url(../images/body_bg_768.gif) center top no-repeat;
			}

			#nav {
				max-width:656px;
				height:56px;
				z-index:10000;
			}
						
			#nav ul {
				
				list-style-type: none;

				margin:0;
				padding:0;
				text-indent:0;
				text-transform:uppercase;
				font-size:16px;
				font-weight:bold;
			}
			
			#nav ul li {
				float:none;
				margin:0;
				padding:0;
				text-indent:0;
				border-right:none;
			}
			
			#nav ul li a {
				color: #e30613;
				text-decoration: none;
				
				-o-transition:.5s;
				-ms-transition:.5s;
				-moz-transition:.5s;
				-webkit-transition:.5s;
				transition:.5s;
			}
			
			#nav ul li a:hover {
				color:#000;
			}			
			
			#header_logo a img {
				max-width:288px;
				height:auto;
			}
			
			.box_rounded {
				height:300px;
				border-radius:15px;
			}
			
			#icon_domotica, #icon_industriale {
				margin-top:160px;
				margin-left:0px;
			}
			
			.content_intro {
				font-size: 14px;
				line-height:18px;
			}
			
			.content_intro h2 {
				font-size:36px;
				margin-bottom:10px;
			}
			
			.domotica_intro h2 {
				margin-top:10%;
				background-position:70% center;
				background-size:16%;
			}
			
			.automazione_intro h2 {
				margin-top:25%;
				background-position:70% center;
				background-size:17%;
			}
			
			.automazione_intro h2 span {
				display:block;
				margin-top:0;
				padding:0 20px 0 14px;
				font-size:20px;
				line-height:18px;
				color:#FDC400;
			}

			
			#footer_privacy p span {
				padding:0 4px;
			}
			
		}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
			
			.box_rounded h3 {
				font-size:34px;
			}
			
			
			
		}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
		
			body {
				background:url(../images/body_bg_768_b.gif) center top no-repeat;
			}
		
			#nav {
				width:180px;
				height:42px;
			}
			
			#header_logo a img {
				max-width:210px;
			}
			
			.box_rounded {
				height:240px;
				border-radius:15px;
			}
			
			.box_rounded p {
				font-size:19px;
				line-height:24px;
			}

			
			#homepage_txt p {
				padding:20px 0;
			}
			
			#icon_domotica, #icon_industriale {
				margin-top:20px;
				margin-left:0px;
			}
			
			
			.band img {
				margin-bottom:10px;
			}
			
			.content_intro {
				height: 100%;
			}
			
			.domotica_intro {
				background-image: none;
			}
						
			.automazione_intro {
				background-image: none;
			}
			
			.automazione_intro h2 {
				margin-top:10%;
			}
			
			.box_gallery {
				float: none;
				width:100%;
			}

			
			#footer_privacy {
				padding:10px 0;
				border-top: 1px solid #7b7b7b;
				margin-top:10px;
			}
			
			#footer_language {
				padding:10px 0;
				border-top: 1px solid #7b7b7b;
			}
			
			#box_contatti {
				margin-top:30px;
			}

		
		}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
		
			.domotica_intro h2 {
				background-position:50% center;
				background-size:14%;
			}
			
			.automazione_intro h2 {
				background-position:54% center;
				background-size:12%;
			}
		
		}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
		
			body {
				background: url(../images/body_bg_480.gif) center top no-repeat;
			}
			
			#header {
				margin-bottom:10px;
			}
			
			#nav {
				width:52px;
				height:42px;
			}
						
			#header_logo a img {
				max-width:228px;
			}
			
			.box_rounded {
				height:280px;
				border-radius:15px;
			}
			
			a:hover .box_rounded {
			-webkit-transform: none;
				-ms-transform: none;
					transform: none;
			}
			
			#icon_domotica, #icon_industriale {
				margin-top:120px;
			}		
				
			.domotica_intro h2 {
				background-position:70% center;
				background-size:16%;
			}
			
			.automazione_intro h2 {
				background-position:75% center;
				background-size:14%;
			}
			






/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */

/*	@font-face {
	    font-family: 'FontName';
	    src: url('../fonts/FontName.eot');
	    src: url('../fonts/FontName.eot?iefix') format('eot'),
	         url('../fonts/FontName.woff') format('woff'),
	         url('../fonts/FontName.ttf') format('truetype'),
	         url('../fonts/FontName.svg#webfontZam02nTh') format('svg');
	    font-weight: normal;
	    font-style: normal; }
*/