@charset "utf-8";
/* 	
	Jiri Soman
	_______________________________________________

	Date of birth: 	29.05.2009, 13:312 p.m.
	Fathers name: 		Vizus
	Identity:			http://www.vizus.cz
*/

/*
	Reset styles - Default styles -----------------
	_______________________________________________
*/

html, body { height: 100%; margin: 0px; padding: 0px;}

body
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #FFFFFF;
	text-align:  center;
	
	background-color: #000000;
}

body.editor
{
	background-color: #343435;
}

H1, H2, H3, H4, H5, H6 {
	margin: 7px 0px;
	font-weight: bold;
}

H1 { font-size: 18px;}
H2 { font-size: 20px;}
H3 { font-size: 18px;}
H4 { font-size: 14px;}
H5 { font-size: 13px;}
H6 { font-size: 13px;}

p { margin: 5px 0px 15px 0px;}
p.center { text-align:center;}

a
{
	color: #FFFFFF;
}

a:link,
a:visited
{
	text-decoration: underline;
}

a:hover
{
	color: #FFFFFF;
	text-decoration: none;
}

a img { 
	border: none;
}

ul
{
	margin: 0px;
	padding: 0px 0px 7px 15px;
}

ul li
{
	margin-bottom: 2px;
	margin-top: 1px;
}

/* tables */

table
{
	margin: 5px 0px 10px 0px;
	font-size: 12px;
}

table.standard
{
	border: 1px solid #888888;
	border-right: none;
	border-bottom: none;
}

table.colored
{
	border: 1px solid #343435;
	border-right: none;
	border-bottom: none;
	background: #888888;
}

table.standard th
{
	font-weight: bold;
	background: none;
	text-align: left;
}

table.standard th,
table.standard td 
{
	border-right: 1px solid #888888;
	border-bottom: 1px solid #888888;
}

table.colored th,
table.colored td
{
	border-right: 1px solid #343435;
	border-bottom: 1px solid #343435;
}

table.colored th
{
	background-color: #FFFFFF;
	color: #000000;
	font-weight: bold;
}

table.standard th,
table.standard td,
table.colored th,
table.colored td
{
	padding: 5px;
}

/*
	Default classes -------------------------------
	_______________________________________________
*/

.clear
{
	clear: both;
	width: auto;
	height: 0px;
	line-height: 0px;
	font-size: 0px;
}

.imgL
{
	float: left;
	margin: 0px 10px 0px 0px;
}

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

.left { float: left;}
.right { float: right;}

/* inputs and labels */

input
{
	height: 19px; /* 25px */
	width: 194px; /* 200px */
	
	padding: 3px;
	
	background: #FFFFFF;
	border: #000000 solid 1px;
}

select
{
	height: 25px;
	width: 200px; 
		
	padding: 3px;
	
	background: #FFFFFF;
	border: #000000 solid 1px;
}


textarea
{
	height: 194px; /* 200px */
	width: 294px; /* 300px */
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	
	padding: 3px;
	
	background: #FFFFFF;
	border: #000000 solid 1px;
}

input.submit
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	
	width: 102px;
	height: 34px;
	
	padding: 0px 10px 10px 0px;
	
	border: 0px;
	background: url(button.png) top left no-repeat;
	
	cursor: pointer;
}

/*
	layout ----------------------------------------
	_______________________________________________
*/

/* all layout stuff */
.main
{
	position: relative;
	margin-left: auto;
	margin-right: auto;
	height: auto;
	min-height: 100%;
	width: 962px;
	
	text-align: left;
	
	background: url(header.png) top left no-repeat;
}

/*  header --------------------------------------- */

#header
{
	position: relative;
	float: left;
	height: 185px;
	width: 962px;
}

.logo02
{
	position: absolute;
	top: 108px;
	right: 99px;
	height: 58px;
	width: 143px;
}

.logo02 span
{
	position: absolute;
	top: 0px;
	left: 0px;
	
	height: 58px;
	width: 143px;
	
	background: url(logo-02.png) top left no-repeat;
}

.ldate
{
	position: absolute;
	top: 165px;
	left: 325px;
	
	height: 30px;
	width: 400px;
}

.ldate p
{
	font-size: 24px;
	font-weight: bold;
	color:#000000;
}

.logo
{
	position: absolute;
	top: 41px;
	left: 68px;
	
	height: 134px;
	width: 555px;
}

.logo span
{
	position: absolute;
	top: 0px;
	left: 0px;
	
	height: 134px;
	width: 555px;
	
	background: url(logo-thewall.png) top left no-repeat;
	
	cursor: pointer;
}

