/*immagine sfondo su container */
.header{
background-image: url("../../../images/headers/header-980.jpg");
background-repeat: no-repeat;
background-position: right top;
background-size: initial;
}
@media (max-width: 499px){
.header{
background-image: url("");
}
}
@media (min-width: 500px) and (max-width: 679px){
.header{
background-image: url("../../../images/headers/header-500.jpg");
}
}
@media (min-width: 680px) and (max-width: 779px){
.header{
background-image: url("../../../images/headers/header-780.jpg");
}
}
@media (min-width: 780px) and (max-width: 899px){
.header{
background-image: url("../../../images/headers/header-900.jpg");
}
}
/* menu a dx
.nav-tabs > li,
.nav-pills > li {
float: right;
margin-top: 120px;
}*/
/*.nav-pills > li > a {
padding-right: 12px;
padding-left: 12px;
margin-right: 2px;
margin-left: 2px;
line-height: 14px;
}*/
/*.nav-pills > li > a,
.nav-pills > li > a:hover,
.nav-pills > li > a:focus {
color: #08c;
background-color: #fff;
}
.nav-pills > .active > a,
.nav-pills > .active > a:hover,
.nav-pills > .active > a:focus {
color: #08c;
background-color: #fff!important;
font-weight: bold;
font-size: 120%;
}*/
/*non visualizzare il titolo
.header {
display: none;
}*/
/*nascodi la linea sopra al menu*/
/*.navigation{
border-top: 0px;
}*/
/* spazia il rotatore*/
.vsirw{
padding-bottom: 10px;
padding-top: 10px;
}
/*sfondo su header
.header{
margin-bottom: 20px;
padding-bottom: 10px;
background-image: url("../../../images/headers/header1.png");
background-repeat: no-repeat;
background-size: cover;
border-bottom: 1px solid #f4f6f7;
background-color: #3399ff;
}/*
/*immagine disfondo a dx su header
.header{
/*margin-bottom: 20px;
padding-bottom: 10px;*/ /*
background-image: url("../../../images/headers/header-dx.jpg");
background-repeat: no-repeat;
background-position: right bottom;
background-size: initial;
}
@media (max-width: 800px){
.header{
background-image: url("");
}
} */
/*contenitore tile home*/
.tile-container{
float: left;
/*border: 1px solid red; */
width: 50%;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 5px;
min-width: 220px;
text-align: center;
}
.tile-container-invisible{
float: left;
/*border: 5px solid red; */
width: 50%;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 10px;
min-width: 220px;
text-align: center;
}
@media only screen and (max-width: 600px){
.tile-container{
float: none;
width: 100%;
border: 0;
}
}
.tile-cont-cont{
margin: auto;
width: 98%;
padding: 5px;
background-color: #fff;
background: linear-gradient(red,red,red,red,yellow,yellow,yellow, yellow);
border: 1px solid rgba(0,0,0,0.2);
-webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.1);
-moz-box-shadow: 0 1px 5px rgba(0,0,0,0.1);
box-shadow: 0 1px 5px rgba(0,0,0,0.5);
-webkit-border-radius: 16px;
-moz-border-radius: 16px;
border-radius: 16px;
/*text-align: center;
float: left;
min-width: 470px;*/
}
.tile-cont-cont-invisible{
margin: auto;
width: 99.5%;
padding: 5px;
background-color: #fff;
/*background: linear-gradient(red,red,red,red,yellow,yellow,yellow, yellow);
border: 1px solid rgba(0,0,0,0.2);
-webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.1);
-moz-box-shadow: 0 1px 5px rgba(0,0,0,0.1);
box-shadow: 0 1px 5px rgba(0,0,0,0.5);
-webkit-border-radius: 16px;
-moz-border-radius: 16px;
border-radius: 16px; */
/*text-align: center;
float: left;
min-width: 470px;*/
}
.img-tile{
border: 5px solid rgba(50, 200, 149, 0.5);
padding: 5px;
background-color: #ffffff;
max-width: 99%;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.border-tile-success{
border: 5px solid #5bb75b;
}
.img-rounded-medium{
-webkit-border-radius: 40px;
-moz-border-radius: 40px;
border-radius: 40px;
}
.img-rounded-large{
-webkit-border-radius: 80px;
-moz-border-radius: 80px;
border-radius: 80px;
}
.shadow{
box-shadow: 0 0 5px rgba(0,0,0,0.5);
-webkit-border-radius: 16px;
-moz-border-radius: 16px;
border-radius: 16px;
}
.btn-shadow{
box-shadow: 3 3 5px rgba(0,0,0,0.5);
-webkit-border-radius: 16px;
-moz-border-radius: 16px;
border-radius: 16px;
}
.sfondo-success{
background-color: #5bb75b;
}
.sfondo-info{
background-color: #49afcd;
}
.sfondo-inverse{
background-color: #363636;
}
.sfondo-danger{
background-color: #da4f49;
}
.sfondo-primary{
background-color: #006dcc;
}
.sfondo-warning{
background-color: #faa732;
}
.border-tile-warning{
border: 5px solid #faa732;
}
.border-tile-primary{
border: 5px solid #006dcc;
}
.border-tile-danger{
border: 5px solid #da4f49;
}
.img-circle-tile {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
/* font articoli */
.p-articoli{
font-size: 1.2em;
line-height: 1.3em;
letter-spacing: 1px;
text-align: justify;
}
.p-articoli-titoletto, .p-articoli-titoletto > a, .p-articoli-titoletto > a:hover {
color: #9d261d;
font-size: 1.3em;
text-decoration: none;
line-height: 1.3em;
letter-spacing: 1px;
}
.p-articoli::first-letter{
font-size: 1.4em;
text-align: left;
text-transform: uppercase;
}
/* nuova pagina vini*/
/* div contenitore */
.cont-vini{
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
clear: both;
width: 100%;
border-bottom: 1px solid #eeeeee;
float: left;
margin-top: 15px;
}
.bottle-small{
float: left;
whidth: 86px;
min-height: 200px;
}
.bottle-small-text{
float: left;
padding-left: 8px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
float: left;
height: 200px;
}
.bs-titolo {
color: #b69958;
font-size: 1.4em;
text-align: left;
font-weight: bold;
text-transform: uppercase;
float: left;
width: 100%;
}
.bs-pad::before{
content: '<br />';
}
.bb-desc{
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
float: left;
width: 75%;
padding-left: 8px;
}
.bbtext{
font-size: 1.2em;
line-height: 200%;
}
.bb-img{
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
text-align: center;
float: left;
min-width: 215px;
width: 25%;
}
.bs-pad{
padding-left: 8px;
}
.bs-desc{
font-size: 1.3em;
text-align: left;
}
/*****************************************************
/*box con dimensioni calcolate anche sui padding e bordi */
.box-real-value, #div-et-extradry, #div-et-doc, #div-et-frizzante{
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
/* pagina vini */
#div-et-extradry, #div-et-doc, #div-et-frizzante{
float: left;
width: 33.3333333333%;
padding: 8px;
}
#label-extradry, #label-doc, #label-frizzante {
font-size: 1.5em;
text-align: center;
margin-top: 10px;
}
#label-extradry{
color: white;
text-shadow: 2px 2px 3px #000000;
}
#label-doc{
color: white;
text-shadow: 2px 2px 3px #844702;
}
#label-frizzante{
color: white;
text-shadow: 2px 2px 3px #076905;
}
/*@media only screen and (max-width: 500px){
#div-et-extradry, #div-et-doc, #div-et-frizzante{
clear: both ;
width: 100%;
}
.bs-desc{
font-size: 1em;
text-align: left;
}
}
@media only screen and (min-width: 501px) and (max-width: 760px){
#div-et-extradry, #div-et-doc {
float:left ;
width: 50%;
}
#div-et-frizzante{
float:none;
width: 50%;
}
}
.div-bottiglie{
float: left;
} */
/*ultima vini*/
.contv-small{
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: relative;
width: 100%;
padding: 10px 0px 10px 0px;
border-bottom: 1px solid #ccc;
float: left;
margin-bottom: 20px;
}
.imgv-small{
width: 96px;
float: left;
text-align: center;
}
.descv-small{
float: left;
position: absolute;
bottom: 100px;
left: 106px;
color: #b69958;
font-size: 1.4em;
text-align: left;
/*font-weight: bold; */
text-transform: uppercase;
font-family: "Century Gothic", Georgia, Serif;
}
.tit-wine, .tit-wine > a, .tit-wine > a:hover{
color: #b69958;
font-size: 1.4em;
text-align: left;
font-family: "Century Gothic", Georgia, Serif;
text-decoration: none;
/*font-weight: bold;*/
}
.p-vini{
font-size: 1.2em;
line-height: 2;
letter-spacing: 1px;
text-align: justify;
font-family: "Century Gothic", Georgia, Serif;
}
.contv-big{
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: relative;
width: 100%;
padding: 10px 0px 10px 0px;
border-bottom: 1px solid #ccc;
float: left;
margin-bottom: 20px;
}
.imgv-big{
width: 225px;
float: left;
text-align: center;
}
.descv-big{
float: left;
position: absolute;
top: 10px;
left: 235px;
}
.tvb{
color: #000;
text-align: left;
font-size: 1.2em;
letter-spacing: 1px;
/*font-family: "Century Gothic", Georgia, Serif; */
font-weight: bold;
line-height: 2;
text-transform: uppercase;
}
.dvb{
color: #333;
text-align: left;
font-size: 1em;
letter-spacing: 1px;
font-family: "Century Gothic", Georgia, Serif;
font-weight: normal;
line-height: 2;
}
.tvb::after{
content: ":"
}
.cont-pdf{
width: 100%;
text-align: right;
clear: both;
padding-bottom: 5px;
font-size: 1.3em;
}
@media (max-width: 760px){
.imgv-big{
width: 100%;
}
.descv-big{
position: static;
margin-top: 15px;
}
}