/*
Theme name: GRANDI PASTAI ITALIANI
WordPress Theme url: http://www.twobyfour.net
Description: Tema sviluppato per il sito GRANDI PASTAI ITALIANI
Version: 1.0
Author: <a href="http://www.twobyfour.net" title="twobyfour.net">Pietro twobyfour.net</a>
url: http://www.twobyfour.net
Tags: twobyfour, GRANDI PASTAI ITALIANI
*/



/*Setto come regola generale tutti i margini, padding e bordi a zero. Si applica a tutti gli elementi.*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,
fieldset,input,p,blockquote,th,td,img, a{
margin:0; padding:0;
}
table {
border-collapse:collapse;
border-spacing:0;
}


/*Nel tag body inserisco il font da usare, dimensione e colore. La dimensione è in percentuale a 67.5% perchè porto il default di 16px a 10px, ed è una misura più comoda per agire poi nei div interni di layout con i testi in em (esempio un 12px è semplicemente 1.2 em).*/

body{
    font-family:Arial, Helvetica, sans-serif;
    font-size:62.5%;
	color:#000;
	background-image:url(images/wrapper.gif);
	/*background-repeat:repeat-x;*/
	background-color:#fcf9p2;
	text-align: center;

	/*esempio per personalizzare le barre
	scrollbar-3dlight-color:#B2B2B2;  
    scrollbar-arrow-color:#B2B2B2;   
    scrollbar-base-color:#B2B2B2; 
    scrollbar-darkshadow-color:#ABB0B6;  
    scrollbar-face-color:#EFEDEE;    
    scrollbar-highlight-color:#fff;  
    scrollbar-shadow-color:#E0DCDB;    
    scrollbar-track-color:#F7F7F7; */   
}

/*Avendo portato i margini e padding a zero devo correggere alcuni elementi: i li e gli H1, H2, H3 ecc... possibilmente voglio che restino con delle spaziature. 
Nel caso degli heading voglio che siano differenziati in dimensione del font (al momento tutti portati a 10px).
Nel caso dei li, potrei addirittura volere una icona personalizzata invece del pallino normale, nell'esempio faccio proprio questa operazione: applico un background che è l'icona, ed un padding a sinistra.*/


.bold{font-weight:bold;}

.skip
{
position:absolute;
left:0px;
top:-500px;
width:1px;
height:1px;
overflow:hidden;
}

h1{
    font-size:1.6em; 
	
	margin-top:6px;
	margin-bottom:1.6em; 
    
}
h2{
    font-size:1.4em; 
	margin-left:10px;
	line-height:28px;	
    
	
	
}
h3{
   color:#001e48;
   font-size:1.3em;
   margin-top:10px!important; 
   text-transform:uppercase;
   
}

h4{
   color:#001e48;
   font-size:1.2em;
   margin-top:5px!important; 
}

h5{
   font-size:1.0em;
   margin-bottom:10px; 
}

/*Basta inserire i <div class="clear"></div> per chiudere le liste di elementi allineati con float.*/

.clear{clear:both; font-size:0px; height:0px;}

.left{float:left; display: inline;}

.right{float:right; display: inline;}

br{font-size:1em;}

p{
margin-bottom:1em; font-size:1.4em; }

a { outline : none; }

a:focus, a:active {outline:none; outline:0px!important;}

:active, :focus { outline: none!important; -moz-outline-style: none!important; outline:0px!important;}

a img {outline: none; outline:0px!important;}

img {border: 0;}


img{ border:none; display:block; outline:none;
	outline:0;}


/*hack che serve a mostrare la barra di scorrimento destra su Firefox anche quando la pagina è troppo piccola. Questa è solo una finezza che serve ad evitare lo shift da destra a sinistra delle pagine di un sito che ne ha di lunghe e corte.*/

html {
    margin-bottom: 1px;
    height: 100%;
}

/*hack per IE7, e serve a nascondere la barra orizzontale che si forma in un caso particolare:  IE7 stranamente (e differentemente dagli altri) crea la pagina più grande di due o tre pixel sortendo la barra orizzontale.*/

