*, *:after, *:before { -webkit-box-sizing: border-box; box-sizing: border-box; }
.clearfix:before, .clearfix:after { content: ''; display: table; }
.clearfix:after { clear: both; }
@import url('https://fonts.googleapis.com/css?family=Raleway');

html,body{font-family: 'Raleway', sans-serif; font-size:14px; margin:0;} 
input,select{width:70%; height:30px; line-height:30px; border: 1px solid #ccc; border-radius: 5px;}

.index {background: url('../img/bk_login.jpg') top center no-repeat;}
#logo_azienda {padding:30px auto; text-align:center; width:100%;background-color:#fff;}
#testata_login {margin:0 auto; width:100%; max-width:350px; text-align:center; background-color: #ff0000; color:#fff;}
#testata_login p{padding:15px 0; margin:0 ; font-size:18px;}
#login {width:100%; margin:0; }
#login_cont {margin:0 auto; width:100%; max-width:350px; background:#fff; padding:20px 0;}
#login_cont p{padding:10px 20px; width:80%; margin:0 auto;}
#login_cont p input{width:100%; height:30px; line-height:30px; border: 1px solid #ccc; border-radius: 5px;}

#corpo_manager {margin:10px auto;}
#manager, #cliente {height:100px; width:100%;}
header #nome_manager, #nome_cliente {color:#fff; background-color:red; height:100px; width:50%; float:left; font-size:18px;}
header #softarget {background:#f3f3f3; width:50%; height:100px; line-height:100px; float:left; text-align:right; }

#elenco {background-color: #fff; margin:0 auto; width:80%; margin-bottom:10px; border: 1px solid #999; line-height: 2em;}
#elenco a {background-color:#009ee0; color:#fff; padding:5px 10px; text-decoration:none; border-radius: 5px; margin-left: 5px;}
#elencoPromoter {border: 1px solid #333; margin:0 auto; width:80%; padding:10px; margin-bottom:5px}
#elencoPromoter a {background-color:#009ee0; color:#fff; padding:5px 10px; text-decoration:none; border-radius: 5px;}
#offertaScaduta {background-color:#ff9c9c;border: 1px solid #333; margin:0 auto; width:80%; padding:10px; margin-bottom:5px}
#offertaScaduta a {background-color:#009ee0; color:#fff; padding:5px 10px; text-decoration:none; border-radius: 5px;}
#offertaDaInviare {background-color:#ffdb96;border: 1px solid #333; margin:0 auto; width:80%; padding:10px; margin-bottom:5px}
#offertaDaInviare a {background-color:#009ee0; color:#fff; padding:5px 10px; text-decoration:none; border-radius: 5px;}


#inviodem {margin:10px auto;width:80%}

#inviodem textarea {width:70%; border: 1px solid #ccc; border-radius: 5px;}
#inviodem .ui-tabs-panel input{width:100%; height:30px; line-height:30px; border: 1px solid #ccc; border-radius: 5px;}
#inviodem .ui-tabs-panel textarea{width:100%; border: 1px solid #ccc; border-radius: 5px;}

#corpo_cliente {margin:10px auto;}

#chat {position: fixed; bottom:0; right:10px; width:376px; height:84px;}

#openmenu{background-color:#c8c8c8;width:100%;height:4.1em; }
#tiposcheda{width:90%;text-align:right; line-height:2em; color:#777; text-transform:uppercase; font-size:22px;}
#softargetmobile {display:none;}

#sopra{width:100%;height:140px;}
#soprauno,#sopradue,#sopratre,#sottouno,#sottodue{height:100%;}
#soprauno{width:33%;float:left;background-color: #f3f3f3;margin:0;}
#sopradue{width:33%;background-color:#c8c8c8;float:left;margin:0;}
#sopratre{margin:0;margin-left:1%;background-color: #f3f3f3;width:33%;float:left;}

.content{display:none; border-top: 1px solid #999;height:200px;margin-bottom:5px;}
.contentPromoter{display:none; border-top: 1px solid #999;margin-bottom:5px;}
#sottouno{margin:0;background-color: #f3f3f3;width:66%;float:left;}
#sottodue{margin:0;margin-left:1%;background-color: #f3f3f3;width:33%;float:left;}

#sottouno,#sottodue{padding:10px;}

#prodotto2sopra,#descrizione2sopra{padding:5px 10px 0 10px;}

#icona1sopra{float:left; width:20%;padding:20px 10px 10px 20px;}
#testo1sopra{float:left; width:80%;padding:10px;}
#dettagli1sopra{width:100%;padding:20px 10px 10px 20px;}
#form3sopra{padding:5px 10px;}

#menuhome{margin-top:3%;position:relative; right:0;}
#menuhome a {tex-decoration:none;color:#222;}
#rigomenu1{position:absolute;right:0;height:86px;width:70%;float:left;}
#rigomenu2{position:absolute;right:0;height:86px;width:70%;top:100px;}
#rigomenu3{position:absolute;right:0;height:86px;width:70%;top:200px;}
#rigomenu4{position:absolute;right:0;height:86px;width:70%;top:300px;}
#rigomenu5{position:absolute;right:0;height:86px;width:70%;top:400px;}
#rigomenu6{position:absolute;right:0;height:86px;width:70%;top:500px;}
#rigomenu7{position:absolute;right:0;height:86px;width:70%;top:600px;}
#rigomenu8{position:absolute;right:0;height:86px;width:70%;top:700px;}
#rigomenu9{position:absolute;right:0;height:86px;width:70%;top:800px;}
#rigomenu10{position:absolute;right:0;height:86px;width:70%;top:900px;}
#rigomenu11{position:absolute;right:0;height:86px;width:70%;top:1000px;}
#rigomenu12{position:absolute;right:0;height:86px;width:70%;top:1000px;}
#iconamenu{width:43px;float:left;}
#vocemenu{background-color:#ccc;border-top:1px solid #999;border-bottom:1px solid #999;margin:5px 0 5px 43px;font-size:18px;width:96%;line-height:76px;height:76px;padding-left:10%;}

#frecciavocemenu{float:right;height:100%;width:10%}



@media screen and (max-width: 1200px) {
	#manager, #cliente {height:50px; width:100%; position:relative;}
	header #softarget {display:none;} /*{width:100%; float:none; height:50px; text-align:center; line-height:50px;}*/
	#tiposcheda{display:none;}
	#softargetmobile{display: inline; float: right; height: 100%;}
	header #nome_manager, #nome_cliente {width:100%; float:none; height:50px;}
	#soprauno,#sopradue,#sopratre,#sottouno,#sottodue {float:none;width:100%}
	#soprauno,#sopradue,#sopratre{height:33%;}
	#sottouno,#sottodue{height:50%;}
	#sopratre,#sottodue{margin:0;}
	#sopra{width:100%;height:420px;}
	.content{height:280px;}
}