/*Theme Name:digital design web 3.0 html5 version
Description:Developed to use on the Digital Design website.
Version:3.0
Author:Lorenzo Meriggi*/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,figure,figcaption,footer,header,hgroup,menu,nav,section,menu,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}article,aside,figure,figcaption,footer,header,hgroup,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}del{text-decoration: line-through}abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}

/*usable html tag*/
html{-webkit-font-smoothing:antialiased;font-size:100%;overflow-y:scroll;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
/*ie7 image scaling improvement*/
img{-ms-interpolation-mode:bicubic}
/*style the selection of the text*/
::-moz-selection{background:#fe57a1;color:#fff;text-shadow:none}
::selection{background:#fe57a1;color:#fff;text-shadow:none}
/* Clearfix */
.cf:before,.cf:after{content:"";display:table}
.cf:after{clear:both}
.cf{zoom:1}
/*altezza corretta di un anchor con figlio di primo livello una immagien. L'hack è per IE7 che aggiunge 3px nella parte superiore*/
a > img{display:block;*margin-top:-3px}

sup,sub{vertical-align:baseline;position:relative;top:-0.2em}
sub{top:0.6em}

.visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}
.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}

@font-face {
	font-family: 'ACaslonPro-Bold';
	src: url('../font/acaslonprobold.eot');
	src: url('../font/acaslonprobold.eot?#iefix') format('embedded-opentype'),
			 url('../font/acaslonprobold.woff') format('woff'),
			 url('../font/acaslonprobold.ttf') format('truetype'),
			 url('../font/acaslonprobold.svg#acaslonprobold') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'ACaslonPro-BoldItalic';
	src: url('../font/acaslonprobolditalic.eot');
	src: url('../font/acaslonprobolditalic.eot?#iefix') format('embedded-opentype'),
			 url('../font/acaslonprobolditalic.woff') format('woff'),
			 url('../font/acaslonprobolditalic.ttf') format('truetype'),
			 url('../font/acaslonprobolditalic.svg#acaslonprobolditalic') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Conv_ACaslonPro-Regular';
	src: url('../font/ACaslonPro-Regular.eot');
	src: local('☺'), url('../font/ACaslonPro-Regular.woff') format('woff'),
		url('../font/ACaslonPro-Regular.ttf') format('truetype'),
		url('../font/ACaslonPro-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Conv_ACaslonPro-Semibold';
	src: url('../font/ACaslonPro-Semibold.eot');
	src: local('☺'), url('../font/ACaslonPro-Semibold.woff') format('woff'),
		url('../font/ACaslonPro-Semibold.ttf') format('truetype'),
		url('../font/ACaslonPro-Semibold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
    font-family: 'facebook_letter_facesregular';
    src: url('../font/facebolf-webfont.eot');
    src: url('../font/facebolf-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/facebolf-webfont.woff') format('woff'),
         url('../font/facebolf-webfont.ttf') format('truetype'),
         url('../font/facebolf-webfont.svg#facebook_letter_facesregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

.caslo_bold{
	font-family: 'ACaslonPro-Bold','Times New Roman',serif;
}
.caslo_bold_italic{
	font-family: 'ACaslonPro-BoldItalic','Times New Roman',serif;
}
.caslo_regular{
	font-family: 'Conv_ACaslonPro-Regular','Times New Roman',serif;
}
.caslo_semibold{
	font-family: 'Conv_ACaslonPro-Semibold','Times New Roman',serif;
}

body{font-family:'Lato',Arial,Helvetica,sans-serif;font-size:14px;min-width: 960px;background:#000}
body#home_test{background:#000}
img{border:0;vertical-align:middle}
p{margin-bottom: 20px}
a{color:#666362;text-decoration:none}
a:hover{color:#000000;text-decoration:none}
ul{}
li{}
h1{
	display: block;
	float: left;
	margin-top: 5px;
	max-width: 100%;
}
	h1 a{
		display: block;
		max-width: 100%;
		line-height: 90px
	}
	h1 img{display:inline;max-width: 100%;line-height: 90px}
h2{}
h3{}
h4{}
h5{}
h6{}
b{font-weight:700}
small{font-size:90%}
figure{}
figcaption{}

.fl{float:left}
.fr{float:right}
.last{margin-bottom:0 !important}
ul.none{list-style-type:none}
ul.decimal{list-style-type:decimal}
ul.disc{list-style-type:disc}
ul.circle{list-style-type:circle}
ul.inside{list-style-position:inside}
.up{text-transform:uppercase}
.txtL{text-align:left}
.txtR{text-align:right}
.txtC{text-align:center}
.txtJ{text-align:justify}
.fN{font-weight:normal}
.fB{font-weight:bold}
.under{text-decoration:underline}
span.required{color:#f00}

.cl1{
	float: left;
	width: 18%;
}
.cl2{
	float: left;
	margin-left: 5%;
	*margin-left: 4.5%;
	width: 77%;
}
.cl3{
	float: left;
	width: 12%;
}

.wrp{/*min-width:988px;*/margin:0 auto;position:relative}

/*#home section{
	height: 680px;
}*/
#home_test section{
	height: 680px;
	background:#000 url(../images/backgroundFade.jpg);
}
#home_test section a{
	display:none;
}
#home_test footer{display:none;}
header{
	padding: 0 30px;
	height:100px;
	background: url('../images/bg_header.png') repeat-x;
	/*background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ1JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMC4xIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,1) 45%, rgba(255,255,255,0.1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(45%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0.1)));
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 45%,rgba(255,255,255,0.1) 100%);
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 45%,rgba(255,255,255,0.1) 100%);
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 45%,rgba(255,255,255,0.1) 100%);
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 45%,rgba(255,255,255,0.1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#1affffff',GradientType=0 );*/
}
#linkHome{
	border: 0 none;
	bottom: 61px;
	left: 30px;
	position: absolute;
	z-index: 999;
}

/*** start footer always down ***/
html, body {
	height: 100%;
	margin: 0;
	padding: 0;
}
#container{
	min-height: 100%;
	overflow: hidden;
	position: relative;
}
#content{
	padding-bottom:20px; /* padding-bottom identico all'height del footer */
}
#foot{
	bottom: 0;
	height: 20px;
	margin-left: 30px;
	position: absolute;
}
/*** end footer always down ***/

/*** start header nav ***/
header nav{
	float: left;
	width: 100%;
}
header nav ul{
	border-bottom: 1px solid #000;
	border-top: 1px solid #000;
	margin-left: 6%;
	*margin-left: 5.5%;
	margin-top: 31px;
	position: relative;
}
	header nav ul:first-child{
		margin-left: 0;
	}
header nav li{
	float: left;
	text-align: center;
	background: url('../images/bg_na_li.png') no-repeat left center;
}
	header nav li:first-child{
		background: transparent;
	}
header a {
	font-size:12px;
}
header nav a{
	display: block;
	height: 36px;
	line-height: 36px;
	width: 100%;
	letter-spacing:1px;
	text-transform: uppercase;
	font-weight: 700;
	color: #000;
}
header nav a:hover,header nav a.sel{
	color: #939090;
	background: url('../images/bg_nav_hover.png') no-repeat center bottom;
	*background: none;
}
#primoUl{
	float: left;
	width: 41%;
}
	#primoUl #home{
		width:21%;
		*width:24.5%;
	}
	#primoUl #filosofia{
		width:27%;
		*width:24.5%;
	}
	#primoUl #collezioni_nav{
		width:28%;
		*width:24.5%;
	}
	#primoUl #negozi{
		width:24%;
		*width:24.5%;
	}
