/* ------------------------ COLORS ---------------------------- */
/*
  pozadi = e6e6e6
*/
/* ------------------------ BASIC ---------------------------- */
 
html {
  height: 100%;
}

body {
  font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:14px;
	text-align:center;
  height: 100%;
  background:#fff;
}

#slider1_container{
  position: relative;
  top: 0px;
  left: 0px;
  width: 1200px; height: 300px;
  /*border:1px solid grey;*/
}


#ds_slides{
cursor: move;
position: absolute;
overflow: hidden;
left: 0px; top: 0px;
width: 1200px;
height: 280px;
}

.ds{
  margin:40px;
  float:left;
}



body, div, h1, h2, h3, h4, p, ul, li, form {
  margin:0;
  padding:0;
}
div, h1, h2, h3, h4, p, li, th, td, input, select, option, textarea {
  font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1em;

}

#login_input, #pass_input{border: 1px solid silver;width:60px;}
.loginsubmit{border:1px solid silver; background-color:#eeeeee;}

a.add_novy_clanek,
a.add_novy_clanek:visited{
  margin-left:50px;
  background-color:#6d8594;
  font-size:11px;
  color:white;
  padding:3px;
  display:block;float:left;
}

body.layout_red .add_novy_clanek {  background-color:#972428; color:white; }

h1, .pseudo_h1 {
  font-size:17px;
	font-weight:bold;
	padding-bottom:10px;
}
h1 a, .pseudo_h1 a {
	color:#6D8594 !important;
}
body.layout_red h1 a, body.layout_red .pseudo_h1 a { color:#972428 !important; }

h2, .pseudo_h2, .clanek_vypis h1, .zapomenute_heslo h1 {
  font-size:17px;
	font-weight:bold;
	padding:20px 0 7px 0;
}
h3, .pseudo_h3 {
	font-size:14px;
  font-weight:bold;
	padding:5px 0 15px 0px;
}
.header_two_lines {
  padding-top: 6px !important;
}
.blue {
  color:#6D8594 !important;
}
body.layout_red .blue {  color:#972428 !important; }

p {
	margin:0 0 10px 0;
	padding:0;
}
td {
  font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:11px;
  }
ul {
  margin: 3px 0px 5px 0px;
  padding-left: 20px;
}

.mceContentBody {
  text-align: left;
  background: white;
}

a, a:visited {
	color:#6D8594;
	font-weight:bold;
	text-decoration:none;
}
body.layout_red a, body.layout_red a:visited {   color:#972428; }

a:hover {
  text-decoration:underline;
}
a img { border:none; }

.fr {
  float:right;
}
.fl {
  float:left;
}
.center {
  text-align: center;
}
.cb {
  clear:both;
  overflow:hidden;
  height:1px;
}



/* ------------------------ LAYOUT ---------------------------- */
.opac{
  width:20px;
  height:20px;
   padding:0 0 2px 6px;
  border-radius:3px;
  background:#cc0000;
  color:white;
  font-size:1.2em;
  font-weight:bold;
  cursor:pointer;
  margin-bottom:2px;
  float:left;
  margin-right:2px;
  display:none;
}

.opminus{
 padding:0 3px 2px 3px;
 font-size:1.2em;
 }

 .opval{width:40px; overflow:hidden;}

#napis{
  background:url('layout_napis.png') no-repeat top left;
  width:360px;
  height:100px;
  position:absolute; 
  left:50%;  
  top:40px; 
  z-index:666;  
  margin-left:-438px;
  display:block;
}

.bubbles{
  background:url(layout-topbg.png) repeat-x top left;
  width:100%;
  height:100%;
  position:absolute;
  top:0;left:0;
  z-index:-998;
}

#container {
  width:1024px;
  /*border-left:#0089d0 1px solid;
  border-right:#0089d0 1px solid;*/
  margin: 0 auto;
  padding-top:160px;
  text-align:left;
  margin-bottom:-29px;
  height: auto !important;
  min-height: 100%;
}

.cont_foot{clear:both;height:29px;width:100%;}


#top {
  width:100%;
  background:url('layout_top.jpg') no-repeat bottom left;
  height:459px;
  position: relative;
  clear: both;
}

#top .adresa{
  position: absolute;
  top: 132px;
  left:50%;
  margin-left: 375px;
	width:140px;
	height:60px;
	line-height:140%;
}

#top .mnu2{
  position: absolute;
  top: 424px;
  left:50%;
  margin-left: 355px;
  
	width:140px;
	height:35px;
	
	line-height:140%;
}

