/* Awesome Stylesheet */


/* Normalising */
/*------------------------*/
body {-webkit-font-smoothing: antialiased;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6 { font-size: 100%;}
ol, ul { list-style: none; }
table { border-spacing: 0; }
fieldset, img { border: 0; }
caption, th { text-align: left; }


/* Basic Stuff */
/*------------------------*/

abbr, acronym, .help { font-style: italic; cursor: help; }
a { outline: none; color: black; text-decoration: none;}
a:hover {text-decoration: underline;}
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { zoom: 1; }
.clearer { clear: both; }


/* Application Layout */
/*------------------------*/

body { 
	background: url("../images/body_bg.jpg") repeat-x top #d1d1d2;
	font: 80%/1.5em "DINOTRegular", "Lucida Grande", "Segoe UI",  Arial, Verdana, sans-serif; 
	min-width: 940;
	min-height: 720px; 
	height: 100%;
	color: black;
	}
	
#spacer {
	height:100%;
	min-height:720px;
	min-width:920px;
	position:absolute;
	width:100%;
}	
	
#container {
	position: absolute;
	width: 900px;
	height: 720px;
	left: 50%;
	top: 50%;
	margin-left: -450px;
	margin-top: -360px;
}

h1.insilva_logo {
	text-indent: -10000px;
	width: 156px;
	height: 66px;
	background: url("../images/insilva_logo_small.png");
}
	h1.insilva_logo a {
		display: block;
		height: 100%;
	}



/* Content */
/*------------------------*/


#content {
	
}

	#content img {
		display: none;
	}

	.description {
		position: absolute;
		top: 100px;
		left: 70px;
		width: 230px;
		padding: 15px;
		background: rgb(255, 255, 255); /* The Fallback */
		background: rgba(255,255,255,0.65);
		font-size: 110%;
		z-index: 10;
	}
	
		.description a {
			text-decoration: underline;
		}
		
		.description_upper {
			cursor: pointer;
			position: absolute;
			bottom:0;
			left:0;
			width: 230px;
			padding: 15px;
			background: rgb(255,255,255); /* The Fallback */
			background: rgba(255,255,255,0);
			color: rgb(47,19,2);
			font-size: 110%;
			z-index: 10;
			
			-webkit-border-bottom-right-radius: 10px;
			-webkit-border-bottom-left-radius: 10px;
		   -khtml-border-bottom-right-radius: 10px;
		-khtml-border-bottom-left-radius: 10px;
		    -moz-border-radius-bottomright: 10px;
		-moz-border-radius-bottomleft: 10px;
		    border-bottom-right-radius: 10px;
		border-bottom-left-radius: 10px;
		}

			.description_upper a {
				text-decoration: underline;
				color: rgb(136,189,63);
			}
			
			.description_upper h1 {
				
				text-transform: uppercase;
				font-size: 170%;
				color: white;
				line-height: 1.5em;
				
				
			}
			
			
			.tweet_content {}
			
			.logo_twitter {width:32px; height: 32px; background-image: url(../images/logo_twitter.png); repeat: none;}
			.logo_twitter:hover {width:32px; height: 32px; background-image: url(../images/logo_twitter2.png); repeat: none;}

	.art_info {
		position: absolute;
		right: 0;
		top: 55px;
		text-align: right;
		z-index: 10;
	}
		.art_info li {
			background: white;
			margin: 0 0 15px 0;
			padding: 10px 20px 10px 20px;
			float: right;
			clear: right;
		} 
		
		.art_info h2 {
			font-weight: normal;
			text-transform: uppercase;
			font-size: 200%;
			margin: 5px 0 0 0 ;
		}
		.art_info h1 {
			font-weight: normal;
			font-size: 170%;
			font-family: 'DINOTRegularItalic';
		}
		.art_info a {
			font-family: 'DINOTRegularItalic';
			font-size: 110%;
			text-decoration: underline;
		}
		
/* Static Content */
/*------------------------*/		
		
.static_content {
	position: absolute;
	right: 15px;
	top: 45px;
	text-align: right;
	z-index: 10;
	text-transform: uppercase;
	font-size: 170%;
	color: white;
	line-height: 1.5em;
	text-shadow: 0 0 5px #000;
}
	.static_content p {
		margin: 0 0 10px 0;
	}
	
	.static_content a {
		color: white;
		text-decoration: underline;
	}

	.static_content h1 {
		font-family: 'DINOTMedium';
		font-weight: normal;
		margin: 0 0 10px 0;
	}

