/* written by Voov (www.voov.hu) & The Shadowhand Company (www.shadowhand.hu), copyright 2008 */

@import url("menu_en.css");
@import url("buttons_en.css");


table {
	border-collapse: collapse;
	border-spacing: 0;
}
fieldset, img {
	border: 0;
}
caption, th {
	text-align: left;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
}
q:before, q:after {
	content: '';
}
p {
	padding: 0;
	margin: 15px 0 5px 0;
}
br {
	margin: 0;
	padding: 0;
}

a {
	outline: none;
	color: #5c5b58;
}

a:hover {
	outline: none;
	color: #000;
}

a:focus {
	outline:none;
}
.clearfix {
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	font-size: 0;
	height: 0;
}
img a {
	border: 0;
	padding: 0;
	margin: 0;
}
.center {
	text-align: center;
}
.left {
	text-align: left;
	float:left;
}
.right {
	float: right;
}
.bold {
	margin: 0 0 5px 0;
	font-weight: bold;
}
/***************** Lists *********************/
.list_no {
	margin: 10px 0;
	padding: 0;
	list-style: none;
}
.list {
	list-style-type: circle;
	margin:  0 0 10px 3px;
	padding: 0 15px 0 15px;
}
.list li {
	padding: 5px 0 0 3px;
}
/***************** Lines *********************/

.line {
	width: 540px;
	margin: 25px 0;
	padding: 0;
	border-top: 1px solid #a6a1a0;
}
.line_shaded {
	margin: 20px 0;
	padding: 0;
	height: 3px;
	width: 540px;
	background-color: #e9e7e7;
	border-top: #d1d1cc solid 1px;
}
/******************* Headlines *****************/

h1 {
	text-decoration: none;
	font-size: 20px;
	margin: 0;
	padding: 15px 0 10px 10px;
	width: 100%;
	color: #7b7a75;
	text-transform: uppercase;
	font-family: "Trebuchet Ms", Arial, Tahoma;
}

#main_title h1 {
	text-decoration: none;
	font-size: 20px;
	margin: 0;
	padding: 15px 0 10px 10px;
	width: 100%;
	color: #7b7a75;
	text-transform: uppercase;
	font-family: "Trebuchet Ms", Arial, Tahoma;
}
/***********************************************/
/* Basic                                       */
/***********************************************/
body {
	margin: 0;
	padding: 0;
	text-align: center;
	font-family: "Segoe UI", Arial, Helvetica;
	font-size: 12px;
	color: #5c5b58;
	background-color: #225671;
	background: url(../images/bg_pattern.jpg) repeat top center;
}
#bg {
	width: 100%;
	margin: 0;
	padding: 0;
	background: url(../images/bg_head.jpg) no-repeat top center;	
}
#position {
	margin: 0 auto;
	width: 960px;
	text-align: left;
}
#header {
	position: relative;
	margin: 0;
	padding: 0;
	height: 169px;
	background: url(../images/header_bg.jpg) no-repeat top center;
}
#logo {
	position: absolute;
	left: 25px;
	top: 62px;
	margin: 0;
	padding: 0;
	width: 272px;
	height: 82px;
}
#logo_text {
	position: absolute;
	left: 123px;
	top: 123px;
	margin: 0;
	padding: 0;
	width: 350px;
	font-size: 11px;
}
#middle {
	margin: 0;
	padding: 0 25px;
	width: 910px;
	background: url(../images/middle_bg.jpg) repeat-y;
	background-position: left -169px;
}
#footer {
	position: relative;
	margin: 0 0 30px 0;
	padding: 0;
	height: 184px;
	background: url(../images/footer_bg.gif) no-repeat top center;	
}
#footer_text {
	position: absolute;
	left: 35px;
	top: 120px;
	line-height: 16px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #fff;
	text-align: left;
}
#footer_text a, #footer_text a:visited {
	color: #fff;
	text-decoration: none;
}
#footer_text a:hover, #footer_text a:active {
	color: #fff;
	text-decoration: underline;
}

