@import "styles-reset.css";

html { overflow-Y: scroll; }

body {
	font-family:arial;
	background:#D6DFE2;
  font-size:1em;
}

.cleaner { line-height:0; clear:both; }
.float-left { float:left; }
.float-right { float:right; }

.message-good {
  margin:10px 0; padding:5px 5px 5px 30px;
  font-size:0.8em;
  border:1px solid #A3C840; color: #809E2E;
  background:#E9F2D2 url(../images/icons/tick.png) no-repeat 8px 8px;
}

.message-bad {
  margin:10px 0; padding:5px 5px 5px 30px;
  font-size:0.8em;
  border:1px solid #DD571E; color: #BE4B1B;
  background:#FAE4DA url(../images/icons/exclamation.png) no-repeat 8px 8px;
}

/*------------------------------
  main
  ------------------------------*/

#wrap {
	border-top:5px solid #EC9238;
	background:#fff url(../images/body-background.png) repeat-x top left;
	padding-bottom:10px;
}

#main {
  position:relative;
  margin:0 auto;
  width:950px;
  background:none;
}

#header span { display:none; }

#header {
	margin:0 auto;
	width:950px;
	height:100px;
}

#header h1 { float:left; width:0x; height:0px; display:block; font-size:2em; }

#header-logo {
  position:relative;
  top:12px; left:16px;
  display:block;
  background:url(../images/header-logo.gif) top left no-repeat;
  width:204px; height:80px;
}


#header-box {
	position:relative;
	float:right;
	top:8px; right:15px;
	display:block;
	width:360px; height:90px;
	font-size:0.7em;
	text-align:center;
	line-height:14px;
}

#header-ppp {
	width:360px;
	height:24px;
	background:url(../images/header-ppp.gif) top right no-repeat;
}

#header-motto {
	width:360px;
	height:76px;
	background:url(../images/header-motto.gif) top right no-repeat;
}

/*------------------------------
  content
  ------------------------------*/
  
#content {
	width:910px;
	min-height:500px;
	background:url(../images/content-background.png) no-repeat top left;
	padding:15px 20px 0 20px;
}

#content-repeat {
	margin:10px auto 0 auto;
	width:950px;
	background:url(../images/content-background-repeat.png) repeat-y top left;
}

#content-bottom {
	width:950px;
	height:45px;
	background:url(../images/content-background-bottom.png) no-repeat bottom left;
}

/*------------------------------
  content - index
  ------------------------------

#content-banner {
	margin-top:10px;
	width:950px;
	height:185px;
	background: url(../images/content-banner-background.png) no-repeat top left;
}

#content-banner-frame {
	padding:20px;
	line-height:24px;
	width:400px;
	font-size:0.9em;
	color:#494949;
}

#content-offer {
	margin:25px 0 15px 0;
	width:950px;
	height:278px;
	background: url(../images/content-offer-background.png) no-repeat top left;
}

#content-offer-header {
	margin:15px 25px;
	padding:20px 0 10px 3px;
	font-size:1.5em;
	color:#5797C8;
	font-weight:bold;
	border-bottom:1px solid #e5e5e5;
}

#content-offer-frame {
	margin:10px 20px;
}

#content-offer-frame h3 { color:#EC9238; font-size:1.1em; margin:0 0 10px 0; }
#content-offer-frame p { line-height:20px; font-size:0.9em; padding-left:10px; color:#494949; }

.content-offer-box {
	float:left;
	width:205px;
	height:180px;
	border-right:1px solid #e5e5e5;
	background:url(../images/content-offer-box-background.png) no-repeat top right;
	padding:5px 10px;
	cursor:pointer;
}

/*------------------------------
  content - vnitrek
  ------------------------------*/

#left {
	float:left;
	width:195px;
	padding:5px 5px 5px 0;
}

#left a { color:#494949; }
#left a:hover { color:#EC9238; }
#left h3 { padding:5px 10px; font-size:0.9em; color:#494949; background:#D6DFE2; }

#right {
	float:right;
	width:670px;
	font-size:0.9em;
	line-height:20px;
	color:#494949;
	padding:4px 15px;
	border-left:1px solid #E5E5E5;
}

#right h2 { color:#5797C8; font-size:1.6em; margin:15px 0 15px 0;}
#right h3 { color:#EC9238; font-size:1.3em; margin:25px 0 15px 0;}

