/*
Theme Name: Olio di Palma Sostenibile
Theme URI: http://www.oliodipalmasostenibile.it
Description: Tema di Wordpress realizzato nel 2016 per Unione Olio di Palma Sostenibile. Commenti Nascosti. Sidebar (in footer). 2 Menu personalizzati (header massimo 5 voci consigliate - footer massimo 5 voci consigliate). Sito di riferimento. http://www.oliodipalmasostenibile.it
Author: Roma Virtuale S.r.L.
Author URI: http://www.romavirtuale.com/
Version: 1.5
License: 
License URI: 
Tags: one-columns, fixed-width, custom-menu
Text Domain: rvOdP
*/

/* 
 * colori OLIODIPALMA ********
 * 
 * Verde 	 		#778b0d      OLD#93C01F
 * Arancio 			#F39200 (social, link, righe, tit Home)
 * Grigio Scuro		#444444
 * *** NO Arancio Titoli 	#E84E1B
 * WP ***********
 * Arancio Social 	#e56a1c
 * Grigio Chiaro	#c8c8c8
 * Form sfondo		#f5f2e9
 * Form Bottone		#e56a1c
 * Tit Home marrone	#664916;
 * Tit Home Marrone SK	#301804
 * Tit home Gri Sk	#2c2626
 * *** NO Tit home PrugSK	#301804
 
 * Sezioni OLIODIPALMA (ID)
 * 
 * Origine Vegetale 8
 * Contatti 20
 * Chi 14
 * Press 18
 * Salute 10
 * Ambiente 12
 * Faq 16
 *  
 * Disclaimer 22
 *  
 * News 1
 * Comunicati 2
 * Interviste 

 * Fonts
 * 
 * ROBOTO:
 * https://www.google.com/fonts#UsePlace:use/Collection:Roboto:400,500,700,400italic,500italic,700italic
 * LATO:
 * https://www.google.com/fonts#UsePlace:use/Collection:Lato
 * COOKIE:
 * https://www.google.com/fonts#UsePlace:use/Collection:Cookie
 
*/

