/* CSS CHEAPDESIGN */

/***************** BASIC ELEMENTS ************************/

body {
	background: #000000 url("../images/bg_body.gif") repeat-x left 100px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 9pt;
	margin:0px;
	padding:0 0 0 0;
	color: #ffffff;
	text-align: center;
}

div#frameholder {
	width: 1252px;
	padding: 0 0 0 0;
	margin: 0 auto;
	text-align: left;
  	background: url("../images/bg_title.jpg") no-repeat left 100px;	
}

div.frameholder_home {}
div.frameholder_content {}

div#left{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	float: left;
}

div.left_menu{width: 716px;}
div.left_nomenu{width: 966px;}
div.left_nonews{width: 1002px;}

div#center{
	margin: 0 0 0 0;
	padding: 33px 0 0 0;
	float:left;
	width: 250px;
}

div#right{
	float: right;	
	margin: 0 0 0 0;
	padding: 30px 30px 0 30px;
	width: 226px;
}

div.center_home{}
div.center_content{}

div#content{
	margin: 0 0 0 0;
	line-height: 12pt;
	color: #6e6e86;
}

div.content_content{padding: 30px 30px 30px 30px;}

div.webdesign {padding: 30px 30px 30px 30px;}
div.graficke-studio {padding: 30px 30px 30px 30px;}
div.tiskarna {padding: 30px 30px 30px 30px;}
div.prezentacni-systemy {padding: 30px 0 30px 30px;}
div.reklama {padding: 30px 30px 30px 30px;}
div.reklamni-predmety {padding: 30px 0 30px 30px;}
div.o-spolecnosti, 
div.reference {padding: 30px 0 30px 30px;}

div#footer {
	width: 1212px;
	margin: 0 auto;
	font-size: 7.5pt;
	text-align: left;
	padding: 20px 10px 10px 30px;
	color: #2c2c36;
}

div#footer a {
	color: #2c2c36;
	text-decoration: none;
}

div#footer a.mail {
	margin: 0 0 0 70px;
}


div.search {
background: #0f0f10 url("../images/bg_catmenu.jpg") no-repeat left top;
background: #101013;
border: 1px solid #171923;
padding: 10px 20px;
margin: 0 0 10px 0;
}


div.search input.text{
width: 120px;
padding: 5px;
border:0;
color: #171923;
font-size: 8.25pt;
vertical-align:middle;
}

/***************** header ************************/

div#header{
  padding: 0 0 0 0;
  margin: 0 0 0 0;
  height: 100px;
}

a#logo {
	width: 315px;
	height: 60px;
	padding: 35px 0 0 25px;
	float: left;
}

/***************** title ************************/

div#title{
	padding: 160px 0 0 0;
	font-size: 8.25pt;
	color:#ffffff;
	line-height: 11.25pt;
}

div.title_homepage {height: 190px;}
div.title_content {height: 40px;}

div#title a#banner{
	position: absolute;
	margin: 0 0 0 680px;
	top: 128px;
}


div#title h3{
	position: absolute;
	margin: 0 0 0 28px;
	top: 145px;
	color:#FFFFFF;
	font-size: 12pt;
}

div#title h1{
	position: absolute;
	margin: 0 0 0 28px;
	padding: 10px 0 0 0;	
	top: 145px;
	color:#FFFFFF;
	font-size: 12pt;
	font-weight: bold;
}

div#title p{
	position: absolute;
	margin: 0 0 0 30px;
	top: 165px;
	font-size: 9pt;
	line-height: 12pt;
}

div#title p strong{
	color: #FFFFFF;
}


/***************** hormenu ************************/

