/* reset
----------------------------------------------------------------------------------------------------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-family: Arial, Verdana, Helvetica, sans-serif;
  /*vertical-align: baseline;*/
}

:focus { outline: 0; }

body {
  margin: 0;
  padding: 0;
  font-size: 13px;
  color: #303030;
  line-height: 1.6;
  background-color: #ebf2f6;
}


/* nadpisy a ostatní tagy
----------------------------------------------------------------------------------------------------*/

h1, h2, h3, h4, h5, h6 { padding: 0; line-height: 1.3em; }
h1 { font-size: 225%; margin-bottom: 10px; font-weight: bold; }
h2 { font-size: 165%; margin-bottom: 10px; font-weight: bold; }
h3 { font-size: 130%; margin-bottom: 10px; font-weight: bold; }
h4 { font-size: 125%; }

a { color: #00709b; }
a:hover { text-decoration: none; }
p { margin: 15px 0; }
#leftcol li p { line-height: 1.6; }
i, em { font-style: italic; }
b, strong { font-weight: bold; }
form { margin: 15px 0; }

#form_dom_check {
  margin: 0;
}

hr {
  height: 1px;
  border: 1px solid #eee;
  background-color: #eee;
  margin-bottom: 25px;
}

pre, .code {
  background-color: #EBF2F6;
  border-left: 5px solid #D9E5EC;
  font-family: "Courier News",monospace;
  font-size: 1em;
  line-height: 1.5em;
  margin: 5px 0 15px;
  padding: 10px 15px;
}

input[type="checkbox"] { margin: 1px 2px 1px 1px; vertical-align: middle; }
input, button, textarea, select  { margin: 0; }

blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }


/* formátování
----------------------------------------------------------------------------------------------------*/

.clr { clear: both; }
.tright { text-align: right;}
.tcenter { text-align: center;}
.vtop { vertical-align: top; }
.fright { float: right; }
.fleft { float: left; }
.f_smaller { font-size: 90%; }
.f_small { font-size: 85%; }

.img-fleft { float: left;	margin: 15px 20px 15px 15px; }

.highlight { background-color: #ff0; }
.highlight2 { background-color: #f00; color: #fff; }
.highlight3 { background-color: #000; color: #fff; }
.highlight4 { background-color: #093; color: #fff; }
.highlight5 { background-color: #f00; color: #ff0; }


/* odkazy
----------------------------------------------------------------------------------------------------*/

.link-external, .link-external li { list-style-type: none; background: transparent url('/images/layout/ico-external-link.png') 0 50% no-repeat; padding-left: 15px; }
.link-sec { color: #009b33; }
.link-rss { background: transparent url('/images/layout/ico-rss-s.png') 0 50% no-repeat; padding-left: 15px; }
.undertabletext { margin: 5px 0; color: #606060; font-size: 95%; }


/* seznamy
----------------------------------------------------------------------------------------------------*/

ul, ol { list-style: none; margin: 15px; padding: 0; }
ol { margin-left: 25px; list-style-type: decimal; }


#content ul.clear {
  background-image: none;
  list-style-type: none;
  padding-left: 0;
  margin-left: 0;
}

#content ul.btm {
  margin-bottom: 7px;
}

#leftcol ul.tick {
  list-style-type: none;
  margin-left: 5px;
}

#leftcol ul.tick li {
  background: transparent url('/images/layout/ico-fajfka.gif') 0 0 no-repeat;
  padding-left: 30px;
  line-height: 1.7;
}

ol.g_numbers { list-style-type: none; margin: 15px 0 35px; }
ol.g_numbers h3 { margin-bottom: 5px; line-height: 1.7; font-weight: bold; }
ol.g_numbers h3 a { font-weight: normal; }
ol.g_numbers p { margin: 5px 0; }
ol.g_numbers ul, ol.g_numbers ol { margin-left: 15px !important; }
ol.g_numbers ul li, ol.g_numbers ol li { line-height: 1.5; margin-bottom: 5px; }

.n_one, .n_two, .n_three, .n_four, .n_five,
.n_six, .n_seven, .n_eight, .n_nine, .n_ten {
  background-color: transparent;
  background-position: 0 0;
  background-repeat: no-repeat;
  padding-left: 45px;
  line-height: 2.4;
  padding-bottom: 10px;
}

.n_one { background-image: url('/images/layout/n-one.gif'); }
.n_two { background-image: url('/images/layout/n-two.gif'); }
.n_three { background-image: url('/images/layout/n-three.gif'); }
.n_four { background-image: url('/images/layout/n-four.gif'); }
.n_five { background-image: url('/images/layout/n-five.gif'); }
.n_six { background-image: url('/images/layout/n-six.gif'); }
.n_seven { background-image: url('/images/layout/n-seven.gif'); }
.n_eight { background-image: url('/images/layout/n-eight.gif'); }
.n_nine { background-image: url('/images/layout/n-nine.gif'); }
.n_ten { background-image: url('/images/layout/n-ten.gif'); }


/* tabulky
----------------------------------------------------------------------------------------------------*/

table {
  border-collapse: separate;
  border-spacing: 0;
  margin: 5px 0;
  width: 100%;
  border: 1px solid #ffce60;
  border-collapse: collapse;
}

table td, table th {
  border: 1px solid #ffce60;
  padding: 5px;
}

table th {
  background-color: #fff1d1;
  font-weight: bold;
  color: #ee5900;
}

tr.odd td { background-color: #fff1d1; }

.table_title, .t_nrm {
  color: #009b33;
}

.t_wrap { width: 100%; border: none; margin: 0; }
.t_wrap td, table.t_wrap th  { border: none; padding: 0; }
.t_imp { font-weight: bold; color: #009B33; }


/* info, varování
----------------------------------------------------------------------------------------------------*/

.info_red, .info_blue, .info_orange {
  background-color: #E8F6FF;
  padding: 15px;
  text-align: left;
  border: 2px solid #B8E2FB;
  border-left-width: 15px;
  margin: 15px 0 !important;
  width: 95% !important;
}

.info_red {
  border-color: #FFAEAE;
  background-color: #FEEBEB;
}

.info_orange {
  border-color: #ffce60;
  background-color: #fff1d1;
}

#leftcol .info_red, #leftcol .info_blue, #leftcol .info_orange {
  width: 613px !important;
}

.info_text { color: #009b33; }


/* stránka
----------------------------------------------------------------------------------------------------*/

#page { background: #ebf2f6 url('/images/layout/page-bg.png') 50% 0 repeat-y; }


/* obal
----------------------------------------------------------------------------------------------------*/

.wrapper {
  width: 950px;
  margin: 0 auto;
}

/* hlavička
----------------------------------------------------------------------------------------------------*/

#header .wrapper {
  background: transparent url('/images/cs/support-24-7.png') 75% 0 no-repeat;
}


/* logo
----------------------------------------------------------------------------------------------------*/

#logo {
  padding: 15px 0;
  float: left;
  width: 219px;
  height: 65px;
}


/* přihlášení do klienta
----------------------------------------------------------------------------------------------------*/

#client {
  float: left;
  width: 380px;
  margin: 25px 0 0 40px;
}

#client form { margin: 0; }

#client label {
  text-align: right;
  display: block;
  float: left;
}

#client input {
  float: left;
  margin-right: 5px;
}

