#menu{position:absolute;top:95px;height:23px;width:860px;background:url('../../../../../images/cs-menu-images/cs_bg.gif') #ff6405 repeat-x;padding:0 0 0 60px;margin:0;overflow:hidden}
#menu ul{padding:0;margin:0}
#menu ul li{float:left;list-style:none}
#menu ul li a{z-index:10;display:block;float:left;height:21px;position:relative;overflow:hidden;color:#fff;text-decoration:none;margin:0 0;padding:2px 17px 0 27px;font:bold 15px verdana,arial,helvetica,sans-serif;}
#menu li.background{background:url('../../../../../images/cs-menu-images/cs_bg_menu_right.gif') no-repeat top right;z-index:8;position:absolute;visibility:hidden}
#menu .background .left{background:url('../../../../../images/cs-menu-images/cs_bg_menu.gif') no-repeat top left;height:30px;margin-right:9px}

.gradient{filter:alpha(opacity=50);-moz-opacity:0.5}
#header{text-align:left;margin:0 auto;height:108px;width:920px;background:url('../images/cs_bgbevel4.jpg') #fff no-repeat;color:#c0c5c5;position:relative}
#header h1{color:#597682;font:normal 13px arial,sans-serif;text-transform:lowercase;position:absolute;top:100px;left:32px;margin:0;padding:0}
#tvorba-web{color:#597682;font-size:10px;position:absolute;top:10px;left:4px}
#banner{position:relative;top:0;left:22px;padding-top:8px}
#global{position:absolute;top:2px;margin:0;left:670px;font:normal 12px arial,helvetica,sans-serif}
#global a{color:#597682}
#global a:hover{text-decoration:none}
#slogan{position:absolute;top:28px;margin-left:350px;font:bold 20px arial,helvetica,sans-serif;letter-spacing:0.01em;color:#597682;text-align:left;background:transparent}
input,textarea,select{background:url('../images/input.gif') #fdfdfd repeat-x;border:1px solid #cecece;padding:1px 1px;font:normal 12px verdana,arial,helvetica,sans-serif;color:#000}
li{font:normal 12px verdana,arial,helvetica,sans-serif;line-height:17px}
input:focus,textarea:focus,select:focus{background:#e8e9e9;border:1px dashed #cbcbcb;color:#000}
.search{width:120px;overflow:hidden;margin-left:0}
.search input{color:#fff;font:bold 11px georgia,'times new roman',serif;background:#ff6b0f}
#middle td.portfolio{background:#f3f4f4;padding-top:10px;padding-bottom:10px;color:#000} 
#middle td.portfolio img{border:none} 
#left li a,#right li a{color:#d24d00;background:#f2f2f2}
#middle a{color:#d24d00;background:#fdfefe}
#middle td.portfolio b{color:#777}
#middle td.portfolio a,#middle td.portfolio a b{color:#d24d00;background:#f3f4f4}
#middle td.portfolio a:hover{color:#d24d00;background:#f3f4f4}
#left li a:hover,#right li a:hover{color:#8a3200;text-decoration:none;background:#f2f2f2}
#middle a:hover{color:#8a3200;text-decoration:none;background:#fdfefe}
#middle{font:normal 12px verdana,arial,helvetica,sans-serif;line-height:17px;}
body,#middle p{font:normal 12px verdana,arial,helvetica,sans-serif;line-height:17px}
.webhosting li{font:normal 13px verdana,arial,helvetica,sans-serif;list-style:inside;list-style-image: url('../images/hsipka.gif');padding-bottom:6px}
abbr{cursor:help;border-bottom-width:1px;border-bottom-style:dashed}
#middle a.readon,#middle a.readon-ocen{float:right;font:normal 11px verdana,arial,helvetica,sans-serif;color:#d24d00;text-decoration:none;background:#fdfefe}
* html a.readon{top:30px}
#left li a:hover,#right li a:hover{text-decoration:none}
#middle a.readon:hover,#middle a.readon-ocen:hover{text-decoration:underline}
span.pathway{position:relative;left:5px;top:5px;font:normal 10px verdana,arial,helvetica,sans-serif;color:#597682;margin-bottom:50px;background:#fdfefe}
span.pathway a{color:#d24d00;background:#fdfefe}
span.pathway a:hover{text-decoration:none}
#middle h1 a,#middle h2 a,#middle h3 a{font:bold 18px verdana,arial,helvetica,sans-serif;display:block;clear:both;color:#597682;text-decoration:underline;background:#fdfefe;padding:0 0 5px 7px}
#middle h1 a:hover,#middle h2 a:hover,#middle h3 a:hover{color:#394b52;text-decoration:none;background:#fdfefe}
#middle h1,h2,#middle h3,.message{font:bold 18px verdana,arial,helvetica,sans-serif;margin:0;padding:0 0 5px 7px;color:#597682;background:#fdfefe}
.message{width:100%;text-align:center}
#middle h2{font-size:18px}
#middle h3{font-size:15px}
#middle .blog-ocen h2 a,#middle .blog-ocen h2,#middle .contentheading-ocen h1{font:bold 18px verdana,arial,helvetica,sans-serif}
.title,.message{font:bold 17px verdana,arial,helvetica,sans-serif;color:#597682;height:18px;margin:0}
.bank{font:normal 11px verdana,arial,helvetica,sans-serif}
div.syndicate{margin-top:-18px}
.rss{float:right}
.nadpis{font:bold 16px arial,helvetica,sans-serif;padding-left:10px;margin-top:15px;color:#597682;width:162px;margin-left:-8px}
.projekty_txt{color:#597682}
.projekty_txt a{color:#597682;font:normal 14px arial,helvetica,sans-serif;margin-left:4px;margin-top:2px;text-decoration:none}
.projekty_txt a:hover{text-decoration:underline}
#left li,#left h2{list-style-image: url('../images/sipka.gif');font:normal 13px verdana,arial,helvetica,sans-serif;padding-left:0;padding-bottom:2px;background:#f2f2f2;color:#000}
#right ul{position:relative;left:-26px;top:-10px}
#left ul{margin:2px 0 0 11px;padding:0}
p,.img_as_p,.img_as_p2{background:url('../images/family_bg.gif') no-repeat;padding-left:20px;padding-top:15px;margin-top:0}
.img_as_p{margin-top:13px}
.img_as_p2{margin-top:2px;padding:10px 0 0 5px}
.tip{display:block;margin:20px 0 5px 5px;color:#597682;font-size:11px}

#right input,#middle-bottom input,#right textarea,#middle-bottom textarea,#right label,#middle-bottom label{font:normal 11px verdana,arial,helvetica,sans-serif}
#right input,#right textarea{margin-bottom:5px}
#right label{position:relative;top:-20px;left:18px;display:none}
#right label.lab{display:inline}
.button,#right input.button{font:bold 12px verdana,arial,helvetica,sans-serif;cursor:pointer}
#contact_email_copy{border:none;background:#f2f3f3}
.contact_email{position:relative;left:20px;top:10px}
#right .quick_email{position:relative;left:-2px}
#right form{position:relative}

/*
#middle-bottom{position:relative;left:15px;line-height:25px;color:#555;width:100%}
#middle .quick_email{border:8px solid #f2f3f3;padding-right:5px}
#middle-bottom label{display:block;width:124px;float:left;font-size:12px;margin:3px 0 5px 0;text-align:right;padding-right:6px}
#middle-bottom input{margin-bottom:5px;height:16px}
#middle-bottom input.button{height:auto}
#middle-bottom input,#middle-bottom textarea{color:#555;font-size:12px;padding:3px 0 0 0}
#middle-bottom input:focus,#middle-bottom textarea:focus,#middle-bottom select:focus{background:#f3f3f3;border:1px dashed #e0e0e0;color:#000}
.enlarge_contact_textarea{border:solid #ddd;border-width:0 1px 1px 1px;background:#f5f5f5;margin:0 0 0 130px;height:8px;cursor:pointer}
*/
body{text-align:center;background:url('../images/pozadie.gif') repeat #f2f3f3 center center;color:#000}
#middle{background:#fdfefe;position:relative;text-align:justify;color:#000;padding:0 10px 0 0;margin:0;border:2px solid #f8f9f9;overflow:hidden;width:543px}
#left{background:transparent;color:#000}
#right{background:transparent;color:#000}
#maincontent{text-align:left;width:920px;margin-left:auto;margin-right:auto;margin-top:10px;background:transparent;color:#000}
body,#content,#left,.cleaner{margin:0;padding:0}
#left,#right{padding-left:10px;padding-right:10px;overflow:hidden} 
#left{float:left;width:159px}
#right{float:right;width:158px;overflow:hidden}
#footer{width:920px;margin-left:auto;margin-right:auto;background:transparent;height:15px;color:#000;overflow:hidden}
#footer #link_exchange{line-height:1000px}

#footer img{border:none}
.cleaner{clear:both;height:0;font-size:1px;border:none;background:transparent;overflow:hidden}
#naj{float:left}
#copyright{font:bold 11px arial,helvetica,sans-serif}
#copyright a,#naj a{font:bold 10px verdana,arial,helvetica,sans-serif;color:#394b52;background:#f2f3f3}
#novinky{margin-left:17px;width:175px;text-align:left}
#novinky_full{margin-left:17px;text-align:left}
#novinky_full h4{width:99%;text-align:center;color:#555}
#right #novinky a{text-decoration:none;color:#d24d00;background:#f2f3f3}
#middle #novinky_full a{text-decoration:none;color:#d24d00;background:#fff}
#right #novinky li{margin-top:8px;font-size:12px;list-style-image:none;list-style:none}
#right #novinky ul{margin-top:18px}
#middle #novinky_full li{margin-top:18px;font-size:12px;list-style-image:none;list-style:none}
.news_date{background:#eceded;color:#000}
ul.news{margin:0;padding:0}
.news li{padding:0;clear:both;list-style-type:none;margin-top:8px}
.news li a{font-weight:normal}
.news .date{background:#eaebeb;border-right:1px solid #e0e1e1;border-bottom:1px solid #e0e1e1;float:left;text-align:center;line-height:1.1em;padding:2px 1px 5px 1px;width:22px;color:#597682;margin-right:2px;height:24px}
.news .date:first-line{font-size:10px}
.month{font-size:10px}
* html .news .date{margin-right:26px} 
* html #novinky_full .news .date{margin-right:6px} 
* html #novinky{margin-left:-10px;width:225px}
* html #novinky_full{margin-left:10px}
* html #novinky li, * html #novinky_full li{margin-top:10px}
* html .news .date{margin-top:-9px}
* html .quick_email{margin-top:-12px}
.copyright_span{padding-left:10px;font-size:11px}
#middle .copyright_span h2{font-size:14px;padding-bottom:10px}
#middle .copyright_span h3{font-size:12px;padding-bottom:10px}
#middle .about-us h3{margin:10px 0 0 20px;padding:0}
#middle .about-us ul{margin:0 0 0 30px;padding:0}
#middle .about-us li{font-size:11px;line-height:13px;list-style-image: url('../images/hsipka2.gif')}
#middle .about-us{font-size:11px}
#middle .about-us h4{padding:0;color:#587582;margin:0 0 0 20px;font-size:11px}
#middle .about-us{font-size:11px}
#all-news{width:135px;position:relative;top:-5px;text-align:right;background:url('../images/sipka.gif') no-repeat 40px 5px;padding-left:12px}
* html #all-news{width:160px;background-position:65px 6px}
#novinky #all-news a{text-decoration:underline}
#novinky #all-news a:hover{color:#8a3200;text-decoration:none;background:#f2f2f2}
.news-brighter{color:#555}



.frame{margin:0 0 10px 10px;overflow:hidden}

.partner{margin:0 2px 10px 10px;width:254px;overflow:hidden;float:left}

.frame .frame_top_l, .partner .frame_top_l{background:url('../images/rounded-top-l.gif') transparent no-repeat;float:left;width:6px;height:6px;overflow:hidden}
.frame .frame_top_m{background:#f2f3f3;float:left;width:515px;height:5px;overflow:hidden;border-top:1px solid #6e8e9a}

.partner .frame_top_m{background:#f2f3f3;float:left;width:239px;height:5px;overflow:hidden;border-top:1px solid #6e8e9a}

.frame .frame_top_r, .partner .frame_top_r{background:url('../images/rounded-top-r.gif') transparent no-repeat;float:left;width:6px;height:6px;overflow:hidden}
.frame .frame_middle{background:#f2f3f3;overflow:hidden;padding:5px;border:solid #6e8e9a;border-width:0 1px;line-height:15px;font:normal 13px arial,helvetica,sans-serif;width:515px}

.partner .frame_middle{background:#f2f3f3;overflow:hidden;padding:5px 5px 5px 10px;border:solid #6e8e9a;border-width:0 1px;line-height:15px;font:bold 11px arial,helvetica,sans-serif;width:234px;color:#597682}

.frame .frame_middle h4{font:bold 15px verdana,arial,helvetica,sans-serif;margin:0 0 3px 0;padding:0;color:#597682}

.partner .frame_middle h4{font:bold 11px verdana,arial,helvetica,sans-serif;margin:0 0 3px 0;padding:0;color:#597682;height:30px;text-align:left}

#middle .frame .frame_middle a{font:bold 13px arial,helvetica,sans-serif;margin:0 0 2px 0;display:block;padding:0;color:#597682;text-decoration:underline;background:transparent}

#middle .partner .frame_middle a{font:bold 13px arial,helvetica,sans-serif;margin:0 0 2px 0;display:block;padding:0;color:#597682;text-decoration:none;background:transparent;float:left}

#middle .frame .frame_middle a:hover, #middle .partner .frame_middle a:hover{color:#7c99a5;background:transparent}
.frame .frame_image{float:left;background:url('../images/img_shadow.gif') transparent right bottom no-repeat;width:145px;height:140px;padding:0;margin-right:8px}

#middle .frame .frame_middle .frame_img a, #middle .partner .frame_middle .frame_img a{margin:0;padding:0;overflow:hidden}
#middle .partner .frame_middle a.down{margin:5px 0 20px 0;padding:0;overflow:hidden}
.frame .frame_img a img, .partner .frame_img a img{border:1px solid #597682;margin:0;padding:0}
.frame .frame_bot_l, .partner .frame_bot_l{background:url('../images/rounded-bot-l.gif') transparent no-repeat;float:left;width:6px;height:6px;overflow:hidden}
.frame .frame_bot_m{background:#f2f3f3;float:left;width:515px;height:5px;overflow:hidden;border-bottom:1px solid #6e8e9a}

.partner .down img{border:none}

.partner .frame_bot_m{background:#f2f3f3;float:left;width:239px;height:5px;overflow:hidden;border-bottom:1px solid #6e8e9a}

.frame .frame_bot_r, .partner .frame_bot_r{background:url('../images/rounded-bot-r.gif') transparent no-repeat;float:left;width:6px;height:6px;overflow:hidden}

#cs_partner_logo{margin:60px 0 0 40px}

.tabulka-cien{border-color: #dddddd; border-width: 1px; border-collapse:collapse;margin-left:8px;width:99%}
.tabulka-cien .c{color:#597682}
.tabulka-cien td{padding:3px}

#prospekt a img{border:1px solid #849fab}
#prospekt{color:#587582;font:bold 10px verdana,arial,helvetica,sans-serif }
#prospekt h4{color:#587582;padding:20px 0 9px 0;margin:0;text-align:center;font-size:12px}
.frame_image{float:left;background:url('../images/img_partner_shadow.gif') transparent right bottom no-repeat;width:165px;height:231px;padding:0;margin-right:10px}
.down_me{float:left;padding:5px 0 0 10px}
.down_me2{float:right;padding:5px 10px 0 0}
#prospekt a{color:#587582;padding:0;margin:0;font-size:11px;text-decoration:none}
#prospekt a:hover{color:#3d515a;padding:0;margin:0;font-size:11px;text-decoration:none}
#prospekt .down_me a img,#prospekt .down_me2 a img{border:none}

.creativesites-location img{border:2px solid #eee;margin:4px 0 0 0;padding:2px}
#middle .w_portfolio{display:block;width:530px;height:120px;cursor:pointer;text-decoration:none;clear:both;border:none;margin:0 0 0 4px;background:#fcfefe;overflow:hidden}
#middle .w_portfolio img{width:139px;height:100px;float:left;overflow:hidden;border:none;padding:10px 17px;margin:0 3px 0 0;background:#f2f4f4}
.grey{font-size:10px}

.web_hosting ul{padding:0 0 0 30px}
.web_hosting ul li{font-size:11px;line-height:14px;margin:0 0 5px 0}
#middle .web_hosting h3{font-size:13px;padding-bottom:2px}
#middle .web_hosting h2{font-size:15px}

.num{margin:0;padding:0}
.num-num{font:bold italic 21px verdana,times new roman,serif;color:#587582;float:left;line-height:40px;margin:0 3px;height:100%}
.next .num-num{line-height:5px}

.num-txt{margin:0;padding:0;height:100%;display:table}
#middle .num-num a{text-decoration:none;color:#587582;padding-left:15px}

.seo-ref1,.seo-ref2{margin:10px 0 20px 0;padding:0 10px;float:left;width:240px;text-align:left}
.seo-ref3{margin:10px 0 20px 0;padding:0 10px}
.seo-ref1 ul,.seo-ref2 ul,.seo-ref3 ul{margin:4px 0 0 20px;padding:0}
.seo-ref1 li,.seo-ref2 li,.seo-ref3 li{margin:0;padding:0;list-style-image:url('../images/sipka.gif')}

#middle p.front{line-height:20px;text-align:left}

#middle .banner-list{border-collapse:collapse;margin:20px;width:480px}
#middle .banner-list td,.banner-list th{border:1px solid #eee;padding:3px}
#middle .banner-list th{background:#f7f7f7}

#middle .banner-details{display:block;font-size:11px;font-style:italic;padding:5px 0 0 5px}
#middle .banner-details span{font-weight:bold}

.vyh-shop li{list-style-image:url('../images/fajka.gif')}
.pdf_links{margin:15px 0 0 10px;padding:0}
.pdf_links li{list-style:none;margin:0 0 12px 0;padding:0}
#middle .pdf_links a,#middle .pdf_links a:hover{background:url('../images/pdf_icon1.gif') transparent no-repeat;display:block;height:20px;padding:0 0 0 30px}

.websupport{color:#000;font-weight:bold;font-size:10pt}
.websupport_support{color:#cc0000}
.cs_contact_otazka{font-size:11px;white-space:nowrap;position:relative;left:-3px}
.cs_contact_odpoved{font-size:11px;white-space:nowrap;position:relative;left:-3px}
#right input.lower{margin-bottom:0}

#clients1,#clients2,#clients3,#clients4{position:relative;margin:12px 0 0 20px;font:bold 13px 'trebuchet ms',arial,sans-serif;width:520px;background:#fff}
#clients1 .clients,#clients2 .clients,#clients3 .clients,#clients4 .clients{display:block;height:60px;margin:0;padding:0}
#clients1 li,#clients2 li,#clients3 li,#clients4 li{float:left}
li:after{content:''}
#clients1 .client,#clients2 .client,#clients3 .client,#clients4 .client{display:block;cursor:pointer;overflow:hidden;height:60px;width:170px;background:#fff;border-right:2px solid #f0f0f0;background:#fafafa}
.client img{border:0;padding:0}

.form_objednavka{margin:70px 0 0 0}
#ff_elem149,#ff_elem188{background:#f2f3f3;padding:0}
#ff_elem149{font-weight:bold;font-size:14px;margin:0 20px 0 0;width:150px}
#ff_elem188{font-weight:normal}
#ff_elem190{border:none}
hr{border-bottom:1px solid #eee;border-top:1px solid #bfbfbf;border-left:none}

.odd{font-size:11px;position:relative;line-height:18px;text-align:left}
.odd-mail1{position:absolute;width:150px;height:10px;top:17px;left:170px}
.odd-mail2{position:absolute;width:150px;height:10px;top:36px;left:170px}
.odd-mail3{position:absolute;width:150px;height:10px;top:55px;left:170px}

.web_references{text-align:center;margin:0 0 40px 15px;color:#597682}