@charset "utf-8";
/* CSS Document */


/* DOM */
body {margin:0; padding:0;}
h1 {font-size:30px; font-weight:bold;}
h2 {font-size:20px; font-weight:bold;}
a {color:inherit; text-decoration:none;}


/* ASPETTO BOX */



/*common*/
#mbcontainer {width:540px; left:50%; margin-left:-270px; position:absolute; }
#mainbar {width:100%; height:110px; border-bottom:1px solid #FF0; padding:1%; box-sizing:border-box; background:#036; position:fixed; text-align:center; z-index:100;}
#logocontainer {width:180px; left:0; margin-left:20px; position:absolute; }
#logocontainerdx {width:90px; right:0; margin-right:20px; position:absolute; margin-top:-10px;	}
#gobackdx {width:auto; right:0; bottom:0; margin-right:20px; position:absolute; margin-bottom:20px;	}
#mbspacer {width:100%; height:110px; position:relative; float:none; z-index:1;}

/*home*/
#menubox {width:180px; position:relative; float:left; height:auto; padding:5px; box-sizing:border-box; text-align:left;}
#mapcontainer {width:100%; height:400px; position:relative; float:left; margin-top:0; background:#036; padding:2%; box-sizing:border-box;}
#contactcontainer {width:100%; height:500px; position:relative; float:left; margin-top:50px; background:#E9E9E9; padding:2%; box-sizing:border-box; text-align:center;}
#contactform1 {width:350px; height:250px; left:50%; margin-left:-350px; position:absolute; margin-top:25px; text-align:left; z-index:1;}
#contactform2 {width:350px; height:250px; left:50%; margin-left:0; position:absolute; margin-top:25px; text-align:left; z-index:1;}
#contactform3 {width:700px; height:50px; left:50%; margin-left:-350px; position:absolute; margin-top:275px; text-align:center; z-index:1;}
#mailsent {width:800px; height:320px; left:50%; margin-left:-400px; position:absolute; margin-top:15px; z-index:10; padding:5%; box-sizing:border-box; border:#09C solid 1px; border-radius:3px; background:#06C;}
#address {width:500px; height:20px !important;position:absolute; margin-left:-250px; left:50%; margin-top:0; text-align:center;}
#showmap {width:500px; height:300px; position:absolute; margin-left:-250px; left:50%; border:#09F solid 1px; margin-top:30px;}
#basicinfo {width:90%; height:auto !important; position:relative; float:left; margin-top:30px; padding:1%; box-sizing:border-box; margin-left:5%;}
#spacertop {width:98%; margin-left:1%; position:relative; float:left; padding:1%; box-sizing:border-box; height:auto; text-align:center; margin-top:1%;}
#spacerdown {width:98%; margin-left:1%; position:relative; float:left; border-top:1px solid #999; padding:1%; box-sizing:border-box; height:auto; text-align:center; margin-top:3%;}
#spacer {width:100%; height:30px; position:relative; float:left; box-sizing:border-box; text-align:center; margin-bottom:3%;}
#slideproducts {width:100%; height:500px; position:relative; float:left; margin:0; overflow:hidden; box-sizing:border-box; background:#9FD6E1;}
#marks {width:80%; height:auto !important; position:relative; float:left; text-align:center; margin-left:10%; margin-top:1%;}
#showmarks {width:30%; height:auto !important; position:relative; float:left; margin-left:3%; text-align:center; margin-bottom:5%; border:solid 1px #EFEFEF; border-radius:3px;}
#markimg {width:100%; height:280px; overflow:hidden; position:relative; float:left; margin-top:0;}
#markdesc {width:100%; height:150px; position:relative; float:left; margin-top:10px; padding:8px; box-sizing:border-box;}

#productstitle {width:100%; height:auto; position:relative; float:left; padding:1%; box-sizing:border-box; text-align:center;}
#productscol {width:25%; padding:1%; height:auto !important; position:relative; float:left; box-sizing:border-box;}


/*productos*/
#catpro {width:18%; margin:1%; height:200px; padding:0; box-sizing:border-box; position:relative; float:left;}
#imgpro {width:100%; height:200px; position:absolute; z-index:1; margin:0; border:solid 1px #999999; }
#infopro {width:100%; height:50px; position:absolute; z-index:2; bottom:0; margin-bottom:0; background: url(../img/bgtop.png); overflow:hidden; text-align:center;}

.productimg {width:auto; height:auto; max-height:100%; max-width:100%; top:0; right:0; bottom:0; left:0; margin:auto; position:absolute;}

#catpro:hover #infopro{height:200px; transition:0.5s ease-in-out;}
#catalogo a:hover {color:#FC0;}

/*contactos*/
#backhome {width:50px; height:50px; position:absolute; right:0; margin-right:30px;} 
#contactinfo {width:100%; margin:0; height:auto !important; padding:2%; box-sizing:border-box; position:relative; float:left;}





/* TESTO */
.whitetxt14 {color:#FFF; font-family:Arial, Helvetica, sans-serif; font-size:14px;}
.whitetxt16 {color:#FFF; font-family:Arial, Helvetica, sans-serif; font-size:16px;}
.smalltxt {font-size:12px;}
.blacktxt {color:#000; font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:1.8;}
.bluetxt {color:#069; font-family:Arial, Helvetica, sans-serif; font-size:15px; line-height:1.8;}
.yellowtxt {color:#FF0; font-family:Arial, Helvetica, sans-serif;}


/* COMPORTAMENTO E LAYOUT */
#menubox a:hover {color:#FF0;}
#showmarks:hover {box-shadow:1px 1px 10px #666666; transition:ease-in-out 0.5s;}
.markimage {width:auto; height:auto; max-width:100%; max-height:100%; top:0; bottom:0; left:0; right:0; margin:auto; position:absolute;}

.input {width:90%; height:40px; border-radius:2px; border:#06F solid 1px; color:#06F; }
.txtarea {width:90%; height:180px; max-width:90%; min-width:90%; border-radius:2px; border:#06F solid 1px; color:#06F; }
.button {width:auto; height:auto; padding:3px 10px 3px 10px; background:#06C; color:#FFF; font-size:15px; border-radius:3px;}

.inputalert {width:90%; height:40px; border-radius:2px; border:#06F solid 1px; color:#06F; box-shadow:#F00 1px 1px 8px; }
.txtareaalert {width:90%; height:180px; max-width:90%; min-width:90%; border-radius:2px; border:#06F solid 1px; color:#06F; box-shadow:#F00 1px 1px 8px; }


.input:focus {box-shadow:#03C 1px 1px 8px;}
.input:hover {box-shadow:#03C 1px 1px 8px;}
.txtarea:focus {box-shadow:#03C 1px 1px 8px;}
.txtarea:hover {box-shadow:#03C 1px 1px 8px;}
.button:focus {box-shadow:#03C 1px 1px 8px;}
.button:hover {box-shadow:#03C 1px 1px 8px;}

#address:hover {color:#FF0;}

#gobackdx a:hover {color:#FF0;}