#top .arrow{position: absolute;
  top: 170px;
  left:50%;
  margin-left: -403px;
  width:124px;
  height:61px;
  }
#top .ny{position: absolute;
  top: 231px;
  left:50%;
  margin-left: -403px;
  width:124px;
  height:87px;
  }
#top .lulukids{position: absolute;
  top: 318px;
  left:50%;
  margin-left: -403px;
  width:124px;
  height:77px;
  }


#top .kittykids{position: absolute;
  top: 170px;
  left:50%;
  margin-left: -279px;
  width:116px;
  height:61px;
  }
#top .dixit{position: absolute;
  top: 252px;
  left:50%;
  margin-left: -279px;
  width:116px;
  height:66px;
  }
#top .kitty{position: absolute;
  top: 318px;
  left:50%;
  margin-left: -269px;
  width:121px;
  height:77px;
  }


#top .lapo{position: absolute;
  top: 170px;
  left:50%;
  margin-left: -163px;
  width:129px;
  height:54px;
  }
#top .lulu{position: absolute;
  top: 230px;
  left:50%;
  margin-left: -153px;
  width:117px;
  height:65px;
  }
#top .axebo{position: absolute;
  top: 318px;
  left:50%;
  margin-left: -158px;
  width:102px;
  height:77px;
  }

#top .mnu2 .left{float:left;background:url(layout_mnu2_left.png);width:12px;height:100%}
#top .mnu2 .right{float:right;background:url(layout_mnu2_right.png);width:11px;height:100%}

#top .mnu2 .mid{background:url(layout_mnu2_bg.png);width:117px;height:100%;float:left;color:white;}
#top .mnu2 .mid #menu_right a{font-weight:normal;color:white;font-size:11px;display:i}


#top #logo {
  position: absolute;
  left: 52px;
  bottom: 73px;
}
#top #top_center {
  position: absolute;
  bottom: 156px;
  left: 465px;
}
#top #top_center #casopisy {
  background:url('layout-header-casopisy.png') no-repeat top right;
  font-size: 10px;
  height: 45px;
  padding: 5px 3px 0px 0px;
  color: #515050;
}
#top #casopisy strong {
  color: white;
  padding: 0px 4px;
}
#top #slogan {
  color: #838181;
  font-size: 16px;
  margin-top: 7px;
}



#top div.menu_top {
  position: absolute;
  bottom: 15px;
  left: 15px;
}

#akcni_menu {
  position: absolute;
  top: 192px;
  right: 15px;
  font-size: 16px;
  text-transform: lowercase;
  padding: 15px 30px 0px 0px
}
#akcni_menu a, visited {
  color: white;
  font-weight: bold;
}

#main {
  background: url('layout_main_bg.jpg') top repeat-x white;
  padding-bottom:20px;
  padding-top:13px;
}



/* ------------------------ LEFT ---------------------------- */
#left {
	float:left;
	width:350px;
/*	background:url(layout_left_bg.jpg) top no-repeat;*/
	margin-left:110px;
}

.eshop{
 	background:url(layout_left_bg2.jpg) top no-repeat !important;
	width:296px !important;

}

#left h2, #left .pseudo_h2, .clanek_vypis h1, .zapomenute_heslo h1 {
  text-transform: uppercase;
  height: 30px;
  font-size:2em;
}
#left h2, #left .pseudo_h2, .zapomenute_heslo h1 {
  text-transform: uppercase;
  background: url('layout-left-h2.png') top left no-repeat;
  height: 30px;
  padding: 14px 0px 20px 50px;
}
#left .odsad {
  padding:0px 0 0 50px;
}
#left .odsad h2, #left .odsad .pseudo_h2 {
  background: none;
  padding: 0 0px 10px 0px;
  height: auto;
  margin-top:0;
}
#left .odsad div.clanek_vypis p.odsad {
  padding-left:30px;
}
#left .odsad .soutez_odpoved h2 {
  padding-top:0px;
}