#client input[type="text"],
#client input[type="password"]  {
  width: 85px;
  font-size: 90%;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-right: 1px solid #eee;
  border-bottom: 1px solid #eee;
}

#client input[type="text"]:focus,
#client input[type="password"]:focus  {
  outline: 0;
  border-color: #00709b;
}

#client p {
  font-size: 85%;
  margin: 5px 0 0;
  padding-right: 25px;
}

#client span {
  font-size: 115%;
  color: #909090;
  line-height: 2;
}

#client .clogout { color: red; }


/* jazyk, měna, helpdesk
----------------------------------------------------------------------------------------------------*/

#set_support { float: right; width: 235px; }
#lang_currency img, #lang_currency form  { float: right; margin: 10px 0 0 3px; }
#lang_currency { padding-bottom: 5px; }

.lang a { text-decoration: none; }
.lang a:hover { text-decoration: underline; }

#lang_currency .lang {
  float: left;
  margin: 11px 0 0 40px;
}

#helpdesk {
  background: transparent url('/images/layout/h-link.png') top right no-repeat;
}

#helpdesk ul { margin: 5px 0 0 0; }

#helpdesk li {
  float: right;
  padding-left: 25px;
  line-height: 3;
  font-size: 115%;
  font-weight: bold;
}

.link_kb { background: transparent url('/images/layout/ico-otaznik.png') 0 50% no-repeat; padding-right: 10px;}
.link_chat { background: transparent url('/images/layout/ico-bublina.png') 0 50% no-repeat; }


/* navigace
----------------------------------------------------------------------------------------------------*/

#nav {
  width: 950px;
  clear: both;
  height: 42px;
  background: transparent url('/images/layout/nav-bg.png') 0 0 repeat-x;
}

#nav ul {
  margin: 0;
  padding: 0;
  height: 42px;
  list-style-type: none;
}

#nav ul li {
  background: transparent url('/images/layout/nav-border.png') 0 0 no-repeat;
  color: #eee;
  float: left;
  font-size: 15px;
  height: 42px;
  line-height: 42px;
  display: block;
  margin: 0;
  padding: 0;
}

#nav ul li a {
  color: #eee;
  text-decoration: none;
  font-size: 14px;
  line-height: 42px;
  display: block;
  padding: 0 12px;
}

#nav ul li.current a, #nav ul li a:hover  {
  background: transparent url('/images/layout/nav-act-bg.png') 0 0 no-repeat;
  color: #fff;
}


/* obsah
----------------------------------------------------------------------------------------------------*/

#content {
  margin-top: 15px;
  padding-bottom: 25px;
}

#content ul {
  margin-left: 25px;
  list-style-type: circle;
}


/* levý sloupec
----------------------------------------------------------------------------------------------------*/

