/* CSS Document */
body {
	font-family : trebuchet ms, verdana, arial;
	font-size : 12px;
	padding:0px;
	margin : 0px;
	background-color : #e1e1e1;
	
	text-align : center;
	cursor : default;
}
a { text-decoration : none; color : #fff;}
form, p, div { padding:0px; margin : 0px; }

textarea { overflow: auto; }

.bold          { font-weight : bold; }
.center        { text-align : center; }
.right         { text-align : right;  }
.clear         { height: 1px; margin: -1px 0 0 0; padding: 0; border: 0;  clear: both; visibility: hidden; }
.hidden        { display : none; }
.noItem { height : 50px; text-align : center; vertical-align : middle; }



div#base_content { 
  position : relative; width: 977px; margin: 20px auto;  text-align : left;
}
div#container { 
  float : left;
  position : relative;
  width : 977px;      
  background : #000000 url("../img/back_page.jpg") repeat-y top left; 
}
div#container div#header {  height : 60px;}

h1 { float : left; margin: 0; padding: 0; width : 977px; height : 252px; background : #e1e1e1 url("../img/back.gif") no-repeat 0px 0px;}
h1 a { position : absolute; display: block; top : 60px; left : 30px; width: 230px; height: 100px;  }
h1 a span{display: none; }

h2 { float : left; display: block; width : 605px; margin : 0px; height : 35px;  font-size : 15px;  background : transparent url("../img/back_h2_stop.jpg") no-repeat right top; }
h2 span { width : 570px; height : 20px; display : block; padding : 8px 0px 7px 15px;  color : #000; background : transparent url("../img/back_h2_start.jpg") no-repeat left top; }

h3 { float : right; display: block; width : 325px; margin : 0px; height : 35px;  font-size : 15px;  background : transparent url("../img/back_h2_stop.jpg") no-repeat right top; }
h3 span { width : 290px; height : 20px; display : block; padding : 10px 0px 5px 15px;  color : #000; background : transparent url("../img/back_h2_start.jpg") no-repeat left top; }

input, select { float : left; width : 98%; font-family : verdana; font-size: 10px; background-color : #fff; border : 1px solid #eaeaea; }
textarea      { float : left; width : 98%; height : 45px; font-family : verdana; font-size: 10px; background-color : #fff; border : 1px solid #eaeaea; overflow : auto; }
input.submit  { width : 80px; height : 18px;	font-weight : bold; }

/** horni menu **/
div#header_black { position : absolute;  top : 0px; left : 280px;  width : 670px; }
div#header_black ul {  float : right;  font-size : 12px;  font-weight : bold; padding : 0px; margin : 0px; list-style-type: none; }
div#header_black ul li { float : left; padding : 2px 5px 0px 15px; margin : 0px; background : transparent url("../img/separator.gif") no-repeat left top;}
div#header_black ul li a { float : left; display : block; padding : 2px 5px 2px 5px; color : #000; }
div#header_black ul li a.active { color : #f00; }
div#header_black ul ul { position : absolute;  top : 40px; left : 0px;  width : 670px; display : none; clear: both; }
div#header_black ul ul li { float : right; font-size : 10px; color : #fff; }
div#header_black ul ul li a { color : #fff; }
div#header_black ul li a:hover, div#header_black ul ul li a.active { color : #f00; }
div#container div#header div#header_black p { float : left; width : 450px; color : #ffffff; margin : 7px 0px 0px 10px; text-align : left;}
/** konec - horni menu **/

/** hlavni menu **/
div#single_menu { position : absolute; left : 290px;	top : 97px;	width : 680px; height : 70px;	padding : 0;  z-Index : 100; }
div#single_menu h2 { margin : 0; width : 166px;padding : 0; background-image : url("../img/empty.gif");}
div#single_menu ul { float : left; margin : 0px; padding : 0; list-style-type: none; }
div#single_menu ul li { float : left; position : relative; width : 166px; height : 70px; font-size : 10px; padding : 0px; margin : 0px 0px 0px 1px; font-weight : bold; }
div#single_menu ul li a { position: absolute; top: 0; left: 0; padding : 18px 0px 0px 55px; font-size : 15px;  width: 111px; height: 52px; color : #000000; background : transparent url("../img/back_menu_item.jpg") no-repeat 0px 0px;  }
div#single_menu ul li a:hover { background-position : 0px -70px; }
div#single_menu ul li a.active, div#single_menu ul li a.active:hover { background-position : 0px -70px; }

div.help_desk { border-top : 5px solid #7daccd; }
/** konec - hlavni menu **/

ul#home_menu { display : none; }

/** hlavni obsah **/
div#page { float : left; padding : 5px 15px; margin : 0px; width : 947px; }

div#obsah { float : left; width : 610px; margin : 0; color : #fff; }
div#obsah div.sablona { float : left; padding : 10px 20px;  }
div#obsah div.sablona img { float : left; background : transparent url("../img/back_reference.jpg") repeat-y top left; margin : 2px 4px 0; padding : 12px; border : 0px; }

div#obsah.volna_mista h3 { float : left; width : 605px; background : transparent url("../img/empty.gif");}

div#sablona { float : left; width : 590px; margin : 0; color : #fff; }
div#sablona div#obsah { float : left; width : 560px; padding : 10px 0px 20px 20px; }
 
div#news { position : absolute; left : 630px; top : 165px; line-height : 15px; width : 305px; height : 80px; padding : 0px 0px 0px 10px; border-left : 1px solid #959595; color : #000; }
div#news h2 { float : left; display: block; width : 305px; margin : 0px; height : 17px;  font-size : 12px;  background : transparent url("../img/empty.gif") no-repeat right top; }
div#news a { color : #000; font-weight : bold; }
div#news a.optimize { color : #D4D4D4; }
div#news_person { position : absolute; left : 177px; top : 167px;  width : 430px; height : 83px; background: transparent url("../img/siluety.jpg") no-repeat 0px 0px;}

/** tabulky - seznam  **/
div.seznam { float : left; width : 580px;  padding : 5px 0px 5px 20px; }
div.seznam table { float : left; width : 100%; border-collapse: collapse; border : 1px solid #3F3F3F; }
div.seznam th { padding : 2px 0px 2px 4px; background-color : #404040; }
div.seznam td { border-bottom : 1px solid #3F3F3F; padding : 5px 4px 5px 4px; color : #fff; }
div.seznam td a { color : #fff; }

div#seznam_detail th { background-color : #FcFcFc; font-weight : normal; }
div#seznam_detail td { background-color : #fff; font-weight : bold; border-bottom : 1px solid #f5f5f5; padding : 4px; }
div#seznam_detail textarea, div#seznam_detail input { border : 1px solid #000; }

/** prava cast stranky **/
div#right { float : right; padding : 0px; width : 330px; }
div#right h2 { float : right; display: block; width : 325px; margin : 0px; height : 35px;  font-size : 15px;  background : transparent url("../img/back_h2_stop.jpg") no-repeat right top; }
div#right h2 span { width : 290px; height : 20px; display : block; padding : 10px 0px 5px 15px;  color : #000; background : transparent url("../img/back_h2_start.jpg") no-repeat left top; }


div#right div, div#right ul { float : left; width : 315px; margin : 0px; padding : 5px 0px 0px 10px; list-style-type: none; border-left : 1px solid #959595; color : #898989; }
div#right.kontakt form { float : left; padding : 5px; border-left : 1px solid #959595; }
div#right.klienti form { float : left; padding : 20px 0px 110px 20px; border-left : 1px solid #959595; }
div#right div strong { color : #fff; }

div#right.kontakt form { padding : 0px 10px 0px 20px; } 
div#right.kontakt form label { float : left; width : 250px; padding : 2px 0px 3px 0px;} 
div#right li,div#right p { float : left; width : 310px; padding-bottom : 4px; }
div#right li a, div#right li strong { color : #fff; }
div#right img { float : left; width : 82px; height : 72px; background : transparent url("../img/back_reference.jpg") repeat-y top left; margin : 2px 4px 0; padding : 12px; border : 0px; }
div#right.reference div { float : left; width : 300px; padding : 35px 0px 0px 20px; color : #fff; }
div#right.reference img { float : left; width : 82px; height : 72px; border:0px; margin : 2px 4px 20px 0px; }

/** konec - prava cast stranky **/

/** reference **/
div.reference_vip { float : left; width : 609px; margin : 10px 20px; background-color : #CACA83; }
* html div.reference_vip { margin : 10px; } 
div.reference_vip ul { float : left; margin : 0px; padding : 0px; list-style-type: none; }
div.reference_vip ul li { float : left; width : 195px; padding : 10px 0px 10px 5px; }

div.reference_list { float : left; width : 600px; /*border : 1px solid white;*/}
div.reference_list ul { float : left; margin : 10px; padding : 0px; list-style-type: none; }
div.reference_list ul li { float : left; width : 120px; height : 210px; padding : 10px 10px 10px 15px; }
div.reference_list img { float : left; background : transparent url("../img/back_reference.jpg") repeat-y top left; margin : 2px 4px 0; padding : 12px; border : 0px; }
* html div.reference_list ul { margin : 5px; }

/** produkty **/
div.produkt_list { float : left; }
div.produkt_list ul { float : left; margin : 10px; padding : 0px; list-style-type: none; }
div.produkt_list ul li { float : left; width : 280px; padding : 10px 10px 30px 10px; }

div.produkt_popis { float : left; width : 589px; border : 1px solid #EAEAEA; padding : 5px; margin : 0px 0px 0px 10px; background-color : #fff; }
* html div.produkt_popis { margin-left : 5px; }

/** kontakt **/
div.kontakt { color : #fff; }
div.kontakt ul { float : left; width : 500px; margin : 20px 0px; padding : 0; list-style-type: none; }
div.kontakt ul li { float : left; width : 500px; padding : 15px 0px 15px 10px; /*border-top : 3px solid #c0c0c0;*/}
div.kontakt a { color : #fff; }



form.login { float : left; width : 190px; padding: 10px; display : block; font-size : 11px; line-height : 20px;}
form.login label { float : left; width : 50px; margin : 0; color : #fff; }
form.login input { float : right; width : 100px; height : 13px; border : 1px solid #000;  margin : 0; padding : 1px;}
form.login input.submit { width : 104px; height : 17px; }

fieldset.login { float : left; width : 200px; border : 1px solid #959595; margin : 50px 0px 0px 160px; }
* html fieldset.login { margin : 25px 0px 0px 100px; }
fieldset.login legend { font-size : 11px; margin : 0px 0px 0px 0px; padding : 0px 5px 0px 5px; font-weight : bold;}

/** help desk **/
div#help_desk { float : left; width : 610px;  }

/** help desk - novy pozadavek **/
div#help_desk fieldset#tab3 label { float : left; width : 590px; font-weight : bold;}
div#help_desk fieldset#tab3 input, div#help_desk fieldset#tab3 select { float : left; width : 590px; border : 1px solid #000; }
div#help_desk fieldset#tab3 select { height : 16px; }
div#help_desk fieldset#tab3 textarea { float : left; width : 590px; height : 70px; border : 1px solid #000; margin-left : 0px;}
div#help_desk fieldset#tab3 input.submit { float : right; width : 104px; height : 17px; }
div#help_desk fieldset#tab3 .pulka { width : 293px; margin-right : 5px; }
div#help_desk fieldset#tab3 select.pulka,div#help_desk fieldset#tab3 label.pulka { width : 295px; }

fieldset#detail_tabs { float : left; width : 590px; background-color : #fff; border : 0px; margin : 0px 0px 2px 10px;  padding : 0px; position : relative;}
fieldset#detail_tabs legend { padding : 0; }
fieldset#detail { position : relative; }
* html fieldset#detail_tabs { margin : 0px 0px 10px 10px; }
 
fieldset.tabs { position : relative; width : 590px; border : 0px; cursor :  default; margin : 0px; padding : 0px; }

div#tabs { float : right; margin : 10px 20px 0px; width : 570px; text-align : right;  }
div#tabs ul { float : right; height : 19px;  margin: 0; padding: 0px 0px 0;	list-style: none; }
div#tabs li { float : left; }
div#tabs li a {	float: left; display: block; height : 18px;	background-color : #F5F5F5; margin: 0px 2px 0px 0px;	padding: 0 10px 0 10px; line-height: 18px;	color : #000; }
div#tabs li a.current,div#tabs li a:hover { background-color : #c5c5c5; }
/*div#tabs li.current span { background: url("../img/zalozka_back_click_end.gif") no-repeat right top; }*/

/** faktura **/
div#faktura table td { padding : 3px; }
div#faktura table td.sep { border-bottom : 1px solid #c5c5c5; }

div#faktura div.seznam table { width : 610px; border-collapse: collapse; border : 0px solid #c5c5c5; }
div#faktura div.seznam th { padding : 2px; background-color : #c5c5c5; border-right : 1px solid #fff;}
div#faktura div.seznam td { padding : 4px; border-bottom : 1px solid #c5c5c5; border-right : 1px solid #fcfcfc; }
div#faktura div.seznam a { color : #000; }

/** domeny **/


/** speed meter **/
.flash { float : left; margin : 20px;  border : 1px solid #000; }

/** strankovani **/
div.strankovani { float : left; width : 600px; color : #000;	font-weight: bold; }
ul.strankovani { float : right; margin : 0;	padding : 0px;	list-style-type: none; } 
ul.strankovani li { float : left; }
.strankovani span {  margin : 2px 2px 0px; padding : 0px 5px 0px 5px; } 
.strankovani a { float : left; color : #000; border : 1px solid #4A4A4A; color : #fff; display : block; margin : 1px 2px 0px; padding : 0px 5px 0px 5px; }
.strankovani a:hover, .strankovani a.active { border : 1px solid #a0a0a0; } 

/** sitemap **/
div#sitemap ul { float : left; width : 600px; padding : 0px; margin : 10px 0px 0px 10px; list-style-type: none; }
div#sitemap ul li { float : left; width : 600px; line-height : 18px; margin : 0; padding : 0;}
div#sitemap ul li span { padding : 0px 0px 0px 25px; }
div#sitemap ul li a { font-size : 11px; font-weight : bold; color : #c1c1c1; padding : 2px 0px 2px 20px; background : transparent url("../img/tecka_big.gif") no-repeat 3px 4px; }
/** sitemap - 2 uroven **/
div#sitemap ul ul { margin : 0; } 
div#sitemap ul li ul li { float : left; padding : 0px 0px 0px 30px; }
div#sitemap ul li ul li a { font-size : 10px; padding : 4px 27px 4px 15px; background : transparent url("../img/tecka.gif") no-repeat 2px 5px; }

div#info_menu { clear : both; position : absolute; top : 80px; left : 300px; width : 470px; color : #fff; z-index : 100; }

div#paticka { float :left; width : 977px; padding : 0px 0px 20px 0px;  background: #e1e1e1 url("../img/back_page_bottom.gif") no-repeat left bottom; }
div#paticka div {  padding : 3px 20px 0px 20px; text-align : right; color : #fff; background : #000000 url("../img/back_page.jpg") repeat-y top left; }
div#paticka div span { border-top : 1px solid #959595; display : block; } 
div#paticka a { color : #fff; }
div#paticka img.monitoring_serveru {position : relative; top : 4px; border: 0px; width : 80px; height:15px;}
div#paticka img.nhosting {vertical-align : middle; width : 80px; height : 15px; border : 0px; }
div#paticka img.seo_servis {vertical-align : middle; border : 0px; }

#reklama_bottom { clear: both; display:block; width:100%; margin:0px auto;padding:0;}
#reklama_bottom .bottom { width:100%;height:60px; margin:0; padding: 10px 0; background:#eaeaea; color : #fff; text-align : center;}
#reklama_bottom ul.reklama_item { width : 958px; padding : 0px; margin : 0px auto; list-style-type: none;  }
#reklama_bottom ul.reklama_item li { float : left; padding : 0px 5px 0px 5px;}

div#reklama1 { position: absolute; margin:0px auto; bottom: 0px; position: fixed; border-top: 5px solid #f00; }
body > div#reklama1 { position: fixed;}