#main {
	width:  595px;
	/*background-color: red;*/
	float: left;
	position: relative;
}

#sidebar {
	width:  300px;
	/*background-color: green;*/
	float: right;
}

#video {
	width: 575px;
	height: 421px;
	background-image: url(../images/bg_video.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 10px 11px 0 9px;
	font-size: 11px;
	color: #fff;
}

#video_prop {
	padding: 0 0 0 0;
	margin:  10px 0 0 0;
}

#video_description {
	padding: 0 10px;
	width: 574px;
}

#video_description h2 {
	padding: 0 0 0 0;
	margin:  12px 0 8px 0;
	font-size: 12px;
	font-family: "Trebuchet Ms", Arial, Tahoma;
	text-transform: uppercase;
}

#comments {
	padding: 0 10px 0 10px;
	margin:  15px 0 0 0;
}

#comments h1 {
	padding: 10px 0 9px 0;
	margin: 0 0 10px 0;
	font-size: 17px;
	text-transform: uppercase; 
	font-family: "Trebuchet Ms", Arial, Tahoma;
	color: #7b7a75;
	border-top: 1px dotted #c5c3bb;
	border-bottom: 1px dotted #c5c3bb;
	line-height: 17px;
}

.comment_box {
	padding: 0 0 10px 0;
	margin:  0 0 10px 0;
	border-bottom: 1px dotted #c5c3bb;
	width: 576px;
}

.comment_info {
	width: 106px;
	float: left;
	text-align: right;
}

.comment_name {
	text-transform: uppercase;
	font-weight: bold;
}

.comment_date {
	font-size: 10px;
}

.commenter {
	width: 11px;
	height: 12px;
	padding: 0 0 0 0;
	margin: 0 5px;
	float: left;
	background-image: url(../images/icon_commenter.gif);
}

.comment_arrow_blue {
	width: 8px;
	height: 18px;
	background-image: url(../images/arrow_blue.gif);
	float: left;
}

.comment_arrow_gray {
	width: 8px;
	height: 18px;
	background-image: url(../images/arrow_gray.gif);
	float: left;
}

.comment_holder {
	width: 440px;
	float: left;
}

.comment_top {
	width: 440px;
	height: 8px;
	float: left;
	margin:  0 0 0 0;
	padding: 0 0 0 0;
}

.comment_top img {
	float: left;
}

.comment_middle_blue {
	width: 416px;
	float: left;
	background-color: #e9fafe;
	padding: 0 12px;
	color: #5c5b58;
}

.comment_middle_gray {
	width: 416px;
	float: left;
	background-color: #f5f2ec;
	padding: 0 12px;
	color: #5c5b58;
}

.comment_bottom {
	width: 440px;
	height: 7px;
	float: left;
}

.comment_bottom img {
	float: left;
}

#show_all_comment {
	margin:  0 0 0 0;
	padding: 0 0 10px 0;
	border-bottom: 1px dotted #c5c3bb;
	text-transform: uppercase;
	text-align: right;
	font-weight: bold;
	font-size: 11px;
	color: #909090;
}

#show_all_comment a, #show_all_comment a:visited, #show_all_comment a:active {
	color: #909090;
	padding: 2px 15px 2px 4px;
	text-decoration: none;
	background: url(../images/btn_arrow_light.gif) no-repeat;
	background-position: right center;
}

#show_all_comment a:hover {
	color: #333;
	text-decoration: underline;
	background: url(../images/btn_arrow_over.gif) no-repeat;
	background-position: right center;
}

#more_video_link {
	margin:  0 0 0 0;
	padding: 10px 0 10px 0;
	border-bottom: 1px dotted #c5c3bb;
	text-transform: uppercase;
	text-align: right;
	font-weight: bold;
	font-size: 11px;
	color: #909090;
}