#leftcol {
  float: left;
  overflow: hidden;
  padding: 0;
  width: 660px;
}

#leftcol #domain { width: 660px; margin: 15px 0; }
#leftcol h2 { margin-top: 25px; color: #EE5900; }


.leftbox {
  margin-bottom: 15px;
  width: 525px;
  float: right;
}

.leftbox .wrap {
  background-color: #F0F9FF;
  border: 1px solid #d3eeff;
  padding-bottom: 25px;
}

.leftbox .btn_more_info {
  margin: -20px auto 0;
}

#content .leftbox h2 {
  color: #00709b;
  font-weight: bold;
  font-size: 100%;
  padding: 15px;
  margin: 0;
  border-bottom: 1px dotted #d3eeff;
}

#content .leftbox p {
  padding: 5px 15px;
  text-align: left;
}

#content .leftbox ul {
  margin: 25px;
}


/* drobečky
----------------------------------------------------------------------------------------------------*/

.breadcrumbs {
  border-bottom: 1px solid #f8f8f8;
  margin-bottom: 15px;
  padding-bottom: 5px;
  font-size: 95%;
}


#leftcol table {
  width: 658px;
  margin-left: 1px !important;
}


/* pravý sloupec
----------------------------------------------------------------------------------------------------*/

#rightcol {
  float: left;
  overflow: hidden;
  padding: 0 0 0 25px;
  width: 265px;
}

#rightcol ul {
  margin: 0 5px 5px;
  list-style-type: none;
}

.rightbox {
  float: right;
  background: #F0F9FF url('/images/layout/rightbox-bg-bottom.png') 0 100% no-repeat;
  width: 250px;
  margin-bottom: 15px;
}

.rightbox h3 {
  background: #F0F9FF url('/images/layout/rightbox-bg-top.png') 0 0 no-repeat;
  color: #00709b;
  font-weight: bold;
  font-size: 100%;
  padding: 25px 10px 10px;
  margin: 0;
}

.rightbox h4 {
  color: #ee5900;
  font-size: 100%;
  font-weight: bold;
}

.rightbox ul {
  margin: 10px;
}

.rightbox ul li {
  border-bottom: 1px solid #D3EEFF;
  line-height: 2;
}

.rightbox a {
  text-decoration: none;
}

.rightbox a:hover {
  text-decoration: underline;
}

.rightbox .person { margin-left: 95px; }


.rightbox .wrap {
  background: #fff;
  padding: 10px;
  margin: 0 5px 5px;
  border: 1px solid #D3EEFF;
}

.rightbox_sec {
  background: #fff1d1 url('/images/layout/rightbox-bg-bottom2.png') 0 100% no-repeat;
}

.rightbox_sec h3 {
  background: #fff1d1 url('/images/layout/rightbox-bg-top2.png') 0 0 no-repeat;
  color: #ee5900;
}

.rightbox_sec .wrap {
  border: 1px solid #ffce60;
}

#rightcol .logos {
  text-align: center;
  margin-bottom: 25px;
}

#rightcol .guaranteed {
  margin-bottom: 0;
}

#rightcol p { margin: 5px 0; }
#rightcol .logos img { padding-top: 25px; }



/* patička
----------------------------------------------------------------------------------------------------*/

#footer {
  background: #ebf2f6 url('/images/layout/footer-bg.png') 50% 0 no-repeat;
  padding: 25px 0 50px;
  clear: both;
}

#footer h2 { font-size: 105%; margin-bottom: 10px; }
#footer a { text-decoration: none; }
#footer a:hover { text-decoration: underline; }
#footer img { margin-top: 15px; }
#footer ul { margin: 0; list-style-type: none; }
#footer ul li { float: left; margin: 15px 25px 15px 0; width: 160px; }
#footer ul li ul li { float: none; margin: 0; font-size: 90%; line-height: 1.8; }

#footer .contact {
  background: transparent url('/images/layout/footer-v-link.png') 0 0 no-repeat;
  margin-left: 10px;
  padding-left: 25px;
  padding-bottom: 25px;
}

#footer .links { margin: 15px 0 0 15px; }


/* copyright
----------------------------------------------------------------------------------------------------*/

#copy { background: #ebf2f6 url('/images/layout/copy-bg.png') 50% 0 no-repeat;  }
#copy p { margin: 0 0 15px; font-size: 90%; color: #606060; }
#copy span { padding-left: 35px; }
#copy .wrapper {  padding: 7px 0 50px; }


/* promo
----------------------------------------------------------------------------------------------------*/

#promo {
  background: #EFF9FF url('/images/cs/promo.jpg') 100% 0 no-repeat;
  height: 300px;
  width: 950px;
  margin-top: 15px;
  position: relative;
}

#promo ul {
  margin: 0;
  list-style-type: none;
  padding-bottom: 3px;
}

.promo_text {
  padding: 15px 0 15px 15px;
  width: 425px;
}

.promo_text h1 a { text-decoration: none; }

.promo_text ul li {
  background: transparent url('/images/layout/ico-fajfka.gif') no-repeat scroll 0 0;
  font-size: 90%;
  line-height: 2;
  width: 380px;
  padding-left: 30px;
}

