/* MacchinePerLaPasta.css */



/* Partial CSS reset */

html, body, div, span, applet, object, iframe,

p, blockquote, pre,

dl, ol, ul, li,

fieldset, form, label, legend,

article, aside, canvas, details, figcaption, figure, 

footer, header, hgroup, menu, nav, section, summary,

time, mark, audio, video {

	margin: 0;

	padding: 0;

	border: 0;

	outline: 0;

	font-size: 100%;

	font: inherit;

	vertical-align: baseline;

}

/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure, 

footer, header, hgroup, menu, nav, section {

	display: block;

}

body {

	line-height: 1;

}

ol, ul {

	list-style: none;

}

blockquote, q {

	quotes: none;

}

blockquote:before, blockquote:after,

q:before, q:after {

	content: '';

	content: none;

}



/* remember to highlight inserts somehow! */

ins {

	text-decoration: none;

}

del {

	text-decoration: line-through;

}



table {

	border-collapse: collapse;

	border-spacing: 0;

}



/*begin menu styles*/



body {

	font: 20px/1.6em 'PT Sans', sans-serif ;;

	color: #1c1c1c;

}



p,

ul {

	margin: 0 0 1.4em;

}



ul {

	list-style: disc;

	padding: 0 0 0 20px;

}



a {

	color: #cc0000; cursor: pointer; 

}





/*layout*/



.wrapper {

}





article {

	border-bottom: 1px solid #d8d8d8;

	padding: 5px 20px 0 40px;

	margin: 5px 0;

}



/*header*/



header {

	

 

       background: url(foto/ENG.png)   no-repeat; 

	padding: 87px 20px; height: 0px; color: #1c1c1c;

     

}



		/*shorter clearfix http://nicolasgallagher.com/micro-clearfix-hack/*/

		header:before,

		header:after {

		    content:"";

		    display:table;

		}

		

		header:after {

		    clear:both;

		}

		

		/* For IE 6/7 (trigger hasLayout) */

		header {

		    zoom:1;

		}





a.bold {

font-size: 12px;

  

text-decoration: none;



font-weight:bold;





font-family: "Lucida Grande", Verdana, Arial, sans-serif;

}

  





a.bold a:hover,  a:hover {

 text-decoration: Underline; 

	

}













.logo a {

	color: #fff;

	text-decoration: none;

	font-weight: bold;

	text-transform: uppercase;

	font-size: 22px;

	line-height: 45px;

	float: left;



	letter-spacing: 0.1em;

}



a.to_nav {

	float: right;

	color: #fff;

	background: #4e4e4e;

	text-decoration: none;

	padding: 0 10px;

	font-size: 12px;

	font-weight: bold;

	line-height: 45px;

	height: 45px;

	text-transform: uppercase;

	letter-spacing: 0.1em;

	

}



a.to_nav:hover,

a.to_nav:focus {uyy

	color: #1c1c1c;

	background: #ccc;

}

	

/*navigation*/	



#primary_nav ul {

	list-style: none;

	background: #B83737;

	padding: 5px 0;

}



#primary_nav li a {

	display: block;

	padding: 0 20px;

	color: #fff;

	text-decoration: none;

	font-weight: bold;

	text-transform: uppercase;

	letter-spacing: 0.1em;

	

	line-height: 2em;

	height: 2em;

	border-bottom: 1px solid #383838;

}



#primary_nav li:last-child a {

	border-bottom: none;

}



#primary_nav li a:hover,

#primary_nav li a:focus {

	color: #F5FFFA;

	background: #960018;

}



/*footer*/



footer {

	font-family: 'PT Serif', serif;

	font-style: italic;

	text-align: center;

	font-size: 14px;

}



/*media queries*/

       @media only screen and (min-width: 1068px) {

		body {background:#ffe6e6  no-repeat center top;  

background-attachment: fixed;}

			a.to_nav {

				display: none;

			}

		

			

			.wrapper {

				position: relative;

				width: 1030px;

				margin: auto; background:#FFFFFF;

			}

			

			#primary_nav {

				position: absolute;

				top: 84px;

				right: 10px;

				background: none;

			}

			

			#primary_nav li {

				display: inline;

			}

			

			#primary_nav li a {

				float: left;

				border: none;

				padding: 0 10px;

				

				border-radius: 2px;

			}

			

			#primary_nav li.top {

				display: none;

			}

	

		}







