@charset "UTF-8";
/* COLPACK - CSS Document */
@import url('jquery.lightbox-0.5.css');
/*Global reset*/
html, body, div, span, applet, object, iframe, table, caption, tbody, tfoot, thead, tr, th, td, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, dl, dt, dd, ol, ul, li, fieldset, form, label, legend {
	vertical-align:baseline;
	font-family:inherit;
	font-weight:inherit;
	font-style:inherit;
	font-size:100%;
	outline:0;
	padding:0;
	margin:0;
	border:0;
}
ol, ul {
	list-style: none;
}
a, a:visited {
	color:#999;
	text-decoration:none;
}
a:hover {
	color:#d4021d;
	text-decoration:none;
}
/*Start styles definition*/
h3 {
	font-size:22px;
	color:#d4021d;
	font-weight:bold;
	text-transform:uppercase;
	padding-bottom:10px;
}
h4 {
	font-size:16px;
	color:#FFF;
	font-style:italic;
	padding:5px 0;
}
span.redStrong {
	color:#d4021d;
	font-weight:bold;
}
/*Start layout definition*/
body {
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
body.intro {
	background-color:#D2041C;
}
/***** LANG ******/
#lang {
	display:table-cell;
	position:fixed;
	z-index:10;
	top:0;
	right:3%;
	width:90px;
	height:27px;
	padding-top:5px;
	/**************/
	font-size:11px;
	color:#FFF;
	font-weight:bold;
	text-align:center;
	background:url(../graphics/lang_bg.png) no-repeat;
}
#lang a {
	color:#FFF;
}
#lang a:hover {
	color:#000;
}
/***** MAIN IMAGES ******/
#mainImage {
	width:100%;
	height:100%;
	position:fixed;
}
#mainImage img {
	width:100%;
	height:100%;
	position:absolute;
	z-index: -2;
}
.gridTile {
	width:100%;
	height:100%;
	position:absolute;
	z-index:1;
	background:url(../graphics/tile_grid.png) repeat;
}
/***** DESCRIPTION ******/
#contentStrip {
	position:absolute;
	z-index:2;
	top:0;
	left:50%;
	width:850px;
	height:100%;
	min-height:700px;
	margin-left:-425px;
	/*******************/
	background:url(../graphics/tile_white_transp.png) repeat;
}
#contentStrip #logoColpack {
	position:fixed;
	z-index:3;
	top:0;
	left:0;
}
#contentStrip #contributes {
	width:240px;
	padding:20px;
	float:left;
}
#contentStrip #contributes .boxContribute {
	position:relative;
	z-index:100;
	padding:0 0 10px 0;
}
#contentStrip #contributes .boxContribute span {
	font-size:11px;
	font-weight:bold;
}
#contentStrip #contributes .boxContribute #slideGallery {
	width:240px;
	height:160px;
	overflow:hidden;
}
#contentStrip #contributes .boxContribute #slideGallery ul{
	width:240px;
}
#contentStrip #contributes .boxContribute #slideGallery ul li{
	width:240px;
	height:160px;
}
/*#contentStrip #contributes img {
	border:#CCC 2px solid;
}
#contentStrip #contributes img.mini {
	margin:4px 4px 0 0;
}*/
#contentStrip #description {
	padding:20px 30px;
	width:500px;
	float:left;
}
#contentStrip #description p {
	padding:0 0 10px 0;
	color:#333;
	font-size:12px;
}
#contentStrip #description span.path {
	color:#FFF;
	font-size:12px;
	font-weight:bold;
	padding:5px 10px;
	background:url(../graphics/tile_menu.png) repeat 0 -1px;
}
#contentStrip #description p a {
	color:#000;
	font-size:12px;
	font-weight:bold;
}
#contentStrip #description p a:hover {
	color:#d4021d;
}
#contentStrip #paragraph {
	padding-right:10px;
}
/***** MENU ******/
#menu {
	position:fixed;
	z-index:11;
	bottom:25px;
	left:0px;
	width:100%;
	height:40px;
	background:url(../graphics/tile_menu_2.png) repeat;/*float:left;*/
	text-align:center;
}
ul#nav {
	display:block;
	margin:0 auto;
	width:900px;
	/*position:absolute;
	top:0;
	left:50%;
	margin-left:-445px;
	width:890px;
	padding-left:10px;*/
	overflow:hidden;
	text-align:center;
}
ul#nav li {
	float:left;
	position:relative;
}
ul#nav li a {
	display:block;
	padding:10px 20px;
	height:30px;
	/****************/
	color:#FFF;
	font-size:15px;
	font-weight:bold;
	text-align:center;
	text-transform:uppercase;
}
ul#nav li a:hover {
	background:url(../graphics/bgMenu_hover.png) repeat-x;
}
.selected {
	background:url(../graphics/bgMenu_hover.png) repeat-x;
}
/***** FOOTER ******/
#footer {
	position:fixed;
	z-index:12;
	bottom:0;
	left:0;
	width:100%;
	height:15px;
	padding:5px 0;
	background-color:#FFF;
}
#footer p {
	color:#999;
	font-size:11px;
	text-align:center;
}
/*********************************************** INTRO_PAGE ****/
#logoStrip {
	position:absolute;
	z-index:2;
	top:0;
	left:0;
	width:100%;
	min-width:980px;
	height:500px;
	background:#FFF;
}
#logoStrip #logoIntro {
	position:absolute;
	z-index:3;
	top:20%;
	left:0;
	width:100%;
	margin:0 auto;
	text-align:center;
}
#logoStrip #switchLang {
	position:absolute;
	z-index:3;
	bottom:10%;
	left:50%;
	width:980px;
	margin-left:-490px;
	text-align:center;
}
#logoStrip #switchLang .langBox {
	padding:0 25px;
	float:left;
}
#logoStrip #switchLang .langBox img.flag {
	padding:10px;
}
#logoStrip #switchLang .langBox a {
	color:#000;
	font-size:13px;
	font-weight:bold;
	text-transform:uppercase;
}
#logoStrip #switchLang .langBox a:hover {
	color:#d4021d;
}
/********************/
a#videoStart {
	position:absolute;
	z-index:999;
	bottom:30px;
	left:0;
	width:auto;
	height:5px;
	padding:5px 10px 15px 10px;
	background:url(../graphics/tile_black_transp.png) repeat;
	cursor:pointer;
	/************/
	color:#FFF;
	font-size:11px;
	font-weight:bold;
}
#bannerVideo {
	position:relative;
	z-index:100;
	width:240px;
	height:160px;
	background-color:#000;
}
#videoBtn {
	padding:10px 0 0 0;
}
#videoWrp {
	display:none;
	position:absolute;
	z-index:200;
	width:100%;
	height:100%;
	min-height:600px;
	/*background:url(../graphics/tile_black_transp.png) repeat;*/
	background:#000;
}
#videoWrp #videoStage {
	position:absolute;
	z-index:20;
	width:700px;
	height:400px;
	top:50%;
	left:50%;
	margin-top:-200px;
	margin-left:-350px;/*border:#FFF 3px solid;*/
}
#videoWrp #videoStage #videoIn {
	position:absolute;
	z-index:10;
	width:700px;
	height:400px;
	background-color:#000;
}
#videoWrp #videoStage #closeVideoBtn {
	position:absolute;
	z-index:20;
	bottom:0;
	right:0;
	width:100%;
	height:20px;
	background:url(../graphics/tile_black_transp.png) repeat;
}
#videoWrp #videoStage #closeVideoBtn a {
	display:block;
	color:#FFF;
	font-size:11px;
	text-align:right;
	padding:3px 5px 0 0;
}
/*********************************************** WHERE_PAGE / CONTACT_PAGE ****/
#contentStrip #miniDescription {
	padding:20px 30px;
	width:250px;
	float:left;
}
#contentStrip #miniDescription p {
	padding:0 0 10px 0;
	color:#333;
	font-size:12px;
}
#contentStrip #miniDescription span.path {
	color:#FFF;
	font-size:12px;
	font-weight:bold;
	padding:5px 10px;
	background:url(../graphics/tile_menu.png) repeat 0 -1px;
}
#contentStrip #miniDescription p a {
	color:#000;
	font-size:12px;
	font-weight:bold;
}
#contentStrip #miniDescription p a:hover {
	color:#d4021d;
}
#contentStrip #paragraph {
	padding-right:10px;
}
/******** ONLY FOR WHERE_PAGE *********/
#map {
	margin:20px;
	width:480px;
	height:300px;
	overflow:hidden;
	border:#DEDEDE 1px dotted;
	float:left;
}
/******** ONLY FOR CONTACTS_PAGE *********/
#form {
	font-size:12px;
	padding:25px;
}
#form p.mail{
	margin:10px 0;
}
/*********************************************** NEWS PAGE ****/
#contnews{
	width:760px;
	overflow:hidden;
}
#description #contnews .box-news{
	padding:10px;
	margin:10px 0;
	overflow:hidden;
	border-bottom:#CCC 1px dotted;
}
#description #contnews .box-news p.title-news{
	color:#000;
	padding:0;
}
#description #contnews .box-news p.date-news{
	padding:5px 0;
	font-size:11px;
}
#description #contnews .box-news .desc-news{
	width:530px;
	padding:10px 0 0 10px;
	float:left;
}
#description #contnews .box-news .desc-news p{
	font-size:11px;
}
#description #contnews .box-news p.down-pdf{
	padding:10px 10px 5px 0;
	float:left;
}
