/*** BASIC ***/

body, h1, h2, h3, h4, h5, h6, ul, ol, dl, p, li, hr, form, fieldset, legend, label, table, theah, tbody, blockquote, input, select {
	margin: 0;
	padding: 0;
}
body {
	background: url('../images/body_bg.jpg') #f2f2f2 top repeat-x;
	font-family: Trebuchet MS, Arial, Tahoma, Verdana, Helvetica , sans-serif;
	color: #545454;
	font-size: small;
	position: relative;
}
a img {
	border: 0px;
}
a.more {
  width: 94px;
  height: 25px;
  line-height: 25px;
  display: block;
  text-align: center;
  font-size: 115%;
  text-decoration: none;
  color: #ffffff!important;
	background: url('../images/button_more.gif') no-repeat;   
}
h1 {
  font-size: 290%;
  color: #92529e;
  font-weight: normal;
  margin-bottom: 30px;
}
h2 {
  font-size: 125%;
  color: #92529e;
  margin-bottom: 10px;
}
h2 a {
  color: #92529e;
}
h3 {
  font-size: 110%;
  color: #92529e;
  margin-bottom: 7px;
}

.hide {
	position: absolute;
	top: -10000px;
	left: 0;
	width: 1px;
	height: 1px;
	overflow: hidden;
}
.cleaner {
	clear: both;
}

/*** PAGE ***/

#page_wrapper {
	background: url('../images/page_wrapper_bg.jpg') center 28px no-repeat;  
}
#page {
  width: 960px;
  font-size: 92%;
  margin: 0px auto 0px auto;
}
#top {
  width: 960px;
  height: 85px;
  position: relative;
}
#top .logo {
  width: 238px;
  height: 32px;
  display: block;
  position: absolute;
  left: 37px;
  top: 30px;
}
#top .icon_pdc {
  width: 117px;
  height: 50px;
  display: block;
  position: absolute;
  right: 210px;
  top: 22px;
}
#top .socialbakers {
  width: 189px;
  height: 50px;
  display: block;
  position: absolute;
  right: 0px;
  top: 21px;
}


/*** TOP_MENU ***/

#top_menu {
  width: 960px;
  height: 36px;
  display: block;
  margin-bottom: 9px;
	background: url('../images/top_menu_bg.gif') no-repeat;  
}
#top_menu ul {
  height: 36px;
  list-style-type: none;
}
#top_menu li {
  height: 36px;
  float: left;
  background: url('../images/top_menu_divider.gif') right top no-repeat;  
}
#top_menu li a {
  height: 36px;
  line-height: 36px;
  display: block;
  position: relative;
  float: left;
  color: #ffffff;
  font-weight: bold;
  text-decoration: none;
  padding: 0px 25px 0px 25px;
}

/*** BANNER ***/

#banner {
  width: 960px;
  height: 305px;
  position: relative;
  margin-bottom: 10px;
  background: url('../images/banner_bg.png') no-repeat; 
}
#banner .text {
  width: 330px;
  height: 300px;
  float: left;
}
#banner .text h1 {
  width: 254px;
  height: 115px;
  position: absolute;
  top: 104px;
  left: 33px;
  font-size: 1%;
}
#banner .text h1 span {
  width: 254px;
  height: 115px;
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  background: url('../images/banner_text.png') no-repeat; 
}
#slideshow {
  width: 629px;
  height: 297px;
  padding: 1px 1px 1px 0px;
  float: right;
  position: relative;
overflow: hidden;
}
#slideshow .decor_top {
  width: 5px;
  height: 5px;
  position: absolute;
  right: 0px;
  top: 0px; 
  font-size: 1%;
  line-height: 1%; 
  background: url('../images/slideshow_decor_top.png');
z-index: 10;
}
#slideshow .line {
  width: 539px;
  height: 53px;
  position: absolute;
  left: 0px;
  top: 234px;
  color: #ffffff;
  padding: 12px 0px 0px 90px;
cursor: pointer;
  background: url('../images/gray70.png');
}
#slideshow .line h3 {
  font-size: 150%;
  font-weight: normal;
  line-height: 1.2;
  color: #ffffff;
  margin: 0px;  
}
#slideshow .line .arrow_left {
  width: 23px;
  height: 23px;
  display: block;
  position: absolute;
  left: 38px;
  top: 18px;
}
#slideshow .line .arrow_right {
  width: 23px;
  height: 23px;
  display: block;
  position: absolute;
  right: 38px;
  top: 18px;
}

#slideshow .line a {
	color:white;
	text-decoration: none;
}


/*** MAIN ***/

#main {
  width: 960px;
  padding-bottom: 18px;
}
#left {
  width: 310px;
  float: left;
}
#left .box {
  width: 310px;
}
#left .box .box_header {
  width: 310px;
  height: 5px;
  line-height: 1%;
  font-size: 1%;
  background: url('../images/left_box_header.gif') no-repeat;   
}
#left .box .box_content {
  width: 270px;
  padding: 15px 20px 5px 20px;
  background: #ffffff;
}
#left .box .box_footer {
  width: 310px;
  height: 5px;
  line-height: 1%;
  font-size: 1%;
  background: url('../images/left_box_footer.gif') no-repeat;   
}


#content {
  width: 630px;
  float: right;
  background: url('../images/content_bg2.jpg') #ffffff top no-repeat; 
}
#content .content_footer {
  width: 630px;
  height: 5px;
  line-height: 1%;
  font-size: 1%;
  background: url('../images/content_footer.gif') no-repeat;   
}

