@charset "utf-8";

#nav { font-family: "Lato", Arial, Tahoma, sans-serif;font-weight: 300; font-size: 14px; margin-top: 0px;}
#nav li{list-style: none;}
#nav li a {display: block; padding: 5px 5px; text-decoration: none; border-bottom:1px solid #999; cursor:pointer; background-color:#F2f2f2; padding:10px; color:#666;}
#nav li a:hover, #nav li a.active {background: #d3e6f3; color: #ea2029;}
#nav li ul {display: none;}
#nav li ul li a {padding: 5px 10px; border-bottom: 1px dotted #ccc; font-size:.9em; margin:0px; cursor:pointer;}


body {
     /* background: url("/images/background.jpg") no-repeat scroll center top #004B85; */
     color: #004B85;
     font-family: "Lato", Arial,Helvetica,sans-serif;
     font-size: 12px;
     margin: 0pt auto;
     padding: 0px;
}

.clearfix:after {
     clear: both;
     content: ".";
     display: block;
     height: 0pt;
     visibility: hidden;
}

input[type="text"], input[type="password"] {
     background: -moz-linear-gradient(center top , #BBBBBB 0%, #EEEEEE) repeat scroll 0% 0% transparent;
     /* border-radius: 30px 30px 30px 30px; */
     border: 1px solid #8A8A8A;
     /* box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.6), 0px -1px 5px rgba(255, 255, 255, 0.7) inset; */
     font-size: 11px;
     height: 22px;
     margin: 0px 3px;
     padding: 2px 6px;
     width: 139px;
}

input[type="text"]:focus, input[type="password"]:focus {
     background: -moz-linear-gradient(center top , #CCCCCC 0%, #FFFFFF) repeat scroll 0% 0% transparent;
     border-radius: 30px 30px 30px 30px;
}

input[type="submit"], input[type="reset"], input[type="button"]{
	 background-color:#7EA4C1;
     background: -moz-linear-gradient(center top , #7EA4C1 0%, #004B85) repeat scroll 0% 0% transparent;
     border-radius: 30px 30px 30px 30px;
     border: 2px solid #8A8A8A;
     box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.6), 0px -1px 5px rgba(255, 255, 255, 0.7) inset;
     color: #FFFFFF;
     font-family: Arial,Helvetica,sans-serif;
     font-size: 11px;
     font-weight: bold;
     margin: 0px 3px;
     padding: 2px 6px;
     text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.8), 0px 1px 0px rgba(255, 255, 255, 0.3);
}

.center {
     text-align: center;
}

hr {
     clear: both;
     margin: 0px;
     visibility: hidden;
}

a {
     color: #004B85;
     cursor: pointer;
     text-decoration: none;
}

a:hover {
     color: #7EBDE9;
     text-decoration: underline;
}

#testata {     
     height: 70px;
     margin: 10pt auto;
     width: 982px;
     overflow: hidden;
}

#testata a {
     display: block;
     height: 105px;
     /* margin: 0pt 90px; */
     width: 100%;
}

#testata a img{
     height: 100%;
     float: left;
     margin-left: 30px;
     margin-top: -7px;
}

#testata a:before{
     content: " ";
     background: url("https://savent-italy.com/wp-content/uploads/2015/02/savent-logo-9.png") no-repeat scroll 0% 0% transparent;
     width: 100px;
     height: 50px;
     display: block;
     float: left;
     overflow: hidden;
     position: absolute;
}




#testata h1 {
     display: block;
}

#testata h1 span{
		display: block;
		padding-top: 10px;
		padding-left: 82px;
}


#languages {
     display: block;
     height: 22px;
     padding-top: 10px;
}

#languages ul {
     float: right;
     margin: 0px;
     padding: 0px 15px 0px 0px;
}

#languages ul li {
     float: left;
     height: 19px;
     list-style: none outside none;
     margin: 0px 10px 0px 0px;
     width: 28px;
}

#languages a {
     background-color: #FF0000;
     display: block;
     height: 19px;
     width: 28px;
}

#languages a span {
     display: none;
}

#languages a.ita {
     background: url("../images/ita.gif") repeat scroll 0% 0% transparent;
}

#languages a.eng {
     background: url("../images/eng.gif") repeat scroll 0% 0% transparent;
}

#languages .sottotitolo {
     float: left;
     width: 700px;
}

#languages .sottotitolo h1 {
     /* background: url("../images/manifatturaitalianabandiere.gif") no-repeat scroll 0% 0% transparent; */
     display: block;
     font-size: 1px;
     height: 22px;
     margin: 0px 50px;
}