#promo h1 {
  margin-bottom: 5px;
  font-size: 200%;
}

.event {
  position: absolute;
  top: 20px;
  left: 440px;
  width: 420px;
  padding-left: 10px;
}

.event h2 {
  font-size: 170%;
  color: #009B33;
  margin-bottom: 5px;
}

.event h2 a {
  text-decoration: none;
  color: #009B33;
}

.event p {
  font-size: 85%;
  margin: 5px 0;
  /*  border-left: 5px solid #CBDAE0;
    padding-left: 10px; */
  width: 390px;
}

.event_info {
  position: absolute;
  display: block;
  width: 320px;
  text-align: center;
  bottom: 10px;
  right: 228px;
  padding: 0;
  margin: 0;
  font-size: 90%;
  font-weight: bold;
}

.event_info span, .event_info span a {
  color: #db0011;
}


#promo .btn_order {
  position: absolute;
  top: 159px;
  left: 472px;
}

#promo .btn_order2 {
  position: absolute;
  top: 215px;
  left: 494px;
}

.promo_more_info {
  display: block;
  position: absolute;
  bottom: 15px;
  right: 15px;
}

#promo .price_promo {
  position: absolute;
  bottom: 2px;
  right: 5px;
}

/* ověření domény
----------------------------------------------------------------------------------------------------*/

#domain {
  background: transparent url('/images/layout/domain-bg.png') 0 0 repeat-x;
  width: 950px;
  position: relative;
}

.domain { height: 65px; }

#domain ul {
  margin-left: 0;
  list-style-type: none;
}

#domain .domain_check {
  float: left;
  margin-left: 25px;
  height: 62px;
}

#domain input, #domain label, #domain select {
  float: left;
  margin: 18px 6px 0 0;
}

#domain input[type="text"] {
  height: 22px;
  border: 1px solid #ffb360;
  margin-top: 21px;
  line-height: 22px;
  padding: 3px 0;
  font-size: 125%;
  width: 270px;
}

#domain select {
  height: 30px;
  border: 1px solid  #ffb360;
  margin-top: 21px;
  line-height: 22px;
  padding: 3px;
  font-size: 125%;
  margin-right: 10px;
}

#domain label {
  line-height: 25px;
  margin-top: 23px;
  font-weight: bold;
}

#domain .btn_transfer { float: right; }
#domain img { float: left; }

#domain table { background-color: #FFF1D1; width: 659px; }
#domain table td { border: none; }

#domain table input { margin: 5px 3px 0 0; }
#domain table label { margin: 0; line-height: inherit;  }


#domain-stats {
  background-color: #FFF1D1;
  border: 1px solid #FFCE60;
  color: #009B33;
  margin-top: 0;
  padding: 3px;
  text-align: center;
}

/* boxy
----------------------------------------------------------------------------------------------------*/

#boxs { margin: 25px 0 0; }

#leftcol #boxs h2 { margin: 0; }

#boxs ul {
  margin-left: 0;
  list-style-type: none;
}

#leftcol .box { width: 320px; }

.box {
  float: left;
  height: 360px;
  margin: 0 0 25px 15px;
  width: 305px;
  position: relative;
}

.box .wrap {
  background: #fff url('/images/layout/box-bg.png') 100% 100% no-repeat;
  padding: 15px;
  height: 300px;
  border-bottom: 1px solid #CBDAE0;
  border-right: 1px solid #CBDAE0;
}

#leftcol .box {
  height: 380px;
}

#leftcol .box .wrap {
  height: 320px;
}

.box_one, .box_four, .box_seven { margin-left: 0; }
.box_seven, .box_eight, .box_nine { margin-bottom: 0; }

.box .person {
  float: left;
  margin-left: 10px;
  height: 85px;
}

