/*
	COLORS
 
	Dark Blue 			#222438
	Medium Blue			#959db5
	Light Blue	 		#c9d5e1
	Dark Blue Links		#1a4a6a
	
*/

body {
	font-size: 30px;
	font-size: 3rem;
	text-align: center;
	background-color: #FFF;
	
}

h1 {
	font-size: 180px;
	font-size: 18rem;
	margin: 0;
}

p {
	width: 80%;
	margin: 20px auto;
	margin: 2rem auto;
	line-height: 1.2;
}

a, a:visited {
	color:  #000;
	font-weight: bold;
	text-shadow: none;
	font-family: "Courier New", Courier, monospace;
}

small {
	line-height: 1;
	font-style: italic;
	font-size: 20px;
	font-size: 2rem;
	
}

.download {
	padding-left: 15px;
	padding-left: 1.5rem;
}

.pro-tip {
	display: block;
	padding: 20px;
	padding: 2rem;
	
}

pre {
	font-size: 18px;
	font-size: 1.8rem;
}

blockquote {
	text-align: left;
	width: 70%;
	margin: 10px auto;
	margin: 1rem auto;
	background: #fff;
	padding: 0 40px;
	padding: 0 4rem;
	border-radius: 6px;
	border-radius: .6rem;
}

code {
	font-style: normal;
	padding-left: 5px;
	padding-left: .5rem;
}

/*----------------------------------------  HEADER  */

#header {
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10;
	background-repeat:no-repeat;
	background-position:center 20px;
	padding-top:2%;
	opacity: .9;
	font-weight: normal;
	background-color: #FFF;
}


#powered {
	padding-bottom: 20px;
}

.nav-button {
	text-decoration: none;
	color:  #100;
	font-size: 20px;
	font-size: 2rem;
	font-style: normal;
	font-family: "Courier New", Courier, monospace;
}
.nav-buttonCopia {
	text-decoration: none;
	color:  #100;
	font-size: 20px;
	font-size: 2rem;
	font-style: normal;
	font-family: "Courier New", Courier, monospace;
}
#dove {
	text-align: center;
	font-size: 36px;
	float: left;
	padding-left: 9%;
	padding-bottom: 50px;
}
.mappa {
	float: left;
	font-size: 23px;
	height: 50%;
	width: 60%;
	font-family: "Courier New", Courier, monospace;
	color: #666;
	margin-top: 26%;
	margin-right: 10%;
	margin-bottom: 10%;
	margin-left: 15%;
}

.casella {
	float: left;
	font-size: 23px;
	height: 50%;
	width: 80%;
	font-family: "Courier New", Courier, monospace;
	color: #666;
	margin-top: 26%;
	margin-right: 10%;
	margin-bottom: 10%;
	margin-left: 15%;
}

.testodownlod {
	float: left;
	font-size: 23px;
	height: 55%;
	width: 60%;
	font-family: "Courier New", Courier, monospace;
	color: #333;
	margin-top: 26%;
	margin-right: 10%;
	margin-bottom: 10%;
	margin-left: 15%;
}
#liberiG {
	background-image: url(../img/giardini.jpg);
	width: 90%;
	float: left;
	height: 15%;
	background-repeat: no-repeat;
	margin-top: 1%;
	margin-left: 5%;
}
#testorovine {
	background-image: url(../img/rovine.png);
	width: 90%;
	float: left;
	height: 15%;
	background-repeat: no-repeat;
	margin-top: 1%;
	margin-left: 5%;
}
#fotogiardino {
	background-image: url(../img/fotogiardino.jpg);
	background-repeat: no-repeat;
	background-position: left;
	float: left;
	height: 70%;
	width: 60%;
	margin-left: 5%;
	margin-top: 2%;
}

#fotorovine {
	background-image: url(../img/fotorovine.jpg);
	background-repeat: no-repeat;
	background-position: left;
	float: left;
	height: 70%;
	width: 60%;
	margin-left: 5%;
	margin-top: 2%;
}
#fotoslide {
	float: left;
	height: 80%;
	width: 60%;
	margin-left: 5%;
	margin-top: 3%;
	background-repeat: no-repeat;
}

