/* CSS reset & init */

* { text-decoration: none;font-size: 1em; outline: none;padding: 0; margin: 0;}
th, b, h1, h2, h3, h4, h5, h6 {}
h1, h2, h3, h4, h5, h6 {color:#373737; margin-top:5px; }
a, img, a img, iframe, form, fieldset, abbr, acronym, object, applet, table {border: none;}
table {border-collapse: collapse; border-spacing: 0;}
caption, th, td, center {
	vertical-align: top;
	text-align: center;
}
q {quotes: "" "";}
a img {border: none;}
sub, sup {vertical-align: baseline;}
ol, dir, menu {margin:0; padding: 0; list-style: none;list-style: none; }
li {margin-top: 7px; margin-left:1em;}
.blind {display: none;}
.l {float: left;}
.r {float: right;}
.clear {clear: both;}
.invisible {display: none;}
hr {	display: none;	}
.bigger {font-size: 1.2em;}
.smaller {font-size: 0.9em;}
.grey {color:#8d8888 !important;}
.red {color: #f00 !important;}


/* Main Style */

body {font-family: Calibri, Tahoma, Arial, Helvetica, sans-serif; font-size: 1em; margin:0; padding:0; text-align: center; color:#373737; height: 100%; background:#ececec;}
header {background: url('../images/headerBg.jpg') repeat-x center top; width: 100%;height: 51px; display: block;}
header .fixWidth {background: url('../images/lineBg.jpg') no-repeat center bottom;Width: 960px; margin: 0 auto; position: relative; height: 51px;}
header .fixWidth > a p {background: url('../images/logoBg.jpg') no-repeat left top; display: block; line-height: 48px; width: 250px; height: 50px; color:#d9d9d9; font-size: 1.8em; padding-left: 10px; font-weight:normal;} 
header .fixWidth > a p span {color:#afafaf;} 
header .fixWidth > a:hover p, header .fixWidth > a:focus p, header .fixWidth > a:hover p span, header .fixWidth > a:focus p span {color:#fff !important;}

nav {display: block;}
nav li {margin-top: 0px; margin-left:0px;}
nav ul {font-size: 1em;  margin: 0px; padding: 0px; position: absolute; right: 20px; top: 15px;}
nav ul li {display: inline-block; padding: 0px 8px; position: relative;}
nav a, nav a:visited {color:#fff; text-decoration: none; font-size: 1.1em; display: inline-block; padding: 0px 5px 13px; }
nav a:hover { color:#fff;  color:#d2792c; }    
nav a:hover:first-letter {}                          
nav a.active {color:#fff; border-bottom: 1px solid #fff; }
nav ul li ul {text-align:left; width: 180px; z-index: 10;background: #823d01; position: absolute; top: 35px; left: 0px;}
ul.submenu {display: none;}
nav ul li ul.submenu li {display:block; border-bottom: 1px solid #8f511b;}
nav ul li ul.submenu li:hover { border-bottom: 1px solid #fff;}
nav ul li ul li a, nav ul li ul li a:visited { font-size: 1em; display:block;width: 200px; border:none; padding: 2px 0px; }
nav ul li ul li a:hover {color:#fff;}


#kolage {margin: 0 auto;background: url('../images/topBg.png') repeat-x center top; height: 249px; display: block; z-index:1px;}
#kolage .fixWidth {background: url('../images/kolageBg.jpg') no-repeat center top;width: 960px; margin: 0 auto; position: relative; height: 249px;}
#flags {position: absolute; right:4px;}
#flags a {display: block; width: 46px; height: 30px; display: inline;}
#flags a.en {background: url('../images/flags.png') no-repeat 0px -120px;display: block; width: 46px; height: 40px; }
#flags a.cs {background: url('../images/flags.png') no-repeat 0px -40px;display: block; width: 46px; height: 40px; position: absolute; top: 0px; right: 46px; }
#flags a.en:hover {background: url('../images/flags.png') no-repeat 0px -80px;display: block; width: 46px; height: 40px;}
#flags a.cs:hover {background: url('../images/flags.png') no-repeat 0px 0px;display: block; width: 46px; height: 40px;  position: absolute; top: 0px; right: 46px;}

#kolage #fadeImages {display: block;width: 430px; height: 249px;background:url('../images/fadeImageBg.png') no-repeat center top; position: absolute; top:0px; left: 0px;}
#fadeImages #Images {display: block;width: 360px; height: 210px;position: absolute; top: 19px; left: 41px;}  
#kolage #action {display: block;width: 396px; height: 165px;background:url('../images/actionBg.jpg') no-repeat center top; position: absolute; top:20px; left: 454px;}
#kolage #action .actionImg {position: absolute; top: 62px; left: 50px;}
#kolage #action .actionText a, #kolage #action .actionText a:visited {color:#fff; font-size: 1.3em;position: absolute; top: 78px; left: 185px;width: 195px; text-align: left; height: 86px; text-shadow: 1px 1px 3px #666666;}
#kolage #joker {display: block;width: 224px; height: 170px;background:url('../images/jokerBg.jpg') no-repeat center top; position: absolute; top:79px; left: 737px;}
#kolage #joker #jokerText {position: absolute; top:142px; left: 64px; color:#fff; font-size: 1.3em; font-weight:normal;}
#kolage #search {position: absolute; top:215px; left: 533px;  }
#kolage #search input {width: 182px; height: 22px; border-top:3px solid #e0e0e0 !important; border-left:4px solid #e0e0e0 !important; border-right:4px solid #e0e0e0 !important; border-bottom: 5px solid #e0e0e0 !important;}


#breadcrumb {margin: 0 auto;background:#e0e0e0; height: 22px; display: block; z-index:1px; font-size: 0.7em;}
#breadcrumb .fixWidth {background:none !important; width: 960px; margin: 0 auto; position: relative; line-height:22px; text-align:left; padding-left: 0px;}
#breadcrumb a, #breadcrumb a:visited {color:#373737; padding: 0px 5px;}
#breadcrumb a:hover {color:#000; text-decoration:underline;}

#content {margin: 0 auto;background:#fff; display: block; z-index:1px;}
#content .fixWidth {width: 960px; margin: 0 auto; position: relative;background: url('../images/contentBg.jpg') no-repeat right bottom; }
a.buttonUp, a.buttonUp:visited {width:56px; height:18px; background:#fff url('../images/buttonUp.gif') no-repeat 0px 0px; display:block; position: absolute; right: 6px; bottom:0px;}
a.buttonUp:hover {width:56px; height:18px; background:#fff url('../images/buttonUp.gif') no-repeat 0px -18px;}

#contentText {float :left; text-align:justify; width: 670px; margin-left: 10px; margin-bottom: 20px; }
aside {float: right; width: 240px; padding-bottom: 60px;}
#news {width: 220px; background: url('../images/newsBg.png') no-repeat center bottom;  margin: 0 auto; position: relative; top: -22px; left: 1px; text-align:left; font-size:0.9em; padding-bottom: 10px; color:#6b6b6b;}
#news .InIn {width: 184px; margin: 0 auto; padding: 5px 8px 2px; margin-bottom: 5px; background:#fff; }
#news a {color:#373737;text-decoration:underline;}
a.newsMore, a.newsMore:visited {position: absolute; bottom:15px; right: 20px; color:#e76005 !important; font-weight:bold;} 
a.newsMore:hover {text-decoration:underline;} 

a.quest, a.quest:visited { text-indent: -999999px; overflow: hidden; display: block; width: 220px; height: 44px;background: url('../images/btnQuestShare.png') no-repeat center 0px; margin: 0 auto; }
a.quest:hover { display: block; width: 220px; height: 44px;background: url('../images/btnQuestShare.png') no-repeat center -44px; margin: 0 auto;}
a.share, a.share:visited { text-indent: -999999px; overflow: hidden; display: block; width: 220px; height: 44px;background: url('../images/btnQuestShare.png') no-repeat center -88px; margin: 0 auto;}
a.share:hover { display: block; width: 220px; height: 44px;background:  url('../images/btnQuestShare.png') no-repeat center -132px; margin: 0 auto;}

#contentText h1 {font-size: 1.6em; padding: 18px 0px 0px;}
#contentText h2 {font-size: 1.5em; padding: 18px 0px 0px;}
#contentText h3 {font-size: 1.3em; padding: 15px 0px 0px;}
#contentText h4, #contentText h5, #contentText h6 {font-size: 1em; padding: 10px 0px 0px;}
#contentText p {padding: 10px 0px;}
#contentText a,#contentText a:visited {color:#373737;text-decoration:underline;}
#contentText a:hover {color:#000;}

#druhemenu li {margin-top: 0px; margin-left:0px;}
#druhemenu ul {font-size: 0.9em; margin: 10px 0px;}
#druhemenu ul li {display:inline-block; }
#druhemenu ul li a, #druhemenu ul li a:visited {padding: 5px 10px; color:#373737; margin-right: 5px; text-decoration:none;}
#druhemenu ul li h3 {padding: 5px 10px !important; font-size:1em;}
#druhemenu ul li.firstLi, #druhemenu ul li.firstLi { background:#f5f5f5;}
#druhemenu ul li a, #druhemenu ul li a:visited {background:#e0e0e0;}
#druhemenu ul li a:hover, #druhemenu ul li a:focus {background:#777777; color:#fff;}

footer > div {background:#e0e0e0 url('../images/footerBack.jpg') repeat-x center top; clear: both; height: 121px;text-align: justify;}
footer .fixWidth {width: 960px; margin: 0 auto;}
#info, #copyright, #designing {}
#info {float: left;width: 370px;text-align: left;background:url('../images/Dan.jpg') no-repeat left top; height: 121px; }
#copyAndDesigning {float: right;}
#info .InIn {padding-top: 15px; padding-left: 50px; }
#copyright {float: left;width: 210px; text-align: center; line-height: 95px;}
#designing {float: right;width: 370px;text-align:right;}
a.DPsolutions, a.DPsolutions:visited {position:relative; left: 240px; top: 25px; width: 110px; height: 65px; display:block; background:url(../images/logoDPsolutions.gif) no-repeat center -65px; text-indent:-99999px; overflow:hidden;}
a.DPsolutions:hover {background:url(../images/logoDPsolutions.gif) no-repeat center 0px;}
#designing img {}

#links {position: relative; top: -18px; margin: 0 auto;width: 900px; clear:both; text-align:center; font-size: 0.8em;}
#links a, #links a:visited {color:#797979;}
#links a:hover {color:#000;}

#popUpform {width:400px;margin:0 auto; font-size:0.9em;}
#popUpform input.text{background:url(../images/inputBg.gif) repeat-x center top;width:390px;font-size:0.8em;color:#4d4d4d;border:1px solid #b3b3b3;padding:3px 4px;}
#popUpform textarea{border:1px solid #b3b3b3;width:390px;font-size:0.9em;color:#4d4d4d;padding:3px;}
#popUpform fieldset{margin-bottom:10px;}
#popUpform label span{color:#333;font-weight:700;}
.success {position: relative; border: 1px solid #e5e5e5; padding: 0px 10px 5px; margin-top: 5px;}
.success h2, .success h3 {padding-top: 10px !important;}
.success .close {position: absolute; top: 0px; right: 10px; font-size: 1.5em;}
.success .close a, .success .close a:visited{text-decoration:none !important;}


.tagy {
	margin-top:10px;
	font-style:italic;
	font-stretch:condensed; margin-top:7px;
	}
	
.tucne { font-weight:bold;}
.tip {position: relative; border: 1px solid #e5e5e5; padding: 0px 10px 5px; margin-top: 5px;}
.perex {
	font-style:italic; margin-top:5px; }
p.perex:first-letter {color: #F60; font-weight:bolder; font-size: 3em; float: left;margin-right:4px; font-style:italic; }
.orange {color: #FF4500;}	
.klicove {color: white;}	

kontakt {
text-align: center;
vertical-align: middle ;
position:relative;
top:20px !important;
}	
.kontakt_tucne{font-weight: bold; float: left; text-align: right; margin: 0 5px 0 0;}
.kontakt_normal{float: left; }

.menu-2 {width: 900px; }
.bannerpoweriser {margin-top:50px;}
.bannery-google {margin-top:200px;}
.obrazekVpravo { float:right; margin: 0px 0px 6px 6px; color:#C30;} 

.bota {

line-height: 130%;
list-style-image : url(/botka.gif);
}


.micek {
padding: 5px 2px 5px 35px;
line-height: 130%;
list-style-image : url(/ball-apo.gif);
}

.hrazda {
padding: 5px 2px 5px 35px;
line-height: 130%;
list-style-image : url(/hrazda.jpg);
}

.obrazJednokolka
{
margin: 10;

} 

.obrazTriky
{
margin: 30px 10px 10px 0px;
float: left;
height: 293px;
width:238px;
clear: left;
} 
.textTriky
{
margin: 30px 10px 10px 0px;
float: right;
clear:right;
height: 293px;
width:225px;
} 

.darkovypoukaz {margin: 10px 0 10px 10px;
}

.textpoukaz, textpoukaz a {color:#C30 !important;}	



/* Hlavni */

body, html {
	font-family: arial, tahoma, verdana, sans-serif;
	font-size: small;
	color: #000000;
	background-color: #eeeeee;
	padding: 0px;
	margin: 0px;
}

#main {
	width: 500px;
	margin: 0px auto;
}

img {
	border-width: 0px;
}

/* Text */

h1 {
	font-size: x-large;
	text-align: center;
	margin: 10px 0px 10px 0px;
	padding: 0px;
}

h1 a {
	text-decoration: none;
}

h2 {
	font-size: small;
	font-weight: bold;
	margin: 0px 0px 5px 10px;
	padding: 0px;
}

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

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

#zobraz {
	text-align: center;
	font-style: italic;
}

#odkaz {
	text-align: center;
}

#info {
	font-size: x-small;
	margin-left: 15px;
}

/* Formular */

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

fieldset {
	border: solid 1px #666666;
	padding: 5px;
	margin: 0px;
}

legend {
	font-size: medium;
	font-weight: bold;
	color: #000000;
	padding: 0px 5px;
	margin : 0px;
}

legend a {
	color: #000000;
	text-decoration: none;
}

input, textarea, select {
	width: 200px;
	height: 20px;
	border: solid 1px black;
	background-color: #dddddd;
	color: black;
	margin: 0px 0px 10px 15px;
	padding: 0px;
	font-family: arial, tahoma, verdana, sans-serif;
	font-size: small;
}

textarea {
	width: 455px;
	height: 80px;
}

.tlacitko {
	width: 100px;
	margin-top: 10px;
}

#smajlici {
	margin: 0px 15px 10px 15px;
}

/* Zpravy */

p {
	display: block;
	padding: 5px;
	margin: 0px;
	background-color: #eeeeee;
	text-align: justify;
	border-top: solid 1px #666666;
	border-bottom: solid 1px #666666;
	line-height: 1.3em;
}

.stranky {
	font-style: italic;
	color: black;
	margin: 15px 0px;
}

.zprava {
	margin: 10px 0px 20px 0px;
	border: solid 1px #666666;
}

.hlavicka, .paticka {
	padding: 3px 0px 3px 5px;
	background-color: #dddddd;
}