div#hormenu {
	height: 45px;
	margin: 0 0 0 0;
	padding: 45px 0 0 116px;
	color:#cfcfcf;
	float: right;
	width: 796px;
	background: url("../images/bg_hormenu.gif") no-repeat left 40px;	
}

	div#hormenu ul.menu {
		margin: 0;
		padding: 0 0 0 0;
	}
	div#hormenu ul.menu li{
		background-position: right 10px;
		background-repeat:no-repeat;
		list-style-type: none;
		padding: 15px 7px 15px 7px;
		margin: 0 0 0 0;
		float:left;
	}
	div#hormenu ul.menu li.item01{background-image: url("../images/bg_hormenu_list_item01.gif");}
	div#hormenu ul.menu li.item02{background-image: url("../images/bg_hormenu_list_item02.gif");}	
	div#hormenu ul.menu li.item03{background-image: url("../images/bg_hormenu_list_item03.gif");}	
	div#hormenu ul.menu li.item04{background-image: url("../images/bg_hormenu_list_item04.gif");}	
	div#hormenu ul.menu li.item05{background-image: url("../images/bg_hormenu_list_item05.gif");}	
	div#hormenu ul.menu li.item06{background-image: url("../images/bg_hormenu_list_item06.gif");}	
	div#hormenu ul.menu li.item07{padding: 17px 0 0 15px; background-image:none;}	
	div#hormenu ul.menu li.item08{padding: 17px 0 0 0; background-image:none;}
	div#hormenu ul.menu li.item09{padding: 17px 0 0 0; background-image:none;}
	
	a.facebook{position:absolute; top: 59px; margin: 0 0 0 1200px;}
			
	
	div#hormenu ul.menu li a{
		color: #cfcfcf;
		text-decoration: none;
		font-size: 8.25pt;
		font-weight: bold;
		display:block;
		float: left;
		padding: 2px 9px 2px 9px;
		margin: 0 0 0 0;
	}

	div#hormenu ul.menu li.item07 a{padding: 2px 0 2px 0; margin: 0 9px;}	
	div#hormenu ul.menu li.item08 a{padding: 2px 0 2px 0; margin: 0 9px;}
	div#hormenu ul.menu li.item09 a{padding: 2px 0 2px 0; margin: 0 9px;}
	div#hormenu ul.menu li.item10 a{padding: 2px 0 2px 0; margin: 0 9px;}

	div#hormenu ul.menu li  a:hover{}
	div#hormenu ul.menu li.first {}
	div#hormenu ul.menu li.first a {}
	div#hormenu ul.menu li.last {}
	div#hormenu ul.menu li.last a {}

/***************** homebox ************************/

div#homebox{
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

div#homebox div.button{
	width: 192px;
	height: 190px;
	margin: 0 0 0 0;
	float: left;
	background-repeat: no-repeat;
	background-position: left top;
	padding: 0 0 0 0;
	margin: 0 20px 0 0;
}

div#homebox div.button_content{height: 40px;}

div#homebox div.button_01{background-image: url("../images/box_button_01.jpg");}
div#homebox div.button_02{background-image: url("../images/box_button_02.jpg");}
div#homebox div.button_03{background-image: url("../images/box_button_03.jpg");}
div#homebox div.button_04{background-image: url("../images/box_button_04.jpg");}
div#homebox div.button_05{background-image: url("../images/box_button_05.jpg");}
div#homebox div.button_06{background-image: url("../images/box_button_06.jpg"); margin-right: 0;}

div#homebox div.button h2 { 
display:block;
width: 192px;
height: 40px;
margin: 0 0 0 0;
padding: 0 0 0 0;
}

div#homebox div.button_01 h2 {background: url("../images/box_button_h2_01.gif") no-repeat 20px 14px;}
div#homebox div.button_02 h2 {background: url("../images/box_button_h2_02.gif") no-repeat 20px 14px;}
div#homebox div.button_03 h2 {background: url("../images/box_button_h2_03.gif") no-repeat 20px 14px;}
div#homebox div.button_04 h2 {background: url("../images/box_button_h2_04.gif") no-repeat 20px 14px;}
div#homebox div.button_05 h2 {background: url("../images/box_button_h2_05.gif") no-repeat 20px 14px;}
div#homebox div.button_06 h2 {background: url("../images/box_button_h2_061.gif") no-repeat 20px 14px;}

div#homebox div.button h2 span{visibility: hidden;}

div#homebox div.button strong{ 
display:block;
width: 155px;
height: 62px;
padding: 88px 17px 0 20px;
margin: 0 0 0 0;
font-weight: normal;
}

div#homebox ddiv.button_01 strong{ color: #f0b3b3;}
div#homebox ddiv.button_02 strong{ color: #ffd1b3;}
div#homebox ddiv.button_03 strong{ color: #dbeeb5;}
div#homebox ddiv.button_04 strong{ color: #b3e1f0;}
div#homebox ddiv.button_05 strong{ color: #e6b9d3;}
div#homebox ddiv.button_06 strong{ color: #ffe7b3;}

div#homebox div.button a{ 
display: block;
position: absolute;
margin: 0 0 0 0;
width: 192px;
height: 190px;
background:url("../images/bg_none.gif") no-repeat left top;
}

