/* CSS RESET v2.0 License: none (public domain) http://meyerweb.com/eric/tools/css/reset/ */
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, 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,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;}article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}body {line-height: 1;}ol, ul {list-style: none;}blockquote, q {quotes: none;}blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}table {border-collapse: collapse;border-spacing: 0;}

/* main content */
body{background: black /*url("../img/pattern.jpg") repeat*/;}
div#wrapper{
    width: 1308px;
    height: 726px;
    background:  url("../img/gradient.png");
    position: relative;
    margin: 0 auto;
    border: 0px solid black;
    border-radius: 20px;
    box-shadow: 50px 50px 300px black;
}
div#menu {
    position: absolute;
    left: 333px;
    top: 182px; 
    z-index:3;

}
div#submenu1 {
    position: absolute;
    left: 315px;
    top: 83px; 	
}
div#submenu2 {
    position: absolute;
    left:482px;
    top: 179px; 
}
div#submenu3 {
    position: absolute;
    left: 426px;
    top: 376px; 
}
div#brand {
    position: absolute;
    right: 206px;
    top: 35px;
}
div#work{
    position: absolute;
    left:553px;
    top: 103px;
}


div#dati{
  width:917px;
  position: absolute;
  top:35px;
  left:134px;
  font-family: 'Ubuntu', sans-serif;
  font-size: 9pt;
  color: white;
  opacity: 0.5;
}
/* box-shadow: 0px 0px 20px 60px;  su tag areann va D= */
div#logo {
    position:absolute;
    width: 61px;
    height: 56px;
    top: 297px;
    left: 343px;
    background: url("../img/logo.png");
    z-index:3;
    cursor: pointer;
}
div#logo:hover {
    position:absolute;
    width: 61px;
    height: 56px;
    top: 297px;
    left: 343px;
    background: url("../img/logo_white.png");
    cursor: pointer;
}
.glow:hover{
background: red;
width: 100px;
height:100px;
z-index:999;
}
/* cycle*/
div#slider{
    width: 1408px;
    height: 726px;
    position: absolute;
    margin: 0 auto;
    border: 0px solid black;
    border-radius: 20px;
    box-shadow: 50px 50px 300px black;
      color:white;
}
a#content {
  position: absolute;
  left: 185px;
  top: 75px;
}
div#photos{ 
  width: 632px;
  height: 535px;
  position: absolute;
  left: 425px;
  top: 85px;
  z-index:50;
  font-size:9pt;
font-family: 'Ubuntu', sans-serif;
}

div.view2 img{ 
	position: absolute;
}
div.view2{
  width: 627px;
  height: 530px;
	position: relative;
}
ul.text{
  position: absolute;
  left: -220px;
  top:35px;
  width:150px;
}
a#prev{
  position: absolute;
  left: 385px;
  top: 340px;
  z-index:90;
}
a#prev:hover{
  opacity:0.7;
  position: absolute;
  left: 385px;
  top: 340px;
  z-index:91;
}
a#next{
  position: absolute;
  right: 310px;
  top: 340px;
  z-index:90;
}
a#next:hover{
  opacity:0.7;
  position: absolute;
  right: 310px;
  top: 340px;
  z-index:91;
}
div#cross{
  background: url("../img/cross.png");
  position: absolute;
  width: 59px;
  height: 59px;
  right: 380px;
  top: 85px;
  z-index:999;
  cursor: pointer;
}
div#cross:hover{
  background: url("../img/cross2.png");
  position: absolute;
  width: 59px;
  height: 59px;
  right: 380px;
  top: 85px;
  cursor: pointer;
	}
/* testo*/
#sezioni{
  color: white ;
  font-weight: bold;
  font-family: 'Ubuntu', sans-serif;
  font-size: 11pt;
  text-shadow: 2.5px 2.5px #585858 ;

}
li#text-dev{
  position: absolute;
  left: 317px;
  top: 112px;
  z-index:3;
}
li#text-exp{
  position: absolute;
  left: 412px;
  top: 112px;
  z-index:3;
}
li#text-work{
  position: absolute;
  left: 515px;
  top: 208px;
  z-index:3;
}
li#text-port{
  position: absolute;
  left: 388px;
  top: 208px;
  z-index:4;
}
li#text-serv{
  position: absolute;
  left: 440px;
  top: 305px;
  z-index:4;
}
li#text-design{
  position: absolute;
  left: 506px;
  top: 208px;
  z-index:3;
}
li#text-web{
  position: absolute;
  left:527px;
  top: 305px;
  z-index:3;
}
li#text-ani{
  position: absolute;
  left: 472px;
  top:402px;
  z-index:3;
}
li#text-contact{
  position: absolute;
  left: 366px;
  top:402px;
  z-index:4;
}
li#text-mail{
  position: absolute;
  left: 444px;
  top: 497px;
  z-index:3;
}
li#text-quote{
  position: absolute;
  left: 476px;
  top:402px;
  z-index:3;
}

