/*
Theme Name: Acquisto Diretto
Author: Apptoyou
Description: 
Version: 1.0
 
*/


html {margin-top: 0px !important;}
body { background-color: white; margin: 0; }
div.menu { margin: 0 auto; text-align: center; background-image: url("grafica/header.png"); background-position: center; background-repeat: no-repeat; background-color: #333333; width: 100%; height: 159px; position:relative}

a {color: black; text-align: center; cursor:pointer;}
a:hover {color: #9e005d;}
a.bordeaux:visited, a.bordeaux:hover, a {text-decoration: none;}
a.bordeaux:hover, span.bordeaux:hover { background-color: black !important; color: white; }
h1.bordeaux a {color: #9e005d;}
h1.bordeaux a:hover {color: black;}

img{border:none;}
.main_nav { list-style: none; text-align: center; }
.main_nav li { display: inline; margin-left: 2px; }
.header_pagina { color: white; padding-top: 30px; margin: 0; font-family: 'Raleway', sans-serif; font-size: 2.3em; padding-bottom: 20px; text-align: center; }
.main_nav li a { display:inline; color: #fff; text-decoration: none; margin-right: 0; padding: 5px 5px; font-family: 'Raleway', sans-serif; font-weight: 600; }
div.main_nav ul.menu{padding-left: 0;}
.main_nav li a.active,.main_nav li a:hover,  .current-menu-item.current_page_item a {background-color: #9E005D;}

span.green{color:green;font-weight:bold;}
span.red{color:red; font-weight:red;}
p.h1{font-weight: bold; font-size: 20px;}

.container { background-color: white; width: 1000px; margin: 0 auto; font-family: 'Raleway Regular', sans-serif; text-align: center; min-height: 400px; font-weight:300;}
/*****************offerte*******************/
.heading { padding: 10px 0px; text-align: center; margin: 0; line-height: 100%; margin: auto; padding-bottom: 20px; }
.heading span { float: left; margin: 27px 0 -8px; border-bottom: 2px solid #333; width: 100%; z-index: 0; position: relative;}
.heading h1 { display: inline; z-index: 10; background-color: #fff; position: relative; padding: 0px 20px 0px 20px; width: auto; margin: auto; font-family: 'Raleway', sans-serif; font-weight: 400; }
.img_offerte {position: relative}
.img_offerte_inside { margin-bottom: 15px}


div.container div.offerta div.left_container div.img_offerte_inside{height:100px;}

.img_offerte img {/*  padding-bottom: 20px;  */display: block; margin: auto}

div.container div.offerta div.left_container div.img_offerte a img{left: -200px; position: absolute;}
div.container div.img_offerte img.wp-post-image{float:left; margin: 0 10px 10px 0;}
div.container div.offerta div.img_offerte a div.data_scadenza_offerta{position: inherit;}
div.container div.img_offerte div.data_scadenza_offerta{position: absolute; left:10px; top: 0;}
div.container div.img_offerte{position: relative;margin-top: 20px}
.data_scadenza_offerta { background-color: #9e005d; color: white; font-family: 'Roboto Bold Condensed', sans-serif; width: 150px; float:left}
span.data_scadenza{ padding: 0; margin: 0;font-weight:bold;font-size: 1.5em; }
hr.bordeaux { width: 100px; color: #9e005d; background-color: #9e005d; height: 3px; border: none; }
h1.bordeaux { color: #9e005d; font-family: 'Raleway', sans-serif; font-weight: 600; }
hr.black { width: 100%; color: black; background-color: black; height: 4px; border: none; }
form.offerte { text-align: left; padding-bottom: 100px}
form.offerte input[type="text"] {height: 20px;}
form.offerte input[type="submit"], button.bordeaux, form.sondaggio input[type="submit"] { border: none; background-color: #9e005d; color: white; font-family: 'Raleway', sans-serif; font-weight: 600; margin: 0 auto; display: block; padding: 5px 30px; }
div.container div.offerta div.img_offerte span.bordeaux{float:right}

input[type="submit"]:hover{background-color: black !important;}


.right{float:right}
.left_offerta{/* margin-right:20px; */ padding-bottom: 10px; }
/*******************************************/
/*****************come_funziona*************/
.text-left {text-align: left;}
.float-left { float:left}
button.bordeaux {}
/*******************************************/
/********************login******************/
div.login { background-position: center; background-repeat: no-repeat; background-image: url("grafica/back-sito.png"); width: 100%; min-height: 100%; position: absolute; position: absolute; top: 0; right: 0; bottom: 0; left: 0; }
form.login input { margin-bottom: 10px; height: 2em; }
form.login button { margin-top: 10px; font-size: 1.1em; padding: 5px 60px; }
div.center { margin: 0 auto; width: 1000px; text-align: center; }
div.all {margin-top: 350px;}
/*******************************************/
/******************offerte2*****************/
img.resize {max-width: 100%;}
.clear {clear: both;}
.titolo_offerta { max-width: 570px; font-size: 1.3em; line-height: 1.3em; font-family: 'Raleway Bold', sans-serif; text-align: left; float:left; margin-left: 10px}
div.offerta button.bordeaux { float: left; clear: both; }
div.img-offerta{width:400px; float:left; margin: 0 20px 20px 0}
/*******************************************/
/*****************produttori****************/
div.columns div.col { width: 320px; float: left; padding-bottom: 20px; text-align:left; }
div.immagine_manca{height:100px; width: 100px;border: 1px solid black; margin-right: 20px}
div.container div.columns div.col a.float-left{width: 100%}
/*******************************************/
/**************sondaggio********************/
.left { float: left; width: 33.3%; padding-bottom: 10px; }
.large-button { padding-left: 30px; padding-right: 30px; }
/*******************************************/
/******************login********************/
html, body { height:100%; margin: 0 0;}
#login-page{background: url("grafica/back-sito.png") center no-repeat;color:white;font-family: 'Raleway', sans-serif;}

.text-center{text-align: center;margin: 0 auto;display: inline-block;}
#parent {display: table;margin: 0 auto; height: 100%;}
.form_container{ display: table-cell; vertical-align: middle; text-align:center;}
.form_container p {margin: 10px 0}
p.login-submit{margin-top: 20px}
#user_login, #user_pass{width:100%; height: 30px; text-align:center; font-size:16px;}
#wp-submit, input[type="submit"], a.bordeaux, span.bordeaux{cursor:pointer; width:200px; border: none; background-color: #9e005d; color: white; font-size:20px; font-family: 'Raleway', sans-serif; font-weight: 600; margin: 0 auto; display: block; padding: 5px 30px; }

div.container div.offerta div.right_container a.bordeaux {left: 70px;bottom: 0px;position: absolute;}
div.container div.offerta div.right_container {position:relative;}

a.cambia_password{top:5px;right:5px; position:absolute;    text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;}
a.register, a.cambia_password{float: left; color: white; text-decoration: none}
a.register:hover, a.cambia_password:hover{float: left; text-decoration: underline}
/*******************************************/
/**************registrazione****************/
form.registrazione label {  display: inline-block; padding-bottom: 10px; margin-right: 10px; text-align: left}
.redinput { border-color: red; border-style: solid; border-width: 1px; }
.container{margin: 0 auto; }
.left_registrazione { float: left; width: 360px; padding-bottom: 10px; }
.left_registrazione, .right_registrazione {text-align: left;}
.left_registrazione input, .right_registrazione input, .right_registrazione select  {float:right}
.right_registrazione { float: right; width: 360px; padding-bottom: 10px; }

form.registrazione{ text-align:center;}
form.registrazione #user_login, form.registrazione #user_pass{height: inherit !important; width: inherit !important;}
/*******************************************/




.footer { background-color: #333333; height: 160px; margin-top: 200px; clear:both; width:100%;}
.footer .main_nav{font-size: 0.9em; }
.made_by{ color: white; line-height: 37px; float:right}
.made_by a{color: #FD8C0D}
.made_by a:hover{ text-decoration: underline;}

h1, h2, h3, h4 {font-weight:400 !important;}
p {margin: 8px 0;}