.friends
{
	position: absolute;
	top: 20px;
	left: 68px;
	height: 15px;
	width: 400px;
}

.friends p
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	
	color: #000000;
	
	padding: 0px;
	margin: 0px;
}

/*  content ------------------------------------------ */

/* col-left */
.col-left
{
	float: left;
	height: auto;
	width: 220px; /* 265px */
	
	padding-left: 45px;
}

#langmenu
{
	float: left;
	position: relative;
	height: 49px; /* 74px */
	width: 190px; /* 220px */
	line-height: 22px;
	
	font-weight: bold;
	
	padding: 25px 0px 0px 0px;
}

#langmenu a
{
	font-weight: bold;	
	text-decoration: none;
}

#langmenu a:hover { text-decoration: underline;}
#langmenu a.active { font-weight: normal;}

/*
#langmenu ul
{
	position: absolute;
	top: 25px;
	left: 55px;
	height: 20px;
	line-height: 20px;
	width: 150px;
	
	margin: 0px;
	padding: 0px;
	
	list-style-type: none;
}

#langmenu ul li
{
	float: left;
	font-weight: bold;
}

#langmenu ul li a
{
	font-weight: bold;	
	text-decoration: none;
}

#langmenu ul li a:hover { text-decoration: underline;}
#langmenu ul li a.active { font-weight: normal;}
*/

#menu
{
	float: left;
	height: auto;
	width: 220px;
}

#menu ul,
#menu ul li
{
	float: left;
	height: auto;
	width: 220px;
	
	margin: 0px;
	padding: 0px;
	
	list-style-type: none;
}

#menu ul li
{
	line-height: 28px;
	margin-bottom: 3px;
}

#menu ul li a
{
	float: left;
	overflow: hidden;
	height: 28px;
	line-height: 28px;
	width: 174px; /* 220px */
	
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	
	color: #000000;
	
	padding: 0px 23px;
	
	background: url(menu.png) top left no-repeat;
}

#menu ul li a:hover,
#menu ul li a.active
{
	color: #FFFFFF;
	background: url(menu-hover.png) top left no-repeat;
}

#menu ul li ul
{
	float: left;
	height: auto;
	width: 208px;
	
	margin: 0px 0px 8px 6px;
	padding: 8px 0px;
	
	background: #373737 url(submeny-shadow.png) top left no-repeat;
}

* html #menu ul li ul {	margin: 0px 0px 8px 3px;}

#menu ul li ul li
{
	line-height: 18px;
	width: 208px;
	margin: 0px;
}

#menu ul li ul li a
{
	float: left;
	height: auto;
	width: 170px; /* 208px */ 
	line-height: 18px;
	font-size: 12px;
	
	padding: 0px 0px 0px 28px;
	
	color: #FFFFFF;
	
	background: none;
}

#menu ul li ul li a:hover,
#menu ul li ul li a.active
{
	background: none;
	text-decoration: underline;
}

/* boxes */
.box,
.box .label,
.box .content
{
	float: left;
	overflow: hidden;
	height: auto;
	width: 220px;
}

.box .label
{
	height: 29px;
	line-height: 28px;
	background: url(box-header.png) top left no-repeat;
}

.box .label H2,
.box .label H3,
.box .label H4,
.box .label H5,
.box .label H6
{
	font-size: 14px;
	color: #000000;
	margin: 0px;
	padding: 0px 23px;
}

.box .content
{
	line-height: 16px;
	width: 182px; /* 208px */
	
	margin: 0px 0px 0px 7px;
	padding: 13px;
	
	background: #373737 url(box-shadow.png) top left no-repeat;
}

* html .box .content { margin: 0px 0px 0px 4px;}

/* box captcha*/
.box .captcha
{
	float: left;
	height: auto;
	width: 182px;
}

.box .text.sm { width: 170px;}
.box table tr td.label { font-weight: bold;}

.box span.captcha-help
{
	width: 182px;
	float: left;
	
	padding: 0px 0px 10px 0px;
}

/* col-right */
.col-right
{
	float: right;
	height: auto;
	width: 694px; /* */
}

.col-right .item
{
	float: left;
	height: auto;
	width: 654px;
}

.col-right .item.pad { padding-top: 18px;}

.item .label
{
	float: left;
	height: 59px;
	width: 654px;
	
	background: url(container-header-home.png) top left no-repeat;
}

.item.page .label { background: url(container-header.png) top left no-repeat;}

.item .label H1,
.item .label H2,
.item .label H3,
.item .label H4,
.item .label H5,
.item .label H6
{
	color: #000000;
	padding: 20px 0px 0px 40px;
	margin: 0px;
	font-size: 18px;
}