#right p { padding:5px 0 0 0; }
#right .indent { text-indent:0px; }

#right a { font-weight:normal; color:#57737B; }
#right a:hover { color:#EC9238; }

#right ul {
	margin:10px 0;
	color:#494949;
	padding-left:25px;
	list-style-position:outside;	
}
#right li {	list-style-image:url(../images/menu-orange.gif); padding-left:10px; }


#nav { background:url(../images/icons/home.png) no-repeat 3px 4px; padding:0 18px; font-size:0.7em; }
#nav a { text-decoration:none; color:#494949; }
#nav a:hover { text-decoration:none; color:#EC9238; }


/*------------------------------
  menu
  ------------------------------*/
  
.menu-main {
	font-size:0.9em;
	line-height:20px;
	color:#494949;
}

.menu-normal {
	position:relative;
	display:block;
	padding-left:20px; margin-left:5px; 
	border-bottom:1px solid #E5E5E5;      
	background:url(../images/menu-blue.gif) no-repeat 6px 3px; 
  cursor:pointer;
}

.menu-sub {
	position:relative;
	margin-left:5px; 
	display:block;	
	border-bottom:1px solid #E5E5E5;
	background:url(../images/menu-orange.gif) no-repeat 20px 3px;
  cursor:pointer;
}

.menu-sel-normal { background:#f0f0f0 url(../images/menu-blue.gif) no-repeat 6px 3px; }
.menu-sel-sub { background:#f0f0f0 url(../images/menu-orange.gif) no-repeat 20px 3px; } 

.menu-main a { text-decoration:none;  }

.news {
	border-top:15px solid #fff;
  width:200px;
  margin-left:-5px;
	padding:5px 0;
	color:#494949;
	line-height:15px;

}

.news-head {
  font-size:0.7em;
  font-weight:bold;
  border-bottom:1px solid #e5e5e5;
  padding:3px 8px;
}

.news-desc { font-size:0.7em; padding:3px 8px; }
.news-no { font-size:0.7em; padding:8px 0 0 0; text-align:center;}

.links {
	border-top:0px solid #fff;
  width:200px;
  margin-left:-5px;
	padding:5px 0;
	color:#494949;
	line-height:15px;

}

.links .link {
  font-size:0.7em;
  padding:5px 8px;
}

.links a { background:url(../images/link.gif) no-repeat 3px 2px; padding-left:15px; }

/*------------------------------
  footer
  ------------------------------*/
  
#footer {
	background:#D6DFE2 url(../images/footer-background.png) repeat-x top left;
}

#bottom a { color:#494949; }
#bottom a:hover { color:#EC9238; }

#bottom {
	margin:0 auto;
	width:950px;
	min-height:50px;
	font-size:0.75em;
	color:#494949;
}  

.bottom-left {
	float:left;
	width:400px;
	padding:15px;
	line-height:40px;	
}

.bottom-right {
	float:right;
	width:400px;
	padding:15px;
	line-height:18px;
	text-align:right;
}

.flag-map { background:url(../images/flag-map.gif) no-repeat top left; padding-left:20px; }
.flag-cz  { background:url(../images/flag-cz.gif) no-repeat top left; padding-left:20px; }
.flag-en  { background:url(../images/flag-en.gif) no-repeat top left; padding-left:20px; }

/*------------------------------
  formulare
  ------------------------------*/
  
#form-menu fieldset {
	border:1px solid #E5E5E5;
	margin:15px 0px;
	font-size:0.8em;
}

#form-menu legend {
    margin-left:10px;
	font-weight:bold;
	border:1px solid #E5E5E5; padding:1px 5px;
    background:#E5E5E5;
}

#form-menu label {
	float:left;
	margin:10px 0 0 10px; width:300px; display:block;
}

#form-menu .form-select {
	margin:10px 0 0 0; width:300px; 
	display:block;
}

#form-menu .form-input {
	margin:10px 0 0 0; width:300px; 
	display:block;
}

#form-menu .form-checkbox {
	margin:10px 0 0 0; width:20px; 
	display:block;
}

/*------------------------------
  tabulky
  ------------------------------*/
  
#table-menu { border-collapse:collapse; margin:10px 0; font-size:0.8em; width:670px; }
#table-menu th { text-align:left; padding:1px 5px; background:#f0f0f0; border:1px solid #e5e5e5; }
#table-menu td { text-align:left; padding:1px 5px; border:1px solid #e5e5e5; }
#table-menu img { margin:0; padding:0; border:none; }

