body,img,h1,h2,h3,h4,h5,h6,p,form,ul,ol,li,td,th {margin:0;padding:0;}

/*******************************LAYOUT****************************************/


body{

    
    line-height: 1.3;     
    font-family: Verdana;
    font-size: 13px;
    text-align: center;
    color: #0d2b7a;
    color: black;
   
}

#wrap{
    
    
     text-align: left;
  	 width: 964px;
     margin: 0px auto;  
        
}

#left, #content, #right {
        float: left;
        position: relative;
        left: 964px;
        
        overflow: hidden;
}

.logo2 {display: block; width: 336px; height: 171px}
#header {
    position: relative;
    width: 964px;
    height: 171px;
    background: url('../img/head.jpg') top left;
}
    #cart {color: white; position: absolute; top: 10px; left: 700px;}
    #cart p {padding-bottom: 20px;}
    #cart a {text-decoration: none; color: white;}

#top {
    position: relative;
    
    width: 964px;
    height: 45px;
    background: url('../img/top.jpg') top left;

}

#left {width: 210px; margin-left: -964px;}
#content {width: 540px; margin-left: -736px;}
#right {width: 178px; margin-left: -178px;}

#footer {background: url('../img/footer.jpg') top left; width: 964px;  height: 51px; clear: both;  margin: 0 auto;}
#box-menu {width: 210px; height: 50px; background: url('../img/top_produkty.jpg') top left; }
#partners-menu {width: 210px; height: 51px; background: url('../img/top_odkazy.jpg') top left; }

#kontakty {width: 179px; height: 57px; background: url('../img/top_kontakty.jpg') top left;}
#prihlaseni {width: 179px; height: 65px; background: url('../img/top_prihlaseni.jpg') top left;}
#top-novinky {width: 179px; height: 63px; background: url('../img/top_novinky.jpg') top left;}

.box-content-left {width: 210px; background: url('../img/bg_modul.jpg') bottom left repeat-y; padding-bottom: 10px; margin-bottom: 10px; }
.box-content-right {width: 180px; background: url('../img/bg_modul2.jpg') bottom left repeat-y; padding-bottom: 10px; margin-bottom: 10px; }
/***************LAYOUT DETAIL*************************/

div#image-hlavni {
                    	float: left;
                         margin-right: 10px;
                         text-align: center;
                    	width: 277px;
                    	height: 195px;
                    	
                         
                    	position: relative;
                         overflow: hidden;
                    }
                    div#image-hlavni div {
                    	display: table-cell;
                    	vertical-align: middle;
                    	text-align: center;
                    	width: 277px;
                    	height: 195px;	
                    	
                    	_position: absolute;
                    	_height: auto;
                    	_top: 50%;
                    	_left: 50%;
                    }
                    div#image-hlavni a {
                    	background: none !important;
                    }
                    div#image-hlavni img {
                    	margin: 0;
                    	padding: 0;
                    	border:0;
                    	
                    	_top: -50%;
                    	_left: -50%;
                    	_position: relative;
                    	
                    }     

/************************************PRODUKT**********************************************************/
.product-box {float: left; width: 171px; height: 271px; margin-bottom: 10px; background: url('../img/produkt_box.gif') top left; float: left; text-align: center; margin-right: 8px; position: relative; }
.product-box div.image-product {
    
    
    margin-left: 16px;
    margin-top: 3px;
    text-align: center;
	width: 139px;
	height: 105px;
	
     
	position: relative;
    overflow: hidden;
}
                    
.product-box div.image-product div {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	width: 139px;
	height: 105px;	
	
	_position: absolute;
	_height: auto;
	_top: 50%;
	_left: 50%;
	
	&position: absolute;
	&height: auto;
	&top: 50%;
	&left: 50%;
}

.product-box div.image-product a {
	background: none !important;
}
.product-box div.image-product img {
	margin: 0;
	padding: 0;
	border:0;
	
	_top: -50%;
	_left: -50%;
	_position: relative;
	
	&top: -50%;
	&left: -50%;
	&position: relative;
	
}          