.box .support { border-top: 1px solid #D9E5EC; }
.box .support li { margin-top: 5px; }
.box h3 { margin-top: 25px; }
.box .person h4 { font-weight: bold; color: #ee5900; }
.box .person span { font-size: 90%; color: #909090; }
.box .person p.chat_status { font-weight: bold; margin: 0 0 15px; }
.box ul { margin: 0; }
.box li { line-height: 1.8; }
.box_btn, .box_btn_facebook { width: 100%; position: absolute; bottom: 5px; left: 0; }
.box_btn_facebook { bottom: 10px; }
.btn_more_info, .btn_facebook { margin: 25px auto 0; width: 183px; display: block;  }
.btn_facebook { width: 236px; }

.box_event {
  position: absolute;
  top: 1px;
  right: 1px;
}


.price_box1, .price_box2, .price_box3, .comming_soon, .title_campaign,
.price_domain1, .price_domain2, .price_domain3 {
  position: absolute; bottom: 55px;
}

.price_box1, .price_box2, .price_box3 {
  right: 10px;
}

.price_domain1 { right: 205px; }
.price_domain2 { right: 112px; }
.price_domain3 { right: 15px; }

.comming_soon { bottom: 65px; left: 15px; }
.title_campaign { bottom: 140px; right: 25px; }
.box_icon { display: block; margin: 7px 0; }


/* články, soutěže
----------------------------------------------------------------------------------------------------*/

.art_list_block {
  margin-bottom: 25px;
}

.art_list_link {
  font-size: 130%; font-weight: bold;
}

.art_list_info {
  color: #009B33;
  font-size: 85%;
  margin-bottom: 10px;
}

/* box novinky
----------------------------------------------------------------------------------------------------*/

.box .art_list_block { margin-bottom: 5px; }
.box .art_list_link { font-size: 110%; }
.box .art_list_link a { text-decoration: underline; }
.box .art_list_link a:hover { text-decoration: none; }
.box .art_list_desc { font-size: 95%; }


.box .art_list_last { font-size: 85%; padding-top: 15px; }
.box .art_list_last span { color: #009B33; }


/* box datacentrum
----------------------------------------------------------------------------------------------------*/

#dc {
  background: #fff url('/images/layout/rx100.jpg') 640px 100% no-repeat;
  color: #ee5900;
  width: 948px;
  min-height: 215px;
  margin-bottom: 25px;
}

#dc h2 { font-size: 175%; }

#dc .dc_text_cam {
  border: 1px solid #ffce60;
  float: left;
  width: 623px;
  background: #fff1d1 url('/images/layout/dc-grad.png') 0 0 repeat-x;
}


#dc .dc_tech {
  float: left;
}

#dc .dc_text {
  float: left;
  width: 400px;
  margin-right: 0;
}

#dc .dc_cam_win {
  float: left;
  width: 175px;
  text-align: center;
  margin-right: 0;
}

.dc_cam_win img {
  display: block;
  margin: 5px;
  padding: 5px;
  border: 1px solid #ffce60;
  background-color: #fff1d1;
}

.dc_cam_win span {
  background: transparent url('/images/layout/online.gif') 0 50% no-repeat;
  padding-left: 15px;
  color: #36B05E;
}

#dc .dc_partner {
  padding: 10px 0 0 50px;
  display: block;
}

#dc .wrap {
  padding: 15px;
}

#rightcol .dc_cam_win { text-align: center; }
#rightcol .dc_cam_win img { margin: 5px auto; }


/* opensource
----------------------------------------------------------------------------------------------------*/

#open_source { clear: both; }
#open_source img { margin-left: 25px; }
#open_source.small_img img { margin-left: 15px; }


/* webhosting
----------------------------------------------------------------------------------------------------*/

.price {
  font-size: 200%;
  font-weight: bold;
  line-height: 1;
  color: #009B33;
  display: block;
  margin: 15px 0 5px;
}

.price_vat {
  font-size: 95%;
  color: #909090;
  display: block;
}

.price_campaign {
  color: #f00;
  font-size: 225%;
  font-weight: bold;
  display: block;
  line-height: 1;
}

.info_campaign {
  color: #f00;
  margin: 5px 0;
}

table .btn_order {
  margin: 15px 0;
}

.w_list { margin: 0; }

.th_w, .tf_w {
  position: relative;
  width: 658px;
  height: 315px;
  margin-left: 1px;
}

.tf_w { height: 160px; }
.th_w_col1, .tf_w_col1 { width: 343px; }

.th_w_col2, .tf_w_col2 {
  position: absolute;
  bottom: 0;
  right: 151px;
}

.th_w_col3, .tf_w_col3 {
  position: absolute;
  bottom: 0;
  right: 0;
}

.th_w_col2, .th_w_col3, .tf_w_col2, .tf_w_col3 {
  width: 152px;
  height: 310px;
  text-align: center;
  background: transparent url('/images/layout/w-bg-top.png') 100% 100% no-repeat;
}

.tf_w_col2, .tf_w_col3 {
  background-image: url('/images/layout/w-bg-bottom.png');
  background-position: 100% 0;
  height: 160px;
}

.th_w_col2 .btn_order, .th_w_col3 .btn_order {
  position: absolute;
  bottom: 10px;
  left: 20px;
  margin: 0;
}

.th_w_col1 img { margin-top: 60px; }

.th_w_col2 img, .th_w_col3 img {
  margin-bottom: 15px;
}

.tf_w_col2 img, .tf_w_col3 img {
  margin-top: 15px;
}

.tf_w_col1 img {
  margin: 25px 10px;
}


/* domény
----------------------------------------------------------------------------------------------------*/

