@charset "utf-8";

/* ---^--- CSS Document by Kalo \m/--(-_-)--\m/ ---^--- 2012 V1.2 ---^---  \m/--(-_-)--\m/ */

*{margin:0px;padding:0px;outline:none;border:0px;word-wrap:break-word;position:relative;}

html{}

body{
/*
	-webkit-font-smoothing:antialiased;
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust:100%;
	font-family:arial;
	-webkit-user-select:none;
    -webkit-touch-callout:none;
	*/
	font-family: 'Ubuntu', sans-serif;
}

article,aside,figure,figcaption,footer,header,hgroup,section,nav,time,details,summary{display:block;}/*HTML5 set display to new elements*/
ul, ol{list-style-type:none}
article ul,article ol{list-style-type:disc;margin:20px 0px 20px 20px}
article ol{list-style-type:decimal}
article ul ul, article ul ol, article ol ol, article ol ul {margin:5px 0px 5px 20px;}
a{text-decoration:none;cursor:pointer}
a:hover{text-decoration:underline}
address{font-style:normal}
button::-moz-focus-inner,input::-moz-focus-inner{padding:0}/* Fix for odd Mozilla border & padding issues */
input[type="submit"],
button{cursor:pointer;*overflow:visible;width:auto;padding:1px 5px}/* ie6/7 fix set standart button */
input:invalid {-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none}/* disable html5 validation red border (delete this if you dont need it!!!) */
textarea{resize:none;overflow:auto;vertical-align:top}
button, input, select, textarea {*vertical-align:middle}
button, input {line-height:normal}
legend{*margin-left:-7px;padding:0;white-space:normal}
.sub .ul_visible { display: block; z-index:999;}/* --- Clear Tools --- */
.clear{clear:both;height:0px;width:100%;display:block}
.cfix:after, .cfix:before{content:" ";display:block;height:0;visibility:hidden}
.cfix:after{clear:both}
.cfix{zoom:1}
/* --- CSS3 TOOLS --- */
.trans{transition:all 0.3s linear;-webkit-transition:all 0.3s linear;-moz-transition:all 0.3s linear;-o-transition:all 0.3s linear}
/* --- FONTS --- */
@font-face {
	font-family: 'ubuntu-r-webfont';
	src: url('../fonts/ubuntu-r-webfont.eot');
	src: url('../fonts/ubuntu-r-webfont.eot?#iefix') format('embedded-opentype'), 

	url('../fonts/ubuntu-r-webfont.ttf') format('truetype'), 

	url('../fonts/ubuntu-r-webfont.woff') format('woff'),	url('../fonts/ubuntu-r-webfont.svg') format('svg');
}
/* --- COMMENTS AND FEEDBACKS ---==============================================================================
==============================================================================
*/
/*===================================  SETS ===================================*/
#main{
	height:100%;
}

#bgr_image{
	position:fixed;
	z-index:-10;
	width:100%;
	height:100%;
}
/*===================================  END SETS ===================================*/
.float-left-button {
	float:left!important;
}

.float-right {
	float:right!important;
	margin-top: 3px!important;
}

#bodyMenu li a:hover div.txt {
	text-decoration: underline!important;
}

ul#bodyMenu li a {
	color: white;
}
ul#bodyMenu li a:hover {
	color: #DFAB0C;
}

ul#bodyMenu li.active > a {
	color: #DFAB0C;
}

ul#bodyMenu li.active a.short {
	color: white!important;
}
/*=================================== HEADER ===================================
*/
#head{
	height:35px;
	width:100%;
	background:#24211c;
	position:fixed;
	z-index:100;
}
#head > nav{
	float:left;
}
.ieFix #head > nav{
	width:850px;
	background:#24211c;
}
#openMenu{
	display:none;
	color:#fff;
	font-size:14px;
	font-family: 'Ubuntu', sans-serif;
	padding:8px 0 10px 0;
	text-align:center;
	height:16px;
}
.ieFix #topMenu{
	display:block!important;
	width:800px;
}
#topMenu > li{
	float:left;
	color:#fff;
	height:100%;
	padding-left:15px;
	font-size:13px;
	position:relative;
}
#topMenu > li > .subBgr{
	display:none;
}
#topMenu > li > a{
	display:block;
	padding:10px 5px 0;
	height:25px;
	color:#fff;
	font-family: 'Ubuntu', sans-serif;
	text-transform:uppercase;
	position:relative;
	z-index:10;
}