.stranky {
  padding: 18px 20px 0px 20px;
}
.stranky p {
  margin-bottom: 15px;
}
.stranky ul {
  list-style-type: none;
  margin: 0px 0px 15px 15px;
}
.stranky a {color: #a963b7;}
.stranky a:hover {color: #545454;}
.stranky .italic {font-style: italic;}
.stranky span.right {display: block; text-align: right;}
.stranky .color {color: #a963b7;}



/*** FOOTER ***/

#footer {
  width: 920px;
  padding: 18px 20px 0px 20px;
  margin-bottom: 50px;
  font-size: 92%;
  color: #a47dab;
  border-top: 1px solid #cebed1;
}
#footer .logo {
  width: 110px;
  height: 30px;
  display: block;
  float: left;
  margin-right: 15px;
}
#footer ul {
  display: block;
  list-style-type: none;
}
#footer ul li {

}
#footer .copyright {
  width: 160px;
  height: 30px;
  display: block;
  float: left;
  line-height: 1.3;
}
#footer .copyright li.divider {
  padding-right: 9px;
  margin-right: 8px;
  background: url('../images/divider.gif') right center no-repeat;
}
#footer .copyright a {
  color: #a47dab;
  text-decoration: none;
}
#footer .copyright a:hover {
  color: #92529e;
  text-decoration: underline;
}

#footer .menu {
  width: 530px;
  float: right;
  margin-top: 5px;
}
#footer .menu li {
  height: 20px;
  float: right;
}
#footer .menu li a {
  height: 22px;
  line-height: 22px;
  text-decoration: none;
  padding: 0px 10px 0px 10px;
  color: #5e056f;
}                         
#footer .menu li a:hover {
  color: #a47dab;
}
#footer .menu li.active a {
  color: #ffffff;
  background: #5e056f;
}

#footer .twitter {
  width: 50px;
  height: 35px;
  display: block;
  float: right;
  margin-left: 22px;
} 



/*** MODULES ***/

#clients {
  list-style-type: none;
  margin-bottom: 20px;
}
#clients li {
  display: block;
  padding: 10px 0px 5px 0px;
  text-align: center;
  background: url('../images/clients_li_bg.gif') center top no-repeat; 
}

#awards {
  list-style-type: none;
  margin-bottom: 20px;
  text-align: center;
}
#awards li {
  display: inline-block;
  width: 75px;
  margin: 0 10px 5px 0;
/*  background: url('../images/clients_li_bg.gif') center top no-repeat; */ 
}

#tabs {
  width: 610px;
  height: 41px;
  padding: 8px 10px 0px 10px;
  margin-bottom: 25px;
  background: url('../images/tabs_bg.gif') no-repeat; 
}
#tabs h2 {
  line-height: 35px;
  float: left;
  padding: 0px 15px 0px 15px;
  color: #630b73;
}
#tabs ul {
  display: block;
  list-style-type: none;
}
#tabs ul li {
  height: 41px;
  display: block;
  float: left;
  margin-right: 2px;
  background: url('../images/tab1.gif') left top no-repeat;  
}
#tabs ul li h2 {
  line-height: 41px;
  font-size: 92%;
  font-weight: normal;
  padding: 0px;
  background: url('../images/tab2.gif') right top no-repeat;  
}
#tabs ul li h2 a {
  height: 41px;
  line-height: 41px;
  display: block;
  float: left;
  color: #696969;
  padding: 0px 12px 0px 12px;  
  text-decoration: none;
}       
#tabs ul li h2 a:hover {
  color: #5e056f;  
}
#tabs ul li.active {
  background: url('../images/tab_active1.gif') left top no-repeat; 
}
#tabs ul li.active h2 {
  background: url('../images/tab_active2.gif') right top no-repeat; 
}
#tabs ul li.active a {
  color: #5e056f;
  font-weight: bold;
}

.block1 {
  min-height: 225px;
  padding: 0px 0px 20px 250px;
  background: url('../images/image1.jpg') left top no-repeat;
}
.block1 h2 {
  font-size: 150%;
  color: #5e056f;
}
.block1 ul {
  list-style-type: none;
}
.block1 ul li, .stranky ul li {
  line-height: 1.5;
  padding-left: 20px;
  background: url('../images/bullet.gif') left 3px no-repeat;
}
.block1 .col {
  width: 170px;
  float: left;
  margin-bottom: 30px;
}

strong {color: #92529e;}

.center {text-align:center}
.fl {float:left}
.fr {float:right}
.smaller {font-size:80%}

.foto {float:left; width:284px; height:115px; margin-bottom:10px}
.foto p {color:#ddd; margin-left:105px; margin-top:10px}
.foto a, #content .foto strong {color:#fff}
.foto a:hover {color:#ccc}
.lukas {background:url(/images/foto_lukas.jpg) no-repeat; margin-right:10px}
.martin {background:url(/images/foto_martin.jpg) no-repeat}
.jan {background:url(/images/foto_jan.jpg) no-repeat; margin-right:10px}
.jiri {background:url(/images/foto_jirka.jpg) no-repeat}
img.contact_icon {margin-top:5px}
img.client_list {margin:5px 10px}
div.client {margin:20px 0; border-top:1px solid #92529e}
div.client h2 {margin-top:20px}
div.client_gal {width:194px; float:right; margin-left:15px}
div.client_gal img {display:block; padding:6px; margin:5px 0}
div.client_gal a img {border:1px solid #92529e} 
div.client_gal a:hover img {border:1px solid #545454}
table.contacts_table {margin:0 0 15px 0; padding:0; border:none; border-collapse:collapse}
table.contacts_table th, table.contacts_table td {font-size:100%; margin:0; padding:0}
table.contacts_table th {font-weight: normal; text-align:left; padding-right:5px}

#homepage #content {
  background: url('../images/content_bg.gif') #ffffff top no-repeat;
}