/*	---------------------------------------------------------------------------------------
	Obchodní dum praha

	Description:		Basic styles and layout
	Media:				screen, projection
	Datum:				04. 03. 2010
	Author:				Martin Jemelka (http://www.europemc.cz/)
	---------------------------------------------------------------------------------------*/
    @import url("./reset.css");

/*	---------------------------------------------------------------------------------------
	Basic styles
	---------------------------------------------------------------------------------------*/
    
    body { padding: 33px 0 0 0; margin: 0 auto; background: #FFFFFF url(../images/body-bg.png) repeat-x left top; width: 1000px; font-family: Arial; font-size: 0.75em; position: relative; }

/*	---------------------------------------------------------------------------------------
	Layout
	---------------------------------------------------------------------------------------*/
    
    /* Header -------------------------------------------------------------------------------*/

    #topLeftMenu{ left 0; }
    
    #topRightMenu{ right: 0; }
        #topRightMenu a{ font-weight: bold; }

    p.topMenu{ padding: 0; color: #FFFFFF; word-spacing: 0.8em; font-size: 0.9em; line-height: 33px; position: absolute; top: 0; }
    p.topMenu a{ color: #FFFFFF; word-spacing: 0 }

        /* Logo -------------------------------------------------------------------------------*/
        h1 { clear: both; padding: 27px 0; float: left; width: 429px; }
        h1 a { display: block; width: 0px; height: 78px; background: url(../images/logo.png) no-repeat left top; overflow: hidden; padding-left: 429px; }

        /* Košík -------------------------------------------------------------------------------*/
        ul#menuKosik { margin: 0; padding: 25px 0 0 0; list-style: none; float: right; font-size: 0.9em; }
            ul#menuKosik li { width: 70px; height: 23px; line-height: 23px; background-repeat: no-repeat; background-position: left top; text-align: right; padding-right: 16px; margin-bottom: 7px; }
            ul#menuKosik li.prihlasit{ background-image: url(../images/kosik-menu/prihlasit.png); }
            ul#menuKosik li.registrace { background-image: url(../images/kosik-menu/registrace.png); }
            ul#menuKosik li.heslo { background-image: url(../images/kosik-menu/heslo.png); }
            ul#menuKosik a{ color: #FFFFFF; }

        dl#kosik{ margin: 10px 0 0 0; padding: 10px; float: right; width: 275px; height: 87px; background-image: url(../images/kosik-menu/bg.png); background-repeat: no-repeat; background-position: left top; color: #FFFFFF; font-size: 1.2em; }
            dl#kosik dt,dd{ float: left; padding: 0; margin: 0 0 5px 0; }
            dl#kosik dt { clear: left; width: 165px; padding-top: 0.25em; }
            dl#kosik dd { font-size: 1.2em; font-weight: bold; } 
            dl#kosik .odkazy { font-size: 0.8em; font-weight: normal; padding: 11px 0 0 0; }
            dl#kosik .odkazy a { display: block; color: #FFFFFF; height: 23px; line-height: 23px; text-align: center; background-repeat: no-repeat; background-position: left top; }
        
        #kosik .cena{ color: #BAE11E; }
        #obsahKosiku { width: 138px; background-image: url(../images/kosik-menu/zobrazit.png); }
        #vyprazdnitKosik { width: 108px; background-image: url(../images/kosik-menu/vyprazdnit.png); }

#content{
	clear: both;
	background: #FFFFFF url(../images/content-bg.png) no-repeat left top;
	padding: 10px;
}

#videoMonitor{
	width: 252px;
	height: 189px;
	background-image: url(../images/monitor.jpg);
	padding: 7px 8px 49px 9px;
}

#menu{
	list-style: none;
	margin: 0;
	padding: 0;
	height: 131px;
    overflow: hidden;
}

#menu li{
	width: 86px;
	height: 131px;
	float: left;
	margin-left: 3px;  
	background-repeat: no-repeat;
	background-position: left bottom;
}