#table-cenik { border-collapse:collapse; margin:10px 0; font-size:0.8em; width:600px; }
#table-cenik th { text-align:left; padding:5px; background:#f0f0f0; border:1px solid #e5e5e5; font-weight:bold; vertical-align:top; }
#table-cenik td { text-align:left; padding:5px; border:1px solid #e5e5e5; font-weight:bold; vertical-align:top; }

/*------------------------------
  tabulky
  ------------------------------*/

#site-map {
	padding:10px 0;
	color:#494949;
	list-style-position:outside;	
}

#site-map li { list-style-image:url(../images/menu-blue.gif); padding-left:0px; font-weight:bold; }
#site-map li a { font-weight:bold; }

#site-map ul {
	margin:0 10px;
	color:red;
	list-style-position:outside;	
}

#site-map ul li {	list-style-image:url(../images/menu-orange.gif); padding-left:0px; }
#site-map ul li a { font-weight:normal; }
  
/*------------------------------
  obecne tridy
  ------------------------------*/

.file-jpg { padding:2px 0 2px 22px; background:url(../images/icons/jpg.gif) no-repeat 0 0; }
  
/*------------------------------
  specialni obsahove tridy
  ------------------------------*/

.font-small { font-size:0.8em }
.font-smaller { font-size:0.9em }

.half-left { float:left; width:320px; }
.half-right { float:right; width:320px; } 

.book-left {
	float:left;
	width:150px;
	text-align:center;
	margin:15px 0;
}
.book-right {
	margin:15px 0;
	text-align:justify;
}

.div-center { margin:0 auto; text-align:center; }
.img-center { margin:10px; }

#table-sport { border-collapse:collapse; margin:20px 0; font-size:0.8em; width:670px; }
#table-sport td { text-align:left; padding:1px 5px; border-bottom:1px solid #e5e5e5; }

/*------------------------------
  PLUGIN - discussion
  ------------------------------*/

#table-forum-all { border-collapse:collapse; margin:5px 0; font-size:0.8em; width:680px; line-height:16px; }
#table-forum-all th { text-align:left; padding:2px 8px; background:#f0f0f0; border:1px solid #e5e5e5; font-weight:bold; }
#table-forum-all td { text-align:left; padding:2px 8px;; border:1px solid #e5e5e5; vertical-align:middle; }

#forum-page { margin:5px 0; padding:4px 0; }

#forum-page a {
	float:left;
	display:block;
	height:18px; width:18px;
	line-height:18px;
	text-align:center;
	color:#397DBB;
	background:#E0E9ED;
	font-size:0.8em;
	margin:1px;
	text-decoration:none;
	border:1px solid #E0E9ED;	
}

#forum-page a:hover { background:#fff; color:#57737B; }
#forum-page .act { color:#57737B;	background:#fff; }

.forum-required { color:red; }
.forum-fieldset { border:1px solid #e5e5e5; background:#f0f0f0; padding:10px; }
.forum-label    { display:block; font-size:0.9em; margin:5px 0; width:500px; }
.forum-input    { display:block; width:300px; }
.forum-checkbox { width:20px; margin:10px 0 10px 5px; }
.forum-textarea { display:block; width:600px; height:100px; font-family: Arial; font-size:0.8em; color:#494949; padding:5px; }
.forum-submit   { float:left; margin:20px 0; }
.forum-captcha  { float:right; border:1px solid #e5e5e5; margin:0 35px 0 0; }

/*------------------------------
  ORDERS
  ------------------------------*/
  
#table-orders { border-collapse:collapse; margin:5px 0; font-size:0.7em; width:680px; line-height:15px; }
#table-orders th { height:30px; width:62px; text-align:left; padding:5px; background:#f0f0f0; border:1px solid #e5e5e5; font-weight:bold; vertical-align:middle; }
#table-orders td { height:30px; width:62px; text-align:center; padding:5px 0px; border:1px solid #e5e5e5; vertical-align:middle; }

#table-orders .adminheight { height:70px; }

#table-orders .order2 { background:#EBF9DF; }
#table-orders .order1 { background:#FAF9DA; }
#table-orders .order0 { background:#FDE6D7; }
#table-orders .order3 { background:#D7E3FB; }
#table-orders .order4 { background:#F7FECD; }
#table-orders .order5 { background:#F8E2FE; }