.item .content
{
	float: left;
	overflow: hidden;
	height: auto;
	width: 591px; /* 631px */
	
	padding: 0px 20px 10px 20px;	
	margin-left: 12px;
	
	background-color: #343435;
}

* html .item .content { margin-left: 6px;}

/* news */
.news,
.news .perex,
.news .navigation,
.news .content,
.news .date
{
	float: left;
	height: auto;
	width: 590px;
	
	padding: 0px;
	margin: 0px;
	
	background: none;
}

.news H1.label,
.news H2.label,
.news H3.label,
.news H4.label,
.news H5.label,
.news H6.label
{
	float: left;
	height: auto;
	width: 590px;
	
	padding-bottom: 8px;
	
	background: none !important;
}

.news .navigation span.date
{
	float: none;
	height: auto;
	width: auto;
	padding: 0px;
}

.news .perex p
{
	padding: 0px;
	margin: 0px 0px 5px 0px;
}

.news .date { padding-bottom: 20px;}

/* gallery */
.gallery-item
{
	float: left;
	height: auto;
	width: 590px;
	
	margin-top: 10px;
}

.gallery-item .img
{
	float: left;
	height: auto;
	width: 190px;
}

.gallery-item H2,
.gallery-item H3,
.gallery-item H4,
.gallery-item H5,
.gallery-item H6
{
	font-size: 16px;
}

.photo-item
{
	float: left;
	height: 170px;
	width: 170px;
	
	margin: 0px 26px 26px 0px;
}

.photo-item.gr { margin: 0px 0px 26px 0px;}

.photo-item a
{
	float: left;
	height: 170px;
	width: 170px;
	border: 5px solid #888888;
}

.photo-item a:hover { border: 5px solid #FFFFFF;}

.photo-detail,
.photo-detail .img
{
	float: left;
	height: auto;
	width: 590px;
}

.photo-detail .page-navigation
{
	float: left;
	height: auto;
	width: 590px;
	
	padding-bottom: 20px;
	
	text-align: center;
}

.photo-detail .img { text-align: center;}

/* div for form */
.custom-form
{
	float: left;
	overflow: hidden;
	height: auto;
	width: 590px;
}

.custom-form table tr td.label
{
	height: auto;
	width: 100px;
	
	padding: 4px 0px;
	
	font-weight: bold;
	
	background: none;
}

/* captcha */
.captcha
{
	float: left;
	height: 90px;
	width:  420px;
	
	margin-top: 20px;
}

.captcha-image { float: left; margin: 0px 10px 5px 0px;}

.captcha-number
{
	clear: both;
	float: left;
	width: 83px;
}

/* Guestbook */
.guestbook-item
{
	float: left;
	height: auto;
	width: 570px; /* 590px */
	
	margin-bottom: 20px;
	padding: 10px;
	
	background: #888888;
}

.guestbook-item H2,
.guestbook-item H3,
.guestbook-item H4,
.guestbook-item H5,
.guestbook-item H6
{
	float: left;
	height: auto;
	width: 570px; /* 590px */
	
	font-size: 14px;
	
	margin: 0px;
	padding: 0px;
}

.guestbook-item div 
{
	float: left;
	height: auto;
	width: 570px;
	padding: 10px 0px;
}

/* pager */
.pager
{
	float: left;
	height: auto;
	width: 100%;
	
	margin-bottom: 10px;
}

/*  footer ------------------------------------------ */

#foot
{
	position: absolute;
	left: 10px;
	bottom: 0px;
	
	height: 61px;
	width: 943px;
	
	text-align: center;
	
	background: url(footer.png) top left no-repeat;
}

#foot p
{
	font-weight: bold;
	color:#000000;
	
	padding-top: 28px;
}

#foot a
{
	color: #000000;
	text-decoration:  underline;
}

#foot a:hover
{
	color: #000000;
	text-decoration:  none;
}

/*
	all -------------------------------------------
	_______________________________________________
*/

.h1	{ height: 1px;}
.h10 { height: 10px;}
.h20 { height: 20px;}
.h25 { height: 25px;}
.h30 { height: 30px;}
.h40 { height: 40px;}
.h50 { height: 50px;}
.h60 { height: 60px;}
.h70 { height: 70px;}
.h80 { height: 80px;}
.h90 { height: 90px;}
.h100 { height: 100px;}
.h120 { height: 120px;}

.mb10 { margin-bottom: 10px;}
.mb20 { margin-bottom: 20px;}
.mb30 { margin-bottom: 30px;}

.first { margin-top: 30px;}