#menu:first-child{
	margin-left: 0;
}

#menu li a{
	width: 86px;
	height: 131px;
	text-align: center;
	display: block;
	background-image: url(../images/menu/top.png);
	background-position: left top;
	background-repeat: no-repeat;
	font-weight: bold;
	color: #FFFFFF;
	font-size: 0.9em;
	line-height: 1.2em;
}

#menu li a:hover,#menu li a.active{
	background-position: -86px top;
    color: white;
}

#menu li a span{
	width: 86px;
	height: 31px;
	text-align: center;
	display: table-cell;
	vertical-align: middle;
}

#menu li a:hover {
	text-decoration: none!important;
}
#menu .menuIcon {
    border: 1px solid #e1e1e1; height: 98px; width: 84px; overflow: hidden;
}
#search{
	clear: both;
	margin: 15px 0;
	padding: 9px 0;
	background-image: url(../images/search.png);
	height: 22px;
}

#search p{
	padding: 0;
}

#search input,#search select{
	height: 20px;
	border: 1px solid #BABCC1;
	margin: 0;
	padding: 0 0 0 2px;
	display: block;
	float: left;
}

#search select{
	width: 180px;
}

#search input{
	width: 295px;
}

#search label{
	display: block;
	float: left;
	height: 22px;
	background-position: right top;
	background-repeat: no-repeat;
}

#vyhledatLab{
	background-image: url(../images/vyhledavani/vyhledat.png);
	overflow: hidden;
	width: 0;
	padding-left: 300px;
}


#kdeLab{
	background-image: url(../images/vyhledavani/kde.png);
	overflow: hidden;
	width: 0;
	padding-left: 100px;
}

#search button{
	width: 80px;
	background: none;
	border: none;
	background-image: url(../images/vyhledavani/submit.png);
	height: 22px;
	float: left;
}

#search button span{
	display: none;
}
.kategorieUser { padding: 10px 0 5px 0; list-style: none; }
.kategorieUser li { margin: 0 0 0 15px; }
#leva{
	width: 172px;
	float: left;
	margin-bottom: 25px;
}

#leva .listButton{
	display: block;
	border: 1px solid #E8E8E8;
	height: 23px;
	line-height: 23px;
	text-align: center;
	border-bottom: 1px solid #B5BCC4;
	background: url(../images/leva/but-normal.png) repeat-x left 1px;
	float: left;
	width: 84px;
	font-weight: bold;
	color: #666666;
}

#leva .listButton span{
	display: block;
	border: 1px solid #FFFFFF;
	height: 21px;
	line-height: 21px;
	text-align: center;
	font-weight: bold;
}

#leva .activeButton{
	background-image: url(../images/leva/but-active.png);
	background-color: #FFFFFF;
	border: 1px solid #B5BCC4;
	border-bottom: 1px solid #FFFFFF;
	height: 23px;
	color: #FFFFFF;
	
}

#menuNabidky{
	background: url(../images/leva/nabidky-bg.jpg) no-repeat left top;
	margin: 10px 0 0 0;
	padding: 10px;
	list-style: none;
}

#menuNabidky li{
	background: url(../images/leva/nabidka-odrazka.gif) no-repeat left center;
	margin: 0;
	padding: 4px 0 4px 23px;
}

#menuNabidky li a{
	font-weight: bold;
	color: #FFFFFF;
}

#leva .dokola{
	border: 1px solid #B5BCC4;
	border-top: none;
    padding: 0 0 0 5px;
}

#leva h4{
	margin-top: 10px;
	padding: 5px 10px;
	border: 1px solid #B5BCC4;
	background-color: #F7F7F7;
}

ul.ostatni{
	margin: 0;
	padding: 10px 0 5px 10px!important;
	list-style: none;
}

ul.ostatni li{
	background-image: url(../images/leva/ostatni-odrazka.gif);
	background-repeat: no-repeat;
	background-position: left 60%;
	padding-left: 10px;
	line-height: 1.3em;
}