#more_video_link a, #more_video_link a:visited, #more_video_link a:active {
	color: #909090;
	padding: 2px 15px 2px 4px;
	text-decoration: none;
	background: url(../images/btn_arrow_light.gif) no-repeat;
	background-position: right center;
}

#more_video_link a:hover {
	color: #333;
	text-decoration: underline;
	background: url(../images/btn_arrow_over.gif) no-repeat;
	background-position: right center;
}

#write_form {
	padding: 0 0 0 0;
	margin: 15px 0 0 0;
	width: 576px;
	color: #909090;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 11px;
}

.write_form_left {
	float: left;
	text-align: right;
	width: 130px;
	padding: 8px 0 0 0;
}

.write_form_right {
	float: right;
	margin: 0 0 10px 0;
}

form {
	margin:  0;
	padding: 0;
}

.inputfield {
	border: 1px solid #bebcb5;
	padding: 6px 4px;
	width: 424px;
	background-image: url(../images/bg_inputfield.gif);
	font-family: "Segoe UI", Arial, Helvetica;
	font-size: 12px;
	color: #5c5b58;
}

.textarea {
	border: 1px solid #bebcb5;
	padding: 2px;
	width: 428px;
	height: 86px;
	background-image: url(../images/bg_textarea.gif);
	font-family: "Segoe UI", Arial, Helvetica;
	font-size: 12px;
	color: #5c5b58;
}

/*********** SIDEBAR *********/
.sidebar_box {
	width: 280px;
	padding: 0 0 12px 10px;
	border-bottom: 1px dotted #c5c3bb;
}

.sidebar_left {
	width: 86px;
	float: left;
}

.sidebar_right {
	width: 184px;
	float: right;
}

.sidebar_box h1 {
	padding: 0 0 0 0;
	margin: 18px 0 12px 0;
	font-size: 17px;
	text-transform: uppercase; 
	font-family: "Trebuchet Ms", Arial, Tahoma;
	color: #7b7a75;
	line-height: 17px;
}

.thumb_image {
	border: 2px solid #d7d5cc;
}

#video_list {
	width: 280px;
	padding: 0 6px 0px 6px;
}

#video_list a {
	font-weight: bold;
	font-family: "Segoe UI", Arial, Tahoma;	
	color: #5c5b58;
}

#video_list a:hover {
	font-weight: bold;
	font-family: "Segoe UI", Arial, Tahoma;	
	color: #000;
}

.item_holder {
	padding: 12px 0 12px 0;
	border-bottom: 1px dotted #c5c3bb;
	width: 290px;
}

.item_left {
	width: 100px;
	width: 100px;
	float: left;
	background-color: #f5f2ec;
}

.item_right {
	width: 170px;
	float: right;
}

.item_title {
	font-weight: bold;
	font-family: "Segoe UI", Arial, Tahoma;
	text-transform: uppercase;
	padding: 0 0 0 0;
	margin: 0 0 2px 0;
	line-height: 16px;
}

.item_prop {
	font-size: 10px;
	margin: 0 0 8px 0;
	font-family: "Segoe UI", Arial, Tahoma;
}

.item_description {
	padding: 0 0 0 0;
	margin: 0 ;
}

#bg_list_bottom {
}

.t1 {
	cursor: pointer;
}

.content {
	width: 580px;
	padding: 0 0 0 0;
	margin:  0 0 0 11px;
	line-height: 17px;
}


.news_holder {
	width: 560px;
	padding: 0 0 20px 0;
	margin: 0 0 20px 0;
	border-bottom: 1px dotted #ccc;
}

.news_image {
	float: left;
	width: 150px;
}

.news_text {
	float: right;
	width: 390px;
}

.news_title h1 {
	font-weight: bold;
	font-family: "Trebuchet Ms", Arial, Tahoma;
	font-size: 16px;
	text-transform: uppercase;
	margin: 0 0 0 0;
	padding: 0;
	line-height: 30px;
}

