/* ZAKLADNY LAYOUT */
html, body {margin: 0px 0px; padding: 0px; text-align: center; background: #070A19 url(../images/bgbody3.gif) top repeat-y; font-size: 11px; font-family: verdana, sans-serif; }
#pagewidth {position: relative;  width: 990px; text-align: left; margin-left: auto; margin-right: auto; /*background-color: #d7d5c6;*/}
#header {position: relative; height: 151px; background: url(../images/head2.jpg) top left no-repeat; width: 100%; top: 35px;}
#pathway {padding: 5px 10px; position: relative; top: -7px; color: #353535; font-size: 10px; margin-top: 7px;}
#leftcol {width: 200px; float: left; position: relative; }
#twocols {width: 788px; float: right; position: relative; }
#rightcol {width: 200px; float: right; position: relative; }
#maincol {float: left; display: inline; position: relative; width: 586px; background: #fff;}
#footer {height: 30px; clear: both; font-size: 10px; background: #7FA1C7; padding: 5px; color: #fff; border: 3px solid #fff;}
#banner {background: #ff6699; width: 468px; height: 60px; margin-right: 10px}
#top {position: absolute; top:1px; width: 990px; border-bottom: 2px solid #fff; }
.oznam {
background: #F99C1C;
position: relative;
width: 962px;
margin: 0px auto;
font-size: 1.3em;
padding: 10px;
}
.modra {
color: #3461be;
}

/* FORMULARE */
select, input {
font-size: 11px;
margin-bottom: 5px;
}
form {
font-size: 11px;
padding: 7px;
}
.button, a.navigacia-kosik {
border: 1px solid #d1d1c7;
padding: 1px 8px;
background: url(../images/button-bg.gif) top #edede1;
color: #666;
font-family: verdana, sans-serif;
font-size: 11px;;
text-decoration: none;
font-weight: normal;
width: 70px;
margin: 0px ;
}
.button:hover, .button:focus {
border: 1px solid #a7a79f;
color: #000;
}
input#keyword, input.inputbox, input#lm_email, input#subscriber_name  {
width: 174px;
}
form p {
margin:0px;
}
form#livesearch_form {
margin:0px;
}
.tlacitka { /* centrovanie tlacidiel ankety */
margin:5px 0px 0px 0px;
text-align: center;
}
.tlacitka .button, a.navigacia-kosik { /* medzera medzi dvoma tlacidlami v kosiku a v ankete */
margin: 0px 5px;
}
#rightcol form {
padding-left: 10px;
margin-top: 0px
}
.odsadenie-v-module { /* Zabudli ste heslo? */
padding:10px;
}
.radio-button {
background: pink;
padding-left:0px;
text-align: left;
}

/* Objednavkovy formular pre casopisy */
form.formular-casopisy dd input{
width: 200px;
}
form.formular-casopisy dd{
margin-left: 0px;
}

/* AKO NAKUPOVAT & FAQ */
h4.faq {
color: ;#3461be
font-size: 11px;
margin-left:8px;
}

/* CESTA */
#pathway a {
color: #FFA111;
}

