﻿body
{
font-family: Verdana;
background: url('./pozadi.png') repeat-x top center #253f50;
}

div.DIV1 {margin: auto; margin-top: 10px; width: 880px;}
div.DIVlogo {background: url('./logo.png') center no-repeat; width: 880px; height: 117px;}
div.DIVmenu {margin-top: 10px; margin-bottom: -1px; width: 880px; height: 40px; position: relative;}

div.DIVteloA {background: url('./telo_top.png') center top; width: 880px; height: 10px;} 
div.DIVteloAbrana {background: url('./telo_top.png') center top; width: 880px; height: 10px; margin-top: 50px;}
div.DIVteloB {background-color: #FFFFFF; width: 880px; position: relative;}
div.DIVteloC {background: url('./telo_bottom.png') center top; width: 880px; height: 10px;}

div.DIVteloB1 {width: 648px; border-right: 2px solid #175e7d; float: left; margin-left: 9px; padding-right: 15px;}
div.DIVteloB2 {width: 181px; border: 0px; float: right; margin-right: 10px;}

div.DIVteloB1A {background: url('./seda_top.png') center top; width: 648px; height: 10px;}
div.DIVteloB1B {background-color: #ECEAEA; width: 648px; position: relative;}
div.DIVteloB1C {background: url('./seda_bottom.png') center top; width: 648px; height: 10px; margin-bottom: 10px;}

div.DIVteloB2A {background: url('./vpravo_top.png') center top; width: 181px; height: 10px;}
div.DIVteloB2B {background-color: #ECEAEA; width: 181px; position: relative;}
div.DIVteloB2C {background: url('./vpravo_bottom.png') center top; width: 181px; height: 10px;}

div.paticka {background-color: #201F20; width: 100%; margin: 50px 0px 0px 0px; min-height: 200px; color: #FFFFFF; position: static; bottom: 0px; left: 0px;}

div.cleaner {clear: both;}


/* Menu */
div.polozka
{
float: right;
margin-left: 1px;
background: url('./zalozka.png') center top; 
font-size: 20px; 
padding: 10px 0px 10px 0px;
text-align: center; 
color: #175e7d; 
min-width: 140px; max-width: 140px; 
min-height: 40px; max-height: 40px; 
}

div.polozka a, a:link, a:active, a:visited
{
font-size: 20px;
color: #175e7d;
text-decoration: none;
}

div.polozka a:hover
{
text-decoration: underline;
}

/* /Menu */

strong {
font-weight: bold;
}

.vlevo {float: left;}
.vpravo {float: right;}

div.DIVteloB2B H3
{
text-align: center;
font-size: 14px;
color: #175e7d;
font-weight: bold;
}

div.DIVteloB2B HR
{
color: #175e7d;
width: 171px;
border: 0px;
border-bottom: 1px solid #175e7d; 
}

div.DIVteloB2B p, a, a:link, a:active, a:visited
{
text-align: center;
font-size: 14px;
color: #175e7d;
text-decoration: none;
}

div.DIVteloB2B a:hover
{
text-decoration: underline;
}

div.tlacitko
{
padding-top: 20px;
background: url('./tlacitko.png')center no-repeat;
width: 140px;
height: 40px;
text-align: center;
margin: -10px 10px -10px 10px;
}

div.tlacitko a
{
color: #ECEAEA;
font-size: 17px;
padding: 0px 0px 0px 0px;
}

div.tlacitko a:hover
{
color: #FFFFFF;
}

div.DIVteloB1B1
{
float: left;
color: #175e7d;
text-align: center;
min-height: 160px;
max-width: 100px; min-width: 100px;
font-size: 16px;
border-right: 1px solid #175e7d;
}

div.DIVteloB1B1 HR
{
border: 0px;
}

div.DIVteloB2B IMG
{
border: 1px dashed;
max-width: 88px;
max-height: 31px;
min-width: 88px;
min-height: 31px;
}

span.pozice
{
font-size: 72px;
}

span.pozicelow
{
font-size: 52px;
}

.tucne
{
font-weight: bold;
}

.online {color: #01BF5F;}
.offline {color: #D4003C;}
.ts {font-size: 140px; color: white; margin: 30px 30px 30px 30px;}

div.DIVteloB1B2
{
float: left;
width: 540px;
margin-left: 6px;
}

.banner {border: 0px; text-align: center;}
IMG.bannerimg {max-height: 60xp; max-width: 458px; border: 0px;}
DIV.jmenoserver{color: #175e7d; font-size: 30px; margin-top: 2px; max-width: 531px; min-width: 531px; overflow: hidden;}
DIV.popis{max-height: 50px; min-height: 50px; overflow: hidden; max-width: 531px; min-width: 531px}
.popis p {font-size: 12px; text-align: justify;}
DIV.ostatni {margin-top: 3px;}

















/* formular */

input, textarea { 
	padding: 9px;
	border: solid 1px #E5E5E5;
	outline: 0;
	font: normal 13px/100% Verdana, Tahoma, sans-serif;
	width: 200px;
	background: #FFFFFF url('bg_form.png') left top repeat-x;
	background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF));
	background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px);
	box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	}

textarea { 
	width: 400px;
	max-width: 400px;
	height: 150px;
	line-height: 150%;
	}

input:hover, textarea:hover,
input:focus, textarea:focus { 
	border-color: #C9C9C9; 
	-webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 8px;
	}

.form label { 
	margin-left: 10px; 
	color: #999999; 
	}

.submit input {
	width: auto;
	padding: 9px 15px;
	/*background: #617798;*/
		background: #253f50;
	border: 0;
	font-size: 14px;
	color: #FFFFFF;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	}
	
.naha
{
text-align: left;
font-size: 22px;
color: #175e7d;

}

.nadpisovka
{
color: #175e7d;
float: left;
width: 350px;
border: 0px;
border-bottom: 1px solid #175e7d; 
}

.stred{text-align: center;}

.error
{
color: #253f50;
font-weight: bold;
}

.reklama
{
text-align: left;
font-size: 14px;
margin-top: -10px;
}

.facebook
{
position: absolute;
left: 0px;
top: 0px;
border: 0px;
}

.new
{
position: fixed;
right: 0px;
top: 0px;
border: 0px;
}

.tbl {padding: 5px 15px 0px 15px; text-align: center;}

.right {text-align: right;}

.okraje {padding: 10px;}

.bordert{border: 0.5px solid #175e7d;}


.dulezite {
width: 630px;
margin: auto;
border: 3px dashed #A70111;
height: 80px;
color: #000000;
z-index: 500;
background-color: #FFFFFF;
overflow: auto;
margin-top: 10px;
margin-bottom: 10px;
}

.vyherce {
width: 630px;
margin: auto;
border: 3px dashed #175e7d;
height: 80px;
color: #000000;
z-index: 500;
background-color: #FFFFFF;
overflow: auto;
margin-top: 10px;
margin-bottom: 10px;
}

.reklamma {
width: 630px;
margin: auto;
border: 3px dashed #175e7d;
height: 220px;
color: #000000;
z-index: 500;
background-color: #FFFFFF;
overflow: auto;
margin-top: 10px;
margin-bottom: 10px;
}

.nadpis
{
color: #A70111;
font-family: Verdana;
font-size: 18px;
margin: 10px 0px 0px 10px;
}

.pecko
{
font-family: Verdana;
font-size: 13px;
margin: 10px 0px 0px 10px;
}

.pecko a, .pecko a:link, .pecko a:visited
{
text-decoration: none;
color: #A70111;
}

.pecko a:hover 
{
text-decoration: underline;
font-weight: bold;
}


.presmerovani1 {font-size: 28px; color: #ffffff; text-align: center;}
.presmerovani2 {font-size: 18px; color: #ffffff; text-align: center;}
DIV.presmerovani a, .presmerovani a:link, .presmerovani a:visited, .presmerovani: a:hover
{
color: #ffffff;
}


.pecko2 a, .pecko a:link, .pecko a:visited
{
text-decoration: none;
color: #A70111;
text-align: center;
font-size: 25px;
}

.pecko2 a:hover 
{
text-decoration: underline;
font-weight: bold;
font-size: 25px;
}