#topMenu > li > a.active {
	color:#24211C;
	background:url(../img/menus.jpg) repeat-x;
	text-decoration:none;
}


.sub{
	padding-top:2px;
	position:absolute;
	left:0px;
	width:300px;
	z-index: 1;
	display:none;
}
.sub.ul_visible{	display:block;}
.sub > li{
	position:relative;
    float: left;
    height: 18px;
    padding: 5px 0 5px 15px;
}
.sub > li .subBgr,

#topMenu > li > .subBgr,

#options > .subBgr,

.article > .subBgr,

#foot> .subBgr{

	position:absolute;
	width:100%;
	height:100%;
	opacity: 0.65;
	filter:alpha(opacity=65);
	background:#24211c;
	z-index:1;
	top:0;
	left:0;
	zoom:1;
}
.ieFix #options > .subBgr{
	display:none;
}
.sub > li.last{
	padding-right:60px;
}
.sub > li > a{
	display:block;
	color:#fff;
	font-family: 'Ubuntu', sans-serif;
	font-size:13px;
	position:relative;
	z-index:10;
}
.sub > li > a:hover,
.sub li a.active2,
#openMenu:hover,
.sub > li > a.active,
.favorite > span > a:hover{
	color:#dfab0c;
	text-decoration:none;
}

.sub.ul_visible{
	display:block;
}
#head > div{
	float:right;
	padding-top:10px;
	height:25px;
}
#log{
	float:left;
	padding:0 20px 0 15px;
	background:url('../img/log.png') no-repeat;
	line-height:10px;
	color:#fff;
	height:15px;
}
#log.log{
	background-position: 0px -1px;
}
#log.reg{
	background-position: -1px -26px;
}
#log > a{
	color:#fff;
	font-family: 'Ubuntu', sans-serif;
	font-size:12px;
}
#langs{
	float:left;
	padding:0 50px 0 0;
}
#langs,#langs > ul > li{
	float:left;
	margin-top:-1px;
}
#langs > ul > li > a{
	color:#fff;
	font-family: 'Ubuntu', sans-serif;
	font-size:11px;
	display:block;
	padding:2px 3px;

	border:1px solid #24211C;
}
#langs > ul > li > a:hover,
#langs ul li a.active {
	background:url(../img/lang.png) repeat-x;
	color:#24211C;
	text-decoration:none;
	border:1px solid #7d6514;
}
/*=================================== END HEADER ===================================*/
/*=================================== CONTENT ===================================*/
.ie7 input{
	margin-left:-5px;
}
.content{
	width:100%;
	position:relative;
	padding-bottom:15px;
	height:100%;
}
#left{
	float:left;
	position:relative;
	margin-top:35px;
	z-index:8;
}
#options{
	position:fixed;
	width:220px;
	top:200px;
	left:0;
	float:left;
	zoom:1;
	z-index:2;
}
.ieFix #options{
	background:url(../img/iebg.png) repeat;
}
#options.articPage{
	top:128px;
}
#options > figure{
	margin:0 auto;
	width:200px;
	position:relative;
	z-index:2;
	padding-top:10px;
}
#bodyMenu{
	padding:5px 10px;
	position:relative;
	z-index:10;
}
#bodyMenu > li{
	color:#fff;
	font-family: 'Ubuntu', sans-serif;
	font-size:13px;
	border-bottom:1px dotted #fff;
	padding:5px 0 5px 5px;
	display:block;
	cursor:pointer;
	position:relative;
}
#bodyMenu > li.last{
	border-bottom:none;
}
#bodyMenu > li:hover,#bodyMenu > li.active {
	color:#dfab0c;
}

#bodyMenu li a:hover {
    color: #ffffff!important;
    text-decoration: underline!important;
}