#secondoUl{
	float: left;
	width: 43%;
}
	#secondoUl > li{
		width: 22.5%;
		*width: 22.0%;
	}
#terzoUl{
	float: left;
	width: 4%;
}
	#terzoUl > li{
		float: left;
		width: 50%;
		*width: 48.5%;
		background: transparent;
	}
/*** start collezioni ***/

#collezioni #content > .wrp{
	width: 100%;
}
#pagination{
	margin: 50px 0;
	text-align: center;
}
#pagination ul{
	text-align: center;
}
#pagination li{
	background: url("../images/bg_na_li.png") no-repeat scroll left center transparent;
	display:inline;
}
#pagination li:first-child{
	background: transparent;
}
#pagination a{
	color: #FFFFFF;
	display: inline;
	font-family: 'Lato',Arial,sans-serif;
	letter-spacing: 1px;
	padding: 10px;
}
#pagination li:first-child a:hover{
	background: url('../images/bg_pagination_hover.png') no-repeat 17px bottom;
}
#pagination a:hover{
	background: url('../images/bg_pagination_hover.png') no-repeat 26px bottom;
}
#pagination li:first-child a.sel{
	background: url('../images/bg_pagination_sel.png') no-repeat 17px bottom;
}
#pagination a.sel{
	background: url('../images/bg_pagination_sel.png') no-repeat 26px bottom;
}
/*** end collezioni ***/

