/**
* CSS
* 
* @version 1.0
* @author Vaska 
* @author Gregory Cadar
*/

body {
	font-size: 12px;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	background: #fff;/*#999999;*/
	margin-left: 30px;      
	overflow-x: hidden;
}
.section_title {
	border-bottom: 1px solid #ccc;
}

a:link { text-decoration: none; color: #999999; }
a:active { text-decoration: none; color: #000; }
a:visited { text-decoration: none; color: #999999; }
a:hover { text-decoration: none; color: #b1b1b1; }

a img { border: none; }


#menu {
	display: inline;
   	width: 380px;
	font-size: 14px;
	position: absolute;
}

#menu ul {
	list-style: none;
	padding: 0px;
	/*text-transform: uppercase;*/
}


#img-container img{
	/*max-width: 100%;*/
}


#content {
	top:0px;
	left: 380px;
	display: inline;
	width: 600px;
	position: absolute;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 14px;
	color: #666;
}

h1 { font-size: 32px; }
h2 { font-size: 24px; }
h3 { font-size: 16px; }
h4 { font-size: 12px; }

#img-content	{ margin: 0; padding: 0; width: 400px;}

#footer {
	position: fixed;
	bottom: 5px;
	left: 5px;
	font-size: .75em;
}

.nav #next, .nav #prev{
	font-size: 28px;
}

.active {
	/*font-size:1.3em;*/
/*	background-color:#999999;*/
	font-weight:bold;
/*	text-decoration: underline;*/
	color: #000;
}

#menu ul li {
	display: none;
}

#menu ul li.section-title {
	cursor: pointer;
}

#menu .arrow {
	width: 10px;
	height: 10px;
	display: inline-block;
	background: url(../img/arrow.gif) no-repeat 0px 3px;
}

#menu .parent .arrow, #menu .showMenu .arrow  {
	background-position: 2px -21px;
}

#menu ul li.section-title,#menu .parent li {
	display: block;
}


#menu .showMenu li {
	display: block;
}

./*nav-lang {
	top: 30px;
}

.lg {
	top: 60px;
	display: none;
}


.nav-lang, .lg {
	float: right;
	clear: both;
	
	position: absolute;
	left: 100%;
	right: 10px;
	margin: auto;
	width: 280px !important;
}*/

.text-content {
	display: block;
	clear: both;
}

.lg {
	top: -20px;
	position: relative;
	display: none;
}

.right {
	/*float: right;*/
	position: relative;
	top: 20px;
	/*right: 30px;*/
/*	width: 260px;
	clear: both;*/
	/*margin-right: 10px;
	left: 100%;*/
	
}

.right .lg {
	/*width: 260px !important;*/
}

#img-container .pics img {
	/*max-width: 520px;*/
}

.active a:visited {
	color: #999999;
	text-shadow:#000;
}

.active a:active {
	color: #999999;
	text-shadow:#000;
}

.active a:link {
	color: #999999;
	text-decoration: none;
	text-shadow:#000;
}

.active a:hover {
	color: #999999;
	text-decoration: none;
	text-shadow:#000;
}    


@media only screen and (min-width : 300px) and (max-width : 688px){
	#img-container img {
	   /*max-width: 280px;*/
	}
}       

@media only screen and (min-width : 688px) and (max-width : 900px){
	#img-container img {
	   /*max-width: 400px;*/
	}
}    

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	#img-container img {
	   /*max-width: 580px;*/
	}
}


@media only screen and (min-width : 1024px) and (max-width : 1280px){
	#img-container img {
	  /* max-width: 790px;*/
	}
}

@media only screen and (min-width : 1280px) and (max-width : 1500px){
	#img-container img {
	   /*max-width: 980px;*/
	}
}

@media only screen and (min-width : 1500px) and (max-width : 1900px){
	#img-container img {
	  /* max-width: 1100px;*/
	}
}

@media only screen and (min-width : 1900px) and (max-width : 2100px){
	#img-container img {
	   /*max-width: 1280px;*/
	}
}

@media only screen and (min-width : 2100px){
   	#img-container img {
	   /*max-width: 1400px;*/
	}  
}