.d_price { font-size: 125%; font-weight: bold; color: #009B33; }
.d_price_vat { font-size: 85%; color: #999; }
.d_price_stroke { color: #c00; font-size: 75%; text-decoration: line-through; }


/* malý box
----------------------------------------------------------------------------------------------------*/

.order_box {
  float: left;
  width: 290px;
  margin: 15px 15px 45px 0;
}

.order_box .wrap {
  background-color: #EFF9FF;
  border: 1px solid #D9E5EC;
  padding: 15px 15px 25px;
}

.order_box .btn_more_info {
  margin: -20px auto 0;
}


/* kontaktní formulář
----------------------------------------------------------------------------------------------------*/
.cform input[type=text],
.cform input[type=email],
.cform input[type=url],
.cform input[type=password],
.cform input[type=tel],
.cform textarea {
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-right: 1px solid #eee;
  border-bottom: 1px solid #eee;
}
.cform input[type=text]:focus,
.cform input[type=email]:focus,
.cform input[type=url]:focus,
.cform input[type=password]:focus,
.cform input[type=tel]:focus,
.cform textarea:focus {
  outline: 0;
  border-color: #00709b;
}


/* kroky objednávky
----------------------------------------------------------------------------------------------------*/

.order_phase { border: 1px solid #D9E5EC; margin-bottom: 15px; }
.order_phase td { background-color: #EBF2F6; border: 1px solid #D9E5EC; padding: 5px 10px; text-align: center; }
.order_phase td.text_disabled { background-color: #fff; color: #909090; }


/* objednávkové tabulky
----------------------------------------------------------------------------------------------------*/

.frm_table { margin: 0 0 25px !important; }
.frm_table td { border: none; padding: 5px; text-align: center; }
.frm_table td.tright { padding-right: 15px; text-align: right; }
.frm_title { background-color: #fff1d1; color: #EE5900; font-weight: bold; }
.frm_table .frm_title { text-align: left; padding: 5px 15px; }

.frm_table .frm_it { text-align: right; width: 30%; font-weight: bold; vertical-align: top; }
.frm_table .frm_i { text-align: right; width: 30%; font-weight: bold; }
.frm_table .frm_v, .frm_table .frm_vb, .frm_table .frm_c { text-align: left; }

.srv_lt, .srv_rt { width: 100%; }
.srv_lt td { padding: 15px; text-align: left; }
.srv_lt .frm_v { padding: 5px; }
.srv_lt .frm_it, .srv_lt .frm_i { width: 30%; padding: 5px; }
.srv_rt .frm_i, .srv_rt .frm_v { font-size: 85%; padding: 5px; }
.srv_rt .odd td, .srv_rt .frm_title { background-color: #EBF2F6; }
.srv_rt .frm_title { color: #333; }
table.srv_rt { border: 1px solid #D9E5EC; }


/* přihlášení, registrace
----------------------------------------------------------------------------------------------------*/

.frm_news {
  border: none;
  margin: 15px 0;
}

#content .frm_register, #content .frm_login {
  width: 99%;
}

#content .frm_news {
  width: 90%;
}

.frm_register .frm_news .frm_it {
  width: 32px;
}

.reg_rules {
  overflow: auto;
  height: 135px;
  background-color: #EBF2F6;
  border: 1px solid #CBDAE0;
  padding: 15px;
  margin: 25px 25px 10px;
  text-align: left;
}

#content .reg_rules h2 { margin-top: 0; }
.frm_register .frm_in_text, .frm_login .frm_in_text { width: 200px; }
.info_news { font-size: 85%; }
.info_newpwd { text-align: center; }
.frm_register .frm_captcha .frm_in_text { width: 50px; }


/* články, rubriky
----------------------------------------------------------------------------------------------------*/

.art_ct_content p {
  text-align: justify;
}

.art_ct_content ol li {
  text-align: justify;
  margin: 0 0 8px 0;
}

.art_ct_content ul li {
  text-align: justify;
  margin: 0 0 8px 0;
}

.art_ct_img {
  margin-top: 15px;
}

.art_ct_img div {
  float: left;
  margin: 6px 6px 0 0;
  border: 1px solid #e7e7e7;
  height: 180px;
  width: 192px;
}

.art_ct_img div img {
  padding: 6px;
}

.art_ct_img div p {
  margin: 0;
  padding: 0 6px;
  font-size: 85%;
  color: #999;
  text-align: center;
}

.art_ct_img_clear {
  clear: both;
}


/* šířky tabulek
----------------------------------------------------------------------------------------------------*/

.fsize_vs { width: 30px; }
.fsize_s { width: 60px; }
.fsize_m { width: 120px; }
.fsize_mm { width: 140px; }
.fsize_l { width: 180px; }
.fsize_xl { width: 240px; }
.fsize_xxl { width: 300px; }
.fsize_400 { width: 400px; }
.fsize_450 { width: 450px; }
.fsize_500 { width: 500px; }


.warn_bar {
  border: 1px solid #E83737;
  background-color: #EAB2B2;
  padding: 6px;
  margin: 10px 0;
  line-height: 1.3em;
}

.info_bar {
  border: 1px solid #4D7691;
  background-color: #E6EFF4;
  padding: 6px;
  margin: 10px 0;
  color: #215C7F;
  line-height: 1.3em;
}



/* chat
----------------------------------------------------------------------------------------------------*/

#chat_support {
  width: 165px;
  height: 115px;
  position: fixed;
  bottom: 0;
  right: 0;
  display: block;
  visibility: visible;
  z-index: 500;
}

#chat_support img { display: block; }

.ch_with_us img { position: absolute; bottom: 0; right: 0; z-index: 800;}
.ch_support img { position: absolute; top: 0; right: 10px; z-index: 700;}
.ch_cancel img { position: absolute; top: 10px; right: 20px; z-index: 900; }

#chat_support a.ch_support:hover,
#chat_support a.ch_with_us:hover  {
  background: #fff;
  opacity: 0.75;
  -moz-opacity: 0.75;
  -khtml-opacity: 0.75;
}

.red { color: #c00; }
.green { color: #009B33; }

#h1_help { float:right; }



#leftcol table.frm_newpwd_pwd_id,
#leftcol table.frm_newpwd_pwd_id td {
  border: none;
}

#leftcol table.frm_newpwd_pwd_id table { width: 99%; max-width: 99% !important; height: 200px; }



/* slideshow
----------------------------------------------------------------------------------------------------*/

#slideshow {
  background: #EFF9FF url('/images/layout/promo-bg.png') 0 0 repeat-x;
}

#slider1 {
  height: 225px;
  width: 950px;
  position: relative;
  overflow: hidden;
}

#slider1 h1 { font-size: 200%; margin: 0 0 0 10px; font-weight: bold; }
#slider1 a { text-decoration: none; }
#slider1 span { color: #f00; }
#slider1 ul { list-style-type: none; margin: 10px 0 0 20px; }
#slider1 ul li span { color: #009b33; }
#slider1 p.s-desc { margin: 10px 0 0 10px; width: 290px; }
#slider1 .s-sleva p.s-desc,
#slider1 .s-prechod p.s-desc,
#slider1 .s-presun-stranek-cepice p.s-desc,
#slider1 .s-ilovewedos p.s-desc,
#slider1 .s-stehovani p.s-desc,
#slider1 .s-volby p.s-desc,
#slider1 .s-halloween p.s-desc,
#slider1 .s-velikonoce p.s-desc
{ width: 560px; }

#slider1 .s-prazdninove-cestovani p.s-desc
{ width: 540px; }

#slider1 .s-prvni-misto p.s-desc
{ width: 465px; }


#slider1 .s-velikonoce .cta-box {
  position: absolute;
  left: 295px;
  bottom: 50px;
  width: 375px;
  text-align: center;
}




#slider1 ul li {
  background: transparent url('/images/layout/tick.png') 0 50% no-repeat;
  padding-left: 20px;
  line-height: 2;
  font-weight: bold;
}

#slider1 .cta-box {
  position: absolute;
  left: 295px;
  bottom: 30px;
  width: 375px;
  text-align: center;
}

#slider1 .cta-box p {
  margin: 5px 0 15px;
}

#slider1 .cta-box img {
  margin: 15px auto 0;
  display: block;
}

