body {background-color:black; margin:0px; padding:0px; color: white; font-family:Arial, Helvetica, sans-serif;/*background:url('images/pozadie.jpg');*/  margin:10px 0px 10px 0px;
width: 100%; /*height:2000px;*/ background:url(images/bg.jpg) black;background-position: center top; background-repeat:no-repeat;
}
input {border-radius:20px;}
input[type='text'] {border:2px solid black; padding:8px; transition:1s;
-webkit-box-shadow: inset 0px 4px 12px 0px rgba(0,0,0,0.75);
-moz-box-shadow: inset 0px 4px 12px 0px rgba(0,0,0,0.75);
box-shadow: inset 0px 4px 12px 0px rgba(0,0,0,0.75);
}
input[type='text']:focus {background:black; color:white; transition:1s;}
input[type='submit'] {border:2px solid black; padding:8px; border-radius:20px; transition:1s;}
input[type='submit']:hover {background:black; color:white; transition:1s; cursor:pointer;}
input[type='file'] {border:2px solid white; padding: 8px;}

.vyber_overflow {height: 300px;}

a:link, a:visited {text-decoration:none;}



.tien {
-webkit-box-shadow: 0px 13px 5px 0px rgba(0,0,0,0.87);
-moz-box-shadow: 0px 13px 5px 0px rgba(0,0,0,0.87);
box-shadow: 0px 13px 5px 0px rgba(0,0,0,0.87);
    
}
.tien_inset {
    -webkit-box-shadow: inset 0px 4px 12px 0px rgba(0,0,0,0.75);
-moz-box-shadow: inset 0px 4px 12px 0px rgba(0,0,0,0.75);
box-shadow: inset 0px 4px 12px 0px rgba(0,0,0,0.75);
    
}
.text_tien {text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);}
.text_tien_biely{text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.5);}


/*
#pozadies {background:url('images/pozadie.jpg'); width: 100%; background-position: center top; background-repeat: no-repeat; background-attachment: fixed;}
*/
#center_obal {width:960px; /*border:1px solid red;*/ margin:0px auto 0px auto; min-height: 1000px;}

#center_obal_pod {margin-top: 10px;}