/*html {
    overflow-x:hidden;
}*/


/*inizio inizio inizio inizio inizio inizio inizio inizio */



@font-face {
    font-family: 'jrhandRegular';
    src: url('jr!ha___-webfont.eot');
    src: url('jr!ha___-webfont.eot?#iefix') format('embedded-opentype'),
         url('jr!ha___-webfont.woff') format('woff'),
         url('jr!ha___-webfont.ttf') format('truetype'),
         url('jr!ha___-webfont.svg#jrhandRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}


div#megaContent{width:960px; margin-left:auto; margin-right:auto; text-align:left;  } 

div#header{width:960px; width:960px; z-index:1; } 

.menu{background:url(images/bgMenu.png) no-repeat; width:960px; height:80px; position:absolute; z-index:100!important;}

.nav{margin-top:40px!important; margin-right:40px; padding:0; }

.nav li{list-style:none; float:right; }

.nav li a{font-weight:bold; color:#FFF; font-size:10px; text-decoration:none; padding-left:5px; padding-right:5px; text-transform:uppercase; }



/*.lingue ul{ margin-left:130px; margin-top:10px;}

.lingue a{color:#FFF; padding-left:5px; padding-right:5px; font-size:1.4em; }

.lingue li{list-style:none; float:left; }

.lingue li.liBord{border-left:1px solid #FFF;}*/

.companyLogo{background:url(images/shadowMenu.png) no-repeat;  position:absolute; z-index:120!important; color:#000; margin-left:28px; width:320px; }

.companyLogoInterno{background:url(images/shadowMenu.png) no-repeat;  position:absolute; z-index:120!important; color:#000; margin-left:28px; width:320px; height:240px; overflow:hidden; }


h1#logo{margin-top:0; margin-bottom:0; text-align:center;}

h1#logo a{
	background: url(images/bgLogo.jpg) no-repeat left top; 
	display: block;
	height: 236px;
	text-indent: -999em;
	width: 295px;
	margin-top:0;
	margin-left:auto!important; margin-right:auto!important;
	
}

.headline{
	position:absolute;
	font-family:'jrhandRegular', Arial, sans-serif;
	color:#9a8d5f;
	text-decoration:none;
	font-size:20px;
	margin-top:170px;
	width:295px;
	margin-left:12px;
	text-align:center;
	
	
}

.intro{width:295px; height:241px; color:#FFF; background: url(images/underLogo.jpg) no-repeat left top; margin-left:auto; margin-right:auto;}

.intro p{line-height:1.6em; width:240px; margin-left:auto; margin-right:auto;}

div#myContent{width:880px; padding: 50px 40px 50px 40px; background: url(images/) no-repeat left top #FFF; } 


div#myContentInterno{width:959px; padding: 0 0 0 0; 
/*background:url(images/bg.png) -200px 100px no-repeat #fff;*/}

div#myContentInternoQuality{width:959px; padding: 0 0 0 0; background:url(images/qualita_05.jpg) 0 238px no-repeat #fff;}

div#myContentInternoPL{width:959px; padding: 0 0 0 0; /*background:url(images/pl_left.jpg) 0 50px no-repeat #fff;*/}

div#myContentInternoST{width:959px; padding: 0 0 0 0; background:url(images/storia_03.gif) 60px 200px no-repeat #fff;}

.heightQuality{height:600px;}

.heightPL{/*height:400px;*/}

.heightST{height:520px;}

.tassello{ background:#FFF; width:432px; margin-bottom:8px; height:120px; }

.Ultimo{ margin-bottom:0!important;}

.tassello p{color:#00437f; font-size:10px; line-height:14px; padding-right:10px; padding-left:152px;}

.tassello img{ margin-right:10px; position:absolute;}

.tassello h4{padding-left:152px;}

.boxTasselli{ padding-right:10px;}

.miniSpace{height:0; font-size:0!important;}

.dettagli{ background: url(images/dettagli.png); position:absolute; margin-left:320px; margin-top:95px; width:97px; height:27px; color:#FFF; text-align:center; text-decoration:none; line-height:21px;}

.galleryHome{background:#FFF; width:428px; height:368px;}

.headerNewsHome{width:100%; text-align:center; border-top:2px solid #b7c0cc; border-bottom:2px solid #b7c0cc; background:#efead7; margin-top:50px; margin-bottom:10px; line-height:30px; color:#001e48; font-weight:bold; font-size:16px;}

.boxNews{float:left; width:270px; margin-right:22px;}

.data{margin-top:0!important; font-size:11px; color:#001e48!important; font-weight:bold;}

.boxNews p{color:#00437f; font-size:12px; line-height:20px;}

p.leggi{width:100%; text-align:right; margin-right:10px!important; }

p.leggi a{font-size:10px; color:#001e48; font-weight:bold; padding-right:10px!important;}



div#footer{width:840px;  background:#001e48; padding:10px 60px 20px 60px; color:#FFF; font-size:11px; line-height:16px; text-align:center; clear:both; } 

div#footer li{list-style:none;}

div#footer li a{color:#FFF; text-decoration:none;}

div#footer li a:hover{color:#FFF; text-decoration:underline;}

.footer1{width:280px; }

.footer2{width:108px; }

.footer3{width:200px; }

.footer4{width:200px; text-align:right;}

.boxMenu2{width:280px;}

.myText{width:600px; padding-left:26px;}

.megaImg{width:960px; height:426px; margin-top:30px;}

.titleText{width:100%; background:#001f4a; padding-top:20px; padding-bottom:20px; margin-bottom:30px;}

.titleText h2{font-size:30px; text-transform:uppercase; line-height:40px; margin:0 0 0 20px!important; color:#FFF!important; }

.myText p{color:#003d75; line-height:20px; padding-left:20px; font-size:14px;}

.myText h2{color:#001d46; margin:20px 0 20px 20px;}

.myText ul{margin-left:40px;  color:#003d75; font-size:14px;}

.myText li{line-height:20px;}



/*--Main  slider--*/
.main_view {
	width:431px;
	position: relative;
	margin-left:auto;
	margin-right:auto;
}
/*--Window/Masking Styles--*/
.window {
	height:368px;
	width: 431px;
	overflow: hidden; /*--Hides anything outside of the set width/height--*/
	position: relative;
	z-index:124;
}
.image_reel {
	position: absolute;
	top: 0; left: 0;
}
.image_reel div.slider {float: left;}

.slider{text-align:right;}
.slider h5{margin-top:230px; font-weight:bold; color:#FFF; text-transdorm:uppercase; width:285px; margin-left:130px; margin-right:15px!important; font-size:14px;}
.slider p{color:#FFF; width:285px; margin-left:130px; margin-right:15px!important; font-size:12px;}

.slider1{width:431px; height:358px; background:url(images/qualita.jpg) no-repeat top;}
.slider2{width:431px; height:358px; background:url(images/ricerca.jpg) no-repeat top;}
.slider3{width:431px; height:358px; background:url(images/salute.jpg) no-repeat top;}
.slider4{width:431px; height:358px; background:url(images/ambiente.jpg) no-repeat top;}
.slider5{width:431px; height:358px; background:url(images/gallery1.jpg) no-repeat top;}

.paging{
		width:120px;
		margin-left:auto;
		margin-right:auto;
		height:20px;
		float:right;
		margin-top:-7px;
		z-index:134;
}

.paging a{background:url(images/sliderButton.png) no-repeat top; width:18px; height:18px; margin-left:5px; display:block; float:left; text-indent:-9999em;  }

.paging a.active{background:url(images/sliderButton_active.png) no-repeat top;  height:20px!important;}


/*--Fine jquery slider--*/


/*--pannellino lingue--*/

.lingue{  position:absolute; z-index:200!important; width:320px; }

#panel {
	background: #003e76;
	height: 60px;
	display: none;
	width:100px;
	margin-left:110px;
	/*padding-top:10px;*/
}
.slide {
	margin: 0;
	padding: 0;
	
	background: url(images/btn-slide.gif) no-repeat center top;
}
.btn-slide {
	background: url(images/language.png) transparent no-repeat center top;
	text-align: left;
	padding-left:55px;
	width: 121px;
	height: 36px;
	margin: 0 auto;
	display: block;
	font: 11px Arial, Helvetica, sans-serif;
	line-height:26px;
	color: #FFF;
	text-decoration: none;
	outline:none;
	outline:0;
	
}

.activePanel {
	background-position: center -36px; /*sposta l'immagine della freccia*/
}

/*--fine pannellino lingue--*/

#panel ul{margin-left:10px; }

#panel li{list-style:none;}

#panel li a{color:#FFF; text-decoration:none; line-height:18px;  padding-left:22px;}

.it{background: url(images/Italy.png) transparent no-repeat 25px 2px;}

.en{background: url(images/England.png) transparent no-repeat 25px 2px;}

.spaceLanguage{height:10px; font-size:0; line-height:0;}


/* center float li */

.navcentre {
margin:10px auto;
display:table!important;
padding:2px;
white-space:nowrap!important;
}
.navcentre ul {
list-style:none;
margin:0;
padding:0;
display:table-row!important;
white-space:nowrap!important;
}

.navcentre ul li{
display:table-cell!important;
}
.navcentre ul a{
color:#FFF;
display:block;
padding-left:10px;
padding-right:10px;
text-decoration:none;
border-right:1px solid #FFF;
}

.navcentre ul a.last2{
display:block;
padding-left:10px;
padding-right:10px;
text-decoration:none;
border-right:none;
}
.navcentre ul a:hover{text-decoration:underline;}

/* fine center float li */



/*menu di secondo livello */
ul.sidemenu {
	padding: 0;
	margin: 0;
	list-style: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:center;
	text-transform:uppercase;
	margin-left:35px;
	margin-top:10px;
	
}

ul.sidemenu li {
	/*margin-bottom:10px;*/
	
}

ul.sidemenu li a {
	text-decoration: none;
	display: block;
	width: 275px; /* dimensione ul -padding laterale -2 !importante fissare la larghezza anche per i padding di ie6 */
	color: #001f4a;
	font-weight: bold;
	padding: 8px 15px 15px 15px;
	/*overflow: hidden; */
	background:url(images/bg_Menu2_2.png) bottom  no-repeat transparent;
	
}

ul.sidemenu li a:hover {
	background-color: #B9BB79;
	color: #EEEEDC;
	background:url(images/bg_Menu2_2_active.png) bottom no-repeat transparent;
}
/*fine menu di secondo livello */


.image_reel a{color:#fff;}


.linkToNews{width:100%; text-align:right; font-weight:bold; font-size:14px; }

.linkToNews a{background:#001e48; color:#FFF; display:block; padding:5px;}

.wp-pagenavi{height:35px; line-height:35px; margin-top:20px; margin-bottom:20px; margin-left:20px;}

.wp-pagenavi span{color:#003D75!important;}

h2 a{color:#001E48!important; }

p.justDate{font-size:11px; margin-top:0;}

.read{float:right;}

.read a{color:#003D75!important;}

.separatoreVuoto{width:100%; border-bottom:1px dotted #003D75; height:15px;}

.boxNews a{color:#001E48!important;}

.separatoreSingle{width:100%; height:30px;}

.breadcrumbs{margin-left:40px; height:30px; line-height:30px;}

.breadcrumbs a{color:#001E48!important;}

.myText a{color:#001F4A;}

small a{color:#001F4A!important; font-size:12px; }

.contact{margin-left:20px;}

.myForm{margin-top:30px; margin-bottom:30px;}

.map{margin-left:20px;}

.siteM{margin-bottom:30px;}

.siteM li a{text-transform:lowercase;}

.wpcf7-submit{padding:5px 10px; border:none; background-color:#001F4A!important; color:#FFF; cursor:pointer; cursor:hand;}

.wpcf7-response-output{color:#001F4A!important; font-size:12px;}

.imgBox{width:218px; margin-left:20px;}

.textBox{width:350px; vertical-align:middle;}

.textBox p{margin-top:10px;}