/*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,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,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}
body{font-family:"Duru Sans","Calibri","Trebuchet MS",sans-serif;font-size:10px;color:#fff;background-color:#f9f9f9;color:#fffefe}
img{border:0;vertical-align:middle}
a{color:#fffefe;text-decoration:none}
p{margin-bottom:10px;line-height:20px;}
h1{position:absolute;left:23px;top:169px;margin:0}
h1 img{width:121px}
h2{}
ul{list-style:none}
.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}
.zero{margin:0 !important}
.bg_white{background-color:#000 !important}
#container{position:relative;width:612px;height:507px;padding:18px 31px 0 317px;margin:0 auto;background:url('../images/bg_container_960.png') no-repeat center center #f9f9f9}
nav{left:317px;overflow:hidden;position:absolute;top:424px;width:613px}
nav li{float:left;display:block;text-align:center;overflow-y:hidden;height:9px;font-size:9px;margin-right:0}
nav #li1{width:151px}
nav #li2{width:118px;text-align:left}
nav #li3{width:83px}
nav #li4{width:119px}
nav #li5{width:66px}
nav #li6{width:74px;text-align:right}
nav li a{text-transform:uppercase}
nav li a:hover,nav li a.selected{font-family:"Adamina","Calibri","Trebuchet MS",sans-serif;font-size:9px}
section{width:613px;height:384px;overflow:hidden}
#cL{width:385px;float:left}
#cL .bg_white{width:385px;height:385px;overflow:hidden}
#cL img{width:385px}
#cR{float:left;width:219px;margin-left:9px}
#cR div:first-child{margin-bottom:12px}
#cR .bg_white{width:219px;height:187px;overflow:hidden}
#cR img{width:219px}
footer{position:absolute;top:494px;left:254px;width:698px;color#000}
footer ul{overflow:hidden;display:block;float:left}
footer ul li{float:left;display:block;margin-right:27px;line-height:14px}
footer ul li a#oboblog{font-family:"Adamina","Duru Sans","Calibri","Trebuchet MS",sans-serif;color:#000;font-size:15px;font-style:italic}
div.fb_edge_widget_with_comment{float:right}
section#contact #photo1{position:relative}
section#contact #photo1 p{position:absolute;right:38px;top:237px;color:#fff}
section#contact #photo1 p b{font-size:10px}
section#contact #photo3{width:189px;height:117px;padding:70px 15px 0;background:#000}
section#contact p{color:#fff;margin-bottom:10px;line-height:140%;font-size:12px}
section#contact p b{font-weight:normal;font-size:14px}
section#contact p b span{font-weight:bold}
section#contact p a{color:#fff}
section#contact p a:hover{text-decoration:underline}
/* schermo >= 1465 ; safe 1465*/
@media all and (min-width: 1650px) {
#container{background:url('../images/bg_container_1465.png') no-repeat center center #f9f9f9;padding:30px 46px 0 486px;width:933px;height:774px}
h1 img{width:auto}
h1{left:34px;top:256px}
nav{left:486px;top:647px;width:933px}
nav li{height:10px;font-size:10px;margin-right:64px}
nav #li1{width:151px}
nav #li2{width:118px;text-align:left}
nav #li3{width:83px}
nav #li4{width:119px}
nav #li5{width:66px}
nav #li6{width:74px;text-align:right}
nav li a:hover,nav li a.selected{font-size:12px}
section{width:933px;height:585px}
#cL{width:587px}
#cL .bg_white{width:587px;height:585px;overflow:hidden}
#cL img{width:587px}
#cR{margin-left:13px;width:333px}
#cR .bg_white{width:333px;height:284px;overflow:hidden}
#cR img{width:333px}
#cR div:first-child{margin-bottom:17px}
footer{top:761px;left:375px;width:1075px;color:#000}
section#contact #photo1 p{right:64px;top:362px;color:#fff}
section#contact #photo1 p b{font-size:14px}
section#contact #photo3{width:293px;height:154px;padding:130px 20px 0}
section#contact p{margin-bottom:20px;line-height:140%;font-size:14px}
section#contact p b{font-size:18px}
}
/* schermo >= 1025 e <= 1649 ; safe 1140*/
@media all and (min-width: 1190px) and (max-width: 1649px) {
#container{background:url('../images/bg_container_1140.png') no-repeat center center #f9f9f9;padding:23px 34px 0 378px;width:726px;height:603px}
h1 img{width:144px}
h1{left:27px;top:200px}
nav{left:378px;top:505px;width:726px}
nav li{height:10px;font-size:10px;margin-right:22px}
nav #li1{width:151px}
nav #li2{width:118px;text-align:left}
nav #li3{width:83px}
nav #li4{width:119px}
nav #li5{width:66px}
nav #li6{width:74px;text-align:right}
nav li a:hover,nav li a.selected{font-size:10px}
section{width:726px;height:585px}
#cL{width:456px}
#cL .bg_white{width:456px;height:456px;overflow:hidden}
#cL img{width:456px}
#cR{margin-left:11px;width:259px}
#cR .bg_white{width:259px;height:221px;overflow:hidden}
#cR img{width:259px}
#cR div:first-child{margin-bottom:15px}
footer{top:591px;left:293px;width:834px}
section#contact #photo1 p{right:44px;top:279px;color:#fff}
section#contact #photo1 p b{font-size:12px}
section#contact #photo3{width:219px;height:141px;padding:82px 20px 0}
section#contact p{margin-bottom:20px;line-height:140%;font-size:13px}
section#contact p b{font-size:16px}
}