/*
Theme Name: labella 2.0
Author: Silvia Castellan
*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, img {
border: 0;
font-size: 100%;
margin: 0;
outline: 0;
padding: 0;
vertical-align: baseline
}

body {
font:14px 'Palatino Linotype', 'Book Antiqua', serif;
line-height: 150%;
text-align:center;
overflow-x: hidden;
}

a {
text-decoration:none;
}

a:hover {
text-decoration:underline;   
}

.left {
float:left;
}

.right {
float:right;
margin-top:5px;
}

.alignleft {
float:left;
margin: 5px;
}

.alignright {
float:right;
margin: 5px;
}

.arch-thumb {
float:left;
margin: 0 10px 0 0;
}

.inside {
width: 960px;
padding: 0 20px;
margin: 0 auto !important;
float: none !important;
}

#sopra, #menu, #footer, #sidebar, #contenuti {
text-align:justify;
}

#titolo, #main, #main2 {
text-align:center;
}

#sopra {
padding:20px 0;
}


#searchform {
width: 340px;
}

#s {
border: 2px solid #ccc;
width: 300px;
height: 25px;
float:left;
}

#cerca {
float:right;
margin-top:5px;
}

#titolo {
color: #fff;
padding: 20px 0;
background: #000 url(/wp-content/uploads/2015/12/bg-prova2.jpg) center no-repeat;
}

#titolo a {
color: #fff;
}

.ago {
font-family: 'Arial Black', 'Arial Bold', sans-serif;
font-size: 30px;
padding: 0 0 30px;
text-transform:uppercase;
}

.motto {
font-size: 15px;
font-style: italic;
}

#main, #main2 {
margin-top:20px;
}

#main ul {
list-style: none;
padding: 0;
max-width: 1000px;
margin: 0 auto;
}

#main ul li {
display:inline;
float:left;
list-style:none;
padding: 0 10px 10px;
}

#main2 #contenuti ul {
list-style-position: inside;
padding: 0 0 0 10px;
}

#main2 #contenuti h1 {
font-size:25px;
font-weitgh:bold;
margin-bottom: 10px;
}

#main2 #contenuti h2 {
font-size:16px;
font-weitgh:bold;
margin: 10px 0 5px;
}

#main2 #contenuti h3 {
font-style:italic;
font-weight:normal;
margin: 5px 0 0;
}

.data {
font-style:italic;
color: #aaa;
text-align:right;
}

.thumb-sx {
width:18%;
float:left;
}

.thumb-sx img, .bordino-img {
padding: 4px;
border: 1px solid #ccc;
}

.thumb-dx {
width:82%;
float:right;
}

.bordino {
margin: 0 0 20px;
border-bottom: 1px dotted #ccc;
}

#main ul p {
font-size:20px;
padding:10px 0;
position:relative;
top:180px;
background: rgb(0, 0, 0) transparent;
background:rgba(0,0,0,0.5);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}

#main ul p a {
color: #fff;
}

#sidebar a, #contenuti a {
color:#d9a401;
}

#contenuti a {
/* color: #666; */
}

#main a:hover, #main2 a:hover {
/* color:#d9a401; */
/* text-decoration:none; */
}

#sidebar a:hover, #main a:hover, #main2 a:hover {
text-decoration:underline;
}

#sidebar {
width:25%;
float:left;
padding: 0 3% 0 0;
}

.menu li {
list-style:none;
border-bottom: 1px solid #a0a0a0;
line-height:30px;
padding: 0 10px;
}

.menu li:hover {
/* background: #e0e0e0; */
}

.menu li:first-child {
border-top: 1px solid #a0a0a0;
}

#contenuti {
float:right;
width:70%;
}

@media all and (max-width: 1000px) {
	#main .inside, #sopra .inside, #titolo .inside {
	width: 640px;
	}
}

@media all and (max-width: 680px) {
	#main .inside, #sopra .inside, #titolo .inside {
	width: 320px;
	}
}

