/*
 * screen.css - media screen (all)
 * Autor: Martin Zemánek, martinzemanek at email.cz 
 */
* { 
padding: 0; 
margin: 0;
}
.noborder {
  border:none;
  background:none;
}
body {
 font-family: Tahoma, Arial, Verdana, "Times New Roman";
 font-size: 12px;
 color: #eeeeee;
 background: #111111;
}
/* ------------------ Poziční bloky - obsah, sloupce--------------------*/
#wrap {
  margin:0 auto;
  width:989px;
}

#paticka a {
  color:#999999;
  font-size:80%;
}
#content_block {
  width:100%;
  background: #111111;
}
#main { 
 float: left;
 width:100%;
}
#content_main { 
 float:left;
 display:block; 
 margin-top:20px;
 width:664px;
 background:none;
}
#content { 
 float:left;
 display:block; 
 margin-top:20px;
 width:660px;
 background:none;
 line-height:18px;
}
#left { 
 float: left;
 width:300px;
}
/* ------------------ Hlavička --------------------*/
#header { 
 background: #111111 url(../images/header.jpg) no-repeat;
 height:260px;
 width:986px;
 margin:0 auto;
}
#header_back { 
 background: #111111;
 height:260px;
}
#header #over a { 
 display:block;
 position:absolute;
 top:98px;
 margin-left:210px;
 width:540px;
 height:75px;
}
#header #akce_shop a { 
 display:block;
 position:absolute;
 top:38px;
 margin-left:790px;
 width:140px;
 height:80px;
}
#header #header_perex {
  position:absolute;
  top:171px;
  line-height:30px;
  color:#707070;
  font-weight:normal;
  margin-left:452px;
  font-family:arial;
  font-size:11px;
}
#header #kontakt_box {
  float:right;
  width:310px;
  height:38px;
  background:black;
  border-bottom:1px solid silver;
  border-left:1px solid silver;
  border-right:1px solid silver;
}
#header #favourite span a {
  position:absolute;
  top:230px;
  margin-left:880px;
  color:silver;
  width:100px;
  height:28px;
}
#header #facebook span a {
  position:absolute;
  top:230px;
  margin-left:750px;
  color:silver;
  width:110px;
  height:28px;
}
#header #kontakt_box table {
  width:270px;
  margin:4px auto;
  font-family: Verdana;
}
#header #kontakt_box table tr td {
  height:25px;
  line-height:25px;
  font-size:15px;
}
#header #kontakt_box table tr td.silver {
  color:silver;
}
#header #kontakt_box table tr td.white_bold {
  color:white;
  font-weight:bold;
  font-size:19px;
}
/* ------------------ MENU nahoře --------------------*/
#navigace { 
 height:57px;
 line-height:52px;
 margin: 0 auto;
 width:986px;
}
#navigace_back { 
 background: url(../images/menu.gif) repeat-x;
}
#navigace li {
  list-style-type:none;
  float:left;
}
#navigace li span.separator {
  padding: 0 16px 0 16px;
  font-weight:bold;
  float:left;
  background: url('../images/separator.gif') no-repeat left 1px;
}
#navigace li span.separator_no {
  padding: 0 26px 0 26px;
  font-weight:bold;
  float:left;
  background: none;
}
#navigace li a:hover {
  float:left;
  background: url('../images/menu_over.gif') repeat-x;
  text-decoration:none;
}
#navigace li.selected, #navigace li.selected_first {
  background: url('../images/menu_over.gif') repeat-x;
  text-decoration:none;
}
#navigace li.selected_first {
  margin-left:30px;
}
#navigace li.first {
  padding-left:30px;
  background:none;
}
#navigace li.first span.separator {
  background:none;
}
#navigace li a { 
  color:white;
  letter-spacing:1px;
  cursor:pointer;
}
/* ------------------ boxy --------------------*/
.box { 
  background: #030303 url('../images/box.png') no-repeat; 
  width:580px;
  height:149px;
  overflow:hidden;
  float:left;
  display:block;
  padding:10px;
  margin-left:40px;
  margin-bottom:10px;
}
.box .badge_shop_light,.box .badge_design,.box .badge_shop_complet, .box .badge_shop_profi, .box .badge_web_light, .box .badge_web_standard, .box .badge_web_profi, .box .badge_new {  
  width:65px;
  height:124px;
  position:absolute;
  margin-left:-75px;
}
.box .badge_shop_light { 
  background: url('../images/2.jpg') no-repeat; 
}
.box .badge_shop_profi { 
  background: url('../images/3.jpg') no-repeat; 
}
.box .badge_shop_complet { 
  background: url('../images/4.jpg') no-repeat; 
}
.box .badge_web_profi { 
  background: url('../images/badge_web_profi.jpg') no-repeat; 
}
.box .badge_design { 
  background: url('../images/5.jpg') no-repeat; 
}
.box .badge_new { 
  background: url('../images/badge_new.jpg') no-repeat; 
}

