@font-face {
	font-family: opensans;
	src: url('fonts/OpenSans-Light.ttf');
}

@font-face {
	font-family: opensans;
	font-weight: normal;
	src: url('fonts/OpenSans-Regular.ttf');
}
@font-face {
	font-family: opensans;
	font-weight: bold;
	src: url('fonts/OpenSans-Semibold.ttf');
}



h1 {
	display: none;
}

h2, h3, p {
	margin: 0px;
	padding: 0px;
}

a {
	color: #990000;
	text-decoration: underline;
}

a:hover {
	color: #FF0000;
}

body {
	margin: 0px;
	padding: 0px;
	font-family: opensans, sans-serif;
	font-size: 14px;
	text-align: center;
	background-image: url(template/body-bg.png);
	background-repeat: repeat;
	background-position: 250px;
}

.obal {
	margin: auto;
	position: relative;
	width: 100%;
	background-position: center;
	
}
#body {
	background-image: url(template/body-bg-2.png);
	background-repeat: repeat-x;
	height: 250px;
	position: absolute;
	top: 0px;
}

#top {
	background-image: url(template/top-bg.png);
	background-repeat: no-repeat;
	height: 250px;
	top: 0px;
	position: absolute;
	z-index: 10;
}


#main {
	background-repeat: repeat-y;
	z-index: 20;
	position: relative;
	background-position: 50% 250px;	
}

#content {
	background-color: #FFFFFF;
	background-image: url(template/content-bg.png);
	background-repeat: no-repeat;
	position: relative;
	width: 1100px;
	margin: auto;
	-moz-box-shadow: 0 65px 50px 50px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0 65px 50px 50px rgba(0,0,0,0.3);
	box-shadow: 0 65px 50px 50px rgba(0,0,0,0.3)
}


#header {
	background-image: url(template/header-bg.png);
	background-repeat: no-repeat;
	position: relative;
	height: 250px;
	width: 1100px;
	z-index: 2;
	margin: auto;
	text-align: left;
	top: 0px;
	right: 0px;
}
#header a {
	float: right;
	margin-top: 15px;
	margin-right: 20px;
	margin-bottom: 5px;
}

#banner img {
	top: 2px;
	position: relative;
	float: left;
}

#mainmenu {
	float: right;
	position: relative;
	width: 870px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-top-color: #990033;
	right: 0px;
	margin: 0px 5px 0px 0px;
	padding: 0px;
}

#poutak {
	border-top-width: 1px;
	border-top-color: #990033;
	float: right;
	height: 132px;
	text-align: center;
	width: 860px;
	vertical-align: middle;
	color: #FFFFFF;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	border-top-style: solid;
}
#poutak h2{
	font-size: 36px;
	font-weight: bold;
	margin-top: 20px;
}
#poutak p{
	font-size: 18px;
}



#mainmenu a {
	font-size: 15px;
	color: #FFFFFF;
	text-decoration: none;
	position: relative;
	margin: 0px;
	float: right;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #993300;
	background-color: #E10000;
	padding-right: 20px;
	padding-left: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	background-image: url(template/menu-bg.png);
	background-repeat: repeat-x;
	text-shadow: 2px 1px 3px #000;
	background-position: bottom;
}
#mainmenu a:hover {
	position: relative;
	background-image: url(template/menu-bg-reverse.png);
	background-repeat: repeat-x;
	background-position: top;
}



.container {
	text-align: left;
	position: relative;
}

#left {
	float: left;
	width: 250px;
	left: 20px;
	padding-top: 57px;
	margin-right: 50px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}


#center {
	float: left;
	width: 505px;
	padding-top: 50px;
}

#center p{
	position: relative;
	top: -5px;
}

#center img {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

#center h2 {
	margin-bottom: 26px;
	font-size: 30px;
	font-weight: bold;
	color: #4d4d4d;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	padding-bottom: 5px;
}