@media all and (max-width: 320px) {
	#main .inside, #sopra .inside, #titolo .inside {
	padding: 0;
	}
}

@media all and (max-width: 360px) {
	.inside {
	width: 300px;
	}
	.menu li {
	float: left;
	border-top: 1px solid #a0a0a0;
	border-bottom: 1px solid #a0a0a0;
	border-right: 1px solid #a0a0a0;
	padding: 0 5px;
	font-size:80%;
	}
	.menu li:first-child {
	border-left:1px solid #a0a0a0;
	}
	#sidebar {
	float: none;
	width: 100%;
	}
	#contenuti {
	float: none;
	width: 100%;
	}
	.thumb-dx {
   	width: 100%;
	padding:10px 10px 0 0;
	}
	.data {
	display:none;
	}
	#s {
	width: 250px;
	}
	#searchform {
	width: 290px;
	}
}

#footer {
margin-top:20px;
padding:5px 0;
font-size: 10px;
border-top: 1px dotted #ccc;
}

/* VEGAS 

("#titolo").vegas({
    slides: [
        { src: "http://i67.tinypic.com/2lazhc4.jpg" },
        { src: "http://i65.tinypic.com/27zcawh.jpg" },
        { src: "http://i67.tinypic.com/2zel4t4.jpg" },
        { src: "http://i64.tinypic.com/33xbk3d.jpg" }
    ]
});

*/

/* La Bella and Partners */

#lbp-main {
margin: 0 auto;
width: 100%;
min-height: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
}

.lbp-mainbg {
background: #000 url('/wp-content/themes/labella/img-lbp/singapore-skyline.jpg') no-repeat center center fixed;
background-size:150%;
}

.lbp-chisiamobg {
background: #000 url('/wp-content/themes/labella/img-lbp/chi-siamo.jpg') no-repeat center center fixed;
background-size:150%;
}

.lbp-contattibg {
background: #000 url('/wp-content/themes/labella/img-lbp/contatti.jpg') no-repeat center center fixed;
background-size:150%;
}

.lbp-facciamobg, .lbp-privacybg {
background: #000 url('/wp-content/themes/labella/img-lbp/cosa-facciamo.jpg') no-repeat center center fixed;
background-size:150%;
}

.lbp-presentazionebg {
background: #000 url('') no-repeat center center fixed;
background-size:150%;
}

.lbp-visionebg {
background: #000 url('/wp-content/themes/labella/img-lbp/visione.jpg') no-repeat center center fixed;
background-size:150%;
}

.lbp-linkbg {
background: #000 url('/wp-content/themes/labella/img-lbp/link.jpg') no-repeat center center fixed;
background-size:150%;
}

#blocco-sx, #blocco-dx {
position:relative;
min-height: 100%;
height: 100%;
font-family: 'Century Gothic', CenturyGothic, AppleGothic, sans-serif;
color: #fff;
}

.lbp-chisiamobg #blocco-dx, .lbp-contattibg #blocco-dx, .lbp-linkbg #blocco-dx, .lbp-visionebg #blocco-dx, .lbp-facciamobg #blocco-dx {
width:70%;
}

#blocco-sx {
width:50%;
}

.poparent, .pat-link {
margin: 0 0 10px;
font-size:120%;
font-weight:bold;
}

.popup {
padding: 5px 10px;
margin: 0 10px 0 0;
font-size:80%;
font-weight:normal;
}

.poparent .popup {
display: none;
}

.poparent:hover {
cursor: pointer;
}

.poparent:hover .popup {
cursor: pointer;
display: block;
}

.lbp-presentazionebg #blocco-dx {
width:100%;
}

#blocco-sx {
background: rgba(0, 0, 0, 0.5);
float:left;
}

#blocco-dx {
float:right;
background: url(http://agostinolabella.com/wp-content/uploads/2017/11/obl_dx.png) left no-repeat;
background-size: cover;
}

.singolo-lbp ul {
list-style-position: inside;
padding: 1% 0 1% 2%;
}

