@charset "utf-8";
/* CSS Document */

body {
    margin:0;
    padding:0;
    background-color:#FFF;
	color:#000;
}

#container {
    width:90%;
    margin:0 auto;
    padding:0;
	max-width:960px;
}

	#header {
		margin:0;
		padding:90px 0 0 230px;
		background-image: url('banner.jpg');
		background-repeat: no-repeat;
		min-height:60px;
	}

	#menu {
		float:left;
		width: 100%;
		padding:10px 0 0 0;
		margin:0;
		text-align:left;
	}
	
		ul.menu{
			margin:0;
			padding:0;
		}
		
			ul.menu li{
				margin:0 1% 0 0;
				padding:0;
				list-style-type:none;
				display:inline;
				text-align:center;
				line-height:1.5em;
			}
		
				ul.menu li a:link, ul.menu li a:visited {
					color:#000;
					text-decoration:none;
				}
				
				ul.menu li a:hover {
					color:#f36c21;
					text-decoration:none;
				}
		
				ul.menu li a.active:link, ul.menu li a.active:visited {
					color:#f36c21;
					text-decoration:none;
				}
				
				ul.menu li a.active:hover {
					color:#808080;
					text-decoration:none;
				}

	#content {
		margin:0;
		padding:3% 0;
		background-color:#FFF;
	}
	
	#content_index {
		margin:0;
		padding:10px 0;
		background-color:#FFF;
		width: 100%;
	}

	#content_index_left {
		margin:0;
		padding:0;
		width: 200px;
	}

	#slideshow {
		float:right;
		width:730px;
		margin:0;
		padding:0;
		background-color:#000;
	}

.galleria { 
	width: 730px; 
	height: 487px; 
	background: #000;
}

		#slideshow .hero {
			padding:0;
			width:100%;
		}

		#content h1 {
			color:#000;
			margin:0;
			padding:0 0 15px 0;
		}

			#content h1 a:link, #content h1 a:visited {
				color:#f36c21;
				text-decoration: none;
			}

			#content h1 a:hover {
				color:#f36c21;
				text-decoration: none;
			}

		#content_index h1 {
			font-size: 100%;
			color:#000;
			margin:0 0 10px 0;
			padding:3px 0;
			border-top: 1px solid #000;
			border-bottom: 3px solid #000;
		}

		#content_index p {
			font-size: 90%;
			margin:0;
			padding:0 0 10px 0;
		}
		
		#content p, #content td {
			margin:0;
			padding:0 0 5px 0;
		}
		
		#content a:link, #content a:visited, #content_index a:link, #content_index a:visited {
			color:#f36c21;
			text-decoration:none;
		}

		#content a:hover, #content_index a:hover {
			color:#808080;
			text-decoration:underline;
		}
		
		#content_index ul, #content ul {
			margin:0 0 0 15px;
			padding:0 0 5px 0;
			list-style-position:inside;
			list-style:disc;
		}
		
		#content_index ol, #content ol {
			margin:0 0 0 20px;
			padding:0 0 5px 0;
			list-style-position:inside;
			list-style:decimal;
		}
			
			#content ul li, #content ol li {
				padding:0 0 5px 0;
			}
		
			#content table.stripes{
				border-top:#D6D6D6 1px solid;
				border-left:#D6D6D6 1px solid;
				border-right:#D6D6D6 1px solid;
			}

			#content table.stripes td{
				border-bottom:#D6D6D6 1px solid;
				background-color:#FFF;
				padding:10px;
			}
			
			#content table.stripes tr.alt td{
				background-color:#FCFCFC;
			}

			#content table.stripes tr.over td{
				background-color:#F7F7F7;
		}

		.image {
			margin:0;
			padding:0;
			border:none;
			outline:none;
		}

		#detail {
			position:relative;
			padding:0;
			margin:0;
		}

			#detail-image {
				float:left;
				width:40%;
				padding:0;
				margin:0;
			}
	
			#detail-text {
				float:right;
				width:57%;
				padding:0;
				margin:0;
			}
			
		#items {
			position:relative;
			width:102%;
			padding:0;
			top:0;
			left:-2%;
		}

			#item {
				vertical-align:top;
				display:inline-block;
				width:23%;
				padding:0;
				margin:0 -4px 0 2%;  /* -4px addresses inline-block bug*/
			}
	
				#image {
					float:left;
					width:100%;
					padding:0;
					margin:0;
				}
	
					.image {
						margin:0;
						padding:0;
						border:none;
						outline:none;
						width:100%;
					}
	
				#text {
					float:left;
					width:100%;
					padding:3% 0;
					text-align:left;
					margin:0;
				}	
							
		#info {
			margin:0;
			padding:0 0 3% 0;
		}
			
	#footer {
		margin:0;
		padding:2% 0;
		border-top: 1px solid #f36c21;
	}
	
		#footer p {
			margin:0;
			padding:0 0 3% 0;
			color:#000;
			float:right;
		}

		#footer a:link, #footer a:visited {
			color:#f36c21;
			text-decoration:none;
		}

		#footer a:hover {
			color:#808080;
			text-decoration:none;
		}

