
/* base style */
html {
	height: 100%;
}


body {
	background-color: #133202;
	background-image: url(../img/bg_page.gif);
	background-repeat: repeat-x;
	margin: 0px;
	padding: 0px;
	text-align: center;
	font-family: "Trebuchet MS";
	font-size: 12px;
	height: 100%;
	color: #FFFFFF;
}

p {
	padding-left: 15px;
}

.comp_red {	
	text-align: center;
	font-weight: bold; 
	vertical-align: middle;
	float: right; 
	width: 8px; 
	background-color: red; 
	color: white; 
	margin-left: 4px;
} 

.comp_green {	
	text-align: center;
	font-weight: bold; 
	vertical-align: middle;
	float: right; 
	width: 8px; 
	background-color: green; 
	color: white; 
	margin-left: 4px;
} 

.comp_no {	
	text-align: center;
	font-weight: bold; 
	float: right; 
	width: 8px; 
	margin-left: 4px;
} 


h1 {
	font-size: 18px;
	font-weight: bold;
	color: #fec804;
}

h2 {
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
	margin-top: 0px;
	margin-bottom: 25px;
}

.center_box {

	height: 100%;
}

a {
	color: #FF7114;
	text-decoration: none;
}

a:hover {
	color: #FF7114;
	text-decoration: underline;
}


.main_box {
	width: 822px;
	background-image: url(../img/bg_content.gif);
	background-repeat: repeat-y;
	position: relative;
	text-align: left;
	height: 100%;
	background-color: #0E2D01;
}

.maple_box {
	background-image: url(../img/bg_maple.jpg);
	background-repeat: repeat-y;
	width: 860px;
	height: 300px;
	position: absolute;
	margin-left: 10px;
	z-index: 1;
}

.main_menu_left_box {
	background-image: url(../img/bg_main_menu_left.gif);
	background-repeat: no-repeat;
	width: 10px;
	height: 57px;
	position: absolute;
	margin-left: 25px;
	top: 31px;
	z-index: 11;
}

.main_menu_right_box {
	background-image: url(../img/bg_main_menu_right.gif);
	background-repeat: no-repeat;
	width: 10px;
	height: 57px;
	position: absolute;
	margin-left: 786px;
	top: 31px;
	z-index: 11;
}

.main_menu_box {
	background-image: url(../img/bg_main_menu.gif);
	background-repeat: repeat-x;
	width: 751px;
	height: 57px;
	position: absolute;
	margin-left: 35px;
	top: 31px;
	z-index: 11;
}

.main_menu_box .menu_item {
	font-size: 16px;
	padding-top: 17px;
	float: left;
	font-weight: bold;
	padding-left: 14px;
	padding-right: 14px;
}

.main_menu_box .menu_item a {
	color: #000000;
	text-decoration: none;
}

.main_menu_box .menu_item a:hover {
	color: #FF3000;
	text-decoration: none;
}

.main_menu_box .menu_separator {
	float: left;
	width: 2px;
	height: 57px;
	background-color: #DADAD9;
}

.webmail_link {
	position: absolute;
	top: 7px;
	font-size: 12px;
	z-index: 11;
	margin-left: 330px;
	font-weight: bold;
}

.webmail_link a {
	color: #FFFFFF;
}

.admin_link {
	position: absolute;
	top: 7px;
	font-size: 12px;
	z-index: 11;
	margin-left: 410px;
	font-weight: bold;
}

.admin_link a {
	color: #000000;
}

.search_form_input {
	background-image: url(../img/bg_search_form_input.gif);
	background-repeat: repeat-y;
	width: 127px;
	height: 17px;
	position: absolute;
	margin-left: 500px;
	top: 4px;
	z-index: 11;
	border: 1px solid #BFBFBF;
}

.search_form_button {
	background-image: url(../img/bg_search_form_button.gif);
	background-repeat: no-repeat;
	width: 60px;
	height: 20px;
	position: absolute;
	margin-left: 635px;
	top: 4px;
	z-index: 11;
	text-align: center;
	padding-top: 1px;
	color: #FFFFFF;
	font-weight: bold;
	cursor: pointer;
	border: 0px;
}

