@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 */



/*cpanel*/
#main {width: 100%;height: 100%;position: absolute;margin: 0;background: url(../img/bgtop.png);z-index: 100; display:none;}
#closemain {width:auto; height:auto; right:0; margin-right:35px; top:0; margin-top:35px; position:absolute;}
#mainforms1 {width:500px; height:350px; left:50%; margin-left:-250px; top:50%; margin-top:-175px; background:#FFF; border-radius:4px; padding:3%; box-sizing:border-box; position:absolute; display:none; text-align:center;}
#mainforms2 {width:500px; height:350px; left:50%; margin-left:-250px; top:50%; margin-top:-175px; background:#FFF; border-radius:4px; padding:3%; box-sizing:border-box; position:absolute;  display:none; text-align:center;}
#mainforms3 {width:500px; height:350px; left:50%; margin-left:-250px; top:50%; margin-top:-175px; background:#FFF; border-radius:4px; padding:3%; box-sizing:border-box; position:absolute;  display:none; text-align:center;}

#mbcontainer {width:720px; left:50%; margin-left:-360px; position:absolute; }
#mainbar {width:100%; height:130px; border-bottom:1px solid #FF0; padding:1%; box-sizing:border-box; background:#036; position:relative; float:none; text-align:center;}
#logocontainer {width:180px; left:0; margin-left:20px; position:absolute; }
#logocontainerdx {width:90px; right:0; margin-right:20px; position:absolute; margin-top:-10px;	}

#menubox {width:300px; position:relative; float:left; height:auto; padding:10px; box-sizing:border-box; text-align:center; background:#06C; border:solid 1px #EFEFEF; border-top:0; margin-right:25px;}
#container {width:100%; height:auto !important; position:relative; float:left; background:#FFF; margin-bottom:25px; box-shadow:0px 2px 3px #666666; padding:2%; box-sizing:border-box;}

#logout {right:0; bottom:0; position:absolute; margin-right:20px; margin-bottom:10px; text-align:right;}

#catalogo {width:98%; height:auto !important; margin-left:1%; margin-top:30px; position:relative; float:left; background:#EFEFEF; display:none; padding:2%; box-sizing:border-box;}

#fornitori {width:98%; height:auto !important; margin-left:1%; margin-top:30px; position:relative; float:left; background: #E9E9E9; padding:2%; box-sizing:border-box;}
#formsx {width:30%; height:auto !important; margin:0; padding:0; position:relative; float:left; text-align:center;}
#invisibleformsx {width:100%; overflow:hidden; margin-top:10px; position:relative; float:left;}
#detailsdx {width:60%; height:auto; margin-left:2%; position:relative; float:left; text-align:left;}

#providertitles {width:100%; height:auto; position:relative; float:left; padding:10px; box-sizing: border-box;}
#providerdesc {width:70%; height:auto !important; border: groove 1px #CCC; position:relative; float:left; margin-top:20px; padding:10px; box-sizing:border-box; min-height:50px;}
#providerlogo {width:200px; max-width:28%; height:200px; max-height:200px; position:relative; float:right;}
#providemainimg {width:80%; margin-left:10%; position:relative; float:left; margin-top:10px;}
#providerbuttons {width:33%; height:auto; position:relative; float:left; border:solid 1px #FFF; box-sizing: border-box; padding:5px; background:#069; text-align:center;}
#providerREDbuttons {width:33%; height:auto; position:relative; float:left; border:solid 1px #FFF; box-sizing: border-box; padding:5px; background:#C30; text-align:center;}

#addpro	{width:100%; margin-bottom:25px; height:auto !important; position:relative; float:left; padding:1%; box-sizing:border-box; border-bottom:solid 1px #06C;}
#filterpro	{width:100%; margin-bottom:25px; height:auto !important; position:relative; float:left; padding:1%; box-sizing:border-box;}
#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;}


#invisibleformdx {width:100%; height:0; overflow:hidden; margin-top:10px; position:relative; float:left; box-sizing:border-box;}
#formspacer {width:20%; padding:5px; box-sizing:border-box; position:relative; float:left;}
#formspacerlarge {width:100%; padding:5px; box-sizing:border-box; position:relative; float:left; text-align:center;}


/*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 */
.whitetxt12 {color:#FFF; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
.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;}
.formlogin {font-family:'Montserrat', sans-serif; color:#06C; font-size:16px;}
.yellowchanging { color:#FC0;}
.yellowchanging:hover {color:#09F;}
.jantlightgrey {color:#EFEFEF; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:30px;}

/* COMPORTAMENTO E LAYOUT */
#menubox:hover {background:#39F;}
#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-forumsx {width:90%; height:35px; border: solid 1px #D3C9C6; border-radius:3px; font-family:'Montserrat', sans-serif; color:#036; font-size:14px;}
.inputalert-forumsx {width:90%; height:35px; border: solid 1px #F00; border-radius:3px; font-family:'Montserrat', sans-serif; color:#036; font-size:14px;}
.input-forumsx:focus {box-shadow: 1px 1px 5px #06C;}
.inputalert-forumsx:focus {box-shadow: 1px 1px 5px #06C;}
.txtarea-forumsx {width:90%; height:100px; min-width:90%; max-width:90%; min-height:100px; border: solid 1px #D3C9C6; border-radius:3px; font-family:'Montserrat', sans-serif; color:#036; font-size:14px;}
.txtarea-forumsx:focus {box-shadow: 1px 1px 5px #06C;}
.button-forumsx {padding:2px 6px 2px 6px; background:#039; color:#FFF;}
.button-forumsx:hover {box-shadow: 1px 1px 5px #06C;}
.button-forumsx:focus {box-shadow: 1px 1px 5px #06C;}
#logout a:hover {color:#FF0;}

.logoimg {width:auto; height:auto; max-height:100%; max-width:100%;}

#providerbuttons:hover {background:#099;}
#providerREDbuttons:hover {background:#C60;}

.input-li {width:80%; height:35px; border: solid 1px #D3C9C6; border-radius:3px; font-family:'Montserrat', sans-serif; color:#036; font-size:14px;}
.input-li:focus {box-shadow: 1px 1px 5px #06C;}

.input-lishort {width:30%; height:35px; border: solid 1px #D3C9C6; border-radius:3px; font-family:'Montserrat', sans-serif; color:#036; font-size:14px;}
.input-lishort:focus {box-shadow: 1px 1px 5px #06C;}


.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;}