/* Reset
------------------------------------------------------------ */
* { margin: 0; padding: 0; }
html { overflow-y: scroll;}
body { background:#ffffff; font-size: 14px; color: #666666; font-family: Verdana, Arial, Helvetica, sans-serif;}
ol, ul { list-style: none; margin: 0;}
ul li { margin: 0; padding: 0;}
A:link { COLOR: #003333; TEXT-DECORATION: none;}
A:hover { COLOR: #009933; TEXT-DECORATION: underline;}
A:hover img { opacity: .5; filter: alpha(opacity=50);}
A:visited {COLOR: #003333; TEXT-DECORATION: none;}
aside { font-size: 0.9em;}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section { 
    display: block;
	}

/* Nav-Menu */	
p { margin: 0 0 10px;}
 .toggle, [id^=drop] {
 display: none;
}
nav {
  margin: 0;
  padding: 0;
  background-color: #ffffff;
}

nav:after {
  content: "";
  display: table;
  clear: both;
}

nav ul {
  float: none;
  padding: 0;
  margin: 0;
  list-style: none;
  position: relative;
}

nav ul li {
  margin: 0px;
  display: inline-block;
  float: left;
  background-color: #ffffff;
}

nav a {
	display: block;
	padding: 0 5px;
	color: #6666CC;
	font-size: 14px;
	font-weight: bold;
	line-height: 30px;
	text-decoration: none;
}

nav ul li ul li:hover { background: #ffffff; }

nav a:hover { background-color: #ffffff; }

nav ul ul {
  display: none;
  position: absolute;
  top: 30px;
}

nav ul li:hover > ul { display: inherit; }

nav ul ul li {
  width: 350px;
  float: none;
  display: list-item;
  position: relative;
}

nav ul ul ul li {
  position: relative;
  top: -60px;
  left: 170px;
}

li > a:after { content: ''; }

li > a:only-child:after { content: ''; }

/* Fonts */

h1 {
	margin-bottom: 10px;
	font-size: 24px;
	color: #FFFFFF;
	background-color: #b4e28e;
	padding-left: 10px;
	border-radius: 10px 10px 10px 10px;
}
h2 {
	margin-bottom: 10px;
	color: #FFFFFF;
	font-size: 28px;
	background-color: #B7B7FF;
	padding-left: 10px;
	border-radius: 10px 10px 10px 10px;
}
h3 { 	
	margin-bottom: 5px;
	font-size: 20px;
	color: #6666CC;}
h4 { 	
	margin-bottom: 10px;
	font-size: 24px;
	font-style: italic;
	color: #FFFFFF;
	background-color: #B7B7FF;
	padding-left: 10px;
	border-radius: 10px 10px 10px 10px;}
h5 { 	
	margin-bottom: 5px;
	font-size: 16px;
	color: #003333;
	padding-left: 10px;
	border: 2px solid #b4e28e;
	border-radius: 10px 10px 10px 10px;}
h6 { 	
	margin-bottom: 10px;
	font-size: 22px;
	color: #003333;
	padding-left: 10px;
	border: 1px solid #b4e28e;
	border-radius: 10px 10px 10px 10px;}
.testata {
	font-size: 14px;
	color: #003333;
	border: 1px solid #b4e28e;
	border-radius: 10px 10px 10px 10px;
	text-align: center;
	font-weight: bold;
}	
.testoartG {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-style: normal;
	color: #666666;
	text-align: justify;
}

.testoartGC {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: italic;
	color: #2C2C2C;
	text-align: justify;
}

.titoloAzienda {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-style: normal;
	color: #4646C1;
	font-weight: normal;
}
.testo01 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	color: #333333;
	text-align: justify;
}
.azi {
	font-size: 12px;
	color: #FFFFFF;
	background-color: #B7B7FF;
	border-radius: 10px 10px 10px 10px;
	font-weight: bold;
}
.dateofferte {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #000066;
	font-weight: bold;
}
.prezzoR {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	color: #CC0000;
	font-weight: bold;
}
.segue01 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #003333;
	font-weight: bold;
}
.titolim01 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 19px;
	font-style: normal;
	color: #003333;
	font-weight: bold;
}
.testopiccolon {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	color: #000000;
}
.testoG { 	
	margin-bottom: 5px;
	font-size: 18px;
	color: #6666CC;
	}
.menuM {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	text-decoration: none;
	font-weight: bold;
	color: #666699;
}

/* Struttura */
#wrapper {
	width: 95%;	
	max-width: 998px;
	margin: auto;
	padding: 2%;
	}
#contenit {
	position: relative;
	width: 100%; /* necessari (usa le dimensioni che vuoi) */
	height: 190px;
	overflow: hidden;
	}
#contenit img {
	position: absolute;
	left: 0px; /* regola le dimensioni */
	top: -70px;
	}
	#main {
		width: 60%;
		margin-top: 10px;
		float: right;
		}
	#main2 {
		width: 60%;
		margin-top: 10px;
		float: right;
		}		
		
	aside {
		width: 35%;
		margin-top: 10px;
		margin-right: 5%;
		float: left;
		}
	#testata {
		width: 100%;
		margin-top: 10px;
		margin-bottom: 20px;
		float: left;
		}
	#testata img {
		max-width: 100%;
		}
	spiede {
		width: 35%;
		margin-top: 10px;
		float: left;;
		}
	#piede {
		width: 100%;
		margin-top: 10px;
		margin-bottom: 20px;
		float: left;
		}
	#piede img {
		max-width: 100%;
		}
	#azzur {
	float: left;
	width: 100%;
	margin-bottom: 3px;
	}

	#azzur img {
		width: 100%;
		}
	#itinerari {
	float: left;
	width: 100%;
	margin-bottom: 6px;
	}

	#itinerari img {
		width: 100%;
		}
	#imgresp img {
		width: 100%;
		}
	#imgresp2 img {
		width: 95%;
		}
	#imgresp3 img {
		width: 95%;
		height: 180px;
		}
	rictab {
		width: 49%;
		float: right;
		}
	ricimm {
		width: 48%;
		margin-right: 3%;
		float: left;
		}
	intero {
		width: 100%;
		float: left;
		}
	input[type=text] {
	width: 90%;
	padding: 4px 10px;
	margin: 8px 0;
	background-color: #b4e28e;
	font-size: 14px;
	border: 1px dotted #003333;
	font-family: Verdana, Geneva, sans-serif;
	}
	
	label {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	color: #003333;
	font-weight: bold;
	}
	input[type=password] {
	width: 90%;
	padding: 4px 10px;
	margin: 8px 0;
	background-color: #DDDDFF;
	font-size: 14px;
	border: 1px dotted #6666CC;
	font-family: Verdana, Geneva, sans-serif;
	}
	.flex {width: 100%}