#slider1 .footer-text {
  position: absolute;
  left: 232px;
  bottom: 1px;
  width: 500px;
  text-align: center;
  margin: 0;
  padding: 0;
}

#slider1 .footer-text a {
  text-decoration: none;
}

.bx-controls {
  position: relative;
}

.bx-pager-item {
  display: inline;
}

.bx-pager {
  /*  background-color: #B6D7E5; */
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 2px;
  /*    border-right: 1px solid #B6D7E5; */
  z-index: 999;
}

.bx-pager-link {
  border: 1px solid #b6d7e5;
  background-color: #f3f9fc;
  padding: 2px 6px 1px;
  margin-right: 2px;
  text-decoration: none;
  font-size: 11px;
  color: #00709b;
}

.bx-pager-link.active {
  background-color: #00709b;
  color: #f3f9fc;
}

.s-webhost, .s-domain, .s-vps, .s-darek, .s-darek-cepice-sala, .s-sleva, .s-disk,
.s-prechod, .s-presun-stranek-cepice, .s-ilovewedos, .s-prvni-misto, .s-stehovani, .s-soutez-o-auto,
.s-prazdninove-cestovani, .s-megasoutez, .s-volby, .s-halloween, .s-vanoce, .s-velikonoce, .s-soutez-o-auta {
  background-color: transparent;
  background-position: 100% 0;
  background-repeat: no-repeat;
  position: relative;
  height: 225px;
  width: 950px;
}

.s-webhost { background-image: url('/images/cs/promo-webhost.jpg'); }
.s-domain { background-image: url('/images/cs/promo-domain.jpg'); }
.s-vps { background-image: url('/images/cs/promo-vps.jpg'); }
.s-disk { background-image: url('/images/cs/promo-disk.jpg'); }
.s-darek { background-image: url('/images/cs/promo-darek.jpg'); }
.s-darek-cepice-sala { background-image: url('/images/cs/promo-darek-cepice-sala-2012.jpg'); }
.s-sleva { background-image: url('/images/cs/promo-sleva.jpg'); }
.s-prechod { background-image: url('/images/cs/promo-ab.jpg'); }
.s-presun-stranek-cepice { background-image: url('/images/cs/promo-presun-stranek-cepice.jpg'); }
.s-ilovewedos { background-image: url('/images/cs/promo-ilovewedos.jpg'); }
.s-prvni-misto { background-image: url('/images/cs/promo-prvni-misto.jpg'); }
.s-stehovani { background-image: url('/images/cs/promo-kufr.jpg'); }
.s-prazdninove-cestovani { background-image: url('/images/cs/promo-prazdninove-cestovani.jpg'); }
.s-megasoutez { background-image: url('/images/cs/promo-megasoutez.jpg'); }
.s-volby { background-image: url('/images/cs/promo-kandidat.jpg'); }
.s-halloween { background-image: url('/images/cs/promo-halloween.jpg'); }
.s-vanoce { background-image: url('/images/cs/promo-vanoce2013.jpg'); }
.s-velikonoce { background-image: url('/images/cs/promo-velikonoce-2014.jpg'); }
.s-soutez-o-auta { background-image: url('/images/cs/promo-soutez-o-auta.jpg'); }
.s-soutez-o-auto { background-image: url('/images/cs/promo-soutezoauto.jpg'); }