.cenik {
  border:1px solid #333333;
}
.cenik tr td {
  vertical-align:middle;
  padding:3px 0px 0px 5px;
  font-size:90%;
  border-bottom:1px solid #333333;
}
.objednavka_table tr td {
  padding:15px 0px 1px 10px;
  line-height:26px
}
.objednavka {
  width:80px;
  height:25px;
  font-size:100%;
  background: url('../images/button.png') no-repeat;
  display:block;
  text-align:center;
  line-height:25px;
  color:black;
  margin:10px auto;
  border:none;
  cursor:pointer;
}
.objednavka:hover {
  color:black;
  text-decoration:none;
}

.box a img { 
  border:1px solid black;
}
.box a:hover img { 
  border:1px solid #222222;
}
p {  
  line-height:24px;
  text-align:justify;
}
.box p { 
  font-size:12px;
  line-height:20px;
  font-weight:normal;
  color:silver;
}
#left .box2 { 
  background: #030303 url('../images/box2_top.png') no-repeat; 
  width:266px;
  overflow:hidden;
  margin-top:15px;
  float:left;
  display:block;
}
#left .box2_bottom { 
  background: #030303 url('../images/box2_bottom.png') no-repeat; 
  width:266px;
  height:11px;
  float:left;
  display:block;
}
#left .box2 p {  
  line-height:15px;
  font-size:85%;
  margin-bottom:10px;
  padding-left:15px;
  text-align:justify;
}
#left .box2 h2 {  
  line-height:20px;
  font-weight:bold;
  margin-left:10px;
  margin-top:10px;
  text-align:justify;
}
#content hr {  
  border:1px dotted silver;
  margin: 20px 0;
  padding:0;
}
/* ------------------ Vlastnosti elementu --------------------*/
th {
  padding:3px;
}
table {
  width:100%;
}
td {
  padding:2px 1px;
}
fieldset {
  margin-top:10px;
  padding:7px;
}
legend {
  padding:0 5px;
}
table, tr, td, th {
  border-collapse:collapse;
}
input {
  border:1px solid gray;
  padding:0 2px;
  font-size:13px;
	background: url(../images/input.gif) repeat-x;
}
select {
  border:1px solid gray;
  padding:0 0 0 2px;
  font-size:12px;
}
textarea {
	background: url(../images/textarea.gif) repeat-x;
  border:1px solid gray;
  padding:2px;
  font-size:11px;
  border-style: inset;
  font-size:11px;
}
img {
  border:none;
}
a {
  text-decoration:none;
  color:#bee700;
  font-weight:bold;
}

a:hover {
  color:silver;
  text-decoration:underline;
}

h1, .laguna {
 font-size:20px;
 padding-bottom:5px;
 color:#59b0ef;
 padding-bottom:10px;
 font-family:georgia;
 font-style:italic;
 letter-spacing:1px;
}
h2 {
 font-size:14px;
 padding-bottom:5px;
 color:#bee700;
}
h3 {
 font-size:14px;
 padding-bottom:5px;
 color:#bee700;
}
h4 {
 font-size:12px;
 padding-bottom:4px;
 color:#bee700;
}
/* ------------------ Patička --------------------*/
#footer {
	background: black;
}
#footer {
	color:#bee700;
	font-size:85%;
	margin:0 auto;
	line-height:63px;
  text-align:center;
  display: block;;
}
#footer a{
	color:#bee700;
	text-decoration:underline;
}

/* ------------------ Výpis produktů - záhlaví a zápatí --------------------*/
#paging_header {
  width:100%;
  background: url(../images/title_head.gif) repeat-x;
  border:1px solid #242424;
  height:25px;
  padding-left:10px;
  padding-right:10px;
  padding-top:5px;
  margin-bottom:10px;
  color:black;
}
#paging_header p.paging_header_left {
  line-height:20px;
  float:left;
}
#paging_header p.paging_header_right {
  line-height:20px;
  float:right;
}
#paging_footer {
  width:100%;
  display:block;
  background: url(../images/title_head.gif) repeat-x;
  border:1px solid #242424;
  height:30px;
  line-height:30px;
  padding:0 10px;
  margin:15px 0;  
}

