@import url(../fonts/stylesheet.css);

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	list-style-type: none;
}
body {
	font-size: 1em;
	font-family:'OpenSansCondensedLight', Arial, Helvetica, sans-serif;
}
.hide {
	position: absolute;
	left: -2000em;
	top: 0;
}
.hidden {
    display: none !important;
    visibility: hidden;
}
.clear {
	clear: both;
}
a, a:visited {
	color: #000;
}
.colored, a:hover, a:focus {
	color: #ff8400;
}
:focus {
	outline: none;
}
.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}
.clearfix:after {
    clear: both;
}

/* For IE 6/7 only */
.clearfix {
    *zoom: 1;
}
strong, b, .bold{
	font-family:'OpenSansCondensedBold', Arial, Helvetica, sans-serif;
	font-weight:normal;
}
em. i{
	font-family:'OpenSansCondensedLightItalic', Arial, Helvetica, sans-serif;
	font-style:normal;
}

#wrapper {
	background-color:#e3e3e6
}

#header {
	position:relative;
	background-color:#d0d0d5;
	margin:25px 0;
	-moz-box-shadow:0 0px 5px 1px #7B8392;
	-webkit-box-shadow:0 0px 5px 1px #7B8392;
	box-shadow:0 0px 5px 1px #7B8392;
}
#header a{
	display:block;
	width:350px;
	line-height:0;
	position:absolute;
	z-index:2;
	top:0;
	left:0;
}

#col-sx {
	
}
#col-dx {
	background-color:#FFF;
	border-top:1px solid #d0d0d5;
}

/* menu principale*/
#menu {
	margin-top:-25px;
	padding-left:20px;
}
#menu li{
	float:left;
}

.button {
	display:block;
	border-right: 1px solid #eee;
    border-left: 1px solid #ccc;
	color:#333;
	padding:12px 10px 8px;
	text-decoration:none;
	text-align:center;
	text-shadow:0 0 2px #ffffff;
	font-size:1.125em;
	text-transform:uppercase;
}
.button:hover, .button.active, .button.active2 {
	color: #ff8400;
	text-shadow:0 0 2px #ff8400;
	background-color:#FFF;
}
#nav ul{
	display:none;
	text-align:left;
	z-index:100;
	background-color:#fff;
	padding:0px;
	border-right: 1px solid #eee;
    border-left: 1px solid #ccc;
}
#nav ul li{
	float:none;
	clear:both;
}
#nav .livello2 li a{
	padding:2px 0;
	text-transform:uppercase; 
	font-weight:normal;
}
#nav .livello2 li a, #nav .livello2 li a:visited{
	color:#333;
	padding:5px;
	display:block;
}
#nav .livello2 li a:hover{
	color:#000;
	background-color:#E3E3E6;
	text-decoration:none;
}


#contenuti{
	padding:20px;
}
#contenuti h1{
	color: #555;
    font-family: 'OpenSansCondensedBold',Arial,Helvetica,sans-serif;
    font-size: 2em;
    letter-spacing: -1px;
    text-transform: uppercase;
	text-shadow:0 0 1px #555;
}

#contenuti h2 {
	color: #FF8400;
    font-family: 'OpenSansCondensedBold',Arial,Helvetica,sans-serif;
    font-size: 1.25em;
    letter-spacing: 0;
    text-transform: uppercase;	
	margin-top:15px;
}
#testo{
  	border-left: 1px solid #CCCCCC;
    font-size: 1.25em;
    margin: 25px;
    padding: 5px 25px;
    width:60%;
    text-align:justify;
    float:left;
}
#testo p{
    padding-bottom: 15px;
}
#slider{
    overflow: hidden;
    position: relative;
    width: 100%;
	height:275px;
    z-index: 1;
}
#foto{
	float:left;
	width:30%;
	padding:30px 0;
}
#foto .spalla{
	width:100%;
	padding-bottom:15px;
}

.gallery #testo{
    width:auto;
    float:none;
}
.gallery #foto{
	float:none;
	width:auto;
	margin: 25px;
    padding: 0 25px 25px 25px;
}
.group img{
	padding-right:15px;
}

.contatti #testo{
    width:auto;
    float:none;
}
.contatti #foto{
	float:none;
	width:auto;
	margin: 25px;
    padding: 0 25px 25px 25px;
}

#footer {
	font-family: 'OpenSansCondensedBold',Arial,Helvetica,sans-serif;
	background-color:#7B8392;
	color:#FFF;
	padding:25px;
	font-size:0.75em;
	border-top:1px solid #555;
}
#footer p {
	padding:2px 0;
}
#footer a, #footer a:visited {
	color:#fff;
}
#footer a.credits, #footer a.credits:visited {
	color:#ccc;
}



/* Extra small devices Phones ( < 768px) */
@media (max-width: 768px) {
	#testo{
		width:auto!important;
		float:none!important;
	}
	#foto{
		float:none!important;
		width:auto!important;
		margin: 25px!important;
		padding: 0 25px 25px 25px!important;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
}
@media (min-width: 992px) {
}