/* NAKUPNY KOSIK */
.kosik-tlacidlo {
padding: 0px 10px;
}
#kosik-tlacidla {
text-align: center;
}
ul.kosik li a, td a {
color: #3461be;
}
a.button {
color: #000;
font-size: 11px;
font-family: arial, verdana, sans-serif;
}
input.kosik-mnozstvo {
font-size: 9px;
}
a.kosik-pribuzne-knihy {
padding: 0px 0px 0px 20px;
font-weight: bold;
background: url(http://www.totemsro.sk/obchod/components/com_virtuemart/shop_image/ps_image/add-to-cart_orange.gif) no-repeat;
height:20px; 
display:block;
color: #000;
text-decoration: none;
}
table.kosik a {
color: #3461be;
}
input.vlozit-do-kosika { /* formatuje ikonu kosika vo vypise kategorie */
text-align:right;
font-size:11px;
text-decoration:underline;
background-position:bottom left;
font-family: verdana, sans-serif;
width:137px;
height:20px;
cursor:pointer;
border:none;
font-weight:bold;
background: url("http://www.totemsro.sk/obchod/components/com_virtuemart/shop_image/ps_image/add-to-cart_orange.gif") no-repeat left center;
vertical-align: middle;
overflow:hidden;
}
form.kosik {
margin: 0px;
padding:0px;
}
a.pridat-do-kosika-casopis {
font-weight: bold;
background: url(http://www.totemsro.sk/obchod/components/com_virtuemart/shop_image/ps_image/add-to-cart_orange.gif) no-repeat left center;
padding-left: 22px;
}
a.pridat-do-kosika-casopis:hover {
text-decoration: none;
}
.kosicek { /* registracny formular */

}
fieldset.mate-konto {

}

/* NADPIS KOMPONENTU */
.componentheading {
font-size: 14px;
font-weight: bold;
}

/* OBYCAJNY TEXT V STREDNEJ CASTI */
.contentpaneopen  p {
padding: 0px 10px;
}
.contentheading {
font-size: 14px;
padding:0px 10px;
margin-top:15px;
font-weight: bold;
}

/* MODULY 
Standardne je modul modry. Zmena farby pomocu pripon -zeleny, -biely. Zelena farba vlavo pomocou -akcia
*/

/* Formatovanie modulu "Login" */
td.login {
margin: 0px; padding: 0px;
}

.module-kategorie, .module, .module-biely, .module-zeleny, .module-akcia { 
border-right: 3px solid #fff;
border-left: 3px solid #fff;
border-top: 2px solid #fff;
margin-bottom: 1px;
}
.module-kategorie {
/* background: #a48e6a;*/
background: #FAA51A url(../images/gr_o.gif) repeat-x; /* #F99B13 */
}
ul#mainlevel-kategorie2 {
margin: 0px;
list-style: none;
padding: 0px;
}
.module {
background: #80A2C7 url(../images/gr_m1.gif) top repeat-x;
}
.module-biely {
background: #fff;
}
.module-kategorie a, .module a, .module-biely a, .module-zeleny a, .module-akcia a {
color: #fff;
}
.pollstableborder-biely td {
text-align: left;
vertical-align: middle;
}
.module-zeleny {
background: #c8db51 url(../images/gr_z.gif) repeat-x;  
}
.module-zeleny2 {
background: url(../images/gr_m1.gif) repeat-x;
}
.module-biely {
background: #fff;
}
.module-akcia {
background: #c8db51 url(../images/gr_z.gif) repeat-x;
}
.module-kategorie a.mainlevel-kategorie, a.mainlevel-kategorie2 {
color: #000;
text-decoration: none;
font-weight: bold;
background: url(../images/kategorie_plus.gif) 7px 50% no-repeat;
padding: 0px 20px;
line-height: 20px;
}
.module-kategorie li {
background: url(../images/kategorie_ciara.gif)
}
.module-kategorie h3, .module h3, .module-biely h3, .module-zeleny h3, .module-akcia h3 {
font-family: arial, sans-serif;
height: 22px; 
margin: 0 auto; 
padding: 7px 0 0 9px; 
font-size: 12px; 
color: #fff; 
background: url(../images/gr_m3.gif) 0px -4px repeat-x;
} 
.module-zeleny table.poll-zeleny td { /* Zarovnanie textu v ankete dolava */
text-align: left;
}

/* VYHLADAVANIE */
ul.livesearch {
padding: 0px;
margin:7px;
}
ul.livesearch li {
padding:3px 0px;
}
ul.livesearch a {
color: #3461be;
}

/* TOP 10 */
.top-titul {
padding: 3px 7px 3px 0px;
}
.top-titul a{
color: #000;
text-decoration: none;
}
.top-titul a:hover{
color: #000;
text-decoration: underline;
}
.top-poradie {
font-weight: bold;
color: #294c62;
vertical-align: top;
text-align: right;
padding: 3px 3px 3px 0px;
}
.topten { /* Funguje iba vo FF */
margin-bottom:5px;
}

/* FORMATOVANIE KNIHY V MODULOCH */
.kniha-nahlad { 
margin: 20px 0px 5px 0px;
}
.nazov-knihy-nahlad {
font-weight: bold;
margin-bottom: 5px;
}
.ukazkove-strany {
padding-left: 10px;
}
.ukazkove-strany a {
color: #3461be;  
height: 16px; 
}

/* VYPIS KNIH V KATEGORII */
.kniha {
width: 566px;
background: url(../images/cela_sirka_ciara.gif) no-repeat center bottom;
margin-left:10px;
margin-bottom:10px;
padding-bottom:10px;
}
.kosela {
height: 125px;
}
.obalka2 {
float: left;
margin-right: 10px;
margin-bottom:10px;
}
.infobox {
margin-left: 100px;
}
.infobox a {
color: #000;
text-decoration: none;
}
.infobox-popis a {
display: none;
}
.infobox-cena a {
color: #FFA111;
}
.infobox a:hover {
text-decoration: underline;
}
div.infobox-kosik form {
margin: 10px 0px 5px 0px;
}

/* VYPIS KOSIK VPRAVO */
ul.kosik{
padding-left:0px;
margin-left:0px;
margin-top:0px;
}
div.kosik {
padding:8px;
}
ul.kosik li {
list-style: none;
padding:8px;
}
a.button {
text-decoration: none;
}
p.prazdny-kosik {
padding: 10px;
}

/* UCET ZAKAZNIKA */
h4.ucet-zakaznika {
color: #3461be;
font-size: 14px;
margin-top: 0px;
margin-bottom: 5px;
}
h5.ucet-zakaznika {
color: #000;
font-size: 11px;
font-style: italic;
margin-top: 0px;
margin-bottom: 5px;
}

/* PODROBNOSTI O KNIHE */
h4.titul, h2.kosik, h4.casopisy, h4.ucet-zakaznika {
color: #3461BE;
font-size: 14px;
margin-top: 0px;
margin-bottom: 5px;
}
h2.kosik {
margin-left: 7px;
}
h4.titul a {
color: #3461be;
text-decoration:underline; 
}
div.podobne-knihy h3 {
color: #77af04;
margin-left: 10px;
margin-top:15px;
margin-bottom: 0px;
padding-bottom:0px;
padding-top:10px; 
font-size: 14px;
background: url(../images/cela_sirka_ciara.gif) no-repeat left top;
}
div.podobne-knihy td {
padding: 0px 10px;
}
div.podobne-knihy dd.nasa-cena {
text-align: left;
text-indent: 5px;
}
h5.autor {
font-size: 11px;
font-weight: normal;
margin-top: 0px;
margin-bottom: 0px;
background: url(../images/detaily_ciara.gif) 170px 30px no-repeat;
padding-bottom:20px;
}
div.zakladne-info {
height: 210px;
}
.obalka img{
margin-left:10px;
width: 150px;
height: 210px;
float: left;
margin-right: 10px;
}
.info h5 {
visibility: collapse;
}
dl.parametre, dl.info-o-cene {
margin-bottom: 0px;
background: url(../images/detaily_ciara.gif) 170px 65px no-repeat;
padding-bottom:0px;
}

dl.parametre dd  {
font-weight: bold;
color: #343330;
}

.module-akcia dl, .podobne-knihy dl {
width: 70%;
}
div.popis {
background: url(../images/cela_sirka_ciara.gif) no-repeat center 10px;
padding:20px 10px 10px 10px;
}
.podobne-knihy a {
color: #3e8192;
}
div.velkost {
float: left;
width: 90px;
}
div.parameter {
float: right;
width: 200px;
}

/* Spodna paginacia */
.pagenav, .pagenav a {
color: #3461be;
}

/* FORMATOVANIE CIEN */
.infobox-cena dt, dl.parametre dt, .cena dt.bezna-cena, .cena dt.nasa-cena{
color: #75746b;
float: left;
width: 80px;
margin-right: 10px;
}
dt.nasa-cena-casopisy {
width: 150px;
}

dd.bezna-cena {
font-weight: bold;
color: #000;
}
dd.nasa-cena {
font-weight: bold;
color: #3461be;
}
.module-akcia dd.nasa-cena {
font-weight: bold;
color: #FDFCF4;
}
.cena dt.bezna-cena {
font-size: 11px;
}
.cena dt.nasa-cena {
font-size: 11px;
}
div.cena {
padding: 10px 0px;
}
/* Zobrazenie v moduloch "Podobne knihy" a "V akcii" */
.module-akcia dt.bezna-cena, .module-akcia dt.nasa-cena, .podobne-knihy dt.bezna-cena, .podobne-knihy dt.nasa-cena {
float: left;
font-size: 10px;
}
.module-akcia dd.bezna-cena, .module-akcia dd.nasa-cena, .podobne-knihy dd.bezna-cena, .podobne-knihy dd.nasa-cena {
font-size: 10px;
text-align: right;
}


/* HORNE-MENU & MENU HORE V STREDE  */
#top .module {
background: url(../images/gr_m3.gif) repeat-x;
height:24px;
padding-top:5px;
padding-left: 10px;
}
#top .module a{
color: #fff;
padding-right:12px;
margin-right:10px;
background: url(../images/externe-url.gif) no-repeat right 70%;
} 
#top ul {
margin: 0px;
padding: 0px;
}
.module-menu2 {
background: url(../images/gr_m3.gif) repeat-x;
font-family: arial, sans-serif;
height: 22px; 
margin-bottom: 2px; 
padding: 7px 0 0 9px; 
font-size: 12px;
border-left: 3px solid #fff;
border-right: 3px solid #fff;
border-bottom: 3px solid #fff;
border-top: 2px solid #fff; 
}
.module-menu2 a.mainlevel {
background: url(../images/modul_vrch_priecka.gif) right no-repeat;
padding: 0px  10px;
font-weight: bold;
text-decoration: none;
color: #fff;
}

