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

html{ height:100%; }
body{ background: #FFFFFF url(../img/background.jpg) center top no-repeat; color:#333333; height:100%; font-family:"Raleway", arial, verdana; font-size:14px; line-height:22px; margin:0px; padding:0px; height:100%; }
img{ display:block; border:0px; }
p { font-family:"Raleway", arial, verdana; font-size:14px; color:#333333; padding-top:12px; }
#wrapper h1 { font-family:"Raleway", arial, verdana; font-size:26px; color:#333333; }
#wrapper h2 { font-family:"Raleway", arial, verdana; font-size:20px; color:#333333; }
#wrapper div { font-family:"Raleway", arial, verdana; font-size:12px; color:#333333; }
#info { font-family:"Raleway", arial, verdana; font-size:12px; color:#333333; padding:20px 0px 20px 0px!important; margin:0px!important; }
#wrapper{ max-width:980px; min-height:100%; height:auto !important; height:100%; margin:0 auto -200px; }
#header{ width:980px; height:369px; margin:0 auto; position:relative; background: url(../img/distributori-automatici-vino-sfuso-01.jpg) center top no-repeat; }
#logo { position:absolute; top:0; left:20; z-index:310; }
#header #logo img{ display:inline; border:0; }
#content-form { padding:20px; background: #A92125; color:#fff!important; }
.form-group, .checkbox, .campi-obbligatori { color:#fff!important; }
.form-group a { color:#fff; text-decoration:underline; }
.form-group a:hover { color:#fff; text-decoration:none; }
.btn-primary { background-color:#ccc!important; border-color:#ccc!important; color:#A92125!important; }
.contattaci { padding-bottom:12px; color:#fff!important; }
.inside { max-width:980px; margin:0 auto; padding-top:12px;}

#header-bottiglie-vino-personalizzate { width:980px; height:369px; margin:0 auto; position:relative; background: url(../img/bottiglie-vino-personalizzate-01.jpg) center top no-repeat; }
#header-bottiglie-vino-personalizzate #logo img{ display:inline; border:0; }

#header-vino-alla-spina { width:980px; height:369px; margin:0 auto; position:relative; background: url(../img/vino-alla-spina-01.jpg) center top no-repeat; }
#header-vino-alla-spina #logo img{ display:inline; border:0; }

#header-vino-bag-in-box { width:980px; height:369px; margin:0 auto; position:relative; background: url(../img/vino-in-bag-in-box-dalle-migliori-cantine-01.jpg) center top no-repeat; }
#header-vino-bag-in-box #logo img{ display:inline; border:0; }

#header-vini-toscani-vendita { width:980px; height:369px; margin:0 auto; position:relative; background: url(../img/vendita-vini-toscani-01.jpg) center top no-repeat; }
#header-vini-toscani-vendita #logo img{ display:inline; border:0; }

#header-liquori-frutta { width:980px; height:369px; margin:0 auto; position:relative; background: url(../img/liquori-di-frutta-01.jpg) center top no-repeat; }
#header-liquori-frutta #logo img{ display:inline; border:0; }

#header-grappa { width:980px; height:369px; margin:0 auto; position:relative; background: url(../img/grappa-dalle-migliori-uve-01.jpg) center top no-repeat; }
#header-grappa #logo img{ display:inline; border:0; }

#header-vinorosso { width:980px; height:369px; margin:0 auto; position:relative; background: url(../img/vendita-di-vino-rosso-01.jpg) center top no-repeat; }
#header-vinorosso #logo img{ display:inline; border:0; }

#header-vinobianco { width:980px; height:369px; margin:0 auto; position:relative; background: url(../img/vendita-di-vino-bianco-01.jpg) center top no-repeat; }
#header-vinobianco #logo img{ display:inline; border:0; }

/*******************/
/* pagine interne  */
/*******************/

#back-interno { background: #FFFFFF url(../img/background-interno.jpg) center top no-repeat; }
#img-header { width:974px; height:369px; margin:0 auto; position:absolute; top:0; z-index:30; }


#img-header h2 img{ display:inline; }


/*************/
/* footer	 */
/*************/

.pushfooter{
height:240px; /* altezza footer */
clear:both; /* clear di eventuali float se presenti nel layout */
}
#footer { height:240px; width:100%; background:#EEEEEE; border-top:1px solid #999999; text-align:center; font-family:"Raleway", arial, verdana; font-size:14px; padding-top:20px;  }
#footer a { color:#444444; text-decoration:underline; }
#footer .text { font-family:"Raleway", arial, verdana; font-size:12px; color:#444444; text-align:center; width:100%; margin:0 auto; }
#footer .text p { text-align:center; }

.error {border: 3px solid #F9F103!important;}
.errore-checkbox {color: #F9F103;}
.codiceSicurezza{margin-bottom: 2px}
#result p{background:#F9F103; color:#333; padding: 8px; margin-top: 10px; border-radius: 3px;}
#result p.sendOk{background:green; color:#FFF; padding: 8px; margin-top: 10px; border-radius: 3px;}



@media screen and (max-width: 979px) { /* (max-width: 720px)*/

body{ background: none!important; }
#header{ width:100%; height:369px; margin:0 auto; position:relative; }
#img-header { width:100%!important; height:auto!important; margin:0 auto; position:absolute; background-position:top center; }
#img-header img { width:100%!important; height:auto!important; }
#img-header .showImage { width:100%!important; }

/*************/
/* footer	 */
/*************/

.pushfooter{
height:240px; /* altezza footer */
clear:both; /* clear di eventuali float se presenti nel layout */
}
#footer { height:240px; width:100%; background:#EEEEEE; border-top:1px solid #999999; text-align:center;  }
#footer .text { font-family:"Raleway", arial, verdana; font-size:12px; color:#444444; text-align:center; width:100%; margin:0 auto; }
#footer .text p { text-align:center; }



	
}

@media screen and (max-width: 719px) {
	

#img-header { display:none; }


/*************/
/* footer	 */
/*************/

.pushfooter{
height:240px; /* altezza footer */
clear:both; /* clear di eventuali float se presenti nel layout */
}
#footer { height:240px; width:100%; background:#EEEEEE; border-top:1px solid #999999; text-align:center;  }
#footer .text { font-family:"Raleway", arial, verdana; font-size:12px; color:#444444; text-align:center; width:100%; margin:0 auto; }
#footer .text p { text-align:center; }




	
}

@media screen and (max-width: 319px) {
	/*************/
/* footer	 */
/*************/

.pushfooter{
height:240px; /* altezza footer */
clear:both; /* clear di eventuali float se presenti nel layout */
}
#footer { height:240px; width:100%; background:#EEEEEE; border-top:1px solid #999999; text-align:center;  }
#footer .text { font-family:"Raleway", arial, verdana; font-size:12px; color:#444444; text-align:center; width:100%; margin:0 auto; }
#footer .text p { text-align:center; }