#bodyMenu li a:hover div {
	text-decoration: underline!important;
}
.short{
	left:100%;
	position:absolute;
	width:236px;
	z-index: 100;
	display:none;
	top:-24px;
	padding-left:10px;
	height:80px;
	color:#fff;
}
.holder {
	border:1px solid #dfab0c;
	border-left:5px solid #dfab0c;
	height:76px;
	background:#24211c;
}
.holder   img{
	float:left;
	position:relative;
	z-index:2;
	margin:0px 5px 0px 0px;
}
.holder  > .txt{
	float: left;
    font-size: 11px;
    height: 61px;
    line-height: 15px;
    margin-top: 6px;
	margin-left:5px;
    overflow: hidden;
    position: relative;
    text-indent: 0;
    width: 220px;
    z-index: 2;
}
.genArrow{
	border-bottom: 7px solid transparent;
    border-right: 7px solid #dfab0c;
    border-top: 7px solid transparent;
    display: block;
    float: left;
    height: 0;
    left: 3px;
    margin: 0;
    position: absolute;
    top: 31px;
    width: 0;
}

.acord{
	width:90%;
	margin:10px auto;
	
}
.acord > h2{
	background-color:#DFAB0C;
	padding:5px;
	font-size:14px;
	color:#fff;
	border-top:1px solid #fff;
	position:relative;
}

.acord > h2:after{
    background: none repeat scroll 0 0 transparent;
    border-color: transparent transparent transparent #FFFFFF;
    border-image: none;
    border-style: solid;
    border-width: 8px;
    content: " ";
    height: 0;
    position: absolute;
    right: 10px;
    top: 5px;
    width: 0;
}

.acord > h2.Isopen:after{
    border-color:#FFFFFF  transparent transparent transparent;
	top:10px;
   
}

.acord > h2:first-child{
	border-top:0px solid #fff;
}
.showMe{
	display:none;
	padding:5px;
	font-size:12px;
	color:#fff;
}

.article{
	position:relative;
	/* width:420px; */
	width: 60%;
	float:left;
	margin:32px 0 50px 270px;
	z-index:1;
}
.article form{
	width:390px;	
}

.article > h1{
	position:relative;
	z-index:2;
	color:#fff;
	background:url(../img/titleGR.jpg) repeat-x;
	font-size:25px;
	padding:15px;
	height:30px;
}
.favorite{
	position:relative;

	z-index:2;

}

.favorite > span{

	display:block;

	float:right;

	padding:1px 20px 5px 15px;

	background:url(../img/fav.png) no-repeat 0 0;

}

.favorite > span > a{

	color:#fff;

	font-size:11px;

	display:block;

}

.favorite > span > a:hover{

	

}



.article > .text{

	position:relative;

	z-index:2;

	color:#fff;

	font-size:12px;

	padding:15px;

}

.article > .text img{
	max-width:95%;
	height:auto;
	padding:5px;
}



/* RIGHT COLUMN */



#right{

	width:218px;

	position:relative;

	background:url(../img/rcol.png) no-repeat;

	position:fixed;

	right:0;

	top:35px;
	
	z-index:1002
}
.ieFix #right{
	display:block!important;
}
#right header img{
	display:block;
	margin:20px auto;
}
.show_hide{
	 background: url("../img/hidearrow.png") no-repeat scroll 0 0 transparent;
    height: 22px;
    left: -20px;
    position: absolute;
    top: 11px;
    width: 22px;
	cursor:pointer;
	
	z-index: 100000;
}
.show_hide.hidPos{
	background-position:-32px 0px;
}
#favorites{
	height:160px;
	position:relative;
	z-index:2;
	width:100%;

	overflow:hidden;

}



#fav_list{

	position:absolute;

	top:0;

	width:100%;
}
#fav_list > li{
	height:20px;
	float:left;
	clear:both;
	width:100%;
	overflow: hidden;
}

#fav_list > li:hover{

	background:#dfab0c;

}

#fav_list > li > a{

	display:block;

	color:#fff;

	font-size:12px;

	padding:1px 0px;

	text-indent:10px;

	float:left;

	max-width:80%;

}

#fav_list > li > span.remove{

	display:block;

	width:20%;

	float:right;

	background:url(../img/remove.png) no-repeat 50% 50%;

	height:20px;

	display:none;
	
	cursor: pointer;

}







#favorites+footer{

	padding:5px 10px;

}



.viewMore{

	color:#dfab0c;

	font-size:12px;

	display:none;

}