.lbp-visionebg #blocco-dx .singolo-lbp {
margin-top: -20px;
}

#blocco-sx a, #blocco-dx a {
color: #fff;
}

.cima, .mezzo, .fondo {
width:100%;
text-align:center;
}

.cima {
position: absolute;
top: 1%;
}

.mezzo {
position: absolute;
top: 50%;
height: 100px;
margin-top: -70px;
}

.lbp-titolo, .contenuti-lbp h1 {
font-size:40px;
border-bottom: 2px solid #fff;
}

.lbp-titolo {
padding:20px;
margin: 0 30px 30px;
}

.lbp-sottotitolo {
margin-top:10px;
font-size:60%;
font-style: italic;
}

.contenuti-lbp h1 {
margin-bottom:20px;
padding-bottom:20px;
}

.lbp-elementi, .fondo {
font-size:16px;
}

.lbp-elementi ul li {
display:inline;
list-style:none;
}

.ul-uno li {
padding: 0 10px;
}

.ul-due {
margin-top:10px;
}

.ul-due li {
padding: 0 30px;
}

.fondo {
position: absolute;
top: 100%;
height: 100px;
margin-top: -30px;
}

.lbp-inside {
font-family: Georgia, serif;
font-size: 40px;
padding: 0 0 30px;
}

.contenuti-lbp {
position: absolute;
top: 1%;
padding: 3% 7%;
height: 100px;
text-align:left;
font-size:17x;
line-height:25px;
}

.contenuti-presentazione {
position: absolute;
height: 100px;
/* padding: 0 0 0 50px; */
}

.lbp-privacybg #blocco-dx {
	width:100%;
	background: rgba(0, 0, 0, 0.5);
	}

.lbp-privacybg #blocco-dx .singolo-lbp {
	padding: 0;
	width: 90%;
	text-align:left;
	}

@media all and (min-width: 2000px) {
	.singolo-lbp {
	width:800px;
	padding: 20% 0 0 35%;
	}
	.lbp-privacybg #blocco-dx .singolo-lbp {
	width:80%;
	}
	.contenuti-presentazione .singolo-lbp {
	padding: 0 0 0 50px;
	}
	.contenuti-lbp {
	font-size:18px;
	}
	.lbp-titolo, .contenuti-lbp h1 {
    	font-size: 50px;
	}
}

@media all and (max-width: 2000px) {
	.singolo-lbp {
	padding: 20% 0 0 35%;
	}
	.contenuti-presentazione .singolo-lbp {
	padding: 0 0 0 50px;
	}
	.contenuti-lbp {
	font-size:18px;
	}
	.lbp-titolo, .contenuti-lbp h1 {
    	font-size: 50px;
	}
}

@media all and (min-width: 1400px) {
	.singolo-lbp {
	width:700px;
	}
}

@media all and (max-width: 1400px) {
	.contenuti-lbp {
	font-size:14px;
	line-height:20px;
	}
	.singolo-lbp {
	padding: 20% 0 0 35%;
	width: 450px;
	}
	.contenuti-presentazione .singolo-lbp {
	padding: 0 0 0 50px;
	}
}

@media all and (max-width: 1000px) {
	.lbp-titolo, .contenuti-lbp h1 {
    	font-size: 35px;
	margin: -5px 30px 10px 0;
	}
	.singolo-lbp {
	padding: 15% 0 0 30%;
	width: 400px;
	font-size: 90%;
	}
}

@media all and (max-width: 800px) {
	.lbp-titolo, .contenuti-lbp h1 {
    	font-size: 30px;
	}
	#blocco-sx, .lbp-chisiamobg #blocco-dx, .lbp-contattibg #blocco-dx, .lbp-linkbg #blocco-dx, .lbp-visionebg #blocco-dx, .lbp-facciamobg #blocco-dx, #blocco-dx {
	width:100%;
	background: rgba(0, 0, 0, 0.5);
	}
	.contenuti-lbp {
	margin-left:30px;
	}
	.singolo-lbp, .lbp-privacybg #blocco-dx .singolo-lbp {
	width: 630px;
	padding: 0;
	font-size: 80%;
	}
	.lbp-visionebg #blocco-dx .singolo-lbp {
	margin-top: 0;
	}
	.lbp-chisiamobg, .lbp-contattibg, .lbp-linkbg, .lbp-visionebg, .lbp-facciamobg, .lbp-privacybg {
	background-size:250%;
	}
}