/*mail wrapper*/
div.dialbox  {
  position: relative;
  margin: 0 auto;
  top: 250px;
  width: 300px;
  z-index:40;
  background: -moz-linear-gradient(left,  rgba(0,0,0,0.95) 0%, rgba(21,21,22,0.95) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0.95)), color-stop(100%,rgba(21,21,22,0.95))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left,  rgba(0,0,0,0.95) 0%,rgba(21,21,22,0.95) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left,  rgba(0,0,0,0.95) 0%,rgba(21,21,22,0.95) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(left,  rgba(0,0,0,0.95) 0%,rgba(21,21,22,0.95) 100%); /* IE10+ */
  background: linear-gradient(left,  rgba(0,0,0,0.95) 0%,rgba(21,21,22,0.95) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2000000', endColorstr='#f2151516',GradientType=1 ); /* IE6-9 */ 
  font-size: 100%;
font-family: 'Ubuntu', sans-serif;
  border:  2px solid black;
  -webkit-border-radius:  10px;
  -moz-border-radius:  10px;
  padding-top:0px;
  border-radius:  10px;
  padding: 30px;
  box-shadow: 50px 50px 300px black;
  color:white;
}
div.bg{
    width: 1406px;
    height: 726px;
    background:  black;
    opacity: 0.6;
    position: absolute;
    margin: 0 auto;
    border: 0px solid black;
    border-radius: 20px;
    box-shadow: 50px 50px 300px black;
    z-index:4;
}
div#cross3{
  background: url("../img/cross.png");
  position: absolute;
  width: 59px;
  height: 59px;
  right: 464px;
  top: 237px;
  z-index:999;
  cursor: pointer;
}
div#cross3:hover{
  background: url("../img/cross2.png");
  position: absolute;
  width: 59px;
  height: 59px;
  right: 464px;
  top: 237px;
  cursor: pointer;
}
/*get a quote*/
div#quote-wrapper{
font-family: 'Ubuntu', sans-serif;
  font-size: 9pt;
}
div#quote-content{
    position: absolute;
    right: 203px;
    top:150px;
    border:  2px solid black;
    -webkit-border-radius:  10px;
    -moz-border-radius:  10px;
    border-radius:  10px;
    padding: 15px;
    background: -moz-linear-gradient(-45deg,  rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(0,0,0,0.65)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(-45deg,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(-45deg,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(-45deg,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* IE10+ */
    background: linear-gradient(-45deg,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    color: white;
    box-shadow: 50px 50px 300px black;
}
legend{ 
    background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* IE10+ */
    background: linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
    -webkit-border-radius:  10px;
    -moz-border-radius: 10px;
    border-radius:  10px;
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 5px;
    margin-top:9px;
    margin-bottom:9px;
    color:black;
    font-weight: bold;
}
form {
  position: absolute;
  left: 240px;
  top: 20px;
  width: 500px;
  z-index:40;
  background: -moz-linear-gradient(left,  rgba(0,0,0,0.95) 0%, rgba(21,21,22,0.95) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0.95)), color-stop(100%,rgba(21,21,22,0.95))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left,  rgba(0,0,0,0.95) 0%,rgba(21,21,22,0.95) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left,  rgba(0,0,0,0.95) 0%,rgba(21,21,22,0.95) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(left,  rgba(0,0,0,0.95) 0%,rgba(21,21,22,0.95) 100%); /* IE10+ */
  background: linear-gradient(left,  rgba(0,0,0,0.95) 0%,rgba(21,21,22,0.95) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2000000', endColorstr='#f2151516',GradientType=1 ); /* IE6-9 */
font-family: 'Ubuntu', sans-serif;
  opacity: 0.8;
  border:  2px solid black;
  -webkit-border-radius:  10px;
  -moz-border-radius:  10px;
  padding-top:0px;
  border-radius:  10px;
  padding: 30px;
  box-shadow: 50px 50px 300px black;
  color:white;
 }
 input{
    margin-left:10px;
    margin-top:10px;
    margin-bottom:10px;
    -webkit-border-radius:  10px;
    -moz-border-radius:  10px;
    border-radius:  10px;
    color:black;
}
.actions{
    -webkit-border-radius:  10px;
    -moz-border-radius:  10px;
    border-radius:  10px;
    color:black;}
label{
    font-weight: bold;
}
div#cross2{
    background: url("../img/cross.png");
    position: absolute;
    width: 59px;
    height: 59px;
    right: 500px;
    top: 10px;
    z-index: 60;
    cursor: pointer;
}
div#cross2:hover{
    background: url("../img/cross2.png");
    position: absolute;
    width: 59px;
    height: 59px;
    right: 500px;
    top: 10px;
    z-index: 61;
    cursor: pointer;
}
div#cross4{
  background: url("../img/cross.png");
  position: absolute;
  width: 59px;
  height: 59px;
  right: 464px;
  top: 237px;
  z-index:999;
  cursor: pointer;
}
div#cross4:hover{
  background: url("../img/cross2.png");
  position: absolute;
  width: 59px;
  height: 59px;
  right: 464px;
  top: 237px;
  cursor: pointer;
}
div#footer{
    background: url("../img/footer.png");
    height:50px;
    width:958px;
    position:absolute;
    left:171px;
    top:638px;
}
h2{
  font-size: 12pt;
  font-weight: bold;
  color: orange;
  padding-bottom: 10px;
}