#languages .sottotitolo h1 span {
     display: none;
}

#main {
     /* background: url("../images/background_white.png") repeat scroll 0% 0% transparent; */
     margin: 0pt auto;
     width: 982px;
     border: 1px solid #F2F2F2;
}

#mainMenu {
     border-bottom: 4px solid #f2f2f2;
     font-weight: bold;
     margin: 0pt auto 10px;
     padding: 0px;
     width: 930px;
}

#mainMenu ul {
     float: right;
     margin: 0px;
     padding: 0px;
     width: auto;
}

#mainMenu li {
     float: left;
     list-style: none outside none;
     margin: 5px 10px;
     text-transform: capitalize;
}

#focus {
     background: no-repeat scroll 0% 0% #333;
     font-family: Neucha;
     height: 298px;
     margin: 0px 22px;
     padding-top: 3px;
     width: auto;
}

#focus .testo {
     color: #FFFFFF;
     float: left;
     font-family: "lato", Arial, Tahoma, sans-serif;
     font-weight:300;	
     font-size: 24px;
     height: 237px;
     line-height: 30px;
     margin: 0px 5px 0px 17px;
     padding: 2px;
     width: 277px;
}

#focus .testo p {
    
}

#focus .slider {
     float: left;
     left: 0px;
     margin: 10px 0px 0px;
     overflow: hidden;
     position: relative;
     top: 0px;
     width: 618px;
}

#focus p.slogan {
     clear: both;
     color: #FFFFFF;
     display: block;
     font-size: 22px;
     height: 23px;
     margin: 0pt auto;
     text-align: center;
}

.nivo-controlNav {
     display: none;
}

#corpo {
     /* background: url("../images/background_corpo.gif") repeat-y scroll right center transparent; */
     width: 975px;
}

#corpo .aforisma {
margin:24px;
font-size:18px;
font-family: times;
font-weight:bold;
}

#login {
     /* background: url("../images/background_form.gif") no-repeat scroll right bottom #FFFFFF; */
     float: right;
     margin-right: 1px;
     padding: 16px 0px;
     width: 706px;
	 min-height: 50px;
}

#login #loginp {
     height: 24px;
     line-height: 12px;
     margin: 0px;
     padding-left: 10px;
     width: 675px;
}

#login #loginp a {
     color: #990000;
     font-weight: bold;
}

#menuUser h3 {
	color:#990000;
	background-color:#FFEDED;
	padding:5px;
	margin:4px 25px 10px 0px;
	text-align:center;
	display:none;
}

.dettagli, #login #loginp a.dettagli {
	 background-color:#7EA4C1;
     background: -moz-linear-gradient(center top , #7EA4C1 0%, #004B85) repeat scroll 0% 0% transparent;
     
	 /* border-radius: 30px 30px 30px 30px; */
     border: 2px solid #8A8A8A;
     
	 /* box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.6), 0px -1px 5px rgba(255, 255, 255, 0.7) inset; */
     color: #FFFFFF;
     float: right;
     font-family: Arial,Helvetica,sans-serif;
     font-size: 12px;
     font-weight: bold;
     margin: 0px 3px;
     
	 padding: 4px 6px;
     text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.8), 0px 1px 0px rgba(255, 255, 255, 0.3);
}

.loginForm {
     display: none;
     float: right;
     height: 24px;
     line-height: 12px;
     margin-right: 20px;
     width: 700px;
}

.loginForm p {
     float: left;
     margin: 0px;
     width: 165px;
}

.loginForm p a {
     color: #990000;
     font-weight: bold;
}

.forgPass {
	display: none;
}

#loginForm, #forgotPassword{
     float: left;
}

#loginForm ul , #forgotPassword ul{
     margin: 0pt;
}

#loginForm li ,  #forgotPassword li{
     float: left;
     list-style: none outside none;
}

#loginForm li label ,  #forgotPassword li label{
     margin: 0pt 5px;
}

#userPanel {
     width: 650px;
	 display:block; 
	 float:left;
}

#userPanel p {
     font-size: 14px;
     margin: 0px;
     width: auto;
}

#userPanel ul {
     margin: 2px 0px;
     padding: 0px;
}

#userPanel li {
     border-right: 1px dotted #666666;
     float: left;
     font-weight: bold;
     list-style: none outside none;
}

#userPanel li a {
     display: block;
     padding: 0pt 10px;
     text-transform: capitalize;
}