#center h3{
	margin-left: 0px;
	padding-left: 0px;
	margin-top: 30px;
	clear: both;
}

.envelopeGrey {
	background-color: #F7F7F7;
	border: 1px solid #CCCCCC;
	height: 120px;
	margin-bottom: 10px;
}
.envelopeGrey a {
	font-size: 16px;
	clear: none;
	float: left;
	display: inline;
	vertical-align: top;
}

.envelopeGrey h3 {
	clear: none;
	float: left;
}


.cena {
	font-weight: bold;
	margin-top: 5px;
}


#left h3 {
	font-weight: normal;
	font-size: 18px;
	padding: 10px 5px 5px 0px;
	color: #FFFFFF;
	text-shadow: 2px 2px 2px #000;
}
#left a, p {
	margin-top: 10px;
	margin-bottom: 10px;
}

#left a:hover {
	color: #FF0000;
}

.kontakty {
	border-radius:5px;
	margin-bottom: 10px;
	padding: 0px 10px 10px;
	background-image: url(template/left-h3-bg.png);
	background-repeat: no-repeat;
	color: #FFFFFF;
	background-color: #2e2e2e;
}
.kontakty img {
	padding: 3px;
	border: 1px solid #999999;
	background-color: #FFFFFF;
	color: #CCCCCC;
}


.kontakty a {
	color: #FFFFFF;
}

#right {
	float: left;
	width: 230px;
	padding-top: 50px;
	left: 20px;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #CCCCCC;
	padding-left: 20px;
}
#right img {
	margin-bottom: 5px;
}
#right h2, h3 {
	font-size: 14px;
	margin-bottom: 10px;
	padding-left: 10px;
}

#right p {
	margin-bottom: 10px;
}

#right ol {
	margin-left: 15px;
	padding-left: 0px;
}

#right li {
	margin-bottom: 10px;
	margin-left: 0px;
	padding-left: 0px;
}

.rightimgfloat {
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
}

.clear {
	clear: both;
	padding-top: 0px;
	padding-bottom: 20px;
	height: 0px;
	width: 1100px;
}


#banner {
	margin: 0px 0px 10px;
	padding: 0px;
	position: relative;
}

#banner p{
	margin: 0px;
	padding: 0px;
}
#banner a {
	color: #333333;
}
#banner a:hover {
	color: #FF0000;
}
#banner a img {
	border: 1px solid #CCCCCC;
	margin: 0px;
	padding: 0px;
	float: none;
}

#banner a:hover img {
	border: 1px solid #999999;
	opacity:0.9;
	filter:alpha(opacity=90);
}


.bannertextRP {
	position: absolute;
	top: 85px;
	left: 315px;
	z-index: 9;
}
.bannertextRP2 {
	position: absolute;
	top: 55px;
	left: 10px;
	z-index: 10;
}

.bannertextPOZ {
	position: absolute;
	top: 100px;
	left: 215px;
	right: 10px;
	z-index: 9;
}

#windowLogin {
	background: rgba(100,100,0,0.3);
	padding-top:5px;
	padding-left:15px;
	padding-right:15px;
	border-radius:5px;
	position: relative;
	left: 300px;
	top: 19px;
	float: left;
	color: #CCCCCC;
	font-weight: normal;

}
#windowLogin h2 {
	font-weight: normal;
	font-size: 14px;
}

.windowRed, .windowGrey {	
	margin-bottom: 20px;
	position: relative;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	color: #333333;
}


.windowRed h2 {
	border-radius:5px;
	height: 30px;
	width: 230px;
	padding-top: 5px;
	color: #FFFFFF;
	position: relative;
	background-image: url(template/right-red-bg.png);
	background-repeat: no-repeat;
	left: -10px;
}

.windowRed h3 {
	border-radius:5px;
	margin-top: 20px;
	left: -10px;
	position: relative;
	margin-bottom: 5px;
}