/*#collezioni_nav:hover #anni,#collezioni_nav.active #anni{
	display: none;
}*/
#anni{
	border: 0 none;
	bottom: -30px;
	left: 50%;
	margin: 0;
	position: absolute;
	text-align: center;
	margin-left: -238.5px;
	width: 750px;
}
#anni li{
	display: block;
	float: left;
}
	#anni a{
		background: none repeat scroll 0 0 transparent;
		height: 30px;
		line-height: 30px;
		width: auto;
		display: block;
		padding:0 10px;
	}
	#anni a.sel,#anni a:hover{
		color: #939090;
	}
#icon_facebook a{
	font-family: 'facebook_letter_facesregular',Arial,sans-serif;
	text-transform: lowercase;
}
	#secondoUl #icon_facebook{
		width: 10%;
	}
/*#icon_facebook{
	border-bottom: 1px solid #D5D4D4;
	border-top: 1px solid #D5D4D4;
	display: block;
	float: right;
	height: 18px;
	margin-top: 57px;
	padding: 10px 20px 8px;
	width: 9px;
}
	#icon_facebook div{
		height: 18px;
		width: 9px;
		background: url('../images/sprite.png') no-repeat 0 0;
	}
	#icon_facebook:hover div{
		background: url('../images/sprite.png') no-repeat 0 -18px;
	}*/
/*#lingua{
	border: 0 none;
	list-style: none outside none;
	margin: 0;
	position: absolute;
	right: 0;
	top: 20px;
}
	#lingua li{
		background: none repeat scroll 0 0 transparent;
		float: left;
	}
	#lingua a{
		padding: 5px;
	}
	#lingua a:hover,#lingua a.sel{
		background: transparent;
	}*/
/*** end header nav ***/

/*** start copertine ***/
#press .contentArtilce nav,#news .contentArtilce nav{
	float: left;
	width: 80px;
}

.contentArtilce .sel{font-weight: bold}

#copertine{
	float: left;
	width: 615px;
}
#copertine ul{
	list-style: none outside none;
	overflow: hidden;
	width: 100%;
}
#copertine li{
	float: left;
	width: 20%;
}
#copertine a{
	display: block;
	/*width: 70px;*/
	height: 150px;
	max-width: 100%;
}
#copertine img{
	/*width: 70px;*/
	max-width: 100%;
}
.wrpCopertine{
	/*width: 70px;*/
	height: 90px;
	max-width: 100%;
	/*overflow: hidden;*/
}
/*** end copertine ***/