#obsah{
	float: left;
	width: 789px;
	padding-left: 19px;
}

#obsah h2{
	color: #515559;
	margin-bottom: 15px;
	font-size: 2.5em;
}

#obsah h2.normal{
	color: #515559;
	margin-bottom: 5px;
	font-size: 1.2em;
}

#buttons{
	margin-left: -5px;
	padding-bottom: 15px;
	height: 19px;
}

#buttons a{
	display: block;
	background: url(../images/num-buttons.png) no-repeat -96px top;
	width: 96px;
	height: 19px;
	line-height: 19px;                             
	text-align: center;
	font-weight: bold;
	float: left;
	margin-left: 5px;
}

#buttons a:hover,#buttons a.active{
	background-position: left top;
	color: #FFFFFF;
	text-decoration: none;
}


.velkaReklama{
	clear: both;
	width: 740px;
	margin: 10px auto;
}

.velkaReklama small{
	color: #B7BEC5;
	background: url(../images/reklama.gif) no-repeat left center;
	padding-left: 13px;
}

.novinkyProdukty{
	width: 385px;
	padding-left: 5px;
	font-size: 1.1em;
	float: left;
	padding-bottom: 25px;
}

.novinkyProdukty img{
	float: left;
}

.novinkyProdukty h3,.novinkyProdukty p{
	margin-left: 130px; 	
}

.novinkyProdukty h3{
	font-size: 1em;
	color: #1C4F91;
}

.novinkyProdukty p a.vice{
	padding-left: 10px;
	line-height: 2em;
	background-image: url(../images/prehled-li.gif);
	background-repeat: no-repeat;
	background-position: left center;
	text-decoration: underline;
}

.novinkyProdukty p a:hover.vice{
	text-decoration: none;
}

.tretina{
	float: left;
}

.produktShow{
	border: 1px solid #B7BEC5;
	width: 243px;
	text-align: center;
	padding: 10px 0;
}

.produktShow p{
	line-height: 1.7em;
	color: #565656;
}

.produktShow p a{
	display: block;
	width: 141px;
	height: 23px;
	line-height: 23px;
	margin: 5px auto;
	background-image: url(../images/detail-bg.png);
	color: #FFFFFF;
}

.produktShow .nase{
	color: #CC0000;
    font-size: 14pt;
}

#showcase{
	border: 1px solid #B5BCC4;
	padding: 0;
    margin: 0 0 0 0;
	position: relative;
	height: 160px;
	width: 788px;
}

#showcase .wrapper{
	margin: 0px 50px;
    min-height: 10em;
    overflow: auto;
    position: absolute;
    top: 0px;
    width: 688px;
}

#showcase h3{
	font-size: 1em;
}

#showcase ul{
	padding: 0;
	margin: 0!important;
	list-style: none;
	height: 160px;
	width: 9999px;
}

#showcase li{
	float: left;
	height: 160px;
	width: 172px;
	text-align: center;
    position: relative;
    display: table-cell;
}

#showcase li a.img {
	height: 110px;
	width: 172px;
    vertical-align: bottom;
    display: table-cell;
}

#showcase li img {
	vertical-align: middle;
}
#showcase li h3{
    width: 152px;
    height: 40px;
    padding: 0 10px;
	position: absolute;
    bottom: 0;
    text-align: center;
}
#showcase .arrow{
	background: no-repeat left top;
	position: absolute;
	display: block;
	width: 34px;
	height: 85px;
	text-indent:-9999px;
	cursor: pointer;
}

#showcase .back{
	left: 10px;
	top: 35px;
	background-image: url(../images/doleva.gif);
}

#showcase .forward{
	right: 15px;
	top: 35px;
	background-image: url(../images/doprava.gif);
}

.box{
	border: 1px solid #B5BCC4;
	background-color: #F7F7F7;
	text-align: left;
	padding: 10px;
	/*word-spacing: 0.8em; */
	margin-bottom: 25px;
}

.box a{
	color: #174380;
	text-decoration: underline;
	word-spacing: 0;
}