#clear{
	clear:both;
}		

#media{
}

.icon {
	padding:0 3px 3% 0;
	margin:0;
	outline:0;
	border:0;
	opacity:0.5;
    filter:alpha(opacity=50);
    text-decoration: none;
}

#toTop {
	width:100px;
	border:1px solid #CCC;
    background:#fff;
    text-align:center;
    padding:5px;
    position:fixed; /* this is the magic */
    bottom:10px; /* together with this to put the div at the bottom*/
    right:10px;
    cursor:pointer;
    display:none;
    color:#CCC;
    font-size:11px;
}

hr{
	color:#f36c21;	
	border-top:1px solid #f36c21;
	border-bottom:none;
	border-left:none;
	border-right:none;
	outline: none;
}

/* Mobile and Tablet Styles */

@media only screen 
and (min-width : 0px) 
and (max-width : 450px) {


#items {
	width:100%;
	left:0;
}

	#item {
		width:100%;
		margin:0 -4px 0 0;  /* -4px addresses inline-block bug*/
	}

#detail-image {
	width:100%;
}

#detail-text {
	width:100%;
	padding:5% 0 0 0;
}

#media{
	clear:both;
	float:right;
}

#footer {
	padding:4% 0;
}

	#header {
		margin:0;
		padding:90px 0 0 0;
		background-image: url('banner.jpg');
		background-repeat: no-repeat;
		min-height:60px;
	}

	#menu {
		float:left;
		width: 100%;
		padding:50px 0 0 0;
		margin:0;
	}

	#content {
		clear:both;
		margin:0;
		padding:0;
		background-color:#FFF;
	}	


	#content_index_left {
		display: none;
	}


	#slideshow {
		float:left;
		width:300px;
	}

.galleria { 
	width: 300px; 
	height: 200px; 
}

}

@media only screen 
and (min-width : 451px) 
and (max-width : 800px) {


#item {
	width:31.333333%;
}

	#header {
		margin:0;
		padding:90px 0 0 0;
		background-image: url('banner.jpg');
		background-repeat: no-repeat;
		min-height:60px;
	}

	#menu {
		float:left;
		width: 100%;
		padding:50px 0 0 0;
		margin:0;
	}

	#content {
		clear:both;
		margin:0;
		padding:10px 0;
		background-color:#FFF;
	}	

#media{
	clear:both;
	float:right;
}


	#content_index_left {
		display: none;
	}

	#slideshow {
		float:left;
		width:300px;
	}

.galleria { 
	width: 300px; 
	height: 200px; 
}

}

@media only screen 
and (min-width : 801px) 
and (max-width : 1050px) {

	#content_index_left {
		display: none;
	}

	#slideshow {
		float:left;
		width:600px;
	}

.galleria { 
	width: 600px; 
	height: 400px; 
}

}