div#homebox div.button_content a{ 
display: block;
position: absolute;
margin: 0 0 0 0;
width: 192px;
height: 40px;
background:url("../images/bg_none.gif") no-repeat left top;
}

/***************** site path ************************/

div#sitepath{
padding: 0 0 10px 20px;
margin: 0 0 0 0;
font-size: 7.5pt;
font-family: Arial, Verdana,  Helvetica, sans-serif;
color:#999999;
}

div#sitepath a{
font-weight: normal;
text-decoration:underline;
color: #999999;
}

/***************** catalog menu ************************/

div.catmenu {
background: #0f0f10 url("../images/bg_catmenu.jpg") no-repeat left top;
background: #101013;
border: 1px solid #171923;
padding: 20px 20px;
}

div.catmenu h3 {margin: 0; padding: 0;}

div.catmenu ul.menu {
		margin: 0;
		padding: 10px 0 0 0;
	}

div.catmenu ul.menu li{
		list-style-type: none;
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		border-bottom: 1px solid #1b1c23;
		background: none;
	}
	
div.catmenu ul.menu li a{
		font-size: 9pt;	
		font-family: Arial, Verdana;
		text-decoration: none;
		display: block;
		padding: 7px 0 7px 20px;
		color: #6e6e86;
		background: url("../images/bg_catmenu_list_link.gif") no-repeat left 10px;
}

div.catmenu ul.menu li ul.menu{
		margin: 0;
		padding: 0 0 2px 0;
		margin: 0 0 0 0;
	}

div.catmenu ul.menu li ul.menu li{
		list-style-type: none;
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		border-top: 1px solid #1b1c23;
		border-bottom: 0;
		background: none;
	}

div.catmenu ul.menu li ul.menu li a{
		text-transform: none;
		font-weight: normal;
		padding: 5px 10px 5px 38px;
		font-size:8.25pt;
		line-height: 11.25pt;
		background: url("../images/bg_catmenu_list_link.gif") no-repeat 20px 8px;
		color:#8e8eac;		
}

div.catmenu ul.menu li ul.menu li ul.menu li{
		list-style-type: none;
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		border-top: 1px solid #1b1c23;
		border-bottom: 0;
		background: none;
	}

div.catmenu ul.menu li ul.menu li ul.menu li a{
		text-transform: none;
		font-weight: normal;
		padding: 5px 10px 5px 58px;
		font-size:8.25pt;
		line-height: 11.25pt;
		background: url("../images/bg_catmenu_list_link.gif") no-repeat 40px 8px;
		color:#8e8eac;		
}

div.catmenu ul.menu li a:hover, div#catmenu ul.menu li ul.menu li a:hover {color: #ffffff;}
div.catmenu ul.menu li.active a, 
div.catmenu ul.menu li ul.menu li.active a,
div.catmenu ul.menu li ul.menu li ul.menu li.active a {color: #ffffff;}

/***************** unibox ************************/

div.unibox{
	margin: 0 0 0 0;
	padding: 10px 20px;
	color: #666666;
	font-size: 8.25pt;
}

div.unibox div.headline{
  font-weight: bold;
  padding: 0 0 7px 0;
  color: #000000;
}	

div.unibox h4{
	font-size: 8.25pt;
	color: #666666;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}	

div.unibox p{
  	padding: 3px 0 0 0;
	margin: 0 0 3px 0;
}	

div.unibox table{
	margin: 0;
	width: 100%;
	border: 0;
}

div.unibox table td{
	padding: 2px 0;
	font-size:8.25pt;
}	

div.unibox input.text{
  padding: 2px 5px;
  font-size: 8.25pt;
  color: #666666;
}	




/***************** news ************************/

div.news {
	padding-top: 15px;
	background: url("../images/bg_news.gif") repeat-x;
}

div.news div.item{
  padding: 10px 0 10px 0;
  border-top: 1px dotted #cccccc;
}	

div.news div.item div.more{
  padding: 7px 0 0 0;
}

div.news div.item div.archive{
  padding: 0 0 0 0;
}	

div.news .inline-button {
	padding: 1px 3px;
   white-space:nowrap;
   text-decoration: none;
   vertical-align:middle;
   background: #99cc00;
   color: #ffffff;
   }

/***************** homecontent ************************/

div#homecontent{
	padding: 0 0 0 0;
}

/***************** homenews ************************/

div#news{
	padding: 0 0 30px 0;
	width: 226px;
	float: left;
}

