@charset "utf-8";
/* CSS Document */

*{
margin: 0px; padding: 0px;
}

body {
font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
font-size: 11px;
font-style: normal;
font-weight: normal;
letter-spacing: normal;
line-height: 1.6em;
color:#5A5A5A;
overflow:auto;
}

#container {
position:absolute;
bottom:0px;
border-bottom:6px solid #8C0000;
width:100%;
overflow:hidden;
}

#left_column {
width:270px;
height:270px;
background-position:bottom left;
background-repeat:no-repeat;
position:absolute;
bottom:0;
left:0;
}

#content_column {
margin:0 0 50px 270px;
/*padding: 0 0 0 0;
overflow:hidden;*/
}

#logo {
margin-left:20px;
}

.proud_container {
padding-right: 20px;
}

.proud_header {
background-color:#FFF;
height:27px;
}

.proud_title {
float:left;
padding:5px 20px;
background-color:#f5f5f5;
letter-spacing:1px;
font-weight:bold;
}

.webprint_title {
float:left;
padding:4px 20px;
letter-spacing:1px;
font-weight:bold;
border:1px solid #f5f5f5;
background-color:#fff;
}

.webprint_title_active {
float:left;
padding:4px 20px;
background-color:#f5f5f5;
letter-spacing:1px;
font-weight:bold;
}

.new_title {
float:left;
padding:4px 20px;
letter-spacing:1px;
font-weight:bold;
border:1px solid #f5f5f5;
}

.proud_pages {
float:right;
padding:5px 20px;
background-color:#f5f5f5;
}

.komunikacija_pages {
float:right;
padding:0;
background-color:#f5f5f5;
}

.reference_content {
padding:20px;
background-color:#f5f5f5;
}

.referenca_bg {
padding: 7px 0 0 9px;
width: 280px;
height: 137px;
float:left;
margin-right:20px;
background-image:url(../images/bg_referenca.gif);
background-position:top left;
background-repeat:no-repeat;
}

.screenshots_container {
	position:absolute;
	margin-top: 102px;
	width:256px;
	height:14px;
	background-image:url(/images/bg_screenshots.png);	
	padding: 4px;
}

.screenshots_thumb {
	float:left;
	width:12px;
	height:12px;
	background-position: center;
	background-repeat:no-repeat;
	border:solid #f5f5f5 1px;
	margin-right: 4px;
}

.screenshots_thumb:hover {
	border:solid #600 1px;
}


.referenca_img {
padding: 3px 0 0 7px;
width: 257px;
height: 121px;
float:left;
background-position:top;
background-repeat:no-repeat;
cursor:pointer;
outline:none;
}

.referenca_img:link, .referenca_img:visited, .referenca_img:active {
color:#FFF;
text-decoration:none;
font-weight:bold;
}

.referenca_img:hover {
background-position:bottom;
}


.reference_container {
}

.reference_desc {
float:left;
padding: 15px 20px 0 0;
line-height:1.6em;
}

#navigation {
position:absolute; bottom:6px; left:290px;
/*float:left;
margin-left:290px;*/
}

#eng_navigation {
position:absolute; bottom:6px; right:40px;
/*float:right;
margin-bottom:6px;
margin-right:40px;*/
}

.form {
	margin: 15px 0 -10px 0;
	background-color:#F5F5F5;
	border:#ccc 1px dotted;
	padding: 5px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 1.5em;
	color:#5A5A5A;
	width: 400px;
	height: 50px;
	font-weight:bold;
}

form input {
	background-color:#F5F5F5;
	border:#f5f5f5 1px dotted;
	border-bottom:#ccc 1px dotted;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 1.6em;
	color:#5A5A5A;
	
	font-weight:bold;
}

form select {
	background-color:#F5F5F5;
	border:#f5f5f5 1px dotted;
	border-bottom:#ccc 1px dotted;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 1.6em;
	color:#5A5A5A;
	
	font-weight:bold;
}

.submit {
	margin: 15px 0 0 0;
	background-color:#8c0000;
	border:#8c0000 1px solid;
	padding: 2px 7px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 1.6em;
	color:#fff;
}

a:link, a:visited, a:active {
color: #8c0000;
text-decoration: underline;
outline:none;
}

a:hover {
color: #8c0000;
background-color: #e5e5e5;
text-decoration: underline;
}

li {
display:inline;
padding-right:3px;
}

.clear {
height: 0px;
overflow: hidden;
clear: both;
}


#content_column li {
	display:block;
	list-style:none;
	background-image:url(/images/tocka_li.gif); background-repeat:no-repeat; background-position:top left;
	padding-left:15px;
}

#spec02 { display: none; }
#spec03 { display: none; }

#new02 { display: none; }
#new03 { display: none; }
#newwork_container { display: none; }


.donate_tocka { display:inline; }

.btn_on { font-weight:bold; }
.btn_off { font-weight:normal; }
.tocka { width: 12px;  text-align:center; cursor:pointer; }
.tocka:hover { background-color:#F5F5F5; }
.tocke_container {padding-top:0px;}
#carret {position:absolute; display:none; background-color:#5A5A5A; color:#fff; padding:2px 15px;}

abbr { border-bottom: 1px dotted #8B0304; cursor:help; }



h1 {padding:0;margin:30px 0 35px 0; font-size:9px; font-weight:lighter;}
h2 {padding:0;margin:0 0 10px 0; font-size:17px; font-weight:bold;}
p {padding:20px 0 0 0;margin:0 0 0 0; text-align:justify;}
span {color:#999; margin-left:5px; }
.desc {color:#999; letter-spacing:1px; margin-bottom: 15px;}
h3 {color:#999; letter-spacing:1px; margin-bottom: 15px; font-size: 11px;
font-style: normal;
font-weight: normal; }
h4 {color:#999; letter-spacing:1px; font-size: 11px;
font-style: normal;
font-weight: normal; }

#blog h2 {
padding:0;margin:0 0 0px 0; font-size:17px; font-weight:bold;
}

#blog_content h2 { padding-top:20px; }

#blog_content ul { padding-top:20px; }

#blog h3 {
color:#555; letter-spacing:0px; margin: 30px 0 5px 0; font-size: 12px;
font-style: normal;
font-weight:bold;
}

#blog_content h3 { font-style:normal; font-weight:bold; }

#blog h4 {
color:#999; letter-spacing:0px; font-size: 11px; margin: 30px 0 0px 0;
font-style: normal;
font-weight: bold; 
}

#blog .code { margin:0; padding:0; font-family:"Lucida Console", "Courier New", Monospaced; }