.viewMore.prev{

	float:left;

	

}

.viewMore.next{

	float:right;

}



#botBGR{

	position:absolute;

	top:540px;

	background:#24211c;

	opacity:0.65;

	filter:alpha(opacity=65);

	width:100%;

	zoom:1;

	z-index:1000;
	min-height:100px;
}





/* CONTACT PAGE */

.contactInfo,

#contact,

#logIn,

#registration,

.stForm{

	position:relative;

	z-index:2;

	padding:15px;

	color:#fff;

}

.contactInfo > h2{

	font-size:13px;

	padding-bottom:2px;

}

.contactInfo > address{

	font-size:12px;

}

.contactInfo > address p{

	padding-bottom:2px;

}



#contact legend{

	font-size:12px;

	padding-bottom:4px;

}

#contact label,

#logIn label,

#registration label,

.stForm label{

	font-size:12px;

	padding-bottom:4px;

	clear:both;

	display:block;

}

.req, .error{

	font-size:12px;

	color:#dfab0c;

}





#contact input,

#logIn input,

#registration input,

.stForm input{

	width:390px;

	height:22px;

	text-indent:5px;

	line-height:22px;

	*display:inline;

}







.formDiv{

	padding-bottom:8px;

}

.formDiv > p{

	font-size:12px;

}





.formDiv.tz > div.t{

	float:left;

	width:180px;

}

.formDiv.tz .error{
	display:block;
}

#contact .formDiv.tz > div.t input{

	width:185px;

}







.formDiv.tz > div.z{

	float:right;

	width:185px;

}



.skinSelect{

    height: 22px;

	position:relative;

}



.skinSelect > div{

	background:url(../img/selArrow.png) no-repeat  166px 8px #FFFFFF;

    height: 22px;

    padding-right: 30px;

    padding-top: 0;

    width: 155px;

	color:#24211c;

	font-size:12px;

	line-height:22px;

	text-indent:5px;
	overflow:hidden;
}



.skinSelect  select{

	background:none;

	border:0;

	width:185px;

	height:22px;

	padding-top:3px;

	position:absolute;

	opacity:0;

	filter:alpha(opacity=0);

	top:0px;

	left:0;

}



#contact textarea{

	width:390px;

	height:120px;

	

}

.secondf{
	margin-bottom:8px
}

.submit,.lb{
	background:#dfab0c;
	font-size:12px;
	color:#fff;
	float:right;
	width:100px;
	height:22px;
	font-weight:bold;
	text-align:center;
	display:block;
}

.lb{
	line-height:23px;
}

.cntext{
	display:block;
	margin-top:-4px;
}

.ieFix .cntext{
	margin-top:0px;
	line-height:18px;
}

/* LOGIN PAGE */

.lb{

	float:left;

	margin-top:8px;

} 

.check{

	background:url("../img/check.png") no-repeat scroll 0 0 transparent;

    cursor:pointer;

    display:block;

    float:left;

    height:0;

    overflow:hidden;

    padding-top:21px;

    width:21px;

}



.check.selected{

	background-position:0 -30px;

}



.remember{

	float:left;

}



#logIn .remember .check{

	float:left;

	margin-right:10px;

}

#logIn .remember label{

	float:left;

	clear:none;

	line-height:20px;

	

}



.fp{

	text-decoration:underline;

	display:block;

	float:left;

	margin-top:10px;

	color:#fff;

	font-size:13px;

}

.fp:hover{

	color:#dfab0c;

}



/* REGISTER PAGE */

#registration legend,

.stForm legend{

	font-size:11px;

	padding-bottom:5px;

}



#capcha{

	float:left;

	width:82px;

	height:22px;

	background:#fff;

}



#registration  #capchaText,

.stForm #capchaText{

	float:left;

	width:82px;

	height:22px;

}



#reload{

	background:url("../img/reload.png") no-repeat 0 0 transparent;

    display:block;

    float:left;

    height:19px;

    width:20px;

	margin:0 10px;

	cursor:pointer;

}

#reload:hover{

	transform: rotate(180deg);

	-ms-transform: rotate(180deg); /* IE 9 */

	-webkit-transform: rotate(180deg); /* Safari and Chrome */

	-o-transform: rotate(180deg); /* Opera */

	-moz-transform: rotate(180deg); /* Firefox */

}