@import url(https://fonts.googleapis.com/css?family=Roboto:400,500,700,400italic,500italic,700italic);
/* font-family: 'Roboto', sans-serif; */
@import url(https://fonts.googleapis.com/css?family=Lato:400,400italic,300,700);
/* font-family: 'Lato', sans-serif; */
@import url(https://fonts.googleapis.com/css?family=Cookie);
/* font-family: 'Cookie', cursive; */

/* Generali -----------------------------------------------------*/
html,body {
	background-color: #FFFFFF;
	width:100%;
	height:100%;
	color: #000000;
}

body {
    margin-top: 68px; /* Richiesto il margin per .navbar-fixed-top. Rimuovere se si decide per .navbar-static-top. modificare l'altezza in relazione a navigation. */
	font-family: 'Lato', sans-serif;
	font-size: 12pt;
	line-height: 150%;
}
.LOGO {
	font-family: 'Lato', sans-serif;
	font-size: 62pt;
	font-weight: 100;
	line-height: 100%;
}
td, p, div {
	font-size: 12pt;
	line-height: 150%;
}
blockquote {
	padding: 2em;
}

/**** form ***/
input {
    width: 100%;
	background-color: #f5f2e9;
    color: #000000;
	border: 0;
	padding: 10px;
    margin: 10px 0;
    box-sizing: border-box; /* nn mod! serve per includere padding e (event) bordi nella dimensione totale! */
}
input[type=button], input[type=submit], input[type=reset] {
    background-color: #e56a1c;
    border: 0;
    color: #ffffff;
    padding: 16px 32px;
    text-decoration: none;
	text-transform: uppercase;
	margin-top: 10px;
	margin-bottom: 10px;
    cursor: pointer;
	width:auto;
}
textarea {
    width: 100%;
    height: 150px;
	border: 0;
	padding: 10px;
    background-color: #f5f2e9;
    resize: none;
    box-sizing: border-box; /* nn mod! serve per includere padding e (event) bordi nella dimensione totale! */
}
select {
    width: 100%;
	border: 0;
	padding: 10px;
    background-color: #f5f2e9;
}
.labelFORM {
	text-transform: uppercase;
	color: #e56a1c;
}

/* Headings */
h1, h2, h3, h4, h5, h6 { /* reset */
	padding: 0;
	margin: 0;
}

h1 {
	font-size: 18pt;
}
h2 {
	font-size: 14pt;
}
h3 {
	font-size: 12pt;
}
h4 {
	font-size: 11pt;
}
h5 {
	font-size: 10pt;
}
h6 {
	font-size: 9pt;
}


/* Link base */
a {
	color:#F39200;
}
a:link, a:visited, a:active, a:focus {
	color:#F39200;
	text-decoration:none;
}
a:hover {
	color:#F39200;
	text-decoration: underline;
}

/* Testi */

.txtLato {
	font-family: 'Lato', sans-serif;
}
.txtCookie {
	font-family: 'Cookie', cursive;
}
.txtMaiuscolo {
	text-transform: uppercase;
}

.txtBianco {
	color: #ffffff; /* bianco */
}
.txtBianco a, .txtBianco a:link, .txtBianco a:visited, .txtBianco a:active, .txtBianco a:focus, .txtBianco a:hover {
	color: #ffffff; /* bianco */
}
.txtNero {
	color: #000000; /* nero */
}
.txtNero a, .txtNero a:link, .txtNero a:visited, .txtNero a:active, .txtNero a:focus, .txtNero a:hover {
	color: #000000; /* nero */
}
.txtArancioTitoli {
	color: #F39200; /* Arancio */
}
.txtArancio {
	color: #F39200; 
}
.txtVerde {
	color: #778b0d;
}
.txtVerdeLOGO {
	color: #93C01F; 
}
.txtGrigioScuro {
	color: #444444; 
}
.txtGrigioScuro a, .txtGrigioScuro a:link, .txtGrigioScuro a:visited, .txtGrigioScuro a:active, .txtGrigioScuro a:focus, .txtGrigioScuro a:hover {
	color: #444444; /* txtGrigioScuro */
}
.txtDoppiaLinea {
	line-height: 200%;
}

.txtMarrone {
	color: #664916; /* Tit Home Marr */
}
.txtMarroneSK {
	color: #301804; /* Tit Home Marr SK */
}
.txtGrigioSK {
	color: #2c2626; /* Tit home Gri Sk */
}

.titoloh1 {
	font-size: 18pt;
}
.titoloh2 {
	font-size: 14pt;
}
.titoloh3 {
	font-size: 12pt;
}
.titoloh4 {
	font-size: 11pt;
}
.titoloh5 {
	font-size: 10pt;
}
.titoloh6 {
	font-size: 9pt;
}

.txtMoltoMoltoGrande {
	font-size: 28pt;
}
.txtGrandissimo {
	font-size: 22pt;
}
.txtMoltoGrande {
	font-size: 16pt;
}
.txtGrande {
	font-size: 11pt;
}
.txtPiccolo {
	font-size: 8pt;
}
.txtMini {
	font-size: 7pt;
}
.txtMENU {
	font-size: 8pt;
	text-transform: uppercase;
}
.txtMENU_1riga li {
	text-align:center; 
	margin-top:7pt;
}

.txtMargini {
	padding-left: 60px;
	padding-right: 60px;
}

.txtHomeBOXTitolo {

}
.txtHomeBOXSottoTitolo {

}
.txtHomeBOXTesto {

}
.txtHomeBOXLeggi {

}
.txtHomeTitoloArea {
	font-size: 36pt; /*46px*/
	line-height: 100%;
}

/* Varie */

iframe {
	margin:0px;
	border:0;
}
img {
	border:0;
}

.colDXBordo {
	border-left: 1px solid #EEEEEE;
}

.sfondoArancio {
	padding: 15px;
	width: 100%;
	background-color:#F39200;
	color: #FFFFFF;
	margin-top: 15px;
	margin-bottom: 15px;
}

.sfondoVerdino {
	padding: 10px;
	width: 100%;
	background-color: #8cb528;
	color: #1a3e34;
	margin-top: 15px;
	margin-bottom: 15px;
}
.sfondoVerdino span, .sfondoVerdino a{color: #1a3e34;}

.bordoBiancoBOT {
	border-bottom: 1px solid #FFFFFF;
}
.bordoMarroneSKBOTTOP {
	border-top: 1px solid #301804;
	border-bottom: 1px solid #301804;
}
.bordoMarroneSKBOT {
	border-bottom: 1px solid #301804;
}

.fotoSX {
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.fotoDX {
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.mobileHIDE {
	visibility: hidden;
}

.DX {
	float: right;
}
.SX{
	float: left;
}


/* LAYOUT */

/* Contenuti */

#areaContenuti {
	padding-bottom: 20px;
	margin-bottom: 80px;
	line-height: 150%;
}
.contenutiPadding td, .contenutiPadding p, .contenutiPadding div {
	text-align:justify;
}
.contenutiPadding li {
	list-style-type: disc;
	list-style-position: inside;
}
.StringiContenuti {
	padding-left: 10%;
	padding-right: 10%;
}

#headerArea {
	padding-top: 120px;
	padding-bottom: 120px;
	margin-bottom: 80px;
	max-height: 270px;
	overflow: hidden;
	width: 100%;
}
.contenutiPadding {
	padding:20px;
}
.titoloBarretta {
	padding-bottom: 10px;
	background-image:url("images/slides/striscia-col1-rettangolonero.png");
	background-repeat:no-repeat;
	background-position: left bottom;
}

.boxArchivio {
	display: block;
	margin: 15px;
	height: 250px;
	width: 250px;
	background-color:#e56a1c;
}
.boxArchivio:hover {
	background-color: #e5b31c; /*  giallo 229, 179, 28 */
	/*background: rgba( 229, 179, 28, 0.5) none repeat scroll 0% 0%;*/
} 
.boxArchivioImmagine {
	display: block;
	height: 250px;
	width: 250px;
	background: rgba( 0, 0, 0, 0.5) none repeat scroll 0% 0%;
}
.boxArchivioImmagine:hover {
	/*background-color:#e5b31c;*/
	background: rgba( 229, 179, 28, 0.9) none repeat scroll 0% 0%;
}
.boxArchivioImmagine a {
	display: block;
}

/*
.button {
	display:block;
}
*/
.button:hover {
	cursor:pointer;
}

.titoloRighe {
	padding-bottom: 5px;
	padding-top: 5px;
	margin-bottom: 10px;
	margin-top: 10px;
	border-bottom: 1px solid #F39200;
	border-top: 1px solid #F39200;
	text-transform: uppercase;
	color: #F39200;
	text-align: left;
	width: 100%;
	font-size: 12pt;
}
.headContatti {
	background-image:url('images/head-contatti-00.jpg');
	background-repeat:no-repeat;
	background-size:cover !important;
	background-position: center top;
}
.headChisiamo {
	background-image:url('images/head-chisiamo-00.jpg');
	background-repeat:no-repeat;
	background-size:cover !important;
	background-position: center top;
}
.headPressRoom {
	background-image:url('images/head-pressroom-00.jpg');
	background-repeat:no-repeat;
	background-size:cover !important;
	background-position: center top;
}
.headNews {
	background-image:url('images/head-news-00.jpg');
	background-repeat:no-repeat;
	background-size:cover !important;
	background-position: center top;
}
.headFaq {
	background-image:url('images/head-faq-00.jpg');
	background-repeat:no-repeat;
	background-size:cover !important;
	background-position: center top;
}
.headSalute {
	background-image:url('images/head-salute-00.jpg');
	background-repeat:no-repeat;
	background-size:cover !important;
	background-position: center top;
}
.headAmbiente {
	background-image:url('images/head-ambiente-00.jpg');
	background-repeat:no-repeat;
	background-size:cover !important;
	background-position: center top;
}
.headOrigineVegetale {
	background-image:url('images/head-originevegetale-00.jpg');
	background-repeat:no-repeat;
	background-size:cover !important;
	background-position: center top;
}
.headEvento {
	background-image:url('images/head-evento-00.jpg');
	background-repeat:no-repeat;
	background-size:cover !important;
	background-position: center top; display:none;
}
.headArchivio { /* Default */
	background-image:url('images/head-archivio-00.jpg');
	background-repeat:no-repeat;
	background-size:cover !important;
	background-position: center top;
}
.headPagina { /* Default */
	background-image:url('images/head-pagina-00.jpg');
	background-repeat:no-repeat;
	background-size:cover !important;
	background-position: center top;
}

/* FOOTER */
.olio-footer {
	background: #2a1d09;
	color: #FFFFFF;
	font-size: 8pt;
	margin-bottom:0px;
	min-height: 200px;
}
.olio-footer p, .olio-footer div {
	font-size: 8pt;
}
.olio-footer a {
	color: #F39200;
}

/* Stile MENU FOOTER */
.menuFOOTER ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.menuFOOTER li {
	display: inline;
	padding: 0;
	margin: 0;
	color: #F39200;
	font-size: 8pt;
	text-transform:uppercase;
}
.menuFOOTER a, .menuFOOTER a:link, .menuFOOTER a:visited, .menuFOOTER a:active {
	color: #F39200;
}
.menuFOOTER a:hover {
	text-decoration: underline;
}
/* fine FOOTER  ------- ***** */

/* pers BS */

.navbar {
	min-height: 70px;
}
.navbar-nav {
	margin: 7.5px 0px; /* originale: margin: vert 7.5px ori -15px;*/
}
.navbar-default .navbar-toggle {
	border: 0;
}
.navbar-default {
	background: rgba(255, 255, 255, 1.0) none repeat scroll 0% 0%;
	color: #444444;
	font-weight: bold;
}
.navbar-default .navbar-nav > li > a {
	color: #444444;
}
.navbar-toggle {
	background: #ffffff;
	margin-top: 18px;
}

.row {
	margin: 0;
}
.col-md-4 {
	padding-top: 5px;
	padding-bottom: 5px;
}

.nav {
	margin-top: 10px;
}

.nav>li>a {
    padding: 10px 8px;
}
.navbar-nav > li > a {
    line-height: 15px;
}

/* sezioni BS */
	/* Sezioni - Lo scroller funziona con ogni altezza ;) (fixed, undefined, o percentuale).
	Ricordarsi che il padding è essenziale per essere sicuri che lo scroll acchiappi l'area giusta dove scrollare (in caso di scroll). 
	Modificare margin e padding delle sezioni per fare in modo che sia tutto perfetto */
	
	.paddingSezioni {
		padding-top: 30px;
		padding-bottom: 30px;
	}
	.img-center {
		margin: 0 auto;
	}
	.OdPHome {
		background-image:url('images/slides/slide01-00.jpg');
		background-repeat:no-repeat;
		background-size:cover !important;
		background-position: center center;
	}
	.OdPHome_2 {
		padding-top: 0;
		padding-bottom: 0;
	}
	.sezione02 {
		background-image:url('images/slides/slide02-00.jpg');
		background-repeat:no-repeat;
		background-size:cover !important;
		background-position: center center;
	}
	.sezione03 {
		background-color: #a6bc36;
	}
	
	.sezione04 {
		background-image:url('images/slides/slide04-00.jpg');
		background-repeat:no-repeat;
		background-size:cover !important;
		background-position: center center;
	}
	
	.sezione05 {
		background-color: #ffffff;
	}
	
	.sezione06 {
		background-color: #fda92c;
	}
	
	.sezione07 {
		background-image:url('images/slides/slide07-00.jpg');
		background-repeat:no-repeat;
		background-size:cover !important;
		background-position: center center;
	}
	
	.sezione08 {
		background-color: #faf6ea;
	}
	
	.sezione09 {
		background-color: #ffffff;
	}




	/*
	.nav {
		margin-top: 23px;
	}
	
	.navbar-nav>li>a {
		padding-top: 5px;
		padding-bottom: 5px;
		line-height: 10px;
	}
	
	.nav>li>a {
		position: relative;
		display: block;
		padding: 10px 10px;
	}
	*/

/* fine pers BS  ------- ***** */

/* pers HOME PAGE */

.strisciaHome {
	background: #ad5015;
	min-height: 206px;
	border-top: solid 18px #ffffff;border-bottom: solid 18px #ffffff; 
	width:100%;
	background: linear-gradient(to right, #ad5015 0%,#ad5015 50%,#F39200 50%,#F39200 100%);
/*
background: #ad5015;
background: -moz-linear-gradient(top, #ad5015 0%, #f6f6f6 60%, #e56a1c 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ad5015), color-stop(60%,#f6f6f6), color-stop(100%,#e56a1c));
background: -webkit-linear-gradient(top, #ad5015 0%,#f6f6f6 60%,#e56a1c 100%);
background: -o-linear-gradient(top, #ad5015 0%,#f6f6f6 60%,#e56a1c 100%);
background: -ms-linear-gradient(top, #ad5015 0%,#f6f6f6 60%,#e56a1c 100%);
background: linear-gradient(to bottom, #ad5015 0%,#f6f6f6 60%,#e56a1c 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ad5015', endColorstr='#e56a1c',GradientType=0
*/
}

.strisciaHomeCella {
	height:170px;
	overflow:hidden;
	padding-top:20px;
	padding-bottom:20px;
	padding-left:20px;
	padding-right:20px;
}
.strisciaHomeCella p {
   font-size: 10pt;
   line-height: 120%;
}
.strisciaHomeCellaSPOT {
	min-height:170px;
	overflow:hidden;
	padding: 45px;
}
	
.navigationLeft {
	position:fixed;
	z-index:1;
	top:200px;
}
.navigationLeft li {
	color:#333333;
	display:block;
	padding: 0 10px;
	line-height:30px;
	margin-bottom:2px;
	font-weight:bold;
	-webkit-transition: all .2s ease-in-out;
	border-bottom:1px solid black;
	text-align:left;
	width:70px;
}
.navigationLeft li:hover,.active{
	font-size:25px;
	cursor:pointer;
	width:100px!important;
}
	.slide {
		background-attachment: fixed;
		width:100%;
		position: relative;
	}
.approfondisciNero {
	position:absolute;
	bottom:150px;
	left:50%;
	width:151px;
	display:block;
	z-index:1;
}

/* fine HOME PAGE  ------- ***** */



/* versioni dispositivi */

/* Disp Extra small (cell, inferiori a 768px) */
/* No media query perchè è default */

/* Disp Small (tablet, 768px e sup) - @media (min-width: @screen-sm-min) { ... } */
@media(min-width:767px) {
	/* small */
	.mobileHIDE {
		visibility: hidden;
	}
	.txtMENU {
		font-size: 7pt;
	}
	.strisciaHomeCella {
		min-height:160px;
		overflow:hidden;
		padding:30px;
	}
}
/* Disp Medium (desktop, 992px e sup) - @media (min-width: @screen-md-min) { ... }  */
@media(min-width:992px) {
	/*.navbar{position:relative;min-height:80px;margin-bottom:20px;border:1px solid transparent}*/
	.mobileHIDE {
		visibility: visible;
	}
	.txtMENU {
		font-size: 8pt;
	}
	.nav>li>a {
		padding: 10px 15px;
	}
	.strisciaHomeCella {
		min-height:160px;
		overflow:hidden;
		padding-top: 15px;
		padding-bottom: 15px;
		padding-left: 15px;
		padding-right: 15px;
	}

}

/* Disp Large (large desktop, 1200px e sup) - @media (min-width: @screen-lg-min) { ... } */
@media(min-width:1200px)  { 
	/* large */
	.mobileHIDE {
		visibility: visible;
	}
	.txtMENU {
		font-size: 8pt;
	}
	.nav>li>a {
		padding: 10px 20px;
	}
	.strisciaHomeCella {
		min-height:160px;
		overflow:hidden;
		padding-top: 20px;
		padding-bottom: 20px;
		padding-left: 20px;
		padding-right: 20px;
	}

}







/* 2Do per il futuro */

/* STILI WIDEGET (footer - 2DO) */

#widget-area {
	width: 100%;
	font-size: 10px;
	overflow: hidden;
}

#widget-area h4{
	font-size: 12px;
	border-bottom: 1px solid #ffffff;
}

#widget-area div {
	font-size: 10px;
}

#widget-area hr {
	height:1px;
	border-style: solid; 
	color:#ffffff;
}

#widget-area ul {
	list-style: none; 
	color:#ffffff;
	margin: 0px;
	padding: 0px;
}
#widget-area li {
	margin: 0px;
	padding: 5px;
	border-left: 1px solid #CC6600;
}
.widgetBox {
	width: 100%;
	font-size: 10px;
	text-align: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}


/* TOOL (2DO)) */


/* Mod al Box del PlugIn AddThis */
.addthis_toolbox { margin-top: 30px !important; }

.obliquo{font-style: italic;}
.actionbutton{display:block; padding 12px 6px; border: 1px solid #F39200 !important; width: 150px; font-size: 11px; text-align: center; float: right;}