.current, a.nav-button:hover {
	color:#b11e26;
	font-family: "Courier New", Courier, monospace;
}

#resize-graphic {
	position: fixed;
	bottom: 0;
	right: 0;
	opacity: .6;
}
#dove1 {
	width: 20%;
	height: 100%;
	padding-top: 45%;
	padding-left: 31%;
	font-family: "Courier New", Courier, monospace;
}

#fotolab {
	float: none;
	height: 100%;
	width: 100%;
	margin-left: 0%;
	margin-top: 0%;
	background-repeat: no-repeat;
	background-image: url(../img/labweb.jpg);
}

/*----------------------------------------  SLIDES  */

.slide {
	margin: 0 auto;
	width: 100%;
	margin-top: 30px;
	padding: 120px 0;
	padding: 12rem 0;
	height: 40rem;
	background-color:#FFF;
}
.calendario {
	background-image: none;
	float: left;
	width: 25%;
	margin-top: 5%;
	height: 100%;
}
.storyboardcont {
	padding-top: 2%;
}

#title {
	line-height: .8;
}
.titoli8 {
	color: #c00;
	font-family: "Courier New", Courier, monospace;
	font-weight: bold;
	font-size: 24px;	

		
}
.titoli7 {
	color: #C00;
	font-family: "Courier New", Courier, monospace;
	font-size: 25px;
	padding-bottom: 8%;
	padding-top: 5%;
	font-weight: bold;
}

#author {
	width: 75%;
	font-size: 20px;
	font-size: 2rem;
	margin: 0 auto;
	padding-bottom: 20px;
	padding-bottom: 2rem;
	text-align: right;
	font-style: italic;
	font-family: Helvetica, "Helvetica Neue", Arial, sans-serif;
}

.twitter-follow-button {
	position: relative;
	top: 8px;
	left: 4px;
}

#animations {
	padding-top: 70px;
	padding-top: 7rem;
	height: 480px;
	height: 48rem;
}

#examples h1 {
	padding-bottom: 20px;
	padding-bottom: 2rem;
}

#examples, #examples p, #credits {
	line-height: .8;
}

#examples p {
	padding-top: 20px;
}

#credits a {
	padding-right: 3px;

}


/*----------------------------------------  evidenza*/


.evidenza {
	width:  25%;
	height: 260px;
	align: right;
	float: left;
	margin-top: 4%;
}

.freccia1 {
	width:  30%;
	height: 260px;
	align: right;
	float: left;
	background-image: url(../img/freccia.jpg);
}






/*------------------------  BASE-REM SIZING  */


@media (min-width: 1401px) {
	html {
		font-size: 12px;
	}
}

@media (max-width: 1400px) {
	html {
		font-size: 11px;
	}
}

/* target screen width  */
@media (max-width: 1280px) {
	html {
		font-size: 10px;
	}
}
	
@media (max-width: 1160px) {
	html {
		font-size: 9px;
	}
}
	
@media (max-width: 1040px) {
	html {
		font-size: 8px;
	}
}
	
@media (max-width: 920px) {
	html {
		font-size: 7px;
	}
}
	
@media (max-width: 800px) {
	html {
		font-size: 6px;
	}
}
	
@media (max-width: 680px) {
	html {
		font-size: 5px;
	}
}
	
@media (max-width: 560px) {
	html {
		font-size: 4px;
	}
}
	
@media (max-width: 440px) {
	html {
		font-size: 3px;
	}
}

@media (max-width: 320px) {
	html {
		font-size: 3px;
	}
}
#titolo {
	font-size: 20px;
	padding-bottom: 10px;
}



a{
	color: #B11D2B;
	font-family: "Courier New", Courier, monospace;
}
#outer_container{margin:30px auto; width:800px; background:#fff;}
#thumbScroller{position:relative; margin:auto;}
#thumbScroller{width:700px;}
#thumbScroller, #thumbScroller .container, #thumbScroller .content{height:180px;}
#thumbScroller{overflow:hidden;}
#thumbScroller .container{position:relative; left:0;}
#thumbScroller .content{width:210px; float:left;}
#thumbScroller .content div{ height:100%; ;}
#thumbScroller img{border:5px solid #fff;}
.centrale {
	height: 300px;
	width: 50%;
	float: left;
	margin-top: 60px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	text-decoration: none;
	text-align: justify;
}


