/* vsetky styly okrem obsahovej casti a modulov */

/* prelinkovanie na styly pre moduly */
@import url(modules.css);



  body {background: url(../images/bg_body2.jpg) repeat-x top left; color: #4c4c4c; margin: 0px; padding: 0px; font-family:Arial, Helvetica, sans-serif; font-size: 12px}
/*  VIANOCE
body {background: url(../images/vianocebg2.jpg) no-repeat center top; color: #4c4c4c; margin: 0px; padding: 0px; font-family:Arial, Helvetica, sans-serif; font-size: 12px}
 */
p { padding: 3px 0px 3px 0px; margin:0px;}
#text-content p{padding: 0px; margin:0px;}

a { color: #033976}
a:link, a:visited { text-decoration: underline}
a:hover { text-decoration: none}

a img { border: 0px none}

input, select, textarea {color: #4c4c4c; font-family:Arial, Helvetica, sans-serif; font-size: 12px}

form { padding: 0px; margin: 0px}

h1 { color: #033e78; font-size: 18px; margin: 15px 0px 15px 0px; padding: 0px 0px 5px 0px; border-bottom: #d9d9d9 1px solid}
h2 { color: #033e78; font-size: 16px; margin: 15px 0px 15px 0px; padding: 0px 0px 5px 0px; border-bottom: #d9d9d9 1px solid}
h3 { color: #033e78; font-size: 14px; margin: 15px 0px 15px 0px; padding: 0px 0px 5px 0px; border-bottom: #d9d9d9 1px solid}


#container { width: 958px; margin: 0px auto; overflow: hidden}
#top-menu { padding: 20px 4px 0px; height:92px; _overflow:hidden;}

#logo { width: 152px; height: 65px; float: left; padding-top: 10px}
#menu { width: 446px; float: left; padding-left: 20px; padding-top: 25px}
#top-menu ul { padding: 0px; margin: 0px; list-style: none; float: left; height: 24px; display: block; overflow:hidden}
#top-menu li {display: block; float: left; margin: 0px; padding: 0px 0px 13px 15px; list-style: none; background: url(../images/tabs/bg_tab_left.jpg) no-repeat top left; height: 24px;}
#top-menu li.hoverli { background: url(../images/tabs/bg_tab_left-hover.jpg) no-repeat top left;}
#top-menu li a, #menu li a:link, #menu li a:visited { background: url(../images/tabs/bg_tab_right.jpg) no-repeat top right; padding: 7px 13px 0px 4px; height:15px; display: block; _display:inline-block; color: #4c4c4c; text-decoration: none;}
#top-menu li a:hover, #menu li a.veryspec { background: url(../images/tabs/bg_tab_right-hover.jpg) no-repeat top right!important; color: #4c4c4c; text-decoration: none;}

#top-menu ul#langs { padding-left: 0px; margin-top: 7px; float:right; padding-right:15px;}
#top-menu ul#langs li { padding: 0px 2px 0px 2px; background: none}
#top-menu ul#langs li a {background: none!important; padding: 0px; font-size:11px;}
#top-menu ul#langs li a:hover { text-decoration: underline; background: none!important}
#top-menu ul#langs li.sel a{font-weight: bold;}
#top-menu ul#langs li.sel a:hover{text-decoration:none; cursor:text;}

#search { float: right; width:332px;}
#lienka {float: left; width: 71px; padding-right: 5px; border-right: 1px solid #c3d8e9;}
#input-holder { float: right; padding-left:15px; width:240px;}

#content-container {width:950px; border: 4px #FFFFFF solid; border-top:none; border-bottom:none;}

.breaker { clear: both; margin: 0px; padding: 0px; font-size:0px; line-height:0px;}

#content-holder{width:950px; border-top:9px solid #FFFFFF;}

#flash-holder{height:214px; width:950px; padding:0px; margin:0px; overflow:hidden; background-color:#FFFFFF;}

.index-box { width: 314px; float: left; border-right:4px solid #FFFFFF; _overflow:hidden;}
.index-box h2 { border:none; color: #043c77; font-size: 14px; display:none;}
.index-box div.title{height:26px;margin: 0px; padding: 0px 9px;}
.index-box div.title img{padding:0px;}
.index-box#back1 .title{background-color: #cfdbe0;}
.index-box#back2 .title{background-color: #dae3e7;}
.index-box#back3 .title{background-color: #dfe7eb;}

#lajna-titulka{height:4px;}
#lajna-titulka div{height:4px; width:313px; margin-right:4px; float:left; font-size:0px;}
#lajna-titulka div.bottom1{background-color:#cfdbe0;}
#lajna-titulka div.bottom2{background-color:#dae3e7;}
#lajna-titulka div.bottom3{background-color:#dfe7eb; margin-right:0px;}

.index-box img{padding-top:4px;}

.index-box ul { margin: 0px; padding: 0px; padding-left:7px; padding-top:11px;}
.index-box ul li { list-style: none; margin: 0px; padding: 0px; padding-bottom:9px; background: url(../images/arrow_boxes.jpg) no-repeat 0px 3px; padding-left: 13px}
.index-box ul li a{color:#4c4c4c; text-decoration:none!important; font-size:12px;}
.index-box ul li a:hover{text-decoration:underline!important;}



#menu-content-holder { width: 705px; float: left; overflow: hidden; background-color: #FFFFFF}
#menu-content-holder2 { width: 949px; float: left; overflow: hidden; background-color: #FFFFFF}
#left-menu { width: 170px; float: left}
#text-content { width: 515px; float: right; padding: 0px 10px 0px 10px;
	height: expression( this.scrollHeight < 234 ? "233px" : "auto" ); /* sets min-height for IE */
	min-height: 233px; /* sets min-height value for all standards-compliant browsers */
}

#text-content2 { width: 769px; float: right; padding: 0px 0px 0px 10px;
	height: expression( this.scrollHeight < 234 ? "233px" : "auto" ); /* sets min-height for IE */
	min-height: 233px; /* sets min-height value for all standards-compliant browsers */
}


#menu-start { background-color: #eef2f4; margin-bottom: 15px; width:170px;}
#menu-start .head { font-size: 18px; padding: 6px 8px 6px 8px; color: #033e78;border-bottom: 1px #D9D9D9 solid;}
#menu-start ul { margin: 0px; padding: 0px; list-style: none;}
#menu-start li { list-style: none;  margin:0px; padding: 0px; width:170px; float:left;}
#menu-start li a { color: #3c7aae; text-decoration: none; padding: 5px 0px 5px 0px; display: block}
#menu-start li a:link, #menu-start li a:visited { 
	background: url(../images/arrow_left-menu.jpg) no-repeat 8px 8px #eef2f4; 
	padding: 5px 0px 5px 16px; 
	display: block;
	color: #3c7aae; 
	text-decoration: none;
	border-bottom: 1px #D9D9D9 solid; 
	}
#menu-start li a:hover, #menu-start li a.selected { 
	text-decoration:none;
	background: url(../images/tabs/arrow.gif) no-repeat 8px 9px #eef2f4; 
}
#menu-start li.lvl2 a { border:none;
	
	}
#menu-start li.lvl2 a:link, #menu-start li.lvl2 a:visited {  
border:none; text-decoration:none;
	}
#menu-start li.lvl2 a:hover { 
border:none; text-decoration:underline;
}
#menu-start li.lvl2 a.selected { 
font-weight:bold; border:none; text-decoration:none;
}

#breadcrumb {background-color: #eef2f4; padding: 5px}
#breadcrumb ul { padding: 0px; margin: 0px; list-style: none}
#breadcrumb li { margin: 0px; padding: 0px; list-style: none; float: left; display: block; padding-right: 10px}
#breadcrumb li a, #breadcrumb li span { background: url(../images/arrow_breadcrumb.jpg) no-repeat 0px 4px; padding-left: 10px; color:#033a76}
#breadcrumb li a:link, #breadcrumb li a:visited { text-decoration: none}
#breadcrumb li a:hover { text-decoration: underline}





#shop-box { width: 244px; float: right; margin-bottom: 10px}
#shop-box-top { background: url(../images/shop-box-top.jpg) no-repeat top left; height: 54px; overflow: hidden}
#shop-box-top-cz { background: url(../images/shop-box-top-cz.jpg) no-repeat top left; height: 54px; overflow: hidden}
#shop-box-boxy { border-left: 1px #d9d9d9 solid; border-right: 1px #d9d9d9 solid; padding: 5px}
#shop-box-boxy h3 {color: #474747; padding: 0px 0px 5px 0px; margin: 0px; border-bottom: 1px #a3d5ff solid; margin-bottom: 5px}
#shop-box-bottom { background: url(../images/shop-box-bottom.jpg) no-repeat top left; height:6px}

.shop-item { padding-bottom: 10px; width:232px;}
.shop-item a { text-decoration: none; border-bottom: 1px #a3d5ff solid; padding: 0px 0px 3px 0px; margin-bottom: 5px; font-weight: bold; display: block}
.shop-item a:link, .shop-item a:visited {color:#3c7aae;}
.shop-item a:hover { color: #474747}

.shop-img { width: 78px; height: 70px; text-align: center; overflow: hidden; float: left}
.shop-text { width: 145px; float: right}
.shop-text a, .shop-img  a{border:none;}
.shop-text p.cena { font-size: 18px; color: #cb0b0b}
.shop-text p.cena span { font-size: 12px;}
.shop-text p.dph { margin: 0px; padding: 0px}
.shop-item input { margin-top: 5px}

.gallery-img { width: 25%; float: left; overflow: hidden; text-align: center}
.gallery-img img { border: 2px #d9d9d9 solid;}

.info-layer-block {position: absolute; visibility: hidden; border: 0px none; background-color: white; padding: 0px; background: none; overflow: hidden; margin-left: -15px; /*margin-top: -11px;*/ width: 200px; overflow: hidden;}
.info-layer { background: url(../images/tabs/bg_layer-body.gif) repeat-x top; background-color: #ebebeb; padding: 5px 10px 10px 10px; border: 1px solid #dcdcdc; width: 178px}
.info-layer a { width: 163px; display: block; padding-left: 15px; background: url(../images/tabs/arrow.gif) no-repeat 2px 10px; padding-top: 6px}
.info-layer a.odklik{background: url(../images/tabs/arrow-out.gif) no-repeat scroll 0px 10px;}

#lajna{background-color:#cfdbe0; height:4px; margin:0px 4px;}
#footer { padding: 10px 4px 30px; }
.leftpos {
float:left;
font-size:11px;
}
.rightpos {
float:right;
font-size:10px;
color:#999999;
}
.rightpos a{color:#999999;}
#copyright{width:180px;}
#footer-menu a{padding-left:17px; padding-right:15px; color: #4c4c4c;}
#footer-menu a.f-mapa{background:url(../images/ico-mapa.gif) no-repeat scroll 0px 3px;}
#footer-menu a.f-kontakt{background:url(../images/ico-kontakt.gif) no-repeat scroll 0px 3px;}
#footer-menu a.f-key{background:url(../images/ico-key.gif) no-repeat scroll 2px 3px;}

.product-listing-table2 { background-color: #EEF2F4; padding: 8px 0px 8px 0px}
.product-listing-table1 { background-color: #FFFFFF; padding: 8px 0px 8px 0px}
.product-listing-table1 tr, .product-listing-table2 tr  {margin: 0px; padding: 0px}
.product-listing-table1 th, .product-listing-table2 th  { text-align: left; margin: 0px; padding: 0px}
.product-listing-table1 h3, .product-listing-table2 h3  { margin: 0px; margin-bottom: 5px; padding-left: 5px; border: 0px none;}
.border-right { border-right: 1px solid #D9D9D9; padding-left: 5px}

#aura{padding: 0px 0px 15px 0px; width:750px;}
#aura .listing-kategorii{width:750px;}
#aura .listing-kategorii .kategoria-holder{float: left; width: 200px; padding-bottom:30px; padding-left:30px;}
#aura .listing-kategorii .kategoria-holder .kategoria-box{border:1px solid #CCC;width: 200px; text-align:center;}
#aura .listing-kategorii a h3{ font-size:12px; text-decoration:none;}
#aura a h3{text-decoration:underline; color:#033E78; border:none; margin:0px; padding:0px; font-size:15px;}
#aura a:hover h3{text-decoration:underline; color:#d50503;}

.btn-more-about{background:url(../images/btn-more-about.jpg) no-repeat scroll 0px 0px; text-align:left; width:113px; height:22px; padding:10px 0px 0px 45px; display:block; font-weight:bold;color:#033E78;}
.btn-more-about:hover{color:#d50503;}

.btn-katalog-aura{background:url(../images/btn-katalog-aura.jpg) no-repeat scroll 0px 0px; text-align:left; width:180px; height:22px; padding:10px 0px 0px 45px; display:block; font-weight:bold;color:#033E78;}
.btn-katalog-aura:hover{color:#d50503;}


.product-listing-table{border-bottom:1px solid #CCC; padding:10px 0px; width:100%;}

#aura table .prop-main-title{color:#033E78;padding:0px; font-weight:bold; border-bottom:2px solid #dde5f0; padding-bottom:4px;}
#aura table .prop-title{background-color:#eef2f5; padding:3px 5px;}
#aura table .prop-value{background-color:#dde5f0; padding:3px 5px;}

#aura table .prop-nopad-title{background-color:#eef2f5;}
#aura table .prop-nopad-value{background-color:#dde5f0;}

#aura .product-listing-table table .prop-nopad-title{background:none;}
#aura .product-listing-table table .prop-nopad-value{background:none;}

#aura-searchbox{background-color:#eef2f5; padding:7px 12px; margin-bottom:8px;}
#aura-filtrebox{background-color:#eef2f5; padding:7px 12px; margin-bottom:8px;}
#aura-product{width:750px;}
#aura-product .product-image{width:180px;float:left; text-align: center;}
#aura-product .product-prop{width:550px; float:right;}

#aura .btn-print{background: url(../images/bg-downlaod-pdf.jpg) no-repeat scroll 0px 0px; width:328px; height:28px; display:block; float:left; font-size:14px; text-transform:uppercase; font-weight:bold;color:#033E78; text-decoration:underline; padding:13px 0px 0px 60px; margin-left: 18px;}
#aura .btn-print:hover{color:#d50503; text-decoration:none;}
#aura .btn-order{background: url(../images/bg-order-in-shop.jpg) no-repeat scroll 0px 0px; width:160px; height:18px; display:block; float:left;color:#033E78; text-decoration:underline; padding:4px 0px 0px 30px;}
#aura .btn-order:hover{color:#d50503; text-decoration:none;}

ul.letters li { background:url(../images/obalka.jpg) no-repeat 0px 3px}
ul.letters li a { padding-left: 8px}

.list_msg_box{
float:left;
background:#EEF2F4;
color:#033E78;
border:1px solid #D9D9D9;
margin-top:10px;
width:100%;
margin-bottom:10px;
}

.list_msg{
	float:left;
	width:100%;
	color:#FF0000;
	padding-bottom:10px;
	padding-top:0px;
}

.lang_flags{
	line-height:20px;
	height:20px;
}

.list_bg{
	background:#eef2f4;
	margin-top:4px;
	margin-bottom:4px;
	float:left;
	width:100%;
}

.news_input{float:left;width:50%;}

.submit_btm{background:url(../images/submit_btn.jpg);width:107px;height:31px;color:#FFFFFF;border:none;font-weight:bold;cursor:hand;cursor:pointer;}

.red{color:#FF0000;}

.list_header{color:#01366a;font-size:16px; line-height:18px;}
.list_foot{color:#01366a;font-size:12px; line-height:18px;}

.ok_box{float:left;background:url(../images/ok_ico.jpg) top left no-repeat;padding-left:40px;line-height:32px;height:32px;/*width:100%;*/font-size:14px;color:#01366a;}

.ok_box2{float:left;background:url(../images/ok_ico.jpg) top left no-repeat;padding-left:40px;height:32px;font-size:14px;color:#01366a;}

.btn_newsletter_front{width:62px;height:20px;border:none;cursor:hand;cursor:pointer;}
.error{ font-weight:bold; color:red; padding:0px 0px 10px 0px;}

.err_msg{background:url(../images/exclamation.jpg) top left no-repeat;padding-left:40px;line-height:32px;height:32px;font-size:14px;color:#01366a;}