/*Specific formatting*/



h1{

	font-family:'Helvetica', Arial, sans-serif;

	font-size:32px;

	color:#3a3a3a;

	font-weight:normal;

	margin-bottom:20px;

}



h2 {

	

	padding:5px;

	color:#3D3D3D;

	font-size:26px;

	

	

	margin: 20px;

	margin-top: 40px;

	margin-bottom: 10px;

	font-style: italic;







}

h3 {

	

margin: 5px;

	margin-top: 0px;

	margin-bottom: 5px;

	padding:5px;

	font-size:16px;

	font-weight:normal;

	

		

 border-width: 1px 1px 1px 1px;

 border-style: solid;

 border-color:  red ;

}

}



h4 {

	

	font-size:16px;

	color:#3a3a3a;

        font-weight:normal;

	margin-top:10px;

}



h5 {

	

	font-size:22px;

	color:#3a3a3a;

	font-weight:bold;

	margin-top:5px;

        margin-bottom:0px;



}

h6 {

	

	font-size:12px;

	color:#3a3a3a;

	font-weight:bold;

	margin-top:5px;

        margin-bottom:0px;



}

h7 {

	

	
	font-size:16px;
	color:#3a3a3a;
        font-weight:normal;
	margin-top:10px;



}

ha {

	

	font-size:14px;

	color:#3a3a3a;

	font-weight:bold;

	margin-top:5px;

        margin-bottom:0px;



}



.video-responsive {

position: relative;

padding-bottom: 56.25%;

padding-top: 35px;

height: 0;

overflow: hidden;

}

.video-responsive iframe {

position: absolute;

top:0;

left: 0;

width: 90%;

height: 90%;

}



		



/*INIZIO paragrafi orizzontali*/



#notizie {

	

	

	margin:0 auto;

	padding: 0px;

	text-align: left;

}

#italia {

  padding: 0;

  margin: 5px; 

}

#italia li {

border: 5px solid #e3e3e3;

 

  

  display: inline-block;

  width:  100%;

background:#e3e3e2;

   margin-top: 20px;

  

}

#italia li  p {

  padding: 5px 5px 0 5px;

  margin: 0;

 

}



a.ver:link     { color: #fff; text-decoration: none; }

a.ver:visited  { color: #fff; text-decoration: none; }

a.ver:hover    { color: #fff; text-decoration: underline;}



 .pippo { background:#0B610B;

	padding:5px;

	color:#fff; 

margin: 5px;

	margin-top: 0px;

	margin-bottom: 5px;





}

#colSxHome{width:402px;height:384px;float:left;cursor:pointer}



/*fine paragrafi orizzontali*/









#primoaudio  {

 

  border: 1px solid #333333;

  display: inline-block; padding:3px;

  text-align: center;  

 

margin:45px 0px 20px 0px;   

line-height:10px; 

background-image: url(../immagini/ascolta-mp3.jpg); 

width:100%; height:100%;

 background-color: #fff; 

}

#audio { 

  height:35px; width:100%;

}





img {

	float: left;

	margin-right:10px;



}



    @media only screen and (max-width: 599px) {

        img.fotoit {

            max-width: 100%;

            height: auto !important; 

        }

    }



.tablefl

{

	width: 100%; 

	overflow-y: auto;

	_overflow: auto;

	 margin: 0  0 1em;

}















	



.bottomClear{

	clear:right;

	margin-bottom:15px;

}







.link{

  margin-top:40px;

  background:#0a0909;

  color:#fff;

  text-align:center;

  letter-spacing: 0.1em;

font-size:12px;



}





.corsivodx{

  margin-top:10px;



  color:#fff;

  text-align:right;

  font-style:italic;

font-size:10px;



}



.footer{

	margin-top:7px;

  float:right;

}



.active {

  background:#B83737; cursor: text; }



.underactive {

  background:#B83737; }



.fade {

opacity: 1;

transition: opacity .25s ease-in-out;

-moz-transition: opacity .25s ease-in-out;

-webkit-transition: opacity .25s ease-in-out;

}

 

.fade:hover {

opacity: 0.5;

}