.product-box a.nazev {font-size: 13px; color: #ff6700; font-size: 13px;  }

.product-box p.popis {height: 55px; overflow: hidden; line-height: 1.3; font-size: 12px; padding: 0px 5px;}

.product-box .sleva {background: url('../img/sleva.gif') top left; width: 68px; height: 68px; position: absolute; top: 0px; left: 0px; z-index: 1; }
.product-box .sleva2 {font-size: 11px; position: absolute; top: 203px; color: blue; left: 10px;}
.product-box .skladem {position: absolute; top: 10px; left: 105px; background: url('../img/skladem.gif') top left; width: 54px; height: 16px;  }
.product-box .cena { position: absolute; top: 220px; left: 10px; font-size: 12px;}
.product-box .mnozstvi {position: absolute; top: 210px; left: 115px;}
.product-box .vice {background: url('../img/btn_vice.gif') top left; width: 48px; height: 23px; position: absolute; left: 10px; bottom: 10px;}
/*******************************nadpisy********************************************************/
h1 {color:#fc0405; font-size:22px; margin-bottom: 5px; margin-top: 5px;}
.product-box h2 a {color: #ff0000; font-size:12px; padding: 5px; padding-bottom: 0px; display: block; height: 32px; _height: 42px; overflow: hidden;}
.product-box h2 a:hover {text-decoration: none; }
h2 {font-size: 18px; color: #5800ff; clear: both;}
/******************************odstavce******************************************************/
#static-text p {padding-bottom: 10px;}
p.box-vnitrek {padding-left: 10px; padding-right: 10px; font-size: 12px;}
p.doporucujeme {font-size: 18px; color: #5800ff; margin-bottom: 5px; margin-top: 10px; clear: both;}
p.registrace {padding-left: 10px;}

p.doporucujeme a {color: #0000ff}
a img {border: none;}
a {color: red;}

a:hover {text-decoration: none;}
p.uvodni-text a {color: black; text-decoration: none;}
p.uvodni-text a:hover {color: red; text-decoration: underline;}
/*******************************MENU**************************************/
#top ul {list-style: none;  font-family: Trebuchet MS; font-size: 13px; position: absolute; top: 2px; left: 230px;}
#top ul li {background: url(../img/btn_top.gif) top left no-repeat;  float: left; width: 116px; height: 29px; margin-right: 5px; }
#top ul li a { display: block; width: 116px; height: 29px; text-align: center; vertical-align: middle; color: white; text-decoration: none;}
#top ul li a span {position: relative; top: 7px; font-weight: bold;} 
#top ul li a:hover {color: #ffff00;}

ul.menu-left {margin-left: 30px; padding-top: 10px;}
ul.menu-left li {list-style-image: url(../img/btn_arrow.gif); padding-bottom: 2px;}
ul.menu-left li a {color: black; font-weight: bold; list-style-type: url(../img/btn_arrow.gif); text-decoration: none;}
ul.menu-left li a:hover {color: #82b1e4;}

ul.submenu {margin-left: 10px; list-style: none;}
ul.submenu li {list-style-image: none;}
ul.submenu li a {color: #21b338;}
ul.submenu li a:hover {color:#fc0405;;}

.zarovnej-vlevo {float: left; width: 30px; margin-top: 10px; margin-left: 15px; display: inline;}
.zarovnej-vpravo {float: right; width: 460px;}
.cistic {clear: both;}
.upozorneni {color: red; background-color: #ffe79c; padding: 5px; border: 1px solid #ffc000;}
.upozorneni2 {color: black; background-color: #ffe79c; padding: 5px; border: 1px solid #ffc000;}
.medium {font-weight: bold; color: #5C750D}
#skryvat {margin-top: 10px; display: none;}
/******************************************FORMS***********************************************/


form.zakaznik {margin-top: 10px; margin-left: 9px; margin-bottom: 10px; }
form.zakaznik div {margin-bottom: 5px;}
form.zakaznik label {float: left; width: 150px; color: #898989;}
form.zakaznik input {background-color: white; border: 1px solid #ffc000;  width: 150px; height: 21px;  padding-top: 2px; _height: 20px;  font-size: 11px; color:#333333;}
form.zakaznik select {border: 1px solid #ffc000;  width: 150px;  padding-top: 2px; }
form.zakaznik input.submit {
        
        float: left;
        margin-right: 10px;
        width: 74px;
        height: 29px;
        color: black;
        font-weight: bold;
        display: block;
        _display: inline;
        background: url('../img/btn_login.gif') no-repeat scroll 0 0;
        cursor: pointer;
        border: 0px;
}

form.zakaznik input.odeslat {
        
        float: right;
        margin-right: 10px;
        width: 74px;
        height: 23px;
        display: block;
        _display: inline;
        background: url('../img/button_odeslat.png') no-repeat;
        cursor: pointer;
        border: 0px;
}

form.zakaznik input.smazat {
        
        float: right;
        margin-right: 10px;
        width: 74px;
        height: 23px;
        display: block;
        _display: inline;
        background: url('../img/button_smazat.png') no-repeat;
        cursor: pointer;
        border: 0px;
}

form.zakaznik input.zaslatheslo {
        
        float: right;
        margin-right: 10px;
        width: 74px;
        height: 23px;
        display: block;
        _display: inline;
        background: url('../img/button_zaslatheslo.png') no-repeat;
        cursor: pointer;
        border: 0px;
}

form.hledat { margin-left: 15px;}

form.hledat input {background: url('../img/input_bg.jpg') top left no-repeat; width: 181px;  height: 28px; border: 0px;  padding-top: 8px; padding-left: 6px; font-size: 11px; color:#333333;  }
form.hledat input.submit {
        
        position: absolute; 
        left: 180px;
        top: 0px;
        width: 28px;
        height: 28px;
        display: block;
        background: url('../img/submit.jpg') no-repeat;
        cursor: pointer;
        border: 0px;
}


form.form_product {}

form.form_product input {background: url(../img/mnozstvi_input.gif) no-repeat scroll 0 0;  width: 27px; height: 27px; padding-top: 6px;  border: 0px;   font-size: 11px; color:#333333; text-align: center; float: left; }
form.form_product input.submit {
        
        position: absolute; 
        left: 90px;
        top: 240px;
        width: 66px;
        height: 23px;
        display: block;
        background: url('../img/btn_koupit.gif') no-repeat;
        cursor: pointer;
        border: 0px;
}

form.prihlaseni {padding-top: 10px; margin-left: 9px; }
form.prihlaseni p {margin-bottom: 5px;}
form.prihlaseni label {font-weight: bold; font-size: 11px;}
form.prihlaseni input {background: url(../img/input_right.gif) top left no-repeat; border: none; width: 149px; height: 24px; padding-top: 4px; padding-left: 4px; font-size: 11px; color:#333333; }
form.prihlaseni input.submit {
        
        float: right;
        margin-right: 10px;
        width: 74px;
        height: 29px;
        display: block;
        padding-bottom: 5px;
        background: url('../img/btn_login.gif') no-repeat scroll 0 0;
        font-size: 12px;
        font-weight: bold;
        cursor: pointer;
        border: 0px;
}

form.newsletter {padding-top: 10px; margin-left: 9px; }


form.newsletter input {background: url(../img/input_right.gif) no-repeat scroll 0 0; border: none;  width: 149px; height: 24px; padding-top: 4px; padding-left: 4px;   font-size: 11px; color:#333333;}
form.newsletter input.pridat {
        
        float: left;
        margin-top: 5px;
        width: 74px;
        font-family: "Arial CE";
        color: black;
        font-weight: bold;
        font-size: 12px;
        padding-bottom: 5px;
        height: 29px;
        display: block;
        background: url('../img/btn_login.gif') no-repeat scroll 0 0;
        cursor: pointer;
        border: 0px;
}

form.newsletter input.odebrat {
        
        float: left;
        margin-top: 5px;
        margin-left: 10px;
        width: 74px;
        font-family: "Arial CE";
        color: black;
        font-weight: bold;
        font-size: 12px;
        padding-bottom: 5px;
        height: 29px;
        display: block;
        background: url('../img/btn_login.gif') no-repeat scroll 0 0;
        cursor: pointer;
        border: 0px;
}

form.kosik {; margin-top: -3px;}

form.kosik input {background: url(../img/mnozstvi_input.gif) no-repeat scroll 0 0;  width: 27px; height: 27px; padding-top: 6px;  border: 0px;   font-size: 11px; color:#333333; text-align: center; float: left; }
form.kosik input.submit {
        
       
        margin-right: 5px;
        padding-bottom: 8px;
        width: 74px;
        height: 29px;
        color: black;
        font-weight: bold;
        display: block;
        _display: inline;
        background: url('../img/btn_login.gif') no-repeat scroll 0 0;
        cursor: pointer;
        border: 0px;
}

.detail_line {background: url('../img/detail_line.jpg') top left no-repeat; width: 250px; height: 32px; float: right;}

#sort {background: url('../img/pathway.gif') top left; width: 541px; height: 41px; margin-bottom: 10px; vertical-align: center; }
#sort a {color: white;}
#sort p {padding: 2px 5px;}
table {font-size: 12px;}
.katalog-total {float: right; margin-right: 5px; margin-top: 20px; font-size: 11px;}
.kosik_bottom {background: url('../img/kosik_bottom.jpg') top left; width: 524px; height: 83px;}

table.kosik_table {width: 100%; border-collapse: collpse;}
table.kosik_table td.cart-mnozstvi {background-color: #ffd552;}
table.kosik_table td {padding: 5px;}

table.order-thumb {border-collapse: collapse;}
table.order-thumb tr td.center {
background: #FEB012 url(http://kids-dev/images/objednavka_top.gif) repeat-x scroll 0 0;
color:#FFFFFF;
font-weight:bold;
height:30px;
text-align:center;
}
table.order-thumb tr td.center {
border:1px dotted #223871;
}
table.order-thumb tr td {
background:#FCD35D none repeat scroll 0 0;
}
td.center {
}
.order-thumb td {
}

p.info {padding-bottom: 5px; font-size: 12px;}

/*****************************************************LISTA*******************************************************/
/*****************************************************LISTA*******************************************************/

#masanta {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height:33px;
    background: url('../img/bg_lista.png') top left repeat-x;
    margin: 0px auto;
}

div#eshops {float: left; text-align: left; margin-left: 10px; margin-top: 3px; font-size: 11px; color: white; line-height: 1;}
div#eshops a {color: white; text-decoration: none;}

ul#odkazy {list-style: none;  margin-top: 3px; font-family: Verdana; float: right;}
ul#odkazy li {display: inline; padding-left: 30px; float: left;}
ul#odkazy li a {color: #dedede; text-decoration: none; float: left; display: block;}
ul#odkazy li a:hover {color: white; text-decoration: none;}

ul#odkazy li a.namaste {background: url('../img/lista/ico_namaste_off_03.png') center left no-repeat; padding-left: 30px; padding-top: 4px; padding-bottom: 6px;}
ul#odkazy li a.namaste:hover {background: url('../img/lista/ico_namaste_on_03.png') center left no-repeat; padding-left: 30px; padding-top: 4px; padding-bottom: 6px;}

ul#odkazy li a.zerty {background: url('../img/lista/ico_zerty_off_03.png') center left no-repeat; padding-left: 30px; padding-top: 4px; padding-bottom: 6px;}
ul#odkazy li a.zerty:hover {background: url('../img/lista/ico_zerty_on_03.png') center left no-repeat; padding-left: 30px; padding-top: 4px; padding-bottom: 6px;}

ul#odkazy li a.mece {background: url('../img/lista/ico_mece_off_03.png') center left no-repeat; padding-left: 30px; padding-top: 4px; padding-bottom: 6px;}
ul#odkazy li a.mece:hover {background: url('../img/lista/ico_mece_on_03.png') center left no-repeat; padding-left: 30px; padding-top: 4px; padding-bottom: 6px;}

ul#odkazy li a.sporter {background: url('../img/lista/ico_sporter_off_03.png') center left no-repeat; padding-left: 30px; padding-top: 4px; padding-bottom: 6px;}
ul#odkazy li a.sporter:hover {background: url('../img/lista/ico_sporter_on_03.png') center left no-repeat; padding-left: 30px; padding-top: 4px; padding-bottom: 6px;}

ul#odkazy li a.vseza99 {background: url('../img/lista/ico_vseza99_off_03.png') center left no-repeat; padding-left: 30px; padding-top: 4px; padding-bottom: 6px;}
ul#odkazy li a.vseza99:hover {background: url('../img/lista/ico_vseza99_on_03.png') center left no-repeat; padding-left: 30px; padding-top: 4px; padding-bottom: 6px;}

ul#odkazy li a.kids {background: url('../img/lista/ico_kids_off_03.png') center left no-repeat; padding-left: 30px; padding-top: 4px; padding-bottom: 6px;}
ul#odkazy li a.kids:hover {background: url('../img/lista/ico_kids_on_03.png') center left no-repeat; padding-left: 30px; padding-top: 4px; padding-bottom: 6px;}

#stred {text-align: center; width: 1000px;  margin: 0 auto;}
img.logo {float: left; margin-top: 2px;}
a img.logo {border: none;}

.fb_like { clear: both; float:left; margin-bottom: 15px;}
.tweet_button {float: left; margin-bottom: 15px;}

#navigace {font-size: 11px; color: gray;}