/* Kontrola objednávky */
table.kontrola-objednavky {
padding: 2px;
}

table.kontrola-objednavky a {
color: #3461be
}

.kontrola-objednavky-poznamka textarea, dd textarea {
width:100%;
height:80px;
font-family: verdana, sans-serif;
font-size: 11px;
margin-bottom: 10px;
}

dd textarea {
height: 160px;
}

form h4 {
color: #3461be;
font-size: 14px;
}

/* FLOAT CONTAINERS FIX */
.clearfix:after { content: ".";   display: block;   height: 0;   clear: both;   visibility: hidden;  }
.clearfix {display: inline-block; }
/* hides from ie-mac \*
/* html .clearfix {height: 1%; }
.clearfix {display: block; }
* /* END HIDE FROM IE-MAC */
/*PRINTER STYLES*/
@media print {
/*HIDE THE LEFT COLUMN WHEN PRINTING*/
#leftcol {display: none; }
/*HIDE THE RIGHT COLUMN WHEN PRINTING*/
#rightcol {display: none; }
#twocols, #maincol {width: 100%;  float: none; }
}

/* SABLONA browse_1_lite.php PRE NASIVKY  */
.kniha-lite {
width: 120px;
margin: 0px 10px; 
}
.kniha-lite dd.nasa-cena {
font-weight: bold;
color: #3461be;
margin: 0px;
}
.kniha-lite dt.nasa-cena{
color: #75746b;
float: left;
width: 40px;
margin-right: 10px;
}
.infobox-lite {
margin-bottom: 20px;
}

/* USER2 - OZNAM PRE NASIVKY */
#user2 {
margin: 0px 0px 10px 0px;
padding: 5px;
font-size: 1.2em;
font-weight: bold;

}

/* Hack pre IE \*/
* html .infobox {
/*margin-bottom:0px;
background: lime;*/
}

* html input.vlozit-do-kosika {
width: 127px;
}
* html #rightcol form {
padding-left: 7px;
}
* html div.infobox-kosik form {
margin: 10px 0px 0px 0px;
}
* html div.infobox-kosik input.vlozit-do-kosika { /* uprava kosika vo vypise knih */
margin-left:-2px;
margin-top: 0px;
}
* html input.vlozit-do-kosika { /* uprava kosika v detailoch o knihe */
margin-left: 155px;
margin-top: -30px;
}
/* koniec hacku pre IE */