#horne_menu_obal {text-align:right;/* border:1px solid red;*/ padding:0px; margin-bottom:-10px; margin-right:-10px; font-size:16px;}
#horne_menu_obal a:link, #horne_menu_obal a:visited {color:white}
/*#horne_menu_obal li {display:inline-block; margin-top:-10px; transition:1s; transform: skew(-10deg);  margin-left:2px; background:rgba(255,0,0,0.8); padding:10px;}
#horne_menu_obal li:hover {background:rgba(150,0,0,0.7); transition:1s; }
*/
.horne_menu_tlacidlo {display:inline-block; margin-top:-10px; transition:1s; transform: skew(-10deg);  margin-left:2px; background:rgba(85,49,40,1); padding:10px;}
.horne_menu_tlacidlo:hover {background:#6a4530;transition:1s;}
.horne_menu_tlacidlo_stlacene {background:white; color:black;display:inline-block; margin-top:-10px; transition:1s; transform: skew(-10deg);  margin-left:2px;padding:15px;}

#nazov_obal {width: 980px; height:150px; border-radius:15px; background:url(images/banner.jpg); background-repeat:no-repeat; position:relative; }
#logo {width:60px; height:60px; position:absolute; margin:-4px 0px 0px -7px;}
#nazov_kniznice {height:50px; line-height:50px; margin-left:70px;}

#hladaj_top {position:absolute; top:50px; right:7px;}
#hladaj_top input[type='text'] {border:2px solid black; padding:8px 4px; margin-top:-4px;transition:1s;}
#hladaj_top input[type='text']:focus {background:black; outline: none; color:white; transition:1s;}
#hladaj_top input[type='submit'] {border:2px solid black; margin-left:-5px; padding:8px; border-radius:0px 20px 20px 0px;transition:1s;}
#hladaj_top input[type='submit']:hover {background:black; color:white; transition:1s; cursor:pointer;}
.login_img {position:absolute; right:10px; bottom:14px; }
    
#lave_menu_obal {width: 180px; padding:10px; /*background: rgba(221,176,112,0.2);*/ border-radius:10px; min-height:800px; float:left;}



#obsah_obal {font-size:15px; /*border:1px solid lime;*/ margin-left:10px; text-align:center; color:white; /*background:url(images/paper.jpg);*/ width:762px; float:left;}

.chyba {color:white; z-index:999; border-radius:10px; text-shadow: 2px 2px 2px rgba(0, 0, 0, 1); font-size:30px; margin-left:-100px; padding:10px; border:2px solid red; background:rgba(100,0,0,0.8);position: fixed; top: 50%; left: 50%; color:white;}
.uspech {color:white; z-index:999; border-radius:10px; text-shadow: 2px 2px 2px rgba(0, 0, 0, 1); font-size:30px; margin-left:-100px; padding:10px; border:2px solid lime; background:rgba(0,100,12,0.8);position: fixed; top: 50%; left: 50%;}


/*PAGINATION*/
/*pagin select */
.paginx_obal_top{width:400px; border:2px solid white; overflow-y:auto; /*border-radius:10px 10px 0px 0px; */background:rgba(0,0,0,0.6);
}
.paginx_obal_bottom{width:400px;border:2px solid white; overflow-y:auto;/* border-radius:0px 0px 10px 10px;*/ background:rgba(0,0,0,0.6);
}

.paginx_obal_top a:link, .paginx_obal_top a:visited { text-decoration:none;}
.paginx_obal_bottom a:link, .paginx_obal_bottom a:visited { text-decoration:none;}

.paginx_obal_rev
{
    transform:rotateX(180deg);
    -ms-transform:rotateX(180deg); /* IE 9 */
    -webkit-transform:rotateX(180deg); /* Safari and Chrome */
}

.pagin_stran {background:white; font-size:13px; font-weight:bold; width:250px; padding:5px; border-radius:10px 10px 0px 0px; /*border:2px solid #9E936E;*/ background:black; color:white; border-bottom: none;margin-bottom:-10px;}
.pagin_stran_rev {background:white; font-size:13px; font-weight:bold; width:250px; padding:5px; border-radius:0px 0px 10px 10px; /*border:2px solid #9E936E;*/ background:black; color:white; border-bottom: none;margin-bottom:0px;}
.paginx_proto{width:1200px;/*left:-720px;*/position:relative;padding:5px;}
.pagin_najdenych {color:#04D3FF;}

.clear {clear:both;}
.pagin_stranka_aktiv {width:50px;height:50px;float:left; font-size:25px; border-radius:5px; line-height:50px; color:black; background:#F4F4F4; margin-left:10px;
background:rgba(28,67,132, 0.8);
}
.pagin_stranka_aktiv:hover {background:black; color:white; transition:background 1s;}

.highlight {background:#63c6ff; color:black;
background:#1471d4;
}

.highlight:hover {background: #4885ea;}
/*pagin select koniec */


/*DOKUMENT*/
.dokument_obal {width:170px; height:300px; font-weight:normal; background:url(images/dokument_obal_velvet.jpg); border:2px solid #1471d4; /*border-left:5px dashed #615228;*/ margin:5px; float:left; border-radius:5px; color:black;
-webkit-box-shadow: 2px 6px 11px 0px rgba(0,0,0,1);
-moz-box-shadow: 2px 6px 11px 0px rgba(0,0,0,1);
box-shadow: 2px 6px 11px 0px rgba(0,0,0,1);

position:relative;

}

.obal_grad {margin:10px; height:36px; border-radius:10px; border:2px solid white; padding:10px; text-align:center;}

.popis_detail_bg {border-radius:5px; background:black; padding:10px; border:1px solid white;}
.autor,.nazov {font-size:25px;}

.modra_gradient {
background-image: url("images/bg_velvet_big.png"), -moz-linear-gradient(top, #050f48 0%, #324092 100%);
background-image: url("images/bg_velvet_big.png"), -webkit-linear-gradient(top, #050f48 0%,#324092 100%);
background-image: url("images/bg_velvet_big.png"), linear-gradient(to bottom, #050f48 0%,#324092 100%);
background-image: url("images/bg_velvet_big.png"), filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#050f48', endColorstr='#324092',GradientType=0 );
background-repeat:no-repeat;
}
.cervena_gradient {
	/*background:url(images/dokument_obal_hover.jpg);*/
	background:black;
}
.zelena_gradient {
background: #3cad00;
background: -moz-linear-gradient(top, #3cad00 0%, #297c00 100%);
background: -webkit-linear-gradient(top, #3cad00 0%,#297c00 100%);
background: linear-gradient(to bottom, #3cad00 0%,#297c00 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3cad00', endColorstr='#297c00',GradientType=0 );
}
.biela_gradient {
background: rgb(255,255,255);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(209,209,209,1) 100%);
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(209,209,209,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(209,209,209,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d1d1d1',GradientType=0 );
    
}

.stav
{
width:23px;
height:23px;
border-radius:50%;
border:2px solid white;
-webkit-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.75);
box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.75);
margin-left:8px;
}
.zeleny {background:#00EA00;
background: #00ea00;
background: -moz-radial-gradient(center, ellipse cover, #00ea00 40%, #5e5e5e 100%);
background: -webkit-radial-gradient(center, ellipse cover, #00ea00 40%,#5e5e5e 100%);
background: radial-gradient(ellipse at center, #00ea00 40%,#5e5e5e 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ea00', endColorstr='#5e5e5e',GradientType=1 );}
.oranzovy {background:#FFDD00;
background: #ffdd00;
background: -moz-radial-gradient(center, ellipse cover, #ffdd00 41%, #5e5e5e 100%);
background: -webkit-radial-gradient(center, ellipse cover, #ffdd00 41%,#5e5e5e 100%);
background: radial-gradient(ellipse at center, #ffdd00 41%,#5e5e5e 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffdd00', endColorstr='#5e5e5e',GradientType=1 );}
.cerveny {background:red;
background: #ff0000;
background: -moz-radial-gradient(center, ellipse cover, #ff0000 39%, #5e5e5e 100%);
background: -webkit-radial-gradient(center, ellipse cover, #ff0000 39%,#5e5e5e 100%);
background: radial-gradient(ellipse at center, #ff0000 39%,#5e5e5e 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0000', endColorstr='#5e5e5e',GradientType=1 );}


.dokument_obal a:link,.dokument_obal a:visited {color:black; font-weight:normal;}
.dokument_obal:link,.dokument_obal:visited {color:black; font-weight:normal;}


.dokument_img_obal {text-align:center; min-height:115px;}
.dokument_img_obal img {border:4px solid white; margin-top:10px; padding:5px; border-radius:5px;
-webkit-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.8);
-moz-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.8);
box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.8);
transition: 1s;
}

.dokument_img_obal img:hover {border:4px solid black; transition: 1s;}


.dokument_info_obal {text-align:center; color:white; margin-top:5px;  font-size:13px;}
/*.dokument_info_obal:hover {color:black; font-weight:bold; transition:1s; }*/
.dokument_nazov_obal {font-size:16px; text-align:center;font-weight:bold; color:white;}
.dokument_znacka_obal {font-size:12px; margin-top:5px; text-align:center;color:white;}

.parent.over {
  background: lime;
}

/*LOGIN*/
#klik_login { position:absolute; right:15px; bottom:14px;z-index:999;}
#klik_login:hover { cursor: pointer;}

#login_hidden { z-index:2; font-size:16px; line-height:19px; width:180px;height:300px; position:absolute; text-align:center; border:2px solid #e9b665; border-radius:0px 0px 20px 20px; padding: 0px; display:none; /*background:rgba(71,37,29,1);*/ background:url(images/login_bg.jpg);right:10px; top:150px;}
#login_hidden input[type='text'], #login_hidden input[type='password'] {padding:10px; border-radius:20px; margin:10px; border:2px solid black; width:150px;}
#login_hidden input[type='submit'] {background:brown; border:2px solid #e9b665;}
#login_hidden a:link,#login_hidden a:visited {color:orange; font-weight:bold;}
.oranzova {color:#f88508}
 
/*kos a  moje dokumenty*/ 
.kos {position:absolute; bottom:14px; right:60px;z-index:999;}
.pocet_v_kosi{position:absolute; border:1px solid black; text-align:center; line-height:18px; right:0px; border-radius:50%; bottom:20px; width:20px; height:20px; background:red;}

#moje_dokumnety_nevratene {} 
.nevratene_obal { display:flex; border:1px solid white; margin:5px; padding:10px;  border-radius:5px; color:white;}
.nevratene_obal img {border:2px solid black; border-radius:5px;}
.nevratene_obal img:hover {border-color:white; transition: 1s;}
#moje_dokumenty_vratene {/*display:flex; flex-direction: row; justify-content: flex-start;*/}
.delete_obal img {background:rgba(255,255,255,0.8); border-radius:50%; padding:5px;}
#adresa {padding:10px; font-size:25px;}


.mal {position:absolute; color:black; background:yellow; width:30px; height:30px; line-height: 25px; font-weight:bold; border:2px solid black; text-align:center; border-radius:20px; right:5px; bottom:5px;}

#admin_odhlas {display:table-cell; transition:1s; background:red; color:white; padding:5px; border-radius:5px; border:2px solid white;}
#admin_odhlas:hover {background:black; color:white; transition:1s;}

#upload_form {padding-top:12px;}


.sipka {display: none; float:right;}
.subor_galerie_obal { display:flex; min-height:60px; padding:10px; border-radius:5px; margin:10px; text-align:right; border:2px solid white;}
.subor_galerie_obal:hover .sipka {display:block; transition:1s;}
.subor_img:hover {border:2px solid white; background:white; border-radius:5px; transition:1s;}

.lave_hidden {background:lime; height:150px; width:150px; display:none;}
.xter .lave_hidden {display:block;}

.odoslat_objednavku {color:white; font-size:25px; background:#65110f; padding:20px;}
.odoslat_objednavku:hover {background:red;}

#obj_form_obal {text-align:center; margin-top:10px;}
#obj_form_obal input[type='submit'] {font-size:30px; padding:20px;}
.obj_obal_radio {}
.typ_obj_txt_domov {margin-left:10px; margin-top:5px; color:red; font-size:22px;}
.typ_obj_txt_rezervacia {margin-left:10px; margin-top:5px; color:#404040; font-size:22px;}


/*LAVE MENU */

.vertical-nav {
    height:auto;
    list-style:none;
    width: 130px; /******* MODIFIED ********/
    margin: 20px 0 0 0;
    margin-left:-170px;
}
.vertical-nav li {
    height: 25px;
    margin: 0;
    padding: 5px 0;
    background-color: rgba(255,0,0,0.6);
    border: none;
	border-radius:20px 0px 0px 20px;
    text-align: center;
    display: inline-block;
    float: left;
    clear:both;
    width: 100px;  /******* MODIFIED ********/
    /*margin-top:2px;*/
    border:1px solid black;
    transition:1s;
}
.vertical-nav li:hover {
    background-color:#553128;
    color:#FFFFFF;
    
}
.vertical-nav li a {
    /*font-family:Calibri, Arial;*/
    font-size:16px;
    color:#ffffff;
    text-decoration:none;
}
.vertical-nav li.current {
    background-color:lime;
}
.vertical-nav li.current a {
    color:#FFFFFF;
}
.vertical-nav ul li ul {
    display:none;
    list-style-type:none;
    width:125px;
    padding:0px;
    margin-top:3px;
    margin-left:-5px;
}
.vertical-nav ul li:hover ul {
    display:block;
    
}
.vertical-nav ul li:hover ul li {
    background-color:black;
    width:125px;
    height:26px;
    display:inline-block;
    margin-left: 62px;
    /*margin-top:-27px;*/
    line-height:26px;
    top:-29px;
    transition:1s;
}
.vertical-nav ul li ul li:hover {
    background-color: red;
    
}
.vertical-nav ul li ul li a {
    color:#FFF;
    text-decoration:none;
    
    
}
.vertical-nav ul li ul li a:hover {
    text-decoration:none;
}
.vertical-nav li ul {
    display: none;
    margin-top: 10px;
    padding: 0;
}
.vertical-nav li:hover ul {
    display: block;
}
.vertical-nav li:hover .sub-menu
{
    position: relative;   
    /*margin-top: -27.5px;*/
    
}
.sub-menu li
{
    position: relative;
    display: block;
    top: 0;
    left: 100%;
    width: 100%;
    min-width: 180px;
    white-space: nowrap;
    z-index:1;
}
.sub-menu li a
{
    display:inline-block;
    padding: 0 10px;
    text-decoration:none;
}

/*X.php*/

#x_obal{background:black; color:white; padding:10px; border-radius:5px; min-height:325px;}
#x_nazov {background:#4c4c4c; padding:10px; border-radius:10px; border:1px solid white; line-height:25px; font-size:20px;  height:25px; text-align:center;}
.zvyraznenie {color:#00d8ff;}

#bannery_obal img {margin-top:5px;}

#ukaz {width:50px; height:50px; background:black; font-size:42px; color:white; border:2px solid white; border-radius:50%; margin:10px;}
#ukaz:before {content:'+';}
#ukaz:hover {cursor:pointer;}
#zobraz_form {display:none;}

/*Hlasovanie */
.hlasovanie{width:160px; font-weight:bold; border:1px solid #180d07; height:40px; position:relative;}
.cislo {width:30px; height:30px; border:2px solid white; color:white; text-align:center; line-height:28px; position:absolute; border-radius:50%;}
.ano_cislo {background:lime; left:2; top:3; color:black;

}
.nie_cislo {background:red; right:0; top:3; color:white;}
.anonie_obal {width:100px; border:2px solid white; height:12px;display:flex; flex-direction:row; margin-left:0px; margin-top:12px;}
.ano{background: #00ff00;
background: -moz-linear-gradient(top, #00ff00 0%, #003f09 100%);
background: -webkit-linear-gradient(top, #00ff00 0%,#003f09 100%);
background: linear-gradient(to bottom, #00ff00 0%,#003f09 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ff00', endColorstr='#003f09',GradientType=0 );}
.nie{background: #380000;
background: -moz-linear-gradient(top, #380000 0%, #ff0004 100%);
background: -webkit-linear-gradient(top, #380000 0%,#ff0004 100%);
background: linear-gradient(to bottom, #380000 0%,#ff0004 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#380000', endColorstr='#ff0004',GradientType=0 );}




#na_stiahnutie_obal {}

#na_stiahnutie_obal td {padding:10px; border:1px solid white;}
#na_stiahnutie_obal tr:nth-child(even) {background:#555555;}
#na_stiahnutie_obal tr:nth-child(odd) {background: #444444; }
#na_stiahnutie_obal tr:hover {background:black; transition:background 0.5s;}