div#homecontent div#news{
	padding: 0 40px 0 0;
	width: 586px;
	float: left;
}

div#news h3{
	font-size: 12pt;
	color: #ffffff;
	margin: 0 0 5px 0;
	background: url("../images/common/bg_h2.gif") no-repeat right bottom;	
padding: 0 0 10px 0;
}

div#news table{
	margin: 10px 0 5px 0;
	width: 100%;
	border: 0;
}

div#homecontent div#news table{
	margin: 10px 0 0 0;
	width: 100%;
	border: 0;
}

div#news table td{
	padding: 0 0 0 0;
	vertical-align: top;
}

div#news table td.date{
	width: 55px;
	padding: 5px 0 0 0;
	color: #FFFFFF;
}

div#news table td.date div{
	width: 36px;
	height: 31px;
	padding: 6px 0 0 0;
	text-align: center;
	background: url("../images/bg_date.gif") no-repeat left top;
	line-height: 10.5pt;
	font-size: 8.25pt;
	font-family: Arial, Helvetica, sans-serif;	
}

div#news table div{
	padding: 0 0 0 0;
	margin: 0 0 3px 0;
	font-size: 9.75pt;
	color: #ffffff;
	line-height: 13.5pt;
	font-weight: bold;
}

div#news table div a {
  color: #FFFFFF;
}

div#news table p{
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	color: #6e6e86;
}

div#news table p a{
	text-decoration: underline;
	color: #6e6e86;
}

/***************** reference ************************/

div#reference{
	padding: 0 40px 0 17px;
	width: 283px;
	height: 250px;
	float: left;
	background: url("../images/bg_reference.jpg") no-repeat left 40px;	
}

div#reference h3{padding: 0 0 10px 0; margin-left: -17px;
	font-size: 12pt;
	color: #ffffff;
	background: url("../images/common/bg_h2.gif") no-repeat right bottom;	
}

div#reference ul{padding: 22px 0 0 0; margin: 0 0 0 0;}

div#reference_list img{width: 266px;}
/***************** newsletter ************************/

div#homecontent div#newsletter{
	padding: 0 0 0 0;
	width: 226px;
	float: left;
	color: #6e6e86;
	font-size: 8.25pt;
}

div#newsletter{
	padding: 0 0 30px 0;
	width: 226px;
	float: left;
	color: #6e6e86;
	font-size: 8.25pt;	
}

div#newsletter h3{
	font-size: 12pt;
	color: #ffffff;
	padding: 7px 0 10px 0;
	margin: 0 0 5px 0;
	background: url("../images/common/bg_h2.gif") no-repeat right bottom;	
padding: 0 0 10px 0;
}

div#newsletter p{
		line-height: 10.5pt;
		margin: 0 0 15px 0;
}

div#newsletter div{
		padding: 15px;
		border: 1px solid #171923;
		background: #101013;
		margin: 0 0 0 0;
		font-size: 9pt;
}

div#newsletter input.text{
		padding: 3px 4px;
		width: 180px;
		border: 1px solid #292932;
		background: #1b1b21;
		color: #CCCCCC;
		margin: 5px 0 10px 0;
		font-size: 9pt;

}

div#newsletter ul{
padding-bottom: 0; 
}

/***************** reference 2 ************************/

div#reference2{
padding: 15px 0 15px 20px;
margin: 30px 0 0 0;
background:#0b0d12;
text-align: left;
}

div.ramecek{
display: block;
background: url("../images/bg_ramecek.gif") left top;
padding: 10px 10px 10px 10px;
margin: 15px 0 10px 0;
color:#FFFFFF;
}

div.ramecek h2, div.ramecek h3, div.ramecek h4{
padding: 0;
}

div.ramecek .akce_red {
	color: #CC0000;
}

div.ramecek p{
margin: 0 0 0 0;
padding: 0 0 0 0;
}

div.ramecek .note{
color: #a1a1b3;
}


div.ramecek strong{
color: #FFFFFF;
}

div.ramecek a strong{
color: #FFFFFF;
}

div.ramecek div.hr_dotted{
		background: url("../images/common/bg_hr_dotted.gif") repeat-x 0 7px;
		height: 15px;
}

table.poptavka td{
padding: 3px 15px 3px 0;
}

table.poptavka th{
padding: 3px 15px 3px 0;
}