#userPanel li a span {
     background: none repeat scroll 0% 0% #990000;
     border-radius: 20px 20px 20px 20px;
     color: #FFFFFF;
     float: right;
     height: 8px;
     line-height: 8px;
     margin: 0px 0px 2px 5px;
     padding: 4px;
}

#spalla {
     float: left;
     padding-left: 10px;
     width: 250px;
}

#spalla form {
     margin-left: 25px;
     margin-bottom:25px
}

#spalla form ul {
     padding: 0px;
}

#spalla form ul li {
     float: left;
     list-style: none outside none;
     margin: 0px;
     padding: 0px;
}

#spalla #banner {
     margin: 20px;
}

#spalla .market img {
    width: 130px;
    padding-top: 10px;
}

#centro {
     float: right;
     margin-left: 10px;
     width: 700px;
}

#centro p.feedback, #centro .testo {
     background-color: #FFFFFF;
     border-radius: 10px 10px 10px 10px;
     color: #666666;
     font-size: 14px;
     font-style: italic;
     margin: 16px 20px;
     padding: 20px;
}

#centro h1, #spalla h1 {
     font-family: Oswald, Arial, Tahoma, sans-serif !important;
     font-size: 22px;
     font-weight: 300;
     margin: 5px 20px;
     text-transform: uppercase;
     color: #666;
}

#centro #prodotti h2 {
     font-size: 20px;
     font-weight: normal;
     margin: 0px;
}

#centro #prodotti h3 {
     font-family: Neucha;
     font-size: 18px;
     font-weight: normal;
     margin: 5px 20px;
}

#centro #prodotti #trova {
     float: right;
     height: 40px;
     width: 250px;
}

#centro #prodotti #trova li {
     float: left;
     list-style: none outside none;
}

#prodotti ul {
     margin: 10px 6px;
     padding: 0px;
}

#prodotti #singleList li.prodotto {
     background: url("../images/box_item.png") no-repeat scroll 0% 0% transparent;
     float: left;
     height: 180px;
     list-style: none outside none;
     margin-bottom: 5px;
     margin-left: 13px;
     padding: 10px 7px;
     width: 197px;
     border: 1px solid #f2f2f2;
}

#prodotti #singleList li.prodotto h3 {
     display: block;
     font-family: Oswald, Arial, Tahoma, sans-serif;
     font-size: 14px;
     font-size:300;
	 height: 34px;
     margin: 0px 0px 2px;
     overflow: hidden;
     text-align: center;
  	 overflow: hidden;
  	 text-overflow: ellipsis;
	 white-space: nowrap;
	 text-transform: uppercase;
	 color:#666;
}

#prodotti #singleList li.prodotto a {
     display: block;
     text-align: center;
     overflow:hidden;
     height:75px;
     width:100px;
     margin:0 auto;
     border:1px solid #999;
     padding:4px;
}

#prodotti #singleList li.prodotto a.dettagli {
     display: block;
     text-align: center;
     overflow:hidden;
     height:auto;
}

#prodotti #singleList li.prodotto p {
     color: #666666;
     display: block;
     font-size: 12px;
     font-style: italic;
     margin: 5px;
     text-align: center;
}

#prodotti #singleList li.prodotto a.dettagli, #prodotti tr.variante a.cart {
	 background-color: #999;
     
	 width: 92%;
     
	 /* border-radius: 30px 30px 30px 30px; */
     
	 /* border: 2px solid #8A8A8A; */
     
	 /* box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.6), 0px -1px 5px rgba(255, 255, 255, 0.7) inset; */
     color: #FFFFFF;
     
	 float: none;
     font-family: Arial,Helvetica,sans-serif;
     font-size: 12px;
     font-weight: bold;
     margin: 5px 3px;
     
	 padding: 10px 6px;
     
	 /* text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.8), 0px 1px 0px rgba(255, 255, 255, 0.3); */
}

#prodotti #singleList li.prodotto a.dettagli:hover {
     text-decoration: none;
}

#prodotti #singleList li.prodotto img {
     width: 100px;
}

#prodotti #pagination, #paginationAdmin {
     border-top: 1px dotted #666666;
     margin: 0px 20px;
     padding: 5px;
}

.variante.inattivo {
    background-color:#CCCCCC;
    color:#777;
}

#prodotti #pagination li, #paginationAdmin li {
     float: left;
     font-weight: bold;
     list-style: none outside none;
     margin: 0px 5px;
}