#paging_footer table tr td{
 padding:0;
}
#paging_footer table tr td.leftpage {
 width:16px;
text-align:left;
}
#paging_footer table tr td.rightpage{
 width:16px;
  text-align:right;
}
#paging_footer table tr td.centerpage{
 text-align:center;
}
/* ------------------ Ostatní vlastnosti --------------------*/
.infomessage {
vertical-align: middle;
color:green;
}
.errormessage {
vertical-align: middle;
color:red;
}
.left {
  text-align:left;
}
.right {
  text-align:right;
}
.center {
  text-align:center;
}
.hidden {
	display: none;
}

.justify {
  text-align:justify;
}
.clear {
  clear: both;
}
.smaller {
  font-size:85%;
}

.color {
  color:#bee700;
}
.color2 {
 color:#bee700;
}
.h_background {
  background: url(../images/input.gif) repeat-x;
  margin:10px 0;
  line-height:20px;
  padding:2px 0 2px 10px;
  color:#6aafc8;
}
.color_bold {
  color:#bee700;
  font-weight:bold;
}
.submit {
  border:1px solid black;
  font-size:13px;
	background: url(../images/input.gif) repeat-x;
  height:auto;
  cursor:pointer;
  -moz-border-radius: 6px;
  font-weight:bold;
}
.submit:hover {
  border:1px solid black;
  background:#dedede;
}
.red {
 color:red;
}
.green {
  color:green;
}
.odsazeni_top {
  padding-top:10px;
}

#kontaktform {
  padding:10px;
}
/* Ajax validate form */
#msg {
  display:none; 
  position:absolute; 
  z-index:200; 
  padding:5px 10px; 
  background:#bee700; 
  color:black;
  font-weight:bold;
  -moz-border-radius: 5px;
  border:1px solid black;
}


		.screen {
			width:100%;
			padding:0;
		}		
			.screen li {
				float:left;
				list-style:none;
			}
				.left_arrow{
          filter: progid:DXImageTransform.Microsoft.AlphaImageLoader
          (src='../images/arrow_left.png',sizingMethod='scale'); 
          width:26px;
          height:55px;
          display:block;
          float:left;
          margin-top:60px;
				}
        head:first-child+body .left_arrow {
          background: url(../images/arrow_left.png) no-repeat;
        }
				.left_arrow:hover{
          filter: progid:DXImageTransform.Microsoft.AlphaImageLoader
          (src='../images/arrow_left_over.png',sizingMethod='scale'); 
          cursor:pointer;
				}
        head:first-child+body .left_arrow:hover {
          background: url(../images/arrow_left_over.png) no-repeat;
          cursor:pointer;
        }
				.right_arrow{
          filter: progid:DXImageTransform.Microsoft.AlphaImageLoader
          (src='../images/arrow_right.png',sizingMethod='scale'); 
          width:26px;
          height:55px;
          display:block;
          float:right;
          margin-top:60px;
				}
        head:first-child+body .right_arrow {
          background: url(../images/arrow_right.png) no-repeat;
        }
				.right_arrow:hover{
          filter: progid:DXImageTransform.Microsoft.AlphaImageLoader
          (src='../images/arrow_right_over.png',sizingMethod='scale'); 
          cursor:pointer;
				}
        head:first-child+body .right_arrow:hover {
          background: url(../images/arrow_right_over.png) no-repeat;
          cursor:pointer;
        }
        
        
			.view{
				margin:20px 10px;
				width:910px;
				height:150px;
				overflow:hidden;
			}

				.images{
					width:3818px !important;
					width:3822px;
					padding:0;
				}
					.images li img{
					  border:5px solid #181818;
					}
	#referencies_body { 
  width:989px;
  margin: 0 auto;
  clear:both;
  margin-top:50px;
}				
#referencies { 
  width:100%;
  background:black url(../images/footer.png) repeat-x bottom left;
}
#left p.title {
  line-height:20px;
  font-weight:bold;
  margin-top:10px;
  text-align:justify;
  font-size:110%;
  padding-bottom:5px;
  color:#bee700;
  padding-left:0;
  margin-left:10px;
}