/*** start footer ***/
#foot{
	color: #fff;
	font-size: 10px;
	line-height: 10px;
}
#foot a{
	color: #fff;
	font-size: 10px;
	line-height: 10px;
}
/*** end footer ***/

/*** start section ***/
h2{
	color: #FFFFFF;
	font-family: 'ACaslonPro-BoldItalic','Times New Roman',serif;
	font-size: 34px;
	font-weight: normal;
	left: 61px;
	letter-spacing: 1px;
	line-height: 24px;
	position: absolute;
	top: -20px;
}
h3{
	color: #666362;
	float: right;
	font-family: 'ACaslonPro-Bold','Times New Roman',serif;
	font-size: 25px;
	font-weight: normal;
	line-height: 35px;
	margin: 0 10px 30px 0;
	position: relative;
}
inf{
	position: absolute;
	top: 10px;
	right: -10px;
}
section p{
	clear: right;
	font-size: 13px;
	line-height: 17px;
	text-align: justify;
	color: #4b4646;
}
/*#filosofia section p{
	padding-bottom: 56px;
	margin-bottom: 30px;
}*/
.bg_fregio{
	background: url('../images/bg_filososfia.png') no-repeat center bottom;	
}
.last{
	margin-bottom: 0 !important;
	padding-bottom: 0 !important;
}
.containerArtcle{
	border-left: 2px solid #fff;
	border-left: 2px solid rgba(255, 255, 255, 0.95);
	float: right;
	margin-top: 75px;
	position: relative;
	width: 78%;
	max-width: 1000px;
}
article{
	border: 18px solid #fff;
	border: 18px solid rgba(255, 255, 255, 0.95);
	margin-left: 2px;
}
.margin{
	margin: 1px;
}
.scroll_pane{
	width: 100%;
}
.paddingRight{
	padding-right: 20px;
}
.contentArtilce{
	background: none repeat scroll 0 0 #fff;
	background: none repeat scroll 0 0 rgba(255, 255, 255, 0.95);
	height: 257px;
	/*margin: 1px;*/
	padding: 40px;
	overflow: hidden;
}
#firma{
	text-transform: uppercase;
	float: right;
}
#news ul{
	list-style: none;
	float: left;
}
#news h3{
	float: none;
	margin-bottom: 5px;
}
#news p{
	float: none;
	width: auto;
}
#news_article {
  float: left;
  width: 90%;
}
/*** end section ***/

/*** start negozi ***/

/*** end negozi ***/

#contatti section .fl{
	width: 210px;
	clear: right;
}

