/* CSS Document */


/* XXXXXXXXXXXXXXX zakladne styly dokumentu XXXXXXXXXXXXXXX */

body {background: url(../images/design/body_bg.gif) #1879a0 repeat-x; font-family: Arial, Verdana, Helvetica, serif; font-size: 12px; color: #484848; margin: 0px 0px 15px 0px; padding: 0px}

a {color: #18759b}
a:hover {color: #af4a03}

td, th {font-size: 12px; border-right: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; vertical-align: top}

table {border-left: 1px solid #CCCCCC; border-top: 1px solid #CCCCCC; text-align: left}

h1, h2, h3, h4, h5 {color: #18759b; margin: 0px; padding: 0px; font-weight: bold}

p {margin: 0px; padding: 10px 0px 5px 0px}

h1 {font-size: 20px;}
h2 {font-size: 20px;}
h3 {font-size: 16px;}
h4 {font-size: 14px;}
h5 {font-size: 14px;}

a img {border: 0px}

.cb {clear: both; font-size: 1px}

.rightFloat
{
	float: right;
}

.leftFloat
{
	float: left;
}
 
input, select, textarea {font-size: 12px; font-family: Trebuchet MS, Arial; color: #000000; background: #f8fcfe ; border: 1px solid #a5b7bf; padding: 2px}

input.radio, input.checkbox {background: none; border: none; padding: 2px;}


form {margin: 0px; padding: 0px}

.center {text-align: center;}
.justify {text-align: justify;}
                             

/* XXXXXXXXXXXXXXX wrapovacie DIVy a ich substyly XXXXXXXXXXXXXXXXXX */

#langbarw {height: 25px; color: #c8e4f0; font-size: 10px;}
#langbarw a {color: #77aec4; text-decoration: none}

#langbar {padding: 10px 9px 5px 9px; float: left;}

#loginstatusbar {padding: 10px 9px 5px 9px; float: right;}

#mainw {width: 990px; margin: 0px auto;}


#headw {position: relative; background: url(../images/design/headw_bg.jpg) no-repeat; height: 109px}
#clicklogo {
	position: absolute; top: 20px; left: 12px;
	width: 220px;
	height: 50px;
}

#mmenuw { position: absolute; bottom: -1px; left: 4px; color: #FFFFFF; line-height: 12px;}
#mmenuw ul {margin: 0; padding: 0px;}
#mmenuw li {display: block; float: left; padding-bottom: 8px; padding-top: 8px; background: url(../images/design/mmenu_sep.gif) no-repeat right bottom; font-weight: normal; font-size: 11px; line-height: 11px; font-family: Verdana; }
#mmenuw a {color: #FFFFFF; text-decoration: none; padding: 0px 12px 26px 0px;   }
#mmenuw a span {padding-left: 12px; padding-bottom: 6px}
#mmenuw li.nsel a:hover {background: url(../images/design/mmenu_hov_r.gif) right top no-repeat; padding-top: 8px;} /*pre IE tu nesmie byt padding-top: 8px */
#mmenuw li.nsel a:hover span {background: url(../images/design/mmenu_hov_l.gif) no-repeat; padding-left: 12px; padding-top: 8px; }
#mmenuw li.sel {background: url(../images/design/mmenu_sel2r.gif) right top no-repeat; cursor: default;}
#mmenuw li.sel a {background: url(../images/design/mmenu_sel2l.gif) left top no-repeat; cursor: default; padding-top: 7px; padding-left: 12px;  color: #990000}
#mmenuw li.sel a:hover {cursor: default;}
/* #mmenuw a.sel {background: url(../images/design/mmenu_sel.gif) no-repeat; background-position: center; cursor: default; padding-top: 3px}
#mmenuw a.sel:hover {background: url(../images/design/mmenu_sel.gif) no-repeat; background-position: center; cursor: default} */

#searchw {position: absolute; right: 6px; bottom: 27px; color: #FFFFFF; width: 210px; height: 40px}
#searchw input, #searchw select {font-size: 12px; font-family: Trebuchet MS, Arial; color: #000000; background: #dae9f0 ; border: 1px solid #135978;}
#searchw div {font-weight: bold; padding-bottom: 5px}


#mcontentw, #mcontentw_full { position: relative; background: url(../images/design/mcontentw_bg.gif) top repeat-y #FFFFFF; overflow: hidden; padding: 8px 0px 8px 0px; background-image: url(../images/design/mcontentw_bg.gif); }
#mcontentw_full {background-image: none; background: #FFFFFF} /* toto je pre variant bez praveho stlpca */


#lcolw {margin: 0px 0px 8px 7px; position: relative; float: left; display: inline; width: 753px; /*_height: 200px;*/ min-height: 200px; }
#mcontentw_full #lcolw {width: 970px} /* toto je pre variant bez praveho stlpca */
#home_vizw {background: url(../images/design/home_viz_bg.jpg) no-repeat; height: 119px; margin-bottom: 18px }
#home_viz {padding: 11px 200px 5px 11px}
#home_viz h3 {font-size: 15px; color: #2b83a7; font-family: Arial; font-weight: bold}

#quick_nav {color: #8d8d8d; font-size: 11px; padding: 10px 0px 7px 4px; margin: 0px 6px 8px 4px; border-bottom: 1px solid #DDDDDD}



#rcolw {width: 213px; position: relative; float: right; right: 6px;}

/* boxy su robene na max. vysku cca 1300px a minimalnu 140px aby sedeli grandienty */
.rcol_bw {min-height: 140px; /*_height: 140px;*/ position: relative; margin-bottom: 15px}
.rcol_bw.v1, .rcol_bw.v3 {background: url(../images/design/r_col/rcol_b1_bg.gif) no-repeat; font-size: 11px;}
.rcol_bw.v1 a:hover {color: #2c80a3}
.rcol_bw.v1 input, .rcol_bw.v1 select {font-size: 11px; font-family: Trebuchet MS, Arial; color: #000000; background: #fefefe ; border: 1px solid #c1c1c1}
.rcol_bw.v1 a {color: #000000}
.rcol_bw.v1 p.sublog {line-height: 17px; margin: 3px 0px 0px 0px; padding: 0px}

.rcol_bw.v2 {background: url(../images/design/r_col/rcol_b2_bg.gif) no-repeat; color: #FFFFFF}
.rcol_bw.v2 a {text-decoration: none; color: #FFFFFF;}
.rcol_bw.v2 a:hover {text-decoration: underline;}
.rcol_bw.v2 h4 {color: #FFFFFF; font-size: 14px; font-weight: bold}
.rcol_bw.v3 h4 {color: #747474; font-size: 15px; font-weight: bold}
.rcol_bw.v3 #newsbox h5 {color: #185974; font-size: 11px; font-weight: bold; margin: 0px; padding: 10px 0px 0px 0px}
.rcol_bw.v3 #newsbox h5 a {color: #185974; text-decoration: none}
.rcol_bw.v3 #newsbox h5 a:hover {text-decoration: underline}
.rcol_bw.v3 #newsbox p {margin: 0px; padding: 0px}
.rcol_bw.v3 ul {margin: 10px 0px 0px 0px; padding: 0px; list-style-type: none; font-size: 12px}
.rocl_bw.v3 ul a {color: #CC3300}
.rcol_bw.v3 li {padding-bottom: 5px;}


.rcol_c {padding: 7px}
.rcol_bw.v2 .rcol_c, .rcol_bw.v3 .rcol_c {padding: 16px 11px 11px 11px}

#footerw {background: #a5a5a5; background: url(../images/design/footerw_bg.gif) no-repeat; height: 44px}
#footer {text-align: right; padding: 15px 10px 0px 0px}
#footer a, #footer {color: #FFFFFF; text-decoration: none;}
#footer a {padding: 0px 5px 0px 5px}
#footer a:hover {text-decoration: underline}

.wrapper4h2
{
	display: none;
}

.wrapper4h5
{
	display: none;
}

/* XXXXXXXXXXXXXXX clanok XXXXXXXXXXXXXXX */

.articlew {overflow: hidden}
.articlew.half {width: 48%; float: left}
.articlew.rline {border-right: 1px solid #f0f0f0;}

.article {margin: 15px; color: #4a4a4a;}
.article a {color: #CC3300}
.article li {padding-bottom: 3px}
.article .weak {color: #8d8d8d}
.article .orange {color: #f47d29}
.article img { background-color:#FFFFFF; border: 1px solid #666666; padding: 3px; position: relative}
.article img.noborder {border: none;}
.article h3 a {color: #CC3300}
.article h3 span {text-decoration: none; color: #999999}
.article h4 {color: #f47d29}
.article h5 {color: #AAAAAA; font-weight: bold}

.article .expres {color: #f47d29; font-size: 12px}
.article .expres b {font-size: 20px; font-weight: bold; font-family: Arial}

/* XXXXXXXXXXXXXXX specialne XXXXXXXXXXXXXXX */

.img_bt {position: absolute; bottom: -7px; left: 0px}
.img_tp {position: absolute; top: -7px; left: 0px}

/* XXXXXXXXXXXXXXX boxes XXXXXXXXXXXXXXX */

#baliky {padding-left: 3px; margin-top: 18px}
#baliky h3 {color: #a0a0a0; font-size: 18px; font-weight: normal}
#baliky h5 {color: #999999; font-size: 12px; font-weight: normal}
.balik_boxw {width: 149px; float: left; min-height: 260px; /*_height: 260px;*/ background: url(../images/design/balik_bg.gif) no-repeat top right; padding-top: 15px; margin-top: 20px; float: left}
.balik_boxw h4 {font-size: 12px; padding-bottom: 25px}
.balik_boxc {width: 100px; font-size: 11px; margin-left: 5px }
.balik_boxf {text-align: right; font-size: 11px; padding: 25px 15px 5px 0px; line-height: 18px }
.balik_boxf span {color: #f47d29; font-size: 12px}
.balik_boxf span b {font-size: 20px; font-weight: bold; font-family: Arial}
.balik_boxf a {font-size: 12px}


.blueboxw {position: relative; background: url(../images/design/s_boxes/bluebox_c.gif) repeat-y; min-height: 12em; /*_height: 12em;*/ margin: 8px 0px 15px 0px; color: #7e8487; font-weight: normal}
.blueboxw_objednavka {min-height: 120px; /*_height: 120px;*/}

.blueboxc {padding: 11px 13px 15px 13px}

.bluebox_login_form {padding: 0px 13px 0px 13px;}

.bluebox_login_form .obutt span {font-weight: bold;}


/* XXXXXXXXXXXXXXX balikova tabulka XXXXXXXXXXXXXXX */

table.baliky {border: none}
table.baliky tr {height: 40px}
table.baliky td {padding: 5px; margin: 0px; text-align: center; border: none; border-bottom: 1px solid #EDEDED; vertical-align: middle}
table.baliky td.nobrd {border: none}
table.baliky td.left {text-align: left;}
table.baliky td .microtext {font-size: 11px; color: #8d8d8d;}
table.baliky th {border: none; border-bottom: 1px solid #EDEDED}
table.baliky img {border: 0px; position: relative; background: none}

table.balceny {margin-top: 10px;}
table.balceny tr {height: 50px; color: #888888}
table.balceny td, table.balceny th {vertical-align: middle; text-align: left; padding: 5px; font-size: 11px}
table.balceny td {color: #666666}
table.balceny tr b {color: #333333}
table.balceny td.sdph b {color: #18759b }
table.balceny td.sdph {background: #F8F8F8}
.balceny .second th, .balceny .second td {background: #F8F8F8}

table.doms tr {height: 25px}

.tbalik_top {border: none; text-align: left; vertical-align: bottom; padding-bottom: 10px; color: #666666; font-weight: bold; font-size: 11px}
.tbalik_top span {color: #f47d29; font-size: 16px; font-weight: bold}

.bal_hrow td, .bal_hrow th {color: #AAAAAA; text-align: left; height: 90px; vertical-align: bottom; padding: 5px 5px 4px 5px; text-transform: uppercase; font-weight: bold; }
.bal_hrow tr {}
.bal_hrow td a {font-weight: normal; font-size: 11px; text-transform: lowercase; color: #BBBBBB}
.bal_hrow h4 {font-size: 14px; font-weight: bold; }

.bal_hrow2 td, .bal_hrow th {color: #AAAAAA; text-align: left; vertical-align: bottom; padding: 5px 5px 4px 5px; text-transform: uppercase; font-weight: bold; }
.bal_hrow2 tr {}
.bal_hrow2 td a {font-weight: normal; font-size: 11px; text-transform: lowercase; color: #BBBBBB}
.bal_hrow2 h4 {font-size: 14px; font-weight: bold; }

.baliky .second td, .baliky .second th {background: #F8F8F8;}

.bal_1cel {text-align: left; padding-left: 10px; font-weight: bold; color: #999999; vertical-align: middle}
.bal_1cel_center {text-align: center; padding-left: 0px;}
.bal_1cel a {font-weight: normal}

.bal_box {background: url(../images/design/balik_bg2.gif) no-repeat left 4px; }


/* XXXXXXXXXXXXXXX neviditelna tabulka XXXXXXXXXXXXXXX */


table.nviz {border: none}
table.nviz td {border: none}

table.kontakt td {border-bottom: 1px solid #EDEDED; padding: 12px 5px 12px 10px;}
table.kontakt textarea, table.kontakt input {border: 1px solid #999999; background: #DDDDDD; font-size: 12px}
table.kontakt tr.kexpres td {background: #EFEFEF}
table.kontakt label {font-size: 11px; font-weight: bold}
table.kontakt img {border: 1px solid #999999; background: #DDDDDD; padding: 0;}

/* XXXXXXXXXXXXXXX klient boxy - referencie XXXXXXXXXXXXXXX */


.clientboxw {width: 304px; height: 243px; float: left; margin: 25px 35px 25px 5px; position: relative; color: #FFFFFF; font-family: Trebuchet MS, Helvetica, sans-serif; background-repeat: no-repeat; font-size: 12px; line-height: 14px}
.clientboxw a {color: #FFFFFF}
.clientboxc { position: absolute; left: 12px; bottom: 5px; width: 281px; height: 51px; overflow: hidden }


/* XXXXXXXXXXXXXXX objednavka steps - pravy stlp XXXXXXXXXXXXXXX */


#ordersteps {padding-top: 5px; color: #08465f}
#ordersteps a {color: #08465f}
#ordersteps .step {border-bottom: 1px solid #1c7699; margin-bottom: 15px; padding-top: 5px; padding-bottom: 5px; font-size: 12px}
#ordersteps .activ, #ordersteps .activ a {color: #FFFFFF}
#ordersteps .activ .nrstep {color: #a2cfe7}
#ordersteps .step span {width: 155px; display: block }
#ordersteps .nrstep {font-size: 22px; font-weight: bold; float: right; color: #196e8f; width: 20px; z-index: 1000}

/*
**	order-right-menu
*/
#ordercurr {padding-top: 5px; color: #08465f;}
#ordercurr a {color: #08465f}
#ordercurr .step {border-bottom: 1px solid #1c7699; margin-bottom: 5px; padding-top: 5px; padding-bottom: 5px; font-size: 12px}
#ordercurr .step_suma {border-bottom: 1px solid #1c7699; margin-bottom: 1px; padding-top: 5px; padding-bottom: 5px; font-size: 12px}
#ordercurr .step span {width: 155px; display: block }
#ordercurr .nrstep {font-size: 12px; font-weight: bold; float: right; margin-right: 15px; padding-right: 2px; color: #196e8f; width: 20px; z-index: 1000}

.padding_b1 {padding-bottom: 1em;}
.black1 {color: #555555;}
.brown {color: #185974;}
.font_bold {font-weight: bold;}

/*
**	order-right-menu
*/

/*


#mmenuw { position: absolute; top: 103px; left: 7px; font-weight: bold; color: #FFFFFF; width: 480px; line-height: 12px}
#mmenuw a {color: #FFFFFF; text-decoration: none}
#mmenuw a:hover {text-decoration: underline}

#submenuw { position: absolute; bottom: 59px; left: 7px; font-weight: bold; color: #FFFFFF; width: 480px; font-size: 11px; line-height: 11px}
#submenuw a {color: #FFFFFF; text-decoration: none}
#submenuw a:hover {text-decoration: underline}

#content {background: #ededed; border: 1px solid #919191; padding: 23px 0px 25px 13px; position: relative; overflow: hidden}


.butt_big {position: relative; background: url(../images/buttons/blue_c.gif) repeat-x; font-family: Arial, Helvetica; font-size: 14px; line-height: 14px; font-weight: normal; color: #FFFFFF; height: 16px; margin: 3px 37px 3px 12px; padding: 8px 0px 8px 3px;  text-decoration: none; display: block; float: left}
.butt_big a {color: #FFFFFF; text-decoration: none; }
.butt_big img {position: absolute; top: 0px;}


.butt_smal {position: relative; font-family: Arial, Helvetica; font-size: 12px; line-height: 12px; font-weight: bold; color: #FFFFFF; height: 11px; margin: 3px 15px 3px 12px; padding: 6px 0px 8px 3px;  text-decoration: none; display: block}
.butt_smal a {color: #FFFFFF; text-decoration: none; }
.butt_smal img {position: absolute; top: 0px;}
.butt_smal.blue {background: url(../images/buttons/sblue_c.gif) repeat-x; }
.butt_smal.orang {background: url(../images/buttons/sorang_c.gif) repeat-x; }

*/



/* XXXXXXXXXXXXXXX buttons XXXXXXXXXXXXXXX */

a.button_del {
background: transparent url(../images/buttons/ico-delete.gif) no-repeat top right; 
line-height: 12px;
height: 16px;
padding-left: 16px;
margin: 0px;  
vertical-align: top;
/*position:relative;*/
/*right:-2px;*/
}

a.obutt {
background: transparent url(../images/buttons/bblue_l.gif) no-repeat top left; display: block; float: left; font-family: Arial, Helvetica; font-size: 14px; text-decoration: none;
line-height: 23px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
height: 31px; /* Height of button background height */
padding-left: 15px; /* Width of left menu image */}

a.obutt_mini {
background: transparent url(../images/buttons/bblue_l_mini.gif) no-repeat top left; display: block; float: left; font-family: Arial, Helvetica; font-size: 12px; text-decoration: none;
line-height: 18px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
height: 26px; /* Height of button background height */
padding-left: 10px; /* Width of left menu image */
margin-left: 10px; /* Width of left menu image */
color: #222222;}

a.obutt.left {background: transparent url(../images/buttons/bblue2_l.gif) no-repeat top left; padding-left: 34px; }
a.obutt.borange {background: transparent url(../images/buttons/borang_l.gif) no-repeat top left;}
a.obutt.borange_finish {background: transparent url(../images/buttons/borang_l.gif) no-repeat top left;}

a.obutt.smal {
font-size: 12px; font-weight: bold;
line-height: 15px;
height: 23px;
padding-left: 11px; }

a.obutt.small {
font-size: 12px;
line-height: 15px;
height: 23px;
padding-left: 11px;
vertical-align: middle;
}

a.obutt.blue {background: transparent url(../images/buttons/sblue_l.gif) no-repeat top left; }
a.obutt.orang {background: transparent url(../images/buttons/sorang_l.gif) no-repeat top left; }  

a:link.obutt, a:visited.obutt, a:active.obutt {color: #ffffff;}
a.obutt span {background: transparent url(../images/buttons/bblue_r.gif) no-repeat top right; display: block; padding: 4px 35px 4px 0px;}

a:link.obutt_mini {color: #555555;}
a:visited.obutt, a:active.obutt {color: #ffffff;}
a.obutt_mini span {background: transparent url(../images/buttons/bblue_r_finish_mini.gif) no-repeat top right; display: block; padding: 4px 35px 4px 0px;}

a.obutt.borange span {background: transparent url(../images/buttons/borang_r.gif) no-repeat top right;}
a.obutt.borange_finish span {background: transparent url(../images/buttons/borang_r_finish.gif) no-repeat top right;}

a.obutt.left span {background: transparent url(../images/buttons/bblue2_r.gif) no-repeat top right; padding: 4px 10px 4px 0px; }
a.obutt.right span {background: transparent url(../images/buttons/bblue_r_add.gif) no-repeat top right; padding: 4px 36px 4px 0px; }
a.obutt.finish span {background: transparent url(../images/buttons/bblue_r_finish.gif) no-repeat top right; padding: 4px 36px 4px 0px; }
a.obutt.base span {background: transparent url(../images/buttons/bblue2_r.gif) no-repeat top right; padding: 4px 10px 4px 0px; }

a.obutt.smal span{ padding: 4px 15px 4px 5px;}
a.obutt.blue span {background: transparent url(../images/buttons/sblue_r.gif) no-repeat top right; }
a.obutt.orang span {background: transparent url(../images/buttons/sorang_r.gif) no-repeat top right; }
a.obutt.orang span {background: transparent url(../images/buttons/sorang_r.gif) no-repeat top right; }

a.obutt:hover{background-position: bottom left;}
a.obutt:hover span{background-position: bottom right; color: #ffffff;}

a.obutt_mini:hover{background-position: bottom left; text-decoration: none;}
a.obutt_mini:hover span{background-position: bottom right; color: #185974; text-decoration: none;}


.bwrap {
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
}

.bwrap.logbox {position: relative; padding-left: 6px
}

.sertab{
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
margin-left: 0px;
padding-left: 6px;
padding-bottom: 0px;
margin-bottom: 0px;
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
}

.sertab li{
display: inline;
margin: 0;
}

.sertab li a{
text-decoration: none;
position: relative;
display: block;
float: left;
font-family: Arial, Helvetica;
font-size: 11px;
text-decoration: underline;
line-height: 23px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
height: 38px; /* Height of button background height */
padding-left: 1px; /* Width of left menu image */
}

.sertab li a:link, .sertab li a:visited, .sertab li a:active{
color: #666666;
}

.sertab li a:hover{
text-decoration: underline;
color: #2d2b2b;
}

.sertab li a.selected{ /*selected main tab style */
position: relative;
top: 1px;
background: transparent url(../images/buttons/login_box/lbox_l.gif) no-repeat top left;
text-decoration: none;
cursor: default;
}

.sertab li a.selected:hover{ /*selected main tab style */
text-decoration: none;
color: #1e1e1e;
}

.sertab li a.selected:link, .sertab li a.selected:visited, .sertab li a.selected:active{
color: #1e1e1e;
}

.sertab li a span {
display: block;
padding: 4px 8px 4px 8px;
}

.sertab li a.selected span  {
background: transparent url(../images/buttons/login_box/lbox_r.gif) no-repeat top right;
display: block;
padding: 4px 6px 4px 6px;
}

/* XXXXXXXXXXXXXXX loginbox "tabs" XXXXXXXXXXXXXXX */

a.logbox {
display: block; float: left; font-family: Arial, Helvetica; font-size: 11px; text-decoration: underline;
line-height: 23px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
height: 38px; /* Height of button background height */
padding-left: 1px; /* Width of left menu image */
}

a.logbox.sel {background: transparent url(../images/buttons/login_box/lbox_l.gif) no-repeat top left; text-decoration: none; cursor: default}

a:link.logbox, a:visited.logbox, a:active.logbox {color: #666666;}

a:link.logbox.sel, a:visited.logbox.sel, a:active.logbox.sel {color: #1e1e1e;}

a.logbox span {display: block;
padding: 4px 8px 4px 8px;
}

a.logbox.sel span  {background: transparent url(../images/buttons/login_box/lbox_r.gif) no-repeat top right; display: block;
padding: 4px 6px 4px 6px;
}

/* XXXXXXXXXXXXXXXXXXXXXXX objednavka - order  XXXXXXXXXXXXXXXXXXXXX */
#order
{

}

#order .form_option {
	padding: 13px;
	border: 1px solid #ffffff;
	border-bottom: 1px solid #DDDDDD;
}

#order .form_option.selected, #order .form_option.group {
	background: #d4ebf6;
	border: 1px solid #c8dfea;
}

#order .form_option label {
	color: #f47d29;/*#18759B;*/
	font-weight: bold;
	padding-left: 1em;
	cursor: pointer;
}

#order .form_option label .grey {
	color: #AAAAAA;
}

#order .form_option ul {
	margin: 10px 0 0 4em !important;
	padding: 0px !important;
}

#order h4 {color: #18759b;}

/* info box */
.info_div {	border: 1px solid #c8dfea; background: #d4ebf6; margin: 10px 40px 10px 40px; padding-top: 10px; padding-bottom: 10px;}
.info_div .info_obsah {padding: 0px 10px 0px 2em;}
.info_div .info {font-weight: bold; font-size: 16px; color: #18759B; margin-left: 10px;}

/* obalovydiv box */
#obalovydiv {border: 1px solid #c8dfea; background: #d4ebf6; padding-top: 10px; padding-bottom: 10px;}
#obalovydiv .obalovyobsah {padding: 0px 10px 0px 1em;}
#obalovydiv .info {font-weight: bold; font-size: 16px; color: #18759B; margin-left: 10px;}

/* obalovydiv2 box */
#obalovydiv2 {border: 1px solid #EAC8CE; background: #F6D5DB; padding-top: 10px; padding-bottom: 10px;}
#obalovydiv2 .obalovyobsah {padding: 0px 10px 0px 1em;}
#obalovydiv2 .info {font-weight: bold; font-size: 16px; color: #990000; margin-left: 10px;}
#obalovydiv2 .chyba {font-weight: bold; font-size: 16px; color: #990000; margin-left: 10px;}

/* warning box */
#warn_div {	border: 1px solid #EAC8CE; background: #F6D5DB; margin: 10px 40px 10px 40px; padding-top: 10px; padding-bottom: 10px;}
#warn_div .warn_obsah {padding: 0px 10px 0px 2em;}
#warn_div .chyba {font-weight: bold; font-size: 16px; color: #990000; margin-left: 10px;}

/* grey box */
.grey_div {	border: 1px solid #EFEFEF; background: #EFEFEF; margin: 10px 40px 10px 40px; padding-top: 10px; padding-bottom: 10px;}
.grey_div .grey_obsah {padding: 0px 10px 0px 2em;}
.grey_div .grey_nadpis {font-weight: bold; font-size: 16px; color: #18759B; margin-left: 10px;}
.grey_div h3 {color: #AAAAAA; font-weight: bold; margin-left: 10px;}

/* poziciovanie formularov */
#order .formblok { padding-top: 10px; width: 100%; vertical-align: middle; clear: both; }
#order .formbloktext0 { float: left; padding-top: 3px; padding-bottom: 3px; width: 100%; vertical-align: middle; }
#order .formbloktext1 { line-height: 2em; float: left; vertical-align: middle; text-align: left; width: 240px; padding-right: 10px; }
#order .formbloktext1a { float: left; vertical-align: middle; text-align: left; width: 240px; padding-right: 10px; }
#order .formbloktext15 { line-height: 2em; float: left; vertical-align: middle; text-align: right; width: 30px; padding-right: 10px; }
#order .formbloktext25 { line-height: 2em; float: left; vertical-align: middle; padding-right: 1em; }
#order .formbloktext2 { line-height: 2em; float: left;  vertical-align: middle; width: 360px;}
#order .formbloktext2a { float: left;  vertical-align: middle; width: 360px;}
#order .formbloktext2 .textInput {width: 220px;}
#order .inline_chyba { font-style: italic; color: #CC3300; font-weight: bold;}

/* XXXXXXXXXXXXXXXXXXXXXXX custom form  XXXXXXXXXXXXXXXXXXXXX */
#customform
{

}

#customform .form_option {
	padding: 13px;
	border: 1px solid #ffffff;
	border-bottom: 1px solid #DDDDDD;
}

#customform .form_option.selected, #customform .form_option.group {
	background: #d4ebf6;
	border: 1px solid #c8dfea;
}

#customform .form_option label {
	color: #f47d29;/*#18759B;*/
	font-weight: bold;
	padding-left: 1em;
	cursor: pointer;
}

#customform .form_option label .grey {
	color: #AAAAAA;
}

#customform .form_option ul {
	margin: 10px 0 0 4em !important;
	padding: 0px !important;
}

#customform h4 {color: #18759b;}

/* poziciovanie formularov */
#customform .formblok { padding-top: 10px; width: 100%; vertical-align: middle; clear: both; }
#customform .formbloktext0 { float: left; padding-top: 3px; padding-bottom: 3px; width: 100%; vertical-align: middle; }
#customform .formbloktext1 { line-height: 2em; float: left; vertical-align: middle; text-align: left; width: 240px; padding-right: 10px; }
#customform .formbloktext15 { line-height: 2em; float: left; vertical-align: middle; text-align: right; width: 30px; padding-right: 10px; }
#customform .formbloktext25 { line-height: 2em; float: left; vertical-align: middle; padding-right: 1em; }
#customform .formbloktext2 { line-height: 2em; float: left;  vertical-align: middle; width: 360px;}
#customform .formbloktext2 .textInput {width: 220px;}
#customform .inline_chyba { font-style: italic; color: #CC3300; font-weight: bold;}


.onlinePayImg
{
	border: none;
	margin-right: 1em;
	padding: 0;
}

.onlinePayA
{
	border: none;
	padding: 0;
}

/* tabulka info o uzivatelovi pri objednavke */
#info_o_uzivatelovi {margin-top: 1em; line-height: 1.5;}
#info_o_uzivatelovi table {border: none;}
#info_o_uzivatelovi td {border: none;}

/* ------------------SETUP-------------- */
#set_head {height: 63px; background: url(../images/design/set_head_bg.gif) no-repeat bottom; color: #949494; position: relative}
#set_head h1 span {color: #949494}
#set_head h1 span span {color: #bcbcbc}

#set_head .login {position: absolute; text-align: right; right: 10px; top: 20px; font-size: 11px}
#set_head .login span {color: #2d2d2d}

.set_menublok {border-bottom: 1px solid #e1e1e1; font-size: 12px; padding: 14px 0px 15px 8px; }
.set_menublok a {color: #652525; text-decoration: none; line-height: 19px;}
.set_menublok a:hover {text-decoration: underline;}
.set_menublok strong {color: #652525; line-height: 19px;}
.set_menublok .itemnolink {color: #652525; line-height: 19px;}
.set_submenu {padding-left: 2px;}
.set_submenu a {color: #4f4f4f;}

.set_menublok2 {font-size: 12px; padding: 4px 8px 15px 8px; }
.set_menublok2 a {color: #652525; text-decoration: none; line-height: 19px;}
.set_menublok2 a:hover {text-decoration: underline;}
.set_menublok2 strong {color: #652525; line-height: 19px;}
.set_menublok2 .itemnolink {color: #652525; line-height: 19px;}
.set_submenu2 {padding-left: 2px;}
.set_submenu2 a {color: #4f4f4f;}

.set_hosting_icon {background: url(../images/design/set_i_info.gif) right 13px no-repeat;}
.set_email_ucty_icon {background: url(../images/design/set_i_mail.gif) right 0px no-repeat;}
.set_ftp_ucty_icon {background: url(../images/design/set_i_set.gif) right 0px no-repeat;}
.set_statistika_icon {background: url(../images/design/set_i_stat.gif) right 0px no-repeat;}
.set_kontaktne_udaje_icon {background: url(../images/design/set_i_usr.gif) right 14px no-repeat;}
.set_odhlasit_icon {background: url(../images/design/set_i_quit.gif) right 12px no-repeat;}

.article_setup {margin: 15px; color: #4a4a4a;}
.article_setup a {color: #CC3300}
.article_setup li {padding-bottom: 3px}
.article_setup .weak {color: #8d8d8d}
.article_setup .orange {color: #f47d29}
.article_setup .blue {color: #0000aa}
.article_setup img {padding: 3px; position: relative}
.article_setup img.noborder {border: none;}
.article_setup img.nobordermiddle {border: none; vertical-align: middle}
.article_setup h3 {color: #F47D29; margin-bottom: 1ex;}
.article_setup h3 a {color: #CC3300;}
.article_setup h3 span {text-decoration: none; color: #999999}
.article_setup h4 {color: #18759B}
.article_setup h5 {color: #AAAAAA; font-weight: bold}

.article_setup td, .article_setup th {font-size: 12px; border-right: none; border-bottom: none; vertical-align: top}

.article_setup table {border-left: none; border-top: none; text-align: left}

.article_setup .defaultInput {width: 220px;}
.article_setup textarea.defaultInput {width: 400px;}

.article_setup .formblok { padding-top: 10px; width: 100%; vertical-align: middle; clear: both; }
.article_setup .formbloktext0 { float: left; padding-top: 3px; padding-bottom: 3px; width: 100%; vertical-align: middle; }
.article_setup .formbloktext1 { line-height: 2em; float: left; vertical-align: middle; text-align: left; width: 240px; padding-right: 10px; }
.article_setup .formbloktext15 { line-height: 2em; float: left; vertical-align: middle; text-align: right; width: 30px; padding-right: 10px; }
.article_setup .formbloktext25 { line-height: 2em; float: left; vertical-align: middle; padding-right: 1em; }
.article_setup .formbloktext2 { line-height: 2em; float: left;  vertical-align: middle; width: 360px;}
.article_setup .formbloktext2 .textInput {width: 220px;}

.article_setup .expres {color: #f47d29; font-size: 12px}
.article_setup .expres b {font-size: 20px; font-weight: bold; font-family: Arial}

.weak {color: #8d8d8d}


.article_setup .clientareatable {
	width: 100%;
}

.article_setup tr.clientareatableheading {
	background-color: #C2E1EF;
	font-weight: bold;
	text-align: center;
}

.article_setup tr.clientareatableactive {
	text-align: center;
}

.article_setup tr.clientareatablepending {
	background-color: #FFFFE2;
	text-align: center;
}

.article_setup tr.clientareatablesuspended {
	background-color: #E9FFD2;
	text-align: center;
}

.article_setup tr.clientareatableterminated {
	background-color: #FFE1E1;
	text-align: center;
}

/*
** begin RR editor
*/
DIV.rrBox { border: 1px solid #c8dfea; background-color: #d4ebf6; padding: 10px 0px 10px 0px; margin: 1em 0em; }
TABLE.rrBox { margin: 0px; padding: 0px; border: 0px; width: 100%; }
TR.rrRowCenter { text-align: center; }
TD.rrCell { padding: 2px 2px; margin: 0px; }
TD.rrCellLeft {	padding: 2px; }
TD.rrCellRight { padding: 2px 1px; text-align: left; width: 100%; }
INPUT.rrMonoName { border-width: 1px; padding: 2px 2px; width: 180px; }
INPUT.rrMonoAux { border-width: 1px; padding: 2px 2px; width: 30px; }
INPUT.rrMonoData { border-width: 1px; padding: 2px 2px; width: 240px; }
/*
** end RR editor
*/

/*
**	ErrBox()
*/
TABLE.errBox { background-color: #FEDE9E; border-color: #CF4A00; border: #CF4A00 solid 1px; padding: 0px; width: 100%; margin: 1em; }
TD.errLeft { font-weight: bold; color: #CF4A00; vertical-align: top; padding: 0.5em 1em 0.5em 0.5em; border-right: #CF4A00 solid 1px; }
TD.errRight { vertical-align: middle; padding: 0.5em 0.5em 0.5em 1em; }
TD.errRight strong, TD.errRight b { font-weight: bold; color: #CF4A00; }
/*
**	end ErrBox()
*/

.strength0,.strength1,.strength2,.strength3,.strength4,.strength5{display:block; height:10px; width:150px;}
.strength0{background-color:#cccccc;}
.strength1{background-color:#ff0000;}
.strength2{background-color:#ffCC00;}
.strength3{background-color:#00dd00;}
.strength4{background-color:#009900;}
.strength5{background-color:#006600;}

/* ------------------ END SETUP-------------- */