#prodotti #pagination li a, #paginationAdmin li a {
     background-color: #FFFFFF;
     border-radius: 30px 30px 30px 30px;
     display: block;
     height: 15px;
     padding: 5px;
     text-align: center;
     width: 15px;
}

#prodotti #pagination li a:hover, #paginationAdmin li a:hover {
     background-color: #004B85;
     color: #FFFFFF;
     text-decoration: none;
}

#prodotti #pagination li a.selezionato {
     background-color: #990000;
     color: #FFFFFF;
     text-decoration: none;
}

#prodotti #threeitems {
     background-image: url("../images/box_item3.png");
     height: 248px;
     margin-left: 20px;
     padding: 0px;
     width: 655px;
}

#prodotti #threeitems li.prodotto {
     background-image: none;
     float: left;
     font-size: 12px;
     list-style: none outside none;
     margin: 11px 0pt 0pt 14px;
     width: 200px;
}

#prodotti #threeitems li.prodotto h3 {
     margin: 0px;
}

#prodotti #threeitems li.prodotto img {
     height: 60px;
     width: 200px;
}

#prodotti #threeitems li.prodotto p {
     font-size: 12px;
     margin: 0px;
}

#prodotti ul#prodotto,  #prodotti ul#ListImages, #prodotti ul#ListVideos{
     background-color: #FFFFFF;
     background-image: none;
     border-radius: 30px 30px 30px 30px;
     font-size: 12px;
     list-style: none outside none;
     margin: 0pt auto;
     padding: 20px;
     text-align: center;
     width: 620px;
}

#prodotti ul#ListImages li, #prodotti ul#ListVideos li  {
float:left;
padding:3px;
margin:3px;
border: 1px solid #ddd;
}

#prodotti ul#ListImages li a , #prodotti ul#ListVideos li a{
display:block;
width:80px;
height:60px;
padding:5px;
}

#prodotti ul#prodotto p {
     text-align: left;
}

#prodotti ul#prodotto img {
     border: 1px solid #CCCCCC;
     margin: 0pt auto;
     padding: 5px;
     width: 600px;
}

#footer {
     background: scroll 259px 0px #f2f2f2;
     float: right;
     margin-right: 1px;
     padding-top: 30px;
     width: 965px;
     margin-bottom: 10px;
     padding-bottom: 30px;
     margin-top: 20px;
}

#footer p {
     font-size: 12px;
     font-weight: bold;
     margin: 0pt auto;
     text-align: center;
     width: 90%;
     display: flex;
}

#footer .gestpay {
     float: left;
     height: 81px;
}

#footer .sincert {
     float: right;
}

#footer span {
     display: block;
     margin: 0pt auto;
     width: 500px;
}

#endFooter {
     /* background: url("../images/background_footer.png") no-repeat scroll 0% 0% transparent; */
     color: #FFFFFF;
     font-size: 10px;
     height: 61px;
     /* line-height: 61px; */
     margin: 0pt auto;
     padding: 18pt 10px;
     text-align: right;
     width: 962px;
}

#endFooter a {
     color: #7EBDE9;
}

a.buttonStyle {
	 background-color:#7EA4C1;
     background: -moz-linear-gradient(center top , #7EA4C1 0%, #004B85) repeat scroll 0% 0% transparent;
     border-radius: 30px 30px 30px 30px;
     border: 2px solid #8A8A8A;
     box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.6), 0px -1px 5px rgba(255, 255, 255, 0.7) inset;
     color: #FFFFFF;
     float: right;
     font-family: Arial,Helvetica,sans-serif;
     font-size: 14px;
     font-weight: bold;
     margin: 0px 18px;
     padding: 6px;
     text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.8), 0px 1px 0px rgba(255, 255, 255, 0.3);
}

.fb-like {
     float: left;
}

.connect_widget .connect_text_wrapper {
     position: relative;
     top: -5px;
}

.trescelte {
     padding-left: 12px;
}

.trescelte a {
     background-color: #FFFFFF;
     border-radius: 20px 20px 20px 20px;
     display: block;
     float: left;
     height: 190px;
     margin: 11px 7px;
     padding: 10px;
     text-align: center;
     width: 189px;
}

.trescelte a img {
     border: 1px solid #004B85;
}

.trescelte a:hover {
     background-color: #004B85;
     color: #FFFFFF;
     text-decoration: none;
}

.left {
     float: left;
}

.ferie {
	font-family: Neucha, Arial;
    background: #FFCC00;
    margin: 10px;
    text-align: center;
    border: 1px solid;    
    font-size:1.5em;
}

#banner img {
    width: 100%;
}