section{
	width: 100%;
}
#txtNegozi{
	float:left;
	border-right: 1px solid #C3BDBD;
	padding-right: 3%;
	width: 30%;
}
#nomiCitta{
	border-right: 1px solid #C3BDBD;
	float: left;
	width: 15%;
}
#nomiCitta ul{
	list-style: none outside none;
	margin-left: 20%;
}
#nomiCitta a{
	text-transform: uppercase;
}
#indirizzi{
	float: left;
	padding-left: 5%;
	width: 45%;
}
address{
	color: #9E9895;
	float: left;
	font-style: normal;
	margin-bottom: 20px;
	width: 48%;
	height:98px;
}
#contatti address{
	color: #000;
	float: none;
	font-style: normal;
	margin-bottom: 20px;
	width: 100%;
	font-size: 13px;
}
address h4{
	font-weight: normal;
}
/*start: form_builder*/
div.error{margin-bottom:30px}
div.error p{width:289px;margin-top:16px;clear:left;padding:10px;color:#333;position:relative;background:#fffa83;border:1px solid #fb6e75}
div.error p:after,div.error p:before{bottom: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none;}
div.error p:after{border-bottom-color: #fffa83; border-width: 10px; left: 35px; margin-left: -10px;}
div.error p:before{border-bottom-color: #fb6e75; border-width: 11px; left: 35px; margin-left: -11px;}
/*end: form_builder*/

/*non cancellare*/
.form_container{
	overflow: hidden;
}
#myform ul{list-style:none}
#myform li{
	margin-bottom: 10px;
	overflow: hidden;
}
label.error{
	color: #f00;
	margin: 5px 0 0 25%;
}
form fieldset{border-width:1px 4px 4px 1px;border-style:solid solid solid solid;border-color:#ccc;font-family:Arial,Helvetica,sans-serif;font-size:12px;width:350px;position:relative;display:block;padding:10px;padding-bottom:30px}
form fieldset div{background:#ccc}
form fieldset legend{background-color:none;font-weight:bold;text-transform:uppercase;letter-spacing:2px;padding:2px 5px;margin:0 0 10px 0;position:relative;top:-12px}
form fieldset legend img{padding:0 5px 0 5px}
label{
}
input,textarea,select{
	background: none repeat scroll 0 0 #FFFFFF;
	border: 1px solid #CCCCCC;
	padding: 1px 2px;
	width: 98%;
}
#submit_butt{
	float: right;
	font-family: 'Lato',Arial,Helvetica,sans-serif;
	height: 18px;
	line-height: 18px;
	margin-top: 15px;
	text-transform: uppercase;
	width: 30%;
}
#risposta{
  background: none repeat scroll 0 0 #FFFFFF;
  border: 1px solid #CCCCCC;
  padding: 20px;
  text-align: center;
}
#mycarousel{
	overflow: hidden;
	height: 287px;
	*height: 285px;
}
#video #content{
	min-height: 100%;
}
#video #content > .wrp{
	min-height: 100%;
}
#video section{
	height: 100%;
	margin: 0 auto;
}
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}

.video-container iframe{
    position: absolute;
    top: 0;
    left: 0;
}
#video #supersized-loader{
	display: none;
	visibility: hidden;
}

/*** inizio contatti ***/
#contattiLeft{
	width: 52%;
	float: left;
}
#contattiRight{
	width: 43%;
	float: right;
}
/*** fine contatti ***/


.button{background-color:#fff;border-width:1px;border-style:solid;border-color:#CCC;font-weight:bold;display:block;width:205px;padding:2px}
.en_butt{background:transparent url(../images/ico/gb.gif) no-repeat 0 50%;padding:1px 0 1px 23px}
.it_butt{background:transparent url(../images/ico/it.gif) no-repeat 0 50%;padding:1px 0 1px 23px}
.time_butt{background:transparent url(../images/time.png) no-repeat 0 50%;padding:1px 0 1px 23px}
.mail_butt{background:transparent url(../images/ico/mail_16.png) no-repeat 0 50%;padding:1px 0 1px 23px}
.print_butt{background:transparent url(../images/ico/print_16.png) no-repeat 0 50%;padding:1px 0 1px 23px}
.group_butt{background:transparent url(../images/ico/group_16.png) no-repeat 0 50%;padding:1px 0 1px 23px}
.pdf_butt{background:transparent url(../images/ico/acroread.png) no-repeat 0 50%;padding:1px 0 1px 23px}
.more_butt{background:transparent url(../images/ico/go_16.png) no-repeat 100% 50%;padding:1px 23px 1px 0}
.del_butt{background:transparent url(../images/ico/cancel_16.png) no-repeat 100% 50%;padding:1px 23px 1px 0}
.link{background:transparent url(../images/direct.png) no-repeat 100% 50%;padding:1px 23px 4px 0}


 
/* Landscape phone to portrait tablet */
@media (min-width: 1500px) {
	.containerArtcle {
		margin-right: 5%;
	}
	.scroll_pane {
	  height: 340px;
	}
}
@media (min-width: 1200px) {
	.contentArtilce {
		height: 340px;
	}
}
@media (max-width: 1200px) {
	header a {
		font-size: 10px;
	}
	.scroll_pane{
	 	height: 257px;
	}
}