table.poptavka td input.text{
padding: 2px 5px;
color: #6e6e86;
font-size: 9pt;
border: 1px solid #a1a1b3;
}








table.tisk {
width: 100%;

margin: 15px 0;
}

table.tisk td{
padding: 5px;
background:#f7f7f7;
border-top: 1px solid #CCCCCC;
font-size: 8.25pt;
vertical-align:middle;
}

	table.tisk td.through {
		text-decoration: line-through;
	}
	table.tisk td.akce,
	table.tisk td.akce_head div {
		color: #CC0000;
		font-size: 12px;
		font-weight: bold;
		vertical-align: middle;
	}

		

table.tisk th{
font-size: 8.25pt;
padding: 5px;
background:#e5e5e5;
}

table.tisk th.suphead{
color:#000000;
border-bottom:1px solid #FFFFFF;
}

	table.tisk.tisk_akce th.suphead {
		color: #CC0000;
		
	}

div.webdesign table.tisk th.suphead {background: #ce0a0b;}
div.graficke-studio table.tisk th.suphead {background: #ff6d0a;}
div.tiskarna table.tisk th.suphead {background: #8cc811;}
div.prezentacni-systemy table.tisk th.suphead {background: #0a9ece;}
div.reklama table.tisk th.suphead {background: #ae1c71;}
div.reklamni-predmety table.tisk th.suphead {background: #ffb107;}



table.tisk td sup, div#content table.tisk th sup{
font-size: 7.5pt;
}

table.tisk tr.devid th{
border-top: 1px solid #CCCCCC;
}

/***************** login ************************/

div.superlogin{
padding: 15px;
}	


div.superlogin input.text{
width: 175px;
margin: 0 5px 0 0;
padding: 2px 5px;
}	

div.superlogin p{
  padding: 0 0 0 0;
  margin: 0 0 10px 0;
}

/***************** reference ************************/

div.reference_item{
float: left;
margin: 10px 12px 0 0;
width: 160px;
height: 180px;
overflow:hidden;
}

div.reference_item_last{margin: 10px 0 0 0;}

div.reference_item h4{
display: block;
text-align:center;
font-size: 9.75pt;
margin: 0 0 0 0;
padding: 5px 0 3px 0;
}

div.reference_item p{
display: block;
text-align:center;
margin: 0 0 0 0;
padding: 0 0 0 0;
}

div.reference_item a{
color: #6e6e86;
text-decoration:underline;
}

div.seotext{
padding: 5px 0 15px 0;
}

img.facebook2{
position:absolute;
margin: 10px 0 0 180px;
}


div.reklamni-predmety a.button_rp{
float: left;
width: 190px;
height: 20px;
padding: 170px 0 0 0;
text-align: center;
color:#000000;
text-decoration:none;
text-transform:uppercase;
font-weight: bold;
margin: 0 20px 20px 0;
}

div.reklamni-predmety a.button_rp1{background:url("../images/bg_rp1.jpg") no-repeat left top;}
div.reklamni-predmety a.button_rp2{background:url("../images/bg_rp2.jpg") no-repeat left top;}
div.reklamni-predmety a.button_rp3{background:url("../images/bg_rp3.jpg") no-repeat left top;}
div.reklamni-predmety a.button_rp4{background:url("../images/bg_rp4.jpg") no-repeat left top;}
div.reklamni-predmety a.button_rp5{background:url("../images/bg_rp5.jpg") no-repeat left top;}
div.reklamni-predmety a.button_rp6{background:url("../images/bg_rp6.jpg") no-repeat left top;}
div.reklamni-predmety a.button_rp7{background:url("../images/bg_rp7.jpg") no-repeat left top;}
div.reklamni-predmety a.button_rp8{background:url("../images/bg_rp8.jpg") no-repeat left top;}
div.reklamni-predmety a.button_rp9{background:url("../images/bg_rp9.jpg") no-repeat left top;}


div#content table.gallery_thumbs td img{
margin: 0 15px 15px 0;
}


#content.reklama table.gallery_thumbs td a {
	display: block;
	overflow: hidden;
	width: 135px;
	height: 102px;
	border: 3px solid #CCCCCC;
	margin: 0 15px 15px 0;
}
#content.reklama table.gallery_thumbs td img {
	width: 135px;
	border: 0;
}

#content.reklama table.gallery_thumbs {
	width: 100%;
	margin: 0;
}

#content.reklama table.gallery_thumbs td {
	text-align: center;
	width: 25%;
}