@media all and (max-width: 736px) {
	.lbp-privacybg #blocco-dx .singolo-lbp {
	height: 350px;
	overflow:scroll;
	padding-top: 10px;
	}
}

@media all and (max-width: 667px) {
	.singolo-lbp, .lbp-privacybg #blocco-dx .singolo-lbp {
	width: 565px;
	}
	.lbp-privacybg #blocco-dx .singolo-lbp {
	height: 300px;
	}
}

@media all and (max-width: 600px) {
	.singolo-lbp, .lbp-privacybg #blocco-dx .singolo-lbp {
	width: 500px;
	}
	.lbp-privacybg #blocco-dx .singolo-lbp {
	height: 250px;
	}
}

@media all and (max-width: 533px) {
	.singolo-lbp, .lbp-privacybg #blocco-dx .singolo-lbp {
	width: 450px;
	}
}

@media all and (max-width: 480px) {
	.singolo-lbp, .lbp-privacybg #blocco-dx .singolo-lbp {
	width: 400px;
	}
	.lbp-titolo, .contenuti-lbp h1 {
    	font-size: 20px;
	margin: 0 30px 10px 0;
	}
	.lbp-chisiamobg, .lbp-contattibg, .lbp-linkbg, .lbp-visionebg, .lbp-facciamobg, .lbp-privacybg {
	background-size:250%;
	}
}

@media all and (max-width: 414px) {
	.singolo-lbp, .lbp-privacybg #blocco-dx .singolo-lbp {
	width: 320px;
	}
	.lbp-chisiamobg, .lbp-contattibg, .lbp-linkbg, .lbp-visionebg, .lbp-facciamobg, .lbp-privacybg {
	background-size:300%;
	}
	.lbp-privacybg #blocco-dx .singolo-lbp {
	height: 600px;
	}
}

@media all and (max-width: 360px) {
	.singolo-lbp, .lbp-privacybg #blocco-dx .singolo-lbp {
	width: 270px;
	}
	.lbp-chisiamobg, .lbp-contattibg, .lbp-linkbg, .lbp-visionebg, .lbp-facciamobg, .lbp-privacybg {
	background-size:270%;
	}
	.lbp-privacybg #blocco-dx .singolo-lbp {
	height: 500px;
	}
}

/* Menù a scomparsa */

.menu-s {
width:200px;
height:100%;
padding:10px;
position:absolute;
left:-220px;
background: #fff; 
color: #555;
z-index:2;   
}

.menu-s ul {
margin-top:20px;
}

.menu-s ul li {
list-style:none;
font-size:120%;
font-family: Helvetica, sans-serif;
text-transform:uppercase;
padding:5px 0;
}

.iconcine-social {
text-align:center;
margin: 20px 0 0 25px;
}

.iconcine-social ul li {
float:left;
padding: 10px;
}

.fondo-menu-s {
position: absolute;
width:100%;
top: 100%;
height: 100px;
margin-top: -90px;
font-size:15px;
}

.menu-open {
width:50px;
height:100%;
padding-top:10px;
position:absolute;
left:0px;
background: #fff; 
color: #555;
z-index:1;    
}

.menu-s a, .fa-bars {
color: #999;   
}

.closeButton {
text-align:right;
}

#lbp-loghino {
position: absolute;
top: 100%;
height: 100px;
margin-top: -70px;
margin-left:5px;
}

.fa-youtube {
color: #ff0000;
}

.fa-twitter, .fa-bars {
color: #00a8e2;
}

.fa-linkedin-square {
color: #105883;
}