.box a:hover{
	text-decoration: none;
}

.tag2{
	font-size: 1.2em;
}

.tag3{
	font-size: 1.3em;
	font-weight: bold;
}

.prehled{
	border-top: 1px solid #B5BCC4;
	width: 255px;
	float: left;
	padding-top: 10px;
	padding-bottom: 25px;
}

.prehled img{
	float: left;
	margin: 0 auto;
}


.prehled h2,.prehled ul{
	float: right;
	padding: 0;
	margin: 0;
	margin-right: 10px;
	width: 115px;
}

.prehled h2{
	font-weight: normal;
	text-align: left;
	
}

.prehled ul{
	list-style: none;
}

.prehled ul li{
	padding-left: 10px;
	background: url(../images/prehled-li.gif) no-repeat left center;
}




#paticka{
	border-top: 1px solid #CCCCCC;
	background-repeat: no-repeat;
	background-position: left 1px;
	background-image: url(../images/paticka-bg.png);
	clear: both;
	margin-top: 25px;
	padding: 20px 0 0 0;
	text-align: center;
	color: #1C4F91;
	word-spacing: 0.8em;
}

#paticka a{
	text-decoration: underline;
	color: #1C4F91;
	word-spacing: 0;
}

#paticka a:hover{
	text-decoration: none;
}

#podPatickou{
	color: #515559;
	text-align: center;
	padding: 10px 0;
}

#podPatickou strong{
	color: #333333;
}

#podPatickou strong span{
	color: #FF9900;
}

.reklamyPrava{
	float: right;
	width: 268px;
}

.reklamyPrava img{
	margin-bottom: 10px;
}

.clear{
	clear: both;
}

.clearL{
	clear: left;
}

.marRight10{
	margin-right: 10px;
}

.zelena{
	color: #4F8B10;
}

.marRight30{
	margin-right: 30px;
}

#platby{
	clear: both;
	padding: 10px 0;
	text-align: center;
	border: 1px solid #B5BCC4;
}

#reklamy{
	position: absolute;
	right: -130px;
	width: 120px;
	top: 210px;
}

#reklamy img{
	margin-bottom: 10px;
}


#drobky{
	background-color: #EEEEEE;
	height: 24px;
	line-height: 24px;
	padding: 0 0 0 5px;
	margin: 0 0 10px 0;
	word-spacing: 0.5em;
}

#drobky a{
	color: #666666;
	word-spacing: 0;
	text-decoration: underline;
}

#drobky a:hover{
	text-decoration: none;
}

#drobky a.actual{
	font-weight: bold;
	text-decoration: none;
}

#drobky a.actual:hover{
	font-weight: bold;
	text-decoration: underline;
}

.center{
	text-align: center;
}

.borderTopBottom{
	border-top: 1px solid #B3B3B3;
	border-bottom: 1px solid #B3B3B3;
}

.overview{
	width: 260px;
	float: left;
	padding: 10px 0;
	text-align: center;
}

#obsah .overview h2{
	text-align: center;
	color: #1C4F91;
	font-size: 1.2em;
	font-weight: bold;
}

#obsah .overview img{
	margin: 0 auto;
}

#obsah .overview ul{
	text-align: left;
	margin: 0 0 0 40px;
	list-style: none;
	font-size: 0.9em;
	line-height: 1.5em;
}

#obsah .overview ul li{
	background: url(../images/overview-li.gif) no-repeat left center;
	padding-left: 10px;
}

#obsah .overview a{
	color: #4D4D4D;
}

#napisteNam{
	margin: 20px 0 10px 0;
	border: 1px solid #B1B6BA;
	padding: 0;
	color: #333333;
}

#napisteNam fieldset{
	border: 1px solid #FFFFFF;
	margin: 0;
	position: relative;
	padding: 0 20px 10px 20px;
	background: #E1ECF5 url(../images/napiste-nam.jpg) no-repeat 5px 5px;
}