.numb_host_domains_box {
	background-image: url(../img/bg_numb_host_domains.gif);
	background-repeat: no-repeat;
	width: 215px;
	height: 54px;
	position: absolute;
	margin-left: 25px;
	top: 104px;
	z-index: 11;
	color: #FFFFFF;
	padding: 8px;
}

.numb_host_domains_box .numb_dom {
	margin-left: 10px;
	margin-right: 10px;
}

.min_15 {
	position: absolute;
	margin-left: 575px;
	top: 104px;
	z-index: 11;
}

.logo_box {

	position: absolute;
	margin-left: 46px;
	top: 178px;
	z-index: 11;
}

.banner_limetka {
	background-image: url(../img/banner_limetka.gif);
	background-repeat: no-repeat;
	width: 235px;
	height: 140px;
	position: absolute;
	margin-left: 0px;
	top: 308px;
	z-index: 12;
	cursor: pointer;
}

.banner_citron {
	background-image: url(../img/banner_citron.gif);
	background-repeat: no-repeat;
	width: 235px;
	height: 140px;
	position: absolute;
	margin-left: 260px;
	top: 308px;
	z-index: 12;
	cursor: pointer;
}

.banner_pomeranc {
	background-image: url(../img/banner_pomeranc.gif);
	background-repeat: no-repeat;
	width: 235px;
	height: 140px;
	position: absolute;
	margin-left: 520px;
	top: 308px;
	z-index: 12;
	cursor: pointer;
}

.content_box {
	z-index: 100;
	background-image: url(../img/bg_content.gif);
	background-repeat: repeat-y;
	background-color: #0E2D01;
	padding-left: 10px;
}

.content_inner_box {
	width: 752px;
	background-image: url(../img/bg_maple_content.jpg);
	background-repeat: no-repeat;
	background-color: #0E2D01;
	padding-left: 20px;
	padding-right: 20px;
}

.vernostni_nabidka_box {
	background-image: url(../img/bg_vernostni_nabidka.gif);
	background-repeat: no-repeat;
	width: 230px;
	height: 250px;
	position: absolute;
	margin-left: 0px;
	top: 470px;
	z-index: 11;
	color: #FFFFFF;
	cursor: pointer;
}

.vernostni_nabidka_box h4 {
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 10px;
	font-size: 16px;
	font-weight: bold;
	color: #650000;
	text-align: center;
}

.vernostni_nabidka_box .version {
	font-size: 16px;
	color: #650000;
	font-weight: bold;	
}

.vernostni_nabidka_box .desc {
	font-size: 12px;
	color: #000000;
	margin-left: 15px;
}

.vernostni_nabidka_box .vn_content {
	margin: 10px;
}

.akce_box {
	background-image: url(../img/bg_akce.gif);
	background-repeat: no-repeat;
	width: 499px;
	height: 86px;
	position: absolute;
	margin-left: 260px;
	top: 470px;
	z-index: 11;
	color: #FFFFFF;
	cursor: pointer;
}

.akce_box h4 {
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 10px;
	margin-left: 50px;
	font-size: 16px;
	font-weight: bold;
	color: #000000;
	text-align: left;
}

.akce_box .high {
	color: #650000;
}

.akce_box .note {
	margin-top: 5px;
	margin-left: 20px;
	font-size: 11px;
	color: #C9C9C9;
}

.more_info {
	position: absolute;
	bottom: 10px;
	right: 10px;
}

.more_info a {
	color: #FFFFFF;
	text-decoration: none;
}

.more_info a:hover {
	color: #DCDCDC;
	text-decoration: underline;
}


.banner_mojito {
	background-image: url(../img/banner_mojito.gif);
	background-repeat: no-repeat;
	width: 254px;
	height: 152px;
	position: absolute;
	margin-left: 260px;
	top: 520px;
	z-index: 11;
	cursor: pointer;
}

.counter_box {
	background-image: url(../img/bg_counter.gif);
	background-repeat: no-repeat;
	width: 219px;
	height: 250px;
	position: absolute;
	margin-left: 540px;
	top: 472px;
	z-index: 11;
	color: #FFFFFF;
	padding-left: 10px;
}

.counter_box h4 {
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 10px;
	margin-left: 10px;
	font-size: 16px;
	font-weight: bold;
	color: #FFEA00;
	text-align: left;
}