/* ------------------------ RIGHT --------------------------- */
#right {
	float:right;
  width:619px;
  /*background:url(layout_right_bg.jpg) top no-repeat;*/
  margin-right:20px;
}

.rshop{
	background:url(layout_right_bg2.jpg) top no-repeat !important;
	width:673px !important;
}

#right h2, #right .pseudo_h2 {
  text-transform: uppercase;
  /*background: url('layout-right-h2.png') top right no-repeat;*/
  height: 27px;
  /*padding: 14px 0px 20px 30px;*/
}
#right .odsad {
  margin-right: 35px;
  padding:0px 0px 0px 10px;
}
#right .odsad h2, #right .odsad .pseudo_h2 {
  background: none;
  padding: 10px 0px 10px 0px;
  height: auto;
}
#right .odsad h3 {
  padding-top:0;
}
#right .last_magazin h2 {
  background-image: url('layout-right-h2-actual.png');
}                             

#right .last_magazin .odsad {
  background-color: #f3f3f3;
}
#right .last_magazin ul {
  list-style-type:none;
  padding-left:0;
}
span.h2_odkaz a, span.h2_odkaz a:visited {
  margin-left:25px;
  padding:3px 5px;
  background-color:#6d8594;
  color:white;
  font-weight:bold;
  font-size:12px;
}
body.layout_red span.h2_odkaz a, body.layout_red span.h2_odkaz a:visited {  background-color:#972428; }

span.odkaz_videa a, span.odkaz_videa a:visited {
  margin-left:90px;
}
span.h2_odkaz a, span.h2_odkaz a:visited {
  color:white;
}
div.last_magazin div.image {
  width:130px;
  float:right;
  margin:0 10px 20px 10px;
}
div.last_magazin div.content ul li {
  padding:0 15px 10px 0;
}
div.last_magazin div.content {
  float:left;
  width:185px;
  padding-bottom:20px;
}
div.last_magazin div.content a, div.last_magazin div.content a:visited {
  color:black;
  font-weight: normal;
}
div.last_magazin div.content a.blue {
  font-weight: bold;
}

#login_form{
	width:220px;
	padding:10px;
	border:silver 1px solid;
  border-radius:4px;
	background:rgba(162, 207, 225, 0.4);
	z-index:10000;
	position:absolute;
	top:60px;
	left:50%;
	margin-left:580px;
}

#login_form h2{padding-top:0;}

#footer {
  clear:both;
  text-align:center;
  background:url(layout_footer_bg.jpg) repeat-x bottom;
  height:19px;
  width:1100px;
  margin:0 auto;
  padding-top:10px;
}

#footer p{padding: 0px; margin: 0px;}
#footer p a{font-weight:normal;}

#footer a, #footer a:visited {
  color:#00689e;
  font-weight:bold;
}
body.layout_red #footer a, body.layout_red #footer a:visited {  color:#972428; }

div.back_link a {
  color:#00aaee;
  }

a.vice, a.vice:hover, a.vice:visited {
  padding:2px 3px;
  background-color:#6D8594;
  color:white !important;
  font-weight:bold;
  font-size:12px;
}
body.layout_red a.vice, body.layout_red a.vice:hover, body.layout_red a.vice:visited {  background-color:#972428; }



/* ------------------------ CART POPUP ---------------------------- */
#kosik_info {
  position: absolute;
  top:0;
  left:0;
  visibility: hidden;
  background-color:#ff6600;
  width:180px;
  padding:35px 30px 25px 30px;
}
#kosik_info div.nadpis {
  background-color:white;
  color:black;
  font-weight: bold;
  margin-top: 0px;
  padding:5px 10px;
  font-size:18px;
}
#kosik_info .text {
  padding:10px;
  color:white;
  font-weight:bold;
}
#kosik_info a, #kosik_info a.visited {
  color:black;
}
#kosik_iframe{
	float:right;
	text-align:right;
	margin-right:40px;
}

.cart_content{
	background:none;
}

div.cart_spacer{
	text-align:right;
	padding-top:2px;
}
div.cart_spacer div.hodnota{
	float:right;
	width:120px;
	background:#eee;
	margin-right:4px;
	text-align:right;
}
div.cart_spacer div.nebold{
	font-weight:normal;
}

.search{
	width:240px;
	margin-left:50px;
	margin-top:20px;
}