#napisteNam legend{
	position: absolute;
	top: 5px;
	left: 75px;
	font-weight: bold;
	font-size: 2em;
	border: none;
	background: none;
}

#napisteNam p{
	margin: 0;
	padding: 40px 0 0 75px;
	text-align: justify;
}

#napisteNam a{
	color: #333333;
	text-decoration: underline;
}

#napisteNam a:hover{
	text-decoration: none;
}

#napisteNam input.submit{
	border: none;
	background: url(../images/napiste-submit.png) no-repeat;
	color: #FFFFFF;
	width: 68px;
	height: 23px;
	padding: 0;
	line-height: 20px;
	margin-right: 15px;
}

#napisteNam textarea{
	width: 625px;
	margin: 0 0 0 2px;
	border: 1px solid #ABADB3;
	height: 50px;
}


#filtr{
	margin: 0 0 10px 0;
	padding: 40px 0 0 0;
	width: 100%;
	color: #333333;
}

#filtr fieldset{
	background-color: #F7F7F7;
	border: 1px solid #B5BCC4;
	margin: 0;
	position: relative;
}

#filtr input{
	display: block;
	float: left;
	margin: 2px 10px;
}

#filtr label{
	display: block;
	float: left;
	line-height: 20px;
	width: 220px;
}

#filtr label.active{
	font-weight: bold;
}

#filtr input.submit{
	float: none;
	border: none;
	background: url(../images/filtr-submit.png) no-repeat;
	display: inline;
	color: #FFFFFF;
	width: 108px;
	height: 23px;
	font-size: 0.5em;
}

#filtr legend{
	font-size: 2em;
	font-weight: bold;
	position: absolute;
	top: -40px;
	left: -5px;
	border: none;
	background: none;
}

.a{
font-size: 24px;
}

hr{
	color: #AFB9C5;
	background-color: #AFB9C5;
	border: none;
	height: 1px;
}

hr.tlusta{
	height: 3px;
}

.detailImg{
	float: left;
	width: 200px;
	text-align: center;
}

.detailImgs{
	float: left;

}

div.detail{
	width: 570px;
	float: right;
	color: #333333;
}

dl.detail{
	margin: 0;
	padding: 10px 0;
}

dl.detail dt,dl.detail dd{
	float: left;
	line-height: 14px;
}

dl.detail dt{
	width: 135px;
	clear: left;
}

dl.detail dt.posl{
	padding-bottom: 10px;
}

dl.detail dd{
	width: 150px;
}

.detail form{
	float: right;
	width: 222px;
}

.detail a{
	font-weight: bold;
	color: #174380;
	text-decoration: underline;
}

.detail a:hover{
	text-decoration: none;
}

.detail fieldset{
	border: none;
	padding: 15px 0 0 0;
	margin: 0;
	background: url(../images/detail/cart-form.png) no-repeat left top;
	height: 105px;
	text-align: center;
}

.detail label{
	font-weight: bold;
	font-size: 1.2em;
	color: #174380; 
}

.detail .submit{
	width: 184px;
	margin: 10px 0 0 0;
	padding: 0 0 0 42px;
	border: none;
	background: url(../images/detail/submit.png) no-repeat left top;
	color: #FFFFFF;
	font-weight: bold;
	height: 36px;
	line-height: 36px; 
}

.button-detail {
  width: 184px;
	margin: 20px 0 0 0;
	margin-left:19px;
	
	padding: 0 0 0 42px;
	border: none;
	background: url(../images/detail/submit.png) no-repeat left top;
	color: #FFFFFF;
	font-weight: bold;
	height: 36px;
	line-height: 36px; 
}

.neplati{
	text-decoration: line-through;
}

.technicke{
	line-height: 1.5em;
}

#obsah .detail h2{
	color: #174380;
	font-size: 1.6em;
	font-weight: normal;
}

.detail .hodnoceni{
	color: #174380;
}

.detail .hodnoceni img{
	vertical-align: text-bottom;
}