.windowGrey h2 {
	border-radius:5px;
	height: 30px;
	width: 230px;
	padding-top: 5px;
	color: #990000;
	position: relative;
	background-image: url(template/right-grey-bg.png);
	background-repeat: no-repeat;
	left: -10px;
}


.cenik td {
	padding: 5px;
}

.trDark {
	background-color: #E6A6A6;
}

.trLight {
	background-color: #E8E8E8;
}

#paticka {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	color: #FFFFFF;
	background-color: #333333;
	height: 100%;
	position: relative;
	top: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
}
#paticka a {
	color: #CCCCCC;
	padding-right: 5px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
}
#paticka a:hover {
	color: #FF0000;
}


#left ul {
	margin: 0px;
	padding: 0px;
}

#left ul a {
	text-decoration: none;
}

#left ul a li {
	box-shadow: 2px 2px 5px #000000;
}

#left ul a:hover li {
	background-color: #555555;
	background-image: url(template/menu-bg.png);
	background-repeat: repeat-x;
	background-position: bottom;
	box-shadow: none;
}

.menu_pobocka, .menu_pobocka_active {
	border-radius:5px;
	width:240px;
	padding:5px;
	margin-bottom:10px;
	background-color: #C0252D;
	background-image: url(template/menu-bg.png);
	background-repeat: repeat-x;
	background-position: bottom;
	list-style-type: none;
}

.menu_pobocka {
	background-color: #C0252D;
	z-index: 10;	
}

.menu_pobocka_active {
	padding-bottom:10px;
	background-color: #555555;
}

.menu_pobocka h2, .menu_pobocka_active h2 {
	font-weight: normal;
	color: #FFFFFF;
	padding-left: 5px;
}
.menu_pobocka h2 strong, .menu_pobocka_active h2 strong {
	font-size: 30px; strong
	font-weight: bold;
	display: block;
}

.sipka-active {
	width:250px;
	background-color: #555555;
	height: 20px;
	position: relative;
	top: -10px;
	background-image: url(template/menu-bg-reverse.png);
	background-repeat: repeat-x;
	border-radius:5px;
	z-index: 9;
}


/*Klientska zona*/

.statusRed {
	color: #FFFFFF;
	background-color: #CC0000;
	text-align: center;
}
.statusGreen {
	color: #FFFFFF;
	background: #006633;
	text-align: center;
}
.statusGrey {
	color: #FFFFFF;
	background-color: #999999;
	text-align: center;
}

.box1, .boxGreen, .boxRed {
	border-radius: 5px;
	padding:5px;
	margin-bottom:5px;
	margin-top:5px;
	border: 1px solid #CCCCCC;
}
.box1 {	background: rgba(200,50,50,0.15);}
.boxGreen {	background: rgba(0,200,0,0.4);}
.boxRed {	background: rgba(200,50,50,0.6);}


.box1 h4, .boxGreen h4, .boxRed h4 {
	margin-top: 5px;
	margin-bottom: 5px;
}

.blackbutton {

	font-size: 14px;
	color: #f7f7f7;
	padding: 2px 10px;
	margin-left:5px;
	margin-right:5px;
	margin-top:0px;
	margin-bottom:0px;
	background: -moz-linear-gradient(
		top,
		#9f9f9f 0%,
		#000000);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#9f9f9f),
		to(#000000));
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: none;
	-moz-box-shadow:
		1px 1px 3px rgba(000,000,000,0.2),
		inset 0px 0px 5px rgba(161,142,016,0);
	-webkit-box-shadow:
		1px 1px 3px rgba(000,000,000,0.2),
		inset 0px 0px 5px rgba(161,142,016,0);
	text-shadow:
		0px -1px 3px rgba(255,255,255,0),
		0px 1px 0px rgba(0,0,0,1);
}

.lightGreen {
	background-color: #DDFFDD;
}
.orange {
	background-color: #FFF2C1;
}
.grey{
	background-color: #CCCCCC;
}