/* Logo H1 */
header h1 {
	height: 90px;
	width: 260px;
	float: left;
	display: block;
	background: url(../images/logorcp.png) 0 0 no-repeat;
	text-indent: -9999px;
	}
#box-link { 
		position: absolute; 
		top: auto; 
		left: 212px; 
		width: 250px; 
		height: 30px; 
		background-color: transparent; 
		}
		
/* Nav */
header nav {
	float: right;
	margin-top: 70px; 
	}
	
	header nav li {
		display: inline;
		margin-left: 15px;
		}

#skipTo {
	display: none;
	}
	#skipTo li {
		background: #b1fffc;
		}

/* Banner */			
#banner {
	float: left;
	margin-bottom: 5px;
	width: 100%;
	}

	#banner img {
		width: 100%;
		}


/* Media Queries */
@media screen and (min-width: 1025px) {
#wrapper {
	width: 100%;	
	max-width: 70%;
	margin: auto;
	padding: 2%;
	} 
}

@media screen and (max-width: 1025px) {
#box-link { 
		position: absolute; 
		top: auto; 
		left: 100px; 
		width: 250px; 
		height: 30px; 
		background-color: transparent; 
		}
}

@media screen and (max-width: 767px) {
		
.menuM {
	font-size: 14px;
	line-height: 40px;
}

#contenit {
	width: 100%;
	}
#contenit img {
	width: 100%;
	}
	
	#box-link { 
		position: absolute; 
		top: auto; 
		left: 75px; 
		width: 250px; 
		height: 30px; 
		background-color: transparent;
		}
	
	header nav, nav, #main, #main2, aside, spiede, ricimm, rictab {
		float: left;
		clear: left;
		margin: 0 0 10px; 
		width: 100%;
		}	
		nav { margin: 5; }

.toggle + a,
 .menu { display: none; }

.toggle {
  display: block;
  background-color: #b4e28e;
  padding: 0 20px;
  color: #FFF;
  font-size: 18px;
  line-height: 40px;
  text-decoration: none;
  border: none;
  border-radius: 10px 10px 10px 10px;
}

.toggle:hover {
	background-color: #579326;
}

.togglem1 + a,
 .menu { display: none; }

.togglem1 {
  display: block;
  background-color: #b4e28e;
  padding: 0 20px;
  color: #FFF;
  font-size: 18px;
  line-height: 40px;
  text-decoration: none;
  border: none;
  border-radius: 10px 10px 10px 10px;
}

.togglem1:hover {
	background-color: #579326;
}
.togglem2 + a,
 .menu { display: none; }

.togglem2 {
  display: block;
  background-color: #AA93CE;
  padding: 0 20px;
  color: #FFF;
  font-size: 18px;
  line-height: 40px;
  text-decoration: none;
  border: none;
  border-radius: 10px 10px 10px 10px;
}

.togglem2:hover {
	background-color: #D1C5E4;
}

[id^=drop]:checked + ul { display: block; }
nav ul li {
  display: block;
  width: 90%;
}

nav ul ul .toggle,
 nav ul ul a { padding: 0 40px; }

nav ul ul ul a { padding: 0 80px; }

nav a:hover,
 nav ul ul ul a { background-color: #ffffff; }

nav ul li ul li .toggle,
 nav ul ul a {
	background-color: #E8E8FF;
}

nav ul ul {
  float: none;
  position: static;
  color: #ffffff;
}

nav ul ul li:hover > ul,
nav ul li:hover > ul { display: none; }

nav ul ul li {
  display: block;
  width: 100%;
}

nav ul ul ul li { position: static;

}
.testo01 {
	line-height: 1.8em;
	font-size: 1.2em;
}
.testopiccolon {font-size: 14px;}
.testata {font-size: 12px;}
}

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

#box-link { 
		position: absolute; 
		top: auto; 
		left: 47px; 
		width: 250px; 
		height: 30px; 
		background-color: transparent; 
		}
label {	font-size: 14px;}
.testopiccolon {font-size: 12px;}
h1 { font-size: 16px; line-height: 30px;}
h6 { font-size: 16px; line-height: 30px;}

}