.naseCena{
	color: #4185CF;
	font-size: 1.5em;
}

.sleva{
	color: #FF0000;
}

.skladem{
	color: #174380;
}

.cena{
	color: #cc0000;
}

.product{
	width: 175px;
	float: left;
	padding: 10px;
	text-align: center;
	position: relative;
}

td.product{
	float: none;
}

.product a{
	text-decoration: underline;
	color: #3A66A0;
}

.product a:hover{
	text-decoration: none;
}

.product .compare{
	position: absolute;
	top: 0;
	right: 0;
}

.product .productImage{
	display: block;
	height: 150px;
}

.product h3{
	font-size: 1.1em;
	display: block;
	height: 3.5em;
}

.product h3 a{
	text-decoration: none;
}

.product h3 a:hover{
	text-decoration: underline;
}

.product a.image{
	display: block;
	padding: 10px 0;
}

.product a.cart{
	display: block;
	width: 97px;
	height: 23px;
	line-height: 23px;
	color: #FFFFFF;
	padding-left: 24px;
	text-decoration: none;
	margin: 5px auto;
	background-image: url(../images/do-kosiku.png);
	font-weight: bold;
}

.pager{
	clear: both;
	text-align: right;
	border: 1px solid #2271B3;
	padding: 5px 8px;
}

.pager a{
	color: #4185CF;
}

.pager span{
	word-spacing: 0.5em;
}

.pager span.order{
	float: left;
	word-spacing: 0;
}

.pager .active{
	font-weight: bold;
}

.pager strong.active{
	font-size: 1.2em;
}

.filtering{
	clear: both;
	text-align: left;
	border: 1px solid #2271B3;
	border-top: none;
	padding: 5px 8px;
	background-color: #E6F5FF;
	margin-bottom: 10px;
}

.filtering a{
	color: #4185CF;
}
.filtering span{
	word-spacing: 0.5em;
}

.filtering .active{
	font-weight: bold;
}

.form fieldset{
    border: none;
	margin: 10px 0 10px 0;
    float: left;
    width: 100%;
}

.form legend{
	background-color: #7A9DC4;
	display: block;
	color: #FFFFFF;
	width: 100%;
	background-image: url(../images/legend-r-bg.png);
	background-repeat: no-repeat;
	background-position: right top;
	padding: 0;
	border: 0;
	margin: 0 0 10px 0;
    float: left;
}

.form legend span{
	display: block;
	height: 30px;
	line-height: 30px;
	padding-left: 10px;
	background-image: url(../images/legend-l-bg.png);
	background-repeat: no-repeat;
	background-position: left top;
}

.form input,.form select,.form textarea{
	border: 1px solid #C2C2C2;
}

.form dl{
	float: left;
}

.form dt{
	float: left;
    text-align: right;
	width: 140px;
    margin: 5px;
}

.form dd{
	float: left;
	width: 230px;
    margin: 5px;
}

p.submit{
    text-align: center;
	margin: 0 0 15px 0;
}
.inquiries_bar_clr1 {
    background: red;
}
.inquiries_bar_clr2 {
    background: blue;
}
.inquiries_bar_clr3 {
    background: green;
}
.inquiries_bar_clr4 {
    background: silver;
}
.inquiries_bar_clr5 {
    background: black;
}

#indexFlashBanner { margin: 0 0 10px 0; }
.indexActionProducts {  }
table.cart th { background-color: silver; border-left: 1px solid white; padding: 10px;}
table.cart td { background-color: #f0f0f0; border-left: 1px solid white; border-bottom: 1px solid white; padding: 5px 10px; }
.btn { cursor: pointer; padding: 5px 8px; margin: 0 5px 0 0; background: #4185cf; color: white; }
.btn:hover { cursor: pointer; background: #326cab; color: white; }
#obsah p {/* padding-left: 10px!important;*/}
#obsah ul { margin: 0 0 10px 30px; }
#obsah ol { margin: 0 0 10px 30px; }
#obsah h4 { margin: 0 0 0 10px; }