#slider1 .s-halloween h1 a { color: #ffd26d; display: block; margin-top: 10px; }
#slider1 .s-halloween p { color: #fff; }

#slider1 .price-promo {
  position: absolute;
  bottom: 2px;
  right: 5px;
}

#slider1 .date-promo {
  position: absolute;
  bottom: 20px;
  right: 5px;
}

.ajax_loading_inner {
  background: #fff1d1;
  padding: 5px 10px;
  border-radius: 2px;
}

tr.svrhost_order_ext_profi {
  background: #fff1d1;
}

.table_login tr td.frm_i {
  width: auto;
}

/* Tlačítko "objednat další WEDOS VPS ON" */
.vps2-order-more-button {
  background: #1fc753;
  background: -moz-linear-gradient(top, #1fc753 0%, #25b042 100%);
  background: -webkit-linear-gradient(top, #1fc753 0%,#25b042 100%);
  background: linear-gradient(to bottom, #1fc753 0%,#25b042 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1fc753', endColorstr='#25b042',GradientType=0 );
  color: white;
  text-shadow: -1px 0px 1px #179131;
  text-transform: uppercase;
  font-size: 16px;
  padding: 8px 20px;
  border-radius: 3px;
  text-decoration: none;
  box-shadow: inset 0px 1px 1px #42DB71, 0px 3px 3px rgba(66, 219, 113, 0.2);
  border: 1px solid #25b042;
}


.vps2-predefined-variant-box {
  border: 1px solid #D9E5EC;
  border-radius: 2px;
  display: inline-block;
  box-shadow: 0px 2px 2px rgba(234, 246, 255, 1);
  width: 200px;
  margin-right: 20px;
  margin-bottom: 10px;
}

.vps2-predefined-variant-box:hover {
  border: 1px solid #adc8d6;
}

.vps2-predefined-variant-box.active {
  border: 2px solid #2abe61;
  margin: -1px;
  margin-right: 19px;
}

.vps2-predefined-variant-box .title {
  color: #376ea4;
  font-weight: bold;
  border-bottom: 1px solid #D9E5EC;
  padding: 15px;
}

.vps2-predefined-variant-box.active .title {
}

.vps2-predefined-variant-box .desc {
  color: #7d7d7d;
  padding: 10px 15px;
  font-size: 12px;
}

.vps2-predefined-variant-box .button {
  margin: 0;
  margin-top: 10px;
  padding: 0 20px;
  text-align: center;
  padding-bottom: 5px;
  cursor: pointer;
}

.vps2-predefined-variant-box .button .vps2-order-more-button {
  font-size: 12px;
  margin: 0 0 10px;
  display: inline-block;
  padding: 5px 15px;
  font-weight: bold;
  transition: .2s all;
}

.vps2-predefined-variant-box .button .vps2-order-more-button:hover {
  border: 1px solid #309c4f;
  box-shadow: inset 0px 1px 1px #4dd981;
}

.vps2-order-preliminary-price-container {
  text-align: center;
}

#preliminary-price-result {
  font-weight: bold;
}



.check-toggle {
  position: absolute;
  margin-left: -9999px;
  visibility: hidden;
}
.check-toggle + label {
  display: block;
  position: relative;
  cursor: pointer;
  outline: none;
  user-select: none;
}
input.check-toggle-flat + label {
  padding: 2px;
  width: 40px;
  height: 20px;
  background-color: #dddddd;
  border-radius: 20px;
  transition: background 0.4s;
}
input.check-toggle-flat + label:before,
input.check-toggle-flat + label:after {
  display: block;
  position: absolute;
  content: "";
}
input.check-toggle-flat + label:before {
  top: 2px;
  left: 2px;
  bottom: 2px;
  right: 2px;
  background-color: #fff;
  border-radius: 20px;
  transition: background 0.4s;
}
input.check-toggle-flat + label:after {
  top: 4px;
  left: 4px;
  bottom: 4px;
  width: 16px;
  background-color: #dddddd;
  border-radius: 16px;
  transition: margin 0.4s, background 0.4s;
}
input.check-toggle-flat:checked + label {
  background-color: #20b426;
}
input.check-toggle-flat:checked + label:after {
  margin-left: 20px;
  background-color: #20b426;
}