/*
My v Toronte
by Vlado Labath vlado@myvtoronte.com
Copyright (c) 2005 Myv Toronte
*/

/*  GLOBAL  */

 /* NON-HEADER */
 body {background-color:#f5f5f5; }
.main {clear:both; width:950px; padding-bottom:3px; background:
 transparent url(images/img/bg_main_withnav.jpg) top left repeat-y;}
.main-navigation {display:inline /*Fix IE floating margin bug*/; float:left;
 width:230px; margin:0px 0 0 10px; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.main-content {display:inline; /*Fix IE floating margin bug*/; float:left;margin:0px 10px 0 0;
 width:700px;  overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.main-full {display:inline; /*Fix IE floating margin bug*/; float:left;margin:0px 10px 0 0px;
 width:950px;  overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.main-contentl {display:inline; /*Fix IE floating margin bug*/; float:left;margin:0px 0px 0 0px;
 width:480px;  overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.main-subcontent {display:inline /*Fix IE floating margin bug*/; float:right; width:230px;
 margin:0px 0px 0 0px; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.main-reklama {display:inline; /*Fix IE floating margin bug*/; float:right;margin:10px 0 10px 0px;
 width:440px;  overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.footer {clear:both; width:950px; height:3.7em; padding:1.1em 0 0; background:rgb(225,225,225)
 url(images/img/bg_foot2.jpg) no-repeat;  overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.nizky {margin-bottom:0.0em;margin-top:0.8em;}
.menej {margin-bottom:0.2em;margin-top:0.8em;}
.hot {color:red;}


/*  HEADER  */

/********************/
/*  HEADER SECTION  */
/********************/
.logo {font-size:4.4em;color:rgb(10,10,10); font-weight:bold;}
.logo a { color:rgb(10,10,10);}
.logo a:visited  { color:rgb(10,10,10);}
.logo a:hover {text-decoration:none; color:rgb(10,10,10);}
.cervene { color:rgb(255,10,10); font-weight:bold;}
.cervene a { color:rgb(255,10,10);}
.cervene a:visited { color:rgb(255,10,10);}
.cervene a:hover {text-decoration:none; color:rgb(255,10,10);}
 /*
.sitelogo {width:370px; top:10px; position:absolute;  margin:12px 0 0 10px; }
*/
.nav0 { margin-left:450px; margin-top:10px;  text-align: left !important /*Non-IE6*/; font-size:11px /*IE6*/;}
.nav0 ul {float:right; padding:0 20px 0 0;}
.nav0 li {display:inline; list-style:none;}
.nav0 li a {padding:0 0 0 3px;  color: #5b80b2;}
.nav0 a:hover {color: #036;text-decoration:none;}
.nav0 a img {height:24px; border:none;}


.nav1 {width:350px; position:absolute; z-index:3; margin:01px 0 0 550px;}
.nav1 ul {float:right; padding:0 15px 0 0; font-weight:bold;}
.nav1 li {display:inline; list-style:none;}
.nav1 li a {display:block; float:left; padding:2px 5px 2px 5px; color:rgb(227,20,20); text-decoration:none; }
.nav1 a:hover {text-decoration:none; color:rgb(50,50,50);}



.weather { position: relative; left: 450px;  top: 16px; width:40px;background: rgb(234,232,232);}
.weatherp  { position: relative; left: 500px; top:-16px;  text-align: left; margin: 0;padding:0;color:black;
	width:300px;}
/*.zastavky { position: absolute; margin-left: 790px;  margin-top: -79px;color:black; width:40px; }
.zastavk2 { position: absolute; margin-left: 820px;  margin-top: -59px;color:black; width:40px; } */
.zastavky { position: absolute; margin-left: 790px;  margin-top: -49px;color:black; width:40px; }
.zastavk2 { position: absolute; margin-left: 820px;  margin-top: -29px;color:black; width:40px; }
.meniny_pov {position: absolute; left: 500px; width: 200px;  top: 12px;   text-align: right;}
.meniny {position: absolute; left: 580px; width: 300px;  top: 12px;   text-align: right;}
#billboard{float: left;  margin-left: 10px;  width: 620px; }


.weight  { background-image: url(images/IMG_0525n2b.jpg); 
margin: 5px; }
.weight input { display: block; margin: 0 0 10px; border: 1px solid #666; color: rgb(210,0,10); width: 80px; }
.weight legend { font-weight: bold; }
.weight label {  display: block; font-weight: bold; color: rgb(10,10,10); }
.weight select { display: block; width: 80px; }

/*  RSS  */

.rss { font:bold 10px Verdana, sans-serif; padding:0 .2em; border: 1px solid; text-decoration:none;
background:#f60;color: #fff; border-color:#ffc8a4 #7d3302 #3f1a01 #ff9a57;
margin:0 3px; vertical-align:middle; }
#content-main a.rss { color:#fff; text-decoration:none; }


 /* LINKS */
a:link, a:visited { color: #5b80b2; text-decoration:none; }
a:hover { color: #036; }
a img { border:none; }

/*  GLOBAL DEFAULTS */
/*p, ol, ul, dl { margin:.2em 0 .5em 0; font-size:0.9em; }
p { padding:0; line-height:120%; }
p.small {font-size:0.7em;}
p.date { color:#487858; margin-top:-.6em; font-size:0.7em;}
p.smallb {border-bottom: solid 1px;}
p span {font-size:0.7em;}
h1,h2,h3,h4,h5 { font-weight:bold; }
h1 { font-size:1.2em; color:#666; padding:0 6px 0 0; margin:0 0 .2em 0; }
h2 { font-size:1.1em; margin:1em 0 .4em 0; }
h2.icon { font-size:1.1em; margin:0; }
h2.subhead { font-weight:normal;margin-top:0; }
h3 { font-size:1.0em; margin:.8em 0 .3em 0; color:#666;  }
h3.ama { font-size:1.08em; margin:0 .5em 0 0; color:#666;  }
h3.comm { font-size:1.0em; margin:.8em 0 .3em 0; color:#800000; border-top: solid 1px;}
.comment  { font-size:1.1em; margin:.8em 0 .3em 0; color:#800000; font-weight:normal; border-top: solid 1px; }
.comment p  { font-size:1.0em; margin:.8em 0 .3em 0;  font-weight:normal; }
.comment h3 {  font-weight:bold; }
.comment h3 span {font-size:0.7em; color:#800080; font-weight:normal;} 
h4 { font-size:0.9em; margin:1em 0 .8em 0; padding-bottom:3px; font-weight:normal;}
h5 { font-size:0.8em; margin:1.5em 0 .5em 0; color:#666; text-transform:uppercase; letter-spacing:1px; }
h6 { font-size:0.7em; margin:0.0em 0 .0em 0; color:#666; font-weight:normal; }
a.small { font-size:0.8em;  }
a.medium { font-size:0.85em;  }
.blog h3 { font-size:1.1em; margin:.8em 0 .3em 0; color:#808080; font-weight:normal;
 border-top: solid 1px;}
form { margin:0; padding:0; }
div.form #submitbutton{ margin-left: 210px; margin-top: 5px; width: 190px; }
 */ 
.comment  {   }
ul.pagination {margin-top: 20px; margin-left: 55px; padding-left: 0; text-align: center}
ul.pagination li {display: block; float: left; font-size: 12px; padding: 2px; margin-right: 5px; height: 17px; width: 20px; border: 1px solid #cccccc; text-align: center; text-transform: uppercase}
ul.pagination li a {height: 100%; width: 100%; display: block; text-decoration: none}
ul.pagination li a:hover {background-color: #b3b3b3}
ul.pagination li.next {width: 42px;}
ul.pagination li.previous {width: 72px;}
 


/* cosi zle class */
#cosi_zle { padding-top: 1px; 
  margin: 0px 0px 0px 5px;
!important; text-align: left; }
#cosi_zle label{ float: left; width: 160px; font-weight: normal; }
#cosi_zle input, textarea{ width: 180px; margin-bottom: 5px;  }
#cosi_zle td , th{   !important; }
#cosi_zle textarea{ width: 390px; height: 160px; }
#cosi_zle h1 { color: #5b80b2;  font-weight: bold !important; margin: 0.5em 3px; }
#cosi_zle p { text-align: justify;  padding-bottom: 0; margin-right: 10px; }
#cosi_zle p.center { text-align: right;  padding-bottom: 0; margin-right: 10px; }
.boxes{ width: 1em; }
#submitbutton{ margin-left: 120px; margin-top: 5px; width: 90px; }
#submitbut{ margin-left: 170px; margin-top: 5px; width: 190px; }
#cosi_zle br{ clear: left; }

div.pre_blog textarea{ width: 560px; height: 360px; }
div.pre_blog #submitbutton{ margin-left: 120px; margin-top: 5px; width: 290px; }
.content-multimedia {float: left; width: 325px; margin-left: 25px; margin-bottom: 15px;}

div.citaj { color:#556B2F; margin-top:-10px;margin-bottom:10px;
border:none ;
}
div.citaj a:link {color: #228B22}     /* unvisited link */
div.citaj a:visited {color: #228B22;}  /* visited link */
div.citaj a:hover {color: #0000FF}   /* mouse over link */

div.citaj2 { color:#556B2F; margin-bottom:10px;
border:none ;
}
div.citaj2 a:link {color: #228B22}     /* unvisited link */
div.citaj2 a:visited {color: #228B22;}  /* visited link */
div.citaj2 a:hover {color: #0000FF}   /* mouse over link */
.linklist {
list-style:none;
margin:0 0 16px 10px;
padding:0;
}
.linklist li {margin-bottom:0.7em;}


/*  ORDERING WIDGET  */

/* pictures */
.figure_r { float: right; 
width: 330px;
border-top: 1px solid #999;
border-right: 2px solid #555;
border-bottom: 2px solid #555;
border-left: 1px solid #999;
 margin: 0 0 10px 10px; padding: 10px;
background-color: #ddd;
 clear: right;
 }
.figure_r img {border-top: 2px solid #555;
border-right: 1px solid #999;
border-bottom: 1px solid #999;
border-left: 2px solid #555;}
.figure_r p { text-align: left; font-style: italic; font-size: smaller; text-indent: 0; margin-top: 0; }

.figure_l { float: left;  width: 330px; border-right: 1px solid #999; border-top: 2px solid #555;
border-left: 2px solid #555; border-bottom: 1px solid #999; margin:0 10px 10px  0; padding: 10px; 
background-color: #ddd; clear: right;
 }
.figure_l img {border-right: 2px solid #555; border-top: 1px solid #999; border-left: 1px solid #999;
border-bottom: 2px solid #555;}
.figure_l p { text-align: left; font-style: italic; font-size: smaller; text-indent: 0;  margin-top: 0; }

 .floatright { float: right; width:330px; margin: 0 0 10px 10px; }
 .floatrightr { float: right; width:330px; margin: 0 0 10px 10px; border: 1px solid #666; }
 
img.displayed { display: block;  margin-left: auto;  margin-right: auto }
 
 .floatt { margin: 0 0 10px 10px; border: 1px solid #666; padding: 2px; }
 .floatleft { float: left;  text-align:center; margin:10px 10px 10px 10px;
 font-size: smaller; text-indent: 0; }
 .floatleft200 { float: left; width:200px; text-align:center; margin:10px 10px 10px 10px;
 font-size: smaller; text-indent: 0; }
 .floatleft250 { float: left; width:250px; text-align:center; margin:10px 10px 10px 10px;
 font-size: smaller; text-indent: 0; }
 .float { width:330px; text-align:center; margin:10px 10px 10px 10px;  text-indent: 0; }
 .floatleftr { float: left; margin: 0 0 10px 10px; width:330px; border: 2px solid #666; }
/* Features */
#clanok {width:700px;margin: 0;}
.malicky { float:right; width:230px; font-style: italic; font-size: 0.7em; text-align: left; }
.pos_right  {  position:relative ; left:160px;  font-size:0.90em; margin:0; padding:0; top:-18px;  }
.pos_rightshow  { position:relative; left:330px;  font-size:0.95em; top:-30px; }
.pos_rightbez { float:right; width:90px;  font-size: 0.9em; text-align: left; }


.thumbleft {display: block; margin-right: 5px; margin-top: 7px; margin-bottom: 5px; float:left;
 text-decoration: none; padding: 2px; border: 1px solid #355175; background-color: #fff; }
.thumbleft a:hover  {border-color: #993333}
.thumb_left {  float:left;   }
.thumb_left a:hover  {border-color: #993333}
.clearboth { clear: both; }


ul#navigation
 {
 list-style-type: none;
 margin: 0;
 padding: .5em 0;
 border-top: 1px solid #666;
 }

 ul#navigation li a
 {
 display: block;
 width: 5em;
 color: #FFF;
 background-color: #036;
 padding: .2em 0;
 text-align: center;
 text-decoration: none;
 }

 ul#navigation li a:hover
 {
 color: #FFF;
 background-color: #69C;
 }

 ul#navigation .left { float: left; }
 ul#navigation .right { float: right; }
/**************************/
/*MAP SECTION   */
/**************************/
.skus-controlu {position: relative}
/***********************************/
/* PHOTO GALERIA   */
/***********************************/
div.img_bez
 {
  margin: 1px;
  border: none;
  height: auto;
  width: auto;
  float: left;
  text-align: center;
  }
div.img
 {
  margin: 1px;
  border: 1px solid #0f0fff;
  height: auto;
  width: auto;
  float: left;
  text-align: center;
  }
div.img img
  {
display: inline;
  margin: 1px;
  border: 3px solid #ffffff;
  }
div.img a:hover img
  {
border: 3px solid #0f0fff;
   }
div.desc
  {
   text-align: center;
   font-weight: normal;
   width: 620px;
  margin: 2px;
}

div.background
  {
  width: 500px;
  height: 250px;
  background: url(klematis.jpg) repeat;
  border: 2px solid black;
}
div.transbox
{
  width: 400px;
  height: 180px;
  margin: 30px 50px;
  background-color: #ffffff;
  border: 1px solid black;
  /* CSS3 standard 
  opacity:0.6;
   * */
  /* for IE 
  filter:alpha(opacity=60);
   * */
  /* for Mozilla 
  -moz-opacity:0.6;
   * */
  }
  }
/* galleries */

p.gallery_title a, p.gallery_title a:visited {color: #355175; text-decoration: none; }
p.gallery_title a:hover {color:#b3b3b3 ;}
p.gallery_title {margin-bottom: 10px; text-decoration: none;font-size: 18px;}
.thumbtiles {margin-left: 20px}
.gallery-main {float: left; margin-left: 20px; margin-top: 10px; width: 440px;text-decoration: none;} 
p.gallery-description {margin-top: 0; font-size: 12px; font-style: oblique; padding-bottom: 12px; border-bottom: 1px solid #b3b3b3}
#content p.gallery-caption {font-size: 12px; line-height: normal; width: 90%; margin-top: 15px;}
ul.gallery-nav {padding: 0; height: 12px; margin: 0 0 10px 0}
ul.gallery-nav li {list-style-type: none; font-size: 10px; text-transform: uppercase; width: 440px; float: left;}
ul.gallery-nav li.previous {text-align: left;}
ul.gallery-nav li.next {clear: right; text-align: right;}
.gallerythumb {margin-top:3px;}

/* some global application stuff, e.g. friends */
#app-wrapper {clear: both; padding: 0px 20px 20px 20px; border-left: 1px solid #b3b3b3; border-right: 1px solid #b3b3b3; border-bottom: 1px solid #b3b3b3; height: 100%}
#app-wrapper.no-header {border: none}
#app-wrapper h2 {padding-top: 18px; margin-top: 0; margin-bottom: 15px}
#app-wrapper h3 {clear: both; margin-bottom: 10px; font-weight: normal; margin-top: 10px;}
#app-wrapper a {text-decoration: none;}
/************/
/* banners */
/***********/
.main-navigation .imgright { padding: 5px; border: 1px solid #add1e7; margin-left: 4px; float: right; }


/********************/
/*  FOOTER SECTION  */
/********************/
.footer p {line-height:1.3em; text-align:center; color:rgb(125,125,125); font-weight:bold; font-size:80%;}
.footer p.credits {font-weight:normal;}
.footer a {text-decoration:underline; color:rgb(125,125,125);}
.footer a:hover {text-decoration:none; color:rgb(0,0,0);}
.footer a:visited {color:rgb(0,0,0);}

/******************/
/*  CLEAR FLOATS  */
/******************/
.header:after, .header-breadcrumbs:after, .main:after,
.main-navigation:after, .main-content:after, .main-content div:after, .main-subcontent:after
 {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.column1-unit:after, .column2-unit-left:after, .column2-unit-right:after, .column3-unit-left:after,
.column3-unit-middle:after, .column3-unit-right:after {content:"."; display:block; height:0;
 clear:both; visibility:hidden;}
.subcontent-unit-border:after, .subcontent-unit-noborder:after {content:"."; display:block; height:0;
 clear:both; visibility:hidden;}
.subcontent-unit-border-blue:after, .subcontent-unit-border-green:after, .subcontent-unit-border-orange:after
 {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.subcontent-unit-noborder-blue:after, .subcontent-unit-noborder-green:after, .subcontent-unit-noborder-orange:after
 {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.footer:after, p:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clear-contentunit {clear:both; width:440px; height:0.1em; border:none; background:rgb(210,210,210);
 color:rgb(210,210,210);}

  /* LOGIN FORM */
body.login { background:#eee; }
.login #container { background:white; border:1px solid #ccc; width:28em; min-width:300px;
 margin-left:auto; margin-right:auto; margin-top:100px; }
.login #content-main { width:100%; }
.login form { margin-top:1em; }
.login .form-row { padding:4px 0; float:left; width:100%; }
.login .form-row label { float:left; width:9em; padding-right:0.5em; line-height:2em; text-align:right;
 font-size:1em; color:#333; }
.login .form-row #id_username, .login .form-row #id_password { width:14em; }
.login span.help { font-size:10px; display:block; }
.login .submit-row { clear:both; padding:1em 0 0 9.4em; }

/* FORM ROWS */
.form-row { overflow:hidden; padding:8px 12px; font-size:11px; border-bottom:1px solid #eee; }
.form-row img, .form-row input { vertical-align:middle; }
form .form-row p { padding-left:0; font-size:11px; }

/* FORM LABELS */
form h4 { margin:0 !important; padding:0 !important; border:none !important; }
label { font-weight:normal !important; color:#666; font-size:12px; }
label.inline { margin-left:20px; }
.required label, label.required { font-weight:bold !important; color:#333 !important; }

pre.example { margin-left: 1em; margin-top: 0em; margin-bottom: 0em; }
div.example {border: 2px solid gray;
	font-weight: normal;
	margin-top: 4px ;
	background-color:#ffffff;
	padding: 0em}
div.example p { margin-top: 0em; margin-bottom: 0em;font-size:1.1em; }
div.example pre { background-color: #ffffff;font-size:1.0em;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #d3d3d3;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #d3d3d3;
	padding: 4px; margin: 0em }
pre.example { background-color: #d5dee3;font-size:1.1em;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #d3d3d3;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #d3d3d3;
	padding: 4px; margin: 0em }



/* CALENDARS & CLOCKS */
.calendarbox, .clockbox { margin:5px auto; font-size:11px; width:16em; text-align:center; background:white; position:relative; }
.clockbox { width:9em; }
.calendar { margin:0; padding: 0; color:black;}
.calendar table { margin:0; padding:0; border-collapse:collapse; background:white; width:99%; }
.calendar caption, .calendarbox h2 { margin: 0; font-size:11px; text-align:center; border-top:none; }
.calendar th { font-size:10px; color:#666; padding:2px 3px; text-align:center; background:#e1e1e1 url(images/img/admin/nav-g.gif) 0 50% repeat-x; border-bottom:1px solid #ddd; }
.calendar td { font-size:11px; text-align: center; padding: 0; border-top:1px solid #eee; border-bottom:none; }
.calendar td.selected a { background: #C9DBED; }
.calendar td.nonday { background:#efefef; }
.calendar td.today a { background:#ffc; }
.calendar td a, .timelist a { display: block; font-weight:bold; padding:4px; text-decoration: none; color:#444; }
.calendar td a:hover, .timelist a:hover { background: #5b80b2; color:white; }
.calendar td a:active, .timelist a:active { background: #036; color:white; }
.calendarnav { font-size:10px; text-align: center; color:#ccc; margin:0; padding:1px 3px; }
.calendarnav a:link, #calendarnav a:visited, #calendarnav a:hover { color: #999; }
.calendar-shortcuts { background:white; font-size:10px; line-height:11px; border-top:1px solid #eee; padding:3px 0 4px;color:#ccc; }
.calendarbox .calendarnav-previous, .calendarbox .calendarnav-next { display:block; position:absolute; font-weight:bold; font-size:12px; background:#C9DBED url(images/img/admin/default-bg.gif) bottom left repeat-x; padding:1px 4px 2px 4px; color:black; }
.calendarnav-previous:hover, .calendarnav-next:hover { background:#036; }
.calendarnav-previous { top:0; left:0; }
.calendarnav-next { top:0; right:0; color:black;}
.calendar-cancel { margin:0 !important; padding:0; font-size:10px; background:#e1e1e1 url(images/img/admin/nav-bg.gif) 0 50% repeat-x;  border-top:1px solid #ddd; }
.calendar-cancel a { padding:2px; color:#999; }
ul.timelist, .timelist li { list-style-type:none; margin:0; padding:0; }
.timelist a { padding:2px; }

/*
 * html {filter: expression(document.execCommand("BackgroundImageCache", false, true));} /*IE proprietary flicker hack for background images. Not validating, but OK * /
*/