/* 

=================================== END CONTENT =================================== 

*/





/* 

^---^ ^---^ ^---^ ^---^ ^---^ ^---^ --- FOOTER --- ^---^ ^---^ ^---^ ^---^ ^---^ ^---^

*/

#foot{

	height:25px;

	width:100%;

	position:fixed;
	background:#000;
	bottom:0;
	z-index:10000

}

.ieFix #foot{

	/* position:absolute!important; */

} 





.bottomInfo{

	color:#fff;

	font-size:10px;

	text-transform:uppercase;

	position:relative;

	z-index:2;

	padding:7px 0 0 20px;

	line-height:11px;

	

	

}

.bottomInfo img{

	float:left;

	margin-right:5px;

}

/* 

^---^ ^---^ ^---^ ^---^ ^---^ ^---^ ---END FOOTER --- ^---^ ^---^ ^---^ ^---^ ^---^ ^---^

*/







/* Table of Contents

==================================================

    #Tablet (Portrait)

    #Mobile (Landscape)

	#Mobile (Portrait)

    #Clearing */













/* #Tablet (Portrait)

================================================== */

/* Note: Design for a width between 768px and 959px */

@media only screen and (min-width: 768px) and (max-width: 959px) {

	#topMenu > li{

		padding-left:5px;

		font-size: 11px;

	}

	.article{

		width:320px;

		margin-left:230px;

	}
	
	.article form{
		width:290px;	
	}

	#options{

		width:200px;

	}

	#options > figure{

		padding-top:5px;

		width:190px;

	}

	#options > figure img{

		width:190px;

		height:auto;

	}

	

	#right header img{

		max-width:100%;

	}

	/*contact*/

	#contact legend,

	#contact input, 

	#logIn input, 

	#registration input, 

	.stForm input ,

	#contact textarea{

		width:290px;

	}

	.formDiv.tz > div.t{

		padding-bottom:8px;

	}

	.formDiv.tz > div.t,

	.formDiv.tz > div.z{

		width:290px;

		clear:both;

		float:none;

	}

	#contact fieldset{

		margin-bottom:10px;

	}

	#registration .submit,

	#fpas .submit,

	#edit .submit,
	.submit, .lb{

		float:left;

		margin-top:20px;

	}

	

	

}



/* #Mobile (Landscape)

================================================== */

/* Note: Design for a width between 480px and 767px */



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

	/*---HEADER---*/

	

	#head{height:61px;position:absolute;}

	#head > div

	{

		float:none;

		margin:0 auto;

		position:relative;

		left:50%;

		float:left;

		clear:both;

		

	}

	#head > nav{

		clear:both;

		float:none;

		width:480px;

		margin:0 auto;

		position:relative;

	}

	#head > div{

		height:15px;

	}

	#head > div > div

	{

		position:relative;

		left:-50%;

		clear:both;

	}

	

	#langs{

		padding:0;

	}

	#openMenu{

		margin:0 auto;

		text-align:center;

	}
	
	#topMenu{

		position:absolute;

		width:180px;

		display:none;

		left:150px;

	}

	#topMenu > li{

		float:none;

		padding-left:0;

		text-align:center;

	}

	#topMenu > li .subBgr{

		display:block;

		

	}

	#openMenu{

		display:block;

		clear:both;

	}

	.sub{

		position:relative;

		width:auto!important;

		left:0!important;

	}

	

	.sub > li, .sub > li.last{

		float:none;
		padding:6px 0;
		text-align:center;
		position:relative;
		z-index:1000;

	}

	
	.sub > li > a{
		display:block;
		padding-top:5px;
		height:21px;
		position:relative;
		z-index:1001;
	}
	
	.sub > li{
		height:26px;
	}

	.holder{
		width:400px;
	}

	.content{

		padding-bottom:0;

	}

	/* left column */

	#left{

		width:480px!important;

		float:none;

		margin:0 auto;

		padding-top:61px;

	}

	

	

	#options{

		position:relative;

		width:480px;

		top:0;

	}

	#options.articPage{

		top:0;

	}

	#options.articPage figure{

		display:none;

	}

	.short{

		position:relative;

		left:0;

		top:auto;

	}

	.holder > .txt{

		width:380px;

	}

	

	.article{

		width:480px;

		margin:20px 0 0 0;

	}
	
	.article form{
		width:450px;	
	}

	.favorite{

		display:none;

	}

	.genArrow{

		display:none;

	}

	/*right column*/

	#right{

		display:none;

	}

	

	/*contact*/

	#contact legend,

	#contact input, 

	#logIn input, 

	#registration input, 

	.stForm input ,

	#contact textarea{

		width:450px;

	}

	.formDiv.tz > div.t{

		padding-bottom:8px;

	}

	.formDiv.tz > div.t,

	.formDiv.tz > div.z{

		width:220px;

		

	}

	#contact .formDiv.tz > div.t input{

		width:220px;

	}

	.skinSelect > div{

		width:190px;

		background-position:200px 8px;

		

	}

	.skinSelect select{

		width:220px;

	}

	#contact fieldset{

		margin-bottom:10px;

	}

	

	/*FOOTER*/

	#foot{

		position:relative;

	} 
	
	#bgr_image{
		position:absolute;
		background-position:0 50%!important;
	}

}



