/* @ edit by exi/ 2 mjdj*/
body {color: #999; background: url('../img/bga.png') repeat-x #fff; font-family: Verdana; font-size: 11px; padding-top: 0px; margin-top: 0px;}

a {color: #f90; text-decoration: none}
a:hover {text-decoration: underline}

.collapsed {display: none;}
.expanded {display: block;}
.clear {clear: both;} 

input {font-size: 100%;}

fieldset {border: 1px solid #ddd; padding: 4px 5px 9px 5px;width:95%;margin-left:5px;}
legend {color: #fe9900; font-family: Trebuchet MS, Tahoma, Arial; font-size: 150%; font-weight: bold;}

h1 {font-size: 14px; color: #999; padding: 0px; margin: 0px;}
h2 {font-size: 13pt;}
span.proc {background:url(../img/proc.jpg) no-repeat;color:#649DB7;padding-left:27px;font-size: 13px;padding-top:4px;font-weight: bold;width:450px;height:24px;float:left}



input.submit {height: 22px; font-family: Verdana; border: 1px solid grey;}
button {font-family: Verdana; border: 1px solid grey;}
span.button {height: 20px; line-height: 20px; background: url('/img/order/button_ok.gif') right no-repeat; padding-right: 20px; margin: 1px;}

textarea {font-size: 100%; padding: 2px 4px 2px 4px;}
input.name, input.normal, select, textarea {font-family: Verdana; border: 1px solid #5996b2;}
input:hover, select:hover, button:hover, textarea:hover {border: 1px solid #f19305;}

.hidden {display: none}
.right {text-align: right; margin-right: 10px}

#top {width: 902px; height: 178px; background: url('../img/top.png') no-repeat; margin: 0 auto;}
#page {width: 902px; background: url('../img/bg.png') repeat-y; margin: 0 auto;}
#page_in {padding-left: 33px; padding-right: 33px;}

#obj {position: relative; left: 37px; top: 118px; background: url('../img/over.png'); width: 502px; height: 46px;}
#obj_in {padding: 16px 0 0 4px;}
#obj_in p {padding: 0px; margin: 0px;}
#obj_in form {padding: 0px; margin: 0px;}

#menu{background: white; width: 832px; height: 32px; text-align: left; margin-top: 1px;}
#menu ul {background: transparent; width:832px; height: 32px; margin: 0px; padding: 0px; list-style-type: none; text-align: left;}
#menu li {padding-left: 5px; float: left;}
#menu a {float:left; background:url(../img/btn.png); color: white; text-decoration: none; font-size: 11px; width: 113px; height: 32px; line-height: 32px; text-align:center; font-weight: bold;}
#menu a:hover, #menu a:active, #menu a:focus {background:url(../img/btn_h.png); text-decoration: none; color: white; display: block;}


#border {margin-top: 10px; clear: both; font-size: 10px;}
.borderl {background: url('../img/border_l.png'); margin-left: 2px; width: 169px; height: 121px; float: left;}
.borderc {background: url('../img/border_c.png'); width: 164px; height: 121px; float: left;}
.borderr {background: url('../img/border_r.png'); margin-right: 2px; width: 167px; height: 121px; float: left;}
#border ul {list-style-type: none; padding: 0px; margin: 2px 2px 10px 10px;}

.tarifname {float: left; height: 20px; color: #f90; font-size: 12px; font-weight: bold; padding-left: 12px; margin-top: 12px;}
.tarifprice {float: right; height: 20px; color: white; font-size: 10px; font-weight: bold; text-align: center; padding-right: 5px; margin-top: 12px;}

#main {width: 620px; min-height: 450px; clear: both; float: left;} 
#right {width: 210px; float: left; margin-top: 0px; padding-top: 10px;}
#tech a, #project a {color: #ccf;}

#novinky {margin-top: 10px;width: 208px; height: 116px; color: #fff; background: url('../img/novinky.png'); font-size: 13px;}
#novinky p {padding: 0 0 4px 0; margin: 0;}
#novinky_in {padding: 25px 5px 0 5px;}
#novinky a{color: #fff;font-size:11px;}
label.support_label {float: left; width: 60px; color: white; display: block;}

.panel2 {width: 198px; height: 101px; color: #fff; font-size: 13px;}
.panel2 a {color: #ccf;}

#tech {width: 208px; height: 115px; color: #fff; background: url('../img/tech.png'); font-size: 11px; margin-top: 10px;}
#tech_in {padding: 6px;}
.foto {border: 1px solid white; float: left; margin: 0px; margin-right: 5px; width: 70px; height: 90px}

#project {width: 208px; height: 116px; color: #fff; background: url('../img/project.png'); font-size: 11px; margin-top: 10px;}
#project p {padding: 22px 5px 5px 5px;}

input.btn {float: right; margin-top: 4px}

#bottom {clear: both; background: url('../img/bottom.png'); margin: 0 auto; width: 902px; height: 48px; background-repeat: no-repeat;}
#bottom a {color: #444; text-decoration: none}
#bottom_in {padding: 20px 40px 0 40px;}

#reg_form {color: black; padding: 0 2px 0 2px;}
#reg_form p {margin: 10px 0 10px 0;}


#patickaleft{float:left;background:transparent;width:435px;text-align:left;padding: 20px 40px 0 40px;}
#patickaright{float:left;background:transparent;width:300px;text-align:right;padding: 20px 40px 0 40px;}




span.span_domain {color: #999; background: url('/img/order/triangle.gif') no-repeat; padding-left: 18px; margin-right: 10px;}
span.row {background: url('/img/order/triangle.gif') no-repeat; padding-left: 18px;}
span.row_detail {color: #999; border-bottom: 1px dashed lightgrey; padding: 0 0 1px 18px;}
span.date {background: url('/img/order/date.gif') no-repeat; padding-left: 16px;}
span.grey {color: #999;}
span.type {height: 47px; line-height: 47px; color: #999; background: url('/img/order/info.gif') no-repeat; padding-left: 26px; margin-left: 10px; display: block;}

fieldset.error {border: 2px solid #cd0000; border-left: none; border-right: none; padding: 6px 7px 6px 7px; margin-bottom: 10px;}

p.error_title {height: 16px; line-height: 16px; background: url('/img/order/error.png') no-repeat; padding-left: 20px;}

input.name {width: 150px; padding-left: 4px;}

div.registration_left, div.services_left {float: left;}
div.radios_right, div.services_right {float: left; width: 21px; margin-right: 8px;}

div.registration_left p, div.radios_right p {height: 26px;}
div.services_left p, div.services_right p {height: 18px; line-height: 18px;}

input.service_radio, input.check_pack {margin-right: 12px;}

label.contact, label.other {float: left; width: 110px; color: #999; background: url('/img/order/triangle.gif') no-repeat; padding-left: 18px; display: block;}
label.other {width: 350px;}
label.pravidla {float: left; color: #999; background: url('/img/order/triangle.gif') no-repeat; padding-left: 18px; display: block;}

#complete {text-align: center; padding: 10px 5px 0 5px;}

/* obrázky k hostingům */
p.malina {background: url('/img/order/host_grey.gif') no-repeat; padding-left: 30px;}
p.merunka {background: url('/img/order/host_grey.gif') no-repeat; padding-left: 30px;}
p.jahoda {background: url('/img/order/host_red.gif') no-repeat; padding-left: 30px;}
p.jablko {background: url('/img/order/host_yellow.gif') no-repeat; padding-left: 30px;}
p.pomeranc {background: url('/img/order/host_green.gif') no-repeat; padding-left: 30px;}
p.meloun {background: url('/img/order/host_blue.gif') no-repeat; padding-left: 30px;}

#obrazek {padding: 4px;margin:16px; border: 1px; border-style: solid; border-color:#E1E2E1;}
.modra {background: #ECF5FB;}
.sediva {background: #F5F5F5;height:20px;padding:auto;}

.center{text-align:center;margin-left:auto;margin-right:auto;}
.border{border:0px;}