#chisiamo {
	width: 50%;
	float: left;
}
#nastro {
	background-image: url(../img/nastro.jpg);
	padding-top: 10px;
	width: 90%;
	height: 20%;
	float: left;
	background-repeat: no-repeat;
	padding-left: 10%;
	background-position: 20%;
}
.titol02 {
	width: 100%;
	text-align: left;
	padding-left: 18%;
	font-family: "Courier New", Courier, monospace;
	font-weight: bold;
	color: #000;
}
.testochisiamo {
	width: 80%;
	padding-top: 15px;
	font-size: 15px;
	text-align: justify;
	padding-bottom: 20px;
	padding-left: 10%;
	font-family: "Courier New", Courier, monospace;
}
.blog {
	width: 100%;
	height: 500px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFF;
	border-right-color: #FFF;
	border-bottom-color: #FFF;
	border-left-color: #FFF;
}
.cornicemappa {
	float: right;
	height: 80%;
	background-image: url(../img/cornicemappa.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width: 30%;
	margin-top: 1%;
	font-size: 20px;
}

.cornicecasella {
	float: right;
	height: 100%;
	background-image: url(../img/cornicecasella.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width: 30%;
	margin-top: 1%;
	font-size: 20px;
}

.cornicecasella1 {
	float: right;
	height: 100%;
	background-image: url(../img/cornicecasella.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width: 30%;
	margin-top: 1%;
	font-size: 20px;
}

.download {
	float: right;
	height: 70%;
	background-image: url(../img/download);
	background-repeat: no-repeat;
	background-position: center bottom;
	width: 30%;
	margin-top: 3%;
	font-size: 20px;
}
.testogiardini {
	font-size: 15px;
	width: 27.5%;
	height: 100%;
	float: left;
	margin-top: 2%;
	margin-left: 5%;
	text-align: justify;
	font-family: "Courier New", Courier, monospace;
}
.botton {
	float: right;
	width: 5%;
	height: 5%;
}

.botton2 {
	float: right;
	width: 13%;
	height: 5%;
	margin-right: 1%;
	
}
.menuuu {
	margin-left: 10%;
}
#melogranini {
	background-image: url(../img/melogranini.jpg);
	height: 5%;
	width: 100%;
	padding-top: 2%;
	background-repeat: repeat-x;
	background-position: bottom;
	padding-bottom: 1%;
}




   
    

    #slides {
      display: none
    }

    #slides .slidesjs-navigation {
      margin-top:3px;
    }

    #slides .slidesjs-previous {
      margin-right: 5px;
      float: left;
    }

    #slides .slidesjs-next {
      margin-right: 5px;
      float: left;
    }

    .slidesjs-pagination {
      margin: 6px 0 0;
      float: right;
      list-style: none;
    }

    .slidesjs-pagination li {
      float: left;
      margin: 0 1px;
    }

    .slidesjs-pagination li a {
      display: block;
      width: 13px;
      height: 0;
      padding-top: 13px;
      background-image: url(img/pagination.png);
      background-position: 0 0;
      float: left;
      overflow: hidden;
    }

    .slidesjs-pagination li a.active,
    .slidesjs-pagination li a:hover.active {
      background-position: 0 -13px
    }

    .slidesjs-pagination li a:hover {
      background-position: 0 -26px
    }

    #slides a:link,
    #slides a:visited {
      color: #333
    }

    #slides a:hover,
    #slides a:active {
      color: #9e2020
    }

    .navbar {
      overflow: hidden
    }
 
    #slides {
	display: none;
	margin-top: 5%;
    }

    .container {
	height: 50%;
	width: 70%;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 3%;
    }
.indirizzo {
	font-family: "Courier New", Courier, monospace;
	font-size: 20px;
	text-align: left;
	float: right;
	padding-right: 5%;
	padding-top: 3%;
}