.counter_box input, .counter_box select {
	background-image: url(../img/bg_counter_input.gif);
	background-repeat: repeat-x;
	width: 100px;
	border: 1px solid #393939;
}
.counter_box input, .counter_box select {
	width: 110px;
	border: 0px solid #393939;
}

.counter_box th {
	text-align: right;
}


.bottom_box {
	width: 792px;
	background-image: url(../img/bg_content.gif);
	background-repeat: repeat-y;
	background-color: #0E2D01;
	padding-left: 30px;
	padding-top: 20px;
}

.bottom_inner_box {
	color: #ACACAC;
	margin-left: 10px;
	padding-left: 20px;
	background-image: url(../img/bg_bottom.gif);
	background-repeat: no-repeat;
	width: 726px;
	height: 111px;
	font-size: 11px;
}

.bottom_box a {
	color: #ACACAC;
	margin-left: 8px;
	margin-right: 8px;
	text-decoration: none;
}

.bottom_box a:hover {
	text-decoration: underline;
}

.bottom_box .copy a {
	color: #FF4E00;
	margin-left: 0px;
}

.bottom_box .copy a:hover {
	color: #FF4E00;
}
.bottom_box .link-box {
  padding: 5px;
  padding-top: 10px;
  text-align: center;
}

.text_box {
	position: absolute;
	top: 500px;
	margin-left: 10px;
	width: 749px;
}

.zrusit_button {
	float: right;
	background-image: url(../img/bg_zrusit_button.gif);
	background-repeat: no-repeat;
	width: 64px;
	height: 20px;
	font-size: 11px;
	color: #000000;
	text-align: center;
	padding-top: 2px;
	cursor: pointer;
}

.back_button {
	float: right;
	background-image: url(../img/bg_zrusit_button.gif);
	background-repeat: no-repeat;
	width: 64px;
	height: 20px;
	font-size: 11px;
	color: #000000;
	text-align: center;
	padding-top: 2px;
	cursor: pointer;
	border: 0px;
}

.spocitat_button {
	background-image: url(../img/bg_spocitat_button.gif);
	background-repeat: no-repeat;
	width: 82px;
	height: 30px;
	font-size: 12px;
	color: #000000;
	text-align: center;
	padding-top: 6px;
	font-weight: bold;
	cursor: pointer;
}

.tbl_tariffs th {
	text-align: right;
}

.tbl_tariffs .head th {
	text-align: center;
}

.tbl_tariffs td {
	text-align: center;
}

.tbl_tariffs .citron {
	background-color: #F5D900;
	color: #000000;
}
.tbl_tariffs .citron_head {
	background-color: #CFB806;
	background-image: url(../img/bg_tbl_citron.gif);
	background-repeat: no-repeat;
	width: 135px;
	cursor: pointer;
}

.tbl_tariffs .limetka {
	background-color: #4C9600;
}

.tbl_tariffs .limetka_head {
	background-color: #356900;	
	background-image: url(../img/bg_tbl_limetka.gif);
	background-repeat: no-repeat;
	width: 135px;
	cursor: pointer;
}

.tbl_tariffs .pomeranc {
	background-color: #FF7114;
}

.tbl_tariffs .pomeranc_head {
	background-color: #CF6621;
	background-image: url(../img/bg_tbl_pomeranc.gif);
	background-repeat: no-repeat;
	width: 135px;
	cursor: pointer;
}

.tbl_tariffs .mojito {
	background-color: #396174;
}

.tbl_tariffs .mojito_head {
	background-color: #164257;
	background-image: url(../img/bg_tbl_mojito.gif);
	background-repeat: no-repeat;
	width: 135px;
	cursor: pointer;
}


.tbl tbody th {
	text-align: right;
	padding-right: 10px;
	background-color: #ff7114;
}
.tbl tbody tr.center th {
	text-align: center;
}

.tbl tbody td {
	font-size: 11px;
	text-align: center;
	background-color: #205f06;
}

.tbl .content {
	background-color: #133202;
}

.tbl .sluzba {
	background-image: url(../img/bg_tbl_techinfo.gif);
	background-repeat: no-repeat;
	width: 180px;
	text-align: center;
	padding-right: 0px;
}