.news_title h1 a {
	color: #5c5b58;
	margin: 0 0 10px 0;
	padding: 0 0 0 0;
}

.news_title h1 a:hover {
	color: #000;
	margin: 0 0 10px 0;
	padding: 0 0 0 0;
}

.news_date {
	font-size: 10px;
	margin: 3px 0 0 0;
}

.news_desc {
	margin:  15px 0 0 0;
	padding: 0 0 0 0;
}

.box {
	margin: 0 0 10px 0;
}

.viz_holder {
	width: 100%;
	padding: 0 0 20px 0;
	margin: 0 0 20px 0;
	border-bottom: 1px dotted #ccc;
}

.viz_holder h1 {
	font-weight: bold;
	font-family: "Trebuchet Ms", Arial, Tahoma;
	font-size: 16px;
	text-transform: uppercase;	
	padding: 0 0 0 0;
	margin:  0 0 15px 0;
}

.viz_left {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	float: left;
	width: 170px;
}

.viz_right {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	width: 405px;
	float: right;
	line-height: 17px;
}

.viz_image {
	width: 150px;
	height: 150px;
	background-color: #eee;
}

.btn_tovabb {
	margin: 15px 0 0 0;
	padding: 0;
	overflow: hidden;
	width:  88px;
	height: 23px;
	float: right; 
	display: block;
	background: url(../images/btn_details.gif) 0 0 no-repeat;
}

.btn_tovabb a {
	display: block;
	width:  88px;
	height: 23px;
	text-indent: -999px;
	background: url(../images/btn_details.gif) 0 0 no-repeat;	
}

.btn_tovabb a:hover {
	display: block;
	width:  88px;
	height: 23px;
	background: url(../images/btn_details.gif) 0 -23px no-repeat;
}

.video_short_list_holder {
	width: 580px;
	padding: 0 0 20px 0;
	margin: 0 0 20px 0;
	border-bottom: 1px dotted #ccc;
}

.video_short_item {
	width: 280px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	float: left;
}

.video_short_left {
	width: 100px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	float: left;
}

.video_short_right {
	width: 180px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	float: right;
}

.video_short_image {
	width: 90px;
	height: 90px;
	background-color: #eee;
}

.inputfield_search {
	border-top: 1px solid #bebcb5;
	border-left: 1px solid #bebcb5;
	border-bottom: 1px solid #bebcb5;
	border-right: 0;
	padding: 5px 4px 6px 4px;
	margin: 0 0 0 0;
	width: 202px;
	background-image: url(../images/bg_inputfield.gif);
	font-family: "Segoe UI", Arial, Helvetica;
	font-size: 12px;
	color: #5c5b58;
}

.sitemaplist {
	list-style-type: circle;
	margin:  0 0 10px 3px;
	padding: 0 15px 0 15px;
	font-size: 14px;
}
.sitemaplist li {
	padding: 5px 0 0 3px;
	margin: 0 0 5px 0;
}

.sitemaplist a {
	text-decoration: none;
	border-bottom: 1px dotted #ccc;
	padding: 0 0 1px 0;
}

.sitemaplist a:hover {
	text-decoration: none;
	border-bottom: 1px solid #000;
	padding: 0 0 1px 0;
}

.sublist {
	list-style-type: circle;
	margin:  10px 0 10px 3px;
	padding: 0 15px 0 15px;
	font-size: 11px;
	font-style: italic;
}
.sublist li {
	padding: 0 0 3px 3px;
	margin: 0 0 0 0;
}

#lang_01 {
	width: auto;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 48px;
	left: 816px;
}

#lang_02 {
	width: auto;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 48px;
	left: 839px;
}

#lang_03 {
	width: auto;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 48px;
	left: 863px;
}

#lang_04 {
	width: auto;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 48px;
	left: 885px;
}

#lang_05 {
	width: auto;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 48px;
	left: 908px;
}