/* nav */
/*------------------------*/

.nav {
	width: 740px;
	margin: 20px auto 0 auto;
}

.link_index {
	font-family: 'DINOTBold';
	text-transform: uppercase;
	float: left;
}

.nav_main {
	margin: 0 0 0 70px;
}

	.nav_main li {
		float: left;
		margin: 0 10px;
	}
	.nav_main li.active a {
		text-decoration: underline;
	}
	
	
.nav_sup {
	float: right;
	text-transform: uppercase;
}
	.nav_sup li {
		float: right;
		margin: 0 0 0 20px;
	}
	
	.nav_sup li.active a {
		text-decoration: underline;
	}
	
	
	
/* carousel */
/*------------------------*/
	

.jcarousel-container-horizontal {
		
	width: 880px;
	height: 560px;
	border: 10px solid white;
	box-shadow: 0 0 10px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 0 10px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.2);
	-o-box-shadow: 0 0 10px rgba(0,0,0,0.2);
	position: relative;
}


.jcarousel-clip-horizontal {
  height: 560px;
	width: 880px;
}

.jcarousel-item {
	width: 880px;
  height: 560px;
	position: relative;
}



/**
*  Horizontal Buttons
*/
.jcarousel-next-horizontal {
   position: absolute;
   bottom: 25px;
   right: 25px;
   width: 46px;
   height: 46px;
   cursor: pointer;
   background: transparent url(../images/next-horizontal.png) no-repeat 0 0;
}

.jcarousel-next-horizontal:hover {
   background-position: 0 -46px;
}

.jcarousel-next-horizontal:active {
   background-position: 0 -92px;
}

.jcarousel-next-disabled-horizontal,
.jcarousel-next-disabled-horizontal:hover,
.jcarousel-next-disabled-horizontal:active {
   cursor: default;
   background-position: 0 -138px;
}

.jcarousel-prev-horizontal {
   position: absolute;
   bottom: 25px;
   left: 25px;
   width: 46px;
   height: 46px;
   cursor: pointer;
   background: transparent url(../images/prev-horizontal.png) no-repeat 0 0;
}

.jcarousel-prev-horizontal:hover {
   background-position: 0 -46px;
}

.jcarousel-prev-horizontal:active {
   background-position: 0 -92px;
}

.jcarousel-prev-disabled-horizontal,
.jcarousel-prev-disabled-horizontal:hover,
.jcarousel-prev-disabled-horizontal:active {
   cursor: default;
   background-position: 0 -138px;
}	






	
/* Fonts */
/*------------------------*/

@font-face {
	font-family: 'DINOTRegularItalic';
	src: url('../fonts/dinot-regularitalic-webfont.eot');
	src: local('☺'), url('../fonts/dinot-regularitalic-webfont.woff') format('woff'), url('../fonts/dinot-regularitalic-webfont.ttf') format('truetype'), url('../fonts/dinot-regularitalic-webfont.svg#webfontIjvsDa1o') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'DINOTBold';
	src: url('../fonts/dinot-bold-webfont.eot');
	src: local('☺'), url('../fonts/dinot-bold-webfont.woff') format('woff'), url('../fonts/dinot-bold-webfont.ttf') format('truetype'), url('../fonts/dinot-bold-webfont.svg#webfontO3poS0pA') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'DINOTMedium';
	src: url('../fonts/dinot-medium-webfont.eot');
	src: local('☺'), url('../fonts/dinot-medium-webfont.woff') format('woff'), url('../fonts/dinot-medium-webfont.ttf') format('truetype'), url('../fonts/dinot-medium-webfont.svg#webfontX4D1LPir') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'DINOTRegular';
	src: url('../fonts/dinot-regular-webfont.eot');
	src: local('☺'), url('../fonts/dinot-regular-webfont.woff') format('woff'), url('../fonts/dinot-regular-webfont.ttf') format('truetype'), url('../fonts/dinot-regular-webfont.svg#webfontQhkubOHa') format('svg');
	font-weight: normal;
	font-style: normal;
}