.tbl .nastaveni {
	background-image: url(../img/bg_tbl_techinfo.gif);
	background-repeat: no-repeat;
	width: 180px;
	text-align: center;
	padding-right: 0px;
}

.tbl .adresa {	
	background-image: url(../img/bg_tbl_techinfo.gif);
	background-repeat: no-repeat;
	text-align: center;
	width: 180px;
	padding-right: 0px;
}

.tbl .napoveda {
	background-image: url(../img/bg_tbl_techinfo.gif);
	background-repeat: no-repeat;
	width: 180px;
	text-align: center;
	padding-right: 0px;
}

.submit_button {
	background-image: url(../img/bg_button.gif);
	background-repeat: no-repeat;
	width: 175px;
	height: 27px;
	cursor: pointer;
	text-align: center;
	font-weight: bold;
	color: #154202;
	font-size: 14px;
	padding-top: 4px;
}



/* formulare */



form fieldset {
	padding: 5px;
	margin-bottom: 10px;
}

form legend {
	font-weight: bold;
	font-size: 13px;
}

form .label {
	margin-top: 1px;
	margin-right: 5px;
	padding-right: 3px;
	padding-top: 2px;
	padding-bottom: 2px;
	width: 150px;
	text-align: right;
	float: left;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
}



form .right_part {
	margin-left: 160px;
}

input, textarea {
	border: 1px solid #69A601;
	font-size: 11px; 
	font-family: Arial;
	padding-left: 2px;
}

input.text, select {
	width: 160px;
}

input.text_long {
	width: 300px;
}

input.text_number {
	width: 50px;
}

input.text_date {
	width: 60px;
}

.butt {
	width: 180px;
	background-image: none;
	background-color: #800C0C;
	color: #FFFFFF;
	font-weight: bold;
}

input.check {
	border: 0px;
	margin: 0px;
	padding: 0px;
	background-image: none;
}

select.sel_short {
	width: 163px;
	font-size: 11px;
}

select.sel_middle {
	width: 300px;
}


form {
	margin: 0px;
	padding: 0px;
}

textarea {
	width: 300px;
}

.warning {
	font-size: 11px;
	color: #FF0000;
	font-weight: bold;
	white-space: nowrap;
}

.req {
	color: #FF0000;
}

.clear {
	clear: both;
}

.note_box {
	border: 1px solid #92E200;
	padding: 10px;
	padding-left: 25px;
	background-color: #205F06;
	background-image: url(../img/bg_note.gif);
	background-repeat: no-repeat;
	margin-bottom: 15px;
}

.note_box_with_title {
	position: relative;
	border: 1px solid #92E200;
	padding: 10px;
	background-color: #205F06;
	background-image: url(../img/bg_note_box.gif);
	background-repeat: no-repeat;
	margin-bottom: 15px;
}

.note_box_with_title h2 {
	color: #FF7114;
}

.right_menu_box {
	background-image: url(../img/bg_counter.gif);
	background-repeat: no-repeat;
	width: 219px;
	height: 300px;
	float: right; 
	padding-left: 10px;
	padding-top: 10px;
}


ul {
	margin-left: 20px;
}

.form_note {
	font-size: 11px;
}

.info_box {
	position: absolute;
	font-size: 11px;
	margin-left: 360px;
	top: 0px;
	width: 300px;
	border: 1px solid #92E200;
	padding: 10px;
	visibility: hidden;
	color: #000000;
	background-color: #f2c000;
	filter: alpha(opacity=90); 
	-moz-opacity: 0.9;
	z-index: 13;
}

.info_ico {
	vertical-align: middle; 
	cursor: help;
}

.butt_submit {
	border: none;
}

.nevyplneno {
	color: #c4c4c4;
	font-style: italic;
}

.quad_ico {
	position: absolute;
	top: 50px;
	margin-left: 200px;
}

.img {
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
	border: 2px solid #FF7114;
}

.result_free {
	color: #fec804;
}

.result_registered {
	color: #ff7112;
}

.hand {
	cursor: pointer;
}

#contact_mojito{
	position:absolute;
	right: 40px;
	width: 330px;
}

.bottom_inner_box .right{
	float: right;
	padding-right: 20px;
}