/*  #Mobile (Portrait)

================================================== */

/* Note: Design for a width less than 479px */



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

	

	#head{

		height:61px;

		position:absolute;

	}

	#head > div

	{

		float:none;

		margin:0 auto;

		position:relative;

		clear:both;

		width:320px;

	}

	#head > nav{

		clear:both;

		float:none;

		width:320px;

		margin:0 auto;

		position:relative;

		

	}

	#head > div{

		height:15px;

	}

	#head > div > div

	{

		position:relative;

		clear:both;

	}

	

	#log{

		float:left;

	}

	#langs{

		padding:0;

		float:right;

	}

	#openMenu{

		width:320px;

		margin:0 auto;

		text-align:center;

		position:relative;

	}

	#topMenu{

		position:absolute;

		width:180px;

		display:none;

		left:70px;

	}

	#topMenu > li{

		float:none;

		padding-left:0;

		text-align:center;

	}

	#topMenu > li .subBgr{

		display:block;

		

	}

	#openMenu{

		display:block;

		clear:both;

	}

	.sub{

		position:relative;

		width:auto!important;

		left:0!important;

	}

	

	.sub > li, .sub > li.last{

		float:none;

		padding:1px 0;

		text-align:center;

	}

	.sub > li > a{
		display:block;
		padding-top:5px;
		height:21px;
		position:relative;
		z-index:1001;
	}
	.sub > li{
		height:26px;
	}
	

	.content{

		padding-bottom:0;

	}

	/* left column */

	#left{

		width:320px!important;

		float:none;

		margin:0 auto;

		padding-top:61px;

	}

	

	

	#options{

		position:relative;

		width:320px;

		top:0;

	}

	#options.articPage{

		top:0;

	}

	#options.articPage figure{

		display:none;

	}

	.favorite{

		display:none;

	}

	

	.short{

		position:relative;

		left:0;

		top:auto;

	}

	.holder > .txt{
		width:260px;
	}
	.holder {
		width:280px;

	}

	

	.article{

		width:320px;

		margin:20px 0 0 0;

	}
	
	.article form{
		width:290px;	
	}

	.genArrow{

		display:none;

	}

	/*right column*/

	#right{

		display:none;

	}

	

	

	/*contact*/

	#contact legend,

	#contact input, 

	#logIn input, 

	#registration input, 

	.stForm input ,

	#contact textarea{

		width:290px;

	}

	.formDiv.tz > div.t{

		padding-bottom:8px;

	}

	.formDiv.tz > div.t,

	.formDiv.tz > div.z{

		width:290px;

		clear:both;

		float:none;

	}

	#contact fieldset{

		margin-bottom:10px;

	}

	#registration .submit,

	#fpas .submit,

	#edit .submit,
	.submit, .lb{

		float:left;

		margin-top:20px;

	}

	#capchaText{
		width:90px!important;
	}
	

	/*FOOTER*/

	#foot{

		position:relative;

	} 
	
	#bgr_image{
		position:absolute;
		background-position:0 50%!important;
	}

	

}