/*
Author: Jan Kovařík
Author URI: http://jankovarik.net/
*/


* { margin: 0; padding: 0; outline: none; font-size: 100.01%;}

html {
font-size: 62.5%;
}

body {
margin: 0 auto;
min-width: 870px;
background: #FFFFFF url(../img/body.png) repeat-x top;
text-align: center;
font: 12px/1.6em Tahoma, Geneva, Helvetica, sans-serif;
color: #4c4c4c;
}

/* STRUKTURA */

#page {
width: 900px;
max-width: 900px;
margin: 0 auto;
padding: 0;
margin-bottom: 2em;
text-align: left;
background-color: transparent;
}

#head {
width: 900px;
margin: 0 auto;
padding:0;
height: 235px;
background: transparent url(../img/people_head.jpg) no-repeat left bottom;
background-position: 230px 0;
}

#logo {
width: 112px;
height: 161px;
display: block;
float: left;
margin: 35px 0 0 50px;
padding: 0;
background: transparent url(../img/logo.gif) no-repeat center center;
}

#languages {
display: block;
width: 50px;
height: 190px;
float: right;
margin: 30px 0 0 0;
}

#languages img {
margin: 0 0 0.5em 0;
padding: 0;
display: block;
clear: both;
float: right;
border: 0;
}

#news {
display: block;
width: 270px;
height: 190px;
float: right;
margin: 30px 0 0 0;
line-height: 1.4em;
}

#news p {
display: block;
width: 270px;
max-width: 270px;
height: 50px;
max-height: 50px;
overflow: hidden;
padding: 0;
margin: 0 0 5px 0;
}

#news h2 {
background: transparent url(../img/news_underline.gif) repeat-x left bottom;
padding-bottom: 5px;
margin-bottom: 8px;
}

.klient {
display: block;
clear: both;
font-weight: bold;
padding: 1em 0 1em 0;
}

#menu {
display: block;
width: 900px;
height: 63px;
line-height: 63px;
text-align: left;
vertical-align: middle;
font-size: 1.2em;
font-weight: bold;
margin: 0;
padding: 0;
}

#menu ul li{
list-style-type: none;
display: block;
float: left;
}

#menu a, #menu a:link, #menu a:visited {
display: block;
float: left;
color: #ffd5d5;
background: transparent url(../img/menu_spacer.png) no-repeat left center;
padding-left: 1.1em;
padding-right: 1.1em;
text-decoration: none;
}

#menu a:hover, .active_menu{
color: #FFFFFF!important;
}

#first {
background-image: none!important;
}

#main {
width: 900px;
min-height: 500px;
padding: 0;
margin: 0;
text-align: left;
background-color: #FFFFFF;
}

#sidebar {
display: block;
float: left;
width: 205px;
padding: 25px;
margin: 0;
background: transparent url(../img/clip_sidebar.png) no-repeat right top;
}

#sidebar ul li{
list-style-type: none;
}

#sidebar ul li a{
display: block;
width: 200px;
height: 26px;
line-height: 26px;
vertical-align: middle;
padding-left: 17px;
background: transparent url(../img/sidebar_item.gif) no-repeat left bottom;
color: #4c4c4c;
text-decoration: none;
}
#sidebar ul li a:hover{
background: transparent url(../img/sidebar_item_hover.gif) no-repeat left bottom;
color: #d42e12;
}

.active_sidebar {
background: transparent url(../img/sidebar_item_hover.gif) no-repeat left bottom !important;
color: #d42e12 !important;
}

#testy {
display: block;
width: 200px;
height: 137px;
background: transparent url(../img/tests.gif) no-repeat left bottom;
margin-top: 3em;
margin-bottom: 1.5em;
text-decoration: none;
}

#quick_contact {
display: block;
width: 220px;
height: 220px;
background: transparent url(../img/quick_contact.gif) no-repeat right bottom;
}


#text {
display: block;
float: left;
width: 560px;
min-height: 300px;
padding: 40px;
margin: 0;
background: transparent url(../img/clip_main.png) no-repeat left top;
line-height: 1.4em;
}



#text h2 {
display: block;
clear: both;
width: 96%;
height: 18px;
padding: 40px 8px 8px 10px;
margin: 0 0 1em 0;
color: #000000;
background: transparent url(../img/h2.gif) no-repeat left bottom;
}

#text ul li {
list-style-type: none;
display: block;
background: transparent url(../img/li.png) no-repeat left top;
padding-left: 13px;
background-position: 0 7px;
}

#footer {
width: 900px;
height: 64px;
background: transparent url(../img/footer.png) no-repeat center;
display: block;
margin: 0 auto;
clear: both;
text-align: center;
font-size: 0.9em;
color: #4c4c4c;
font-weight: bold;
line-height: 1.4em;
}

#copyright {
padding-top: 10px;
}


#jankovarik {
font-weight: normal;
display: block;
clear: both;
color: #969696;
}

#jankovarik a {
color: #969696!important;
text-decoration: none !important;
}

hr {
display: none;
clear: both;
}


/* FORMÁTOVÁNÍ */


a:link {text-decoration: underline; color: #d42e12;}
a:visited {text-decoration: underline; color: #d42e12;}
a:hover {text-decoration: none; color: #d42e12;}
a:active {text-decoration: underline; color: #d42e12;}

h1 {
font-size: 1.7em;
font-weight: bold;
color: #000000;
padding-bottom: 0.5em;
background: transparent url(../img/news_underline.gif) repeat-x left bottom;
line-height: 1.1em;
}

#second_h1 {
display: block;
clear: both;
padding-top: 5px;
font-size: 0.8em;
color: #4c4c4c;
}

h2 {
color: #d42e12;
font-size: 1.4em;
font-weight: bold;
display: block;
clear: both;
margin-bottom: 1em;
}

h3 {
display: block;
clear: both;
font-weight: bold;
font-size: 1.2em;
margin: 1em 0 0.2em 0;
}

a img {
margin: 0 1em 1em 0;
/*float: left;*/
border: 3px #ebebeb solid;
}

img.main {
  margin: 0 1em 1em 0;
  float: left;
  border: 3px #ebebeb solid;
}

p {
padding: 0;
margin-bottom: 0.8em;
}




/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */

#text ul {
display: block;
margin-bottom: 1em;
}

.moduly {
display: block;
float: left;
}

.modul {
display: block;
float: left;
width: 250px;
padding-right: 25px;
padding-bottom: 2em;
}

.mapa {
text-align: right;
float: right;
display: block;
clear: both;
width: 356px;
}

#reference b {
display: block;
clear: both;
}

#reference p{
display: block;
clear: both;
}

.nklient {
font-weight: bold;
display: inline;
padding: 0 0.5em 0 0.5em;
font-weight: bold;
}

.nklientwww {
font-weight: bold;
}

#aktstrankovac {
display: block;
clear: both;
padding-top: 0.8em;
margin-top: 1.5em;
border-top: 1px #C6C6C7 solid;
}

#lektori h3 a:link, #lektori h3 a:visited {
text-decoration: none;
color: #4c4c4c;
}

#lektori h3 a:hover {
text-decoration: underline;
color: #d42e12;
}

table.calendar {
	text-align: center;
}
table.calendar td {
	width: 70px;
	height: 70px;
	border: 1px solid gray;
	text-align: center;
}
table.calendar th {
	width: 30px;
	height: 20px;
	border: 1px solid gray;
	text-align: center;
}

table.calendar td.action {
	background-color: #d42e12;
	color: #ffd5d5;
	font-weight: bold;
}

table.calendar td.action a {
	display: block;
	color: white;
	padding-top: 25px;
	padding-bottom: 26px;
	text-align: center;
}
div.rel {
	position: relative;
}

table.calendar td.old {
	color: #BBB;
	border: 1px solid #BBB;
}

table.calendar td.action div.jq-checkpointSubhead {
	display: none;
	width: 330px;
	height: 54px;
	position: absolute;
	background-color: #d42e12;
	top: -37px;
	padding: 3px;
	left: 50px;
	border: 2px solid #CCC;
	z-index: 100;
	text-align: left;
	font-weight: normal;
}