@import url('reset.css');
@import url('default.css');
@import url('lightbox.css');
@import url('prettyphoto.css');
/*
@import url('jquery.popup.css');
http://paletton.com/?redir=index.html#uid=7000u0kEVUJaFw0g0qFqFg0w0aF
 */
/* CSS topstones.eu / topstones.cz */
body {
    font-family: Verdana, Arial, Helvetica, Lucida, Geneva, sans-serif;
    text-align: center;
    background-color: black;
}
html {
    overflow: -moz-scrollbars-vertical;
}
a,
a:link,
a:visited {
    color: #DDDDDD;
    font-weight: bold;
}
/* color: #b2aad8; */
#all,
#page {
    margin-top: 0pt;
    margin: auto;
    width: 987px;
    padding-left: 3px;
    background-color: #111;
    text-align: left;
}
#topmenu {
    position: absolute;
    top: 135px;
    width: 989px;
    background-color: #111;
    border: solid 0px;
    padding-bottom: 4px;
    padding-top: 4px;
    margin: 0px;
    border-bottom: 1px solid #444444;
}
#about_topstones {
    padding: 4px;
    margin: 1px 1px 0px 0px;
    border: 1px solid #444444;
    text-align: center;
    padding-bottom: 20px;
    margin-bottom: 20px;
}
.topmenu {
    float: left;
    padding-right: 10px;
    width: 780px;
    text-align: right;
    display: inline;
}
.topfirma {
    float: left;
    width: 190px;
    text-align: center;
    display: inline;
}
/* zatim nepouzito */
#content {
    position: relative;
    float: right;
    width: 800px;
    min-height: 600px;
    background: black;
}
#area {
    padding: 3em 10px 1em 10px;
}
/* konec zatim nepouzito */
fieldset {
    padding: 2px;
    margin: 5px;
    background-color: #333333;
}
legend {
    font-size: 90%;
    font-weight: bold;
    color: #ffffff;
    padding: 5px;
    background-color: #6666FF
}
/* #98121c */
#detail-info {
    position: relative;
    width: 400px;
    margin: 45px 15px 15px 0;
    float: right;
    min-height: 130px;
}
#vizitka-drasnar,
#vizitka-svadlenka,
#vyberova-kvalita,
#email-poslat,
#objednat,
#login,
#koupit,
#vratit,
#vratit_jedna {
    padding: 24px;
    display: block;
    width: 38px;
    height: 32px;
    border: 0;
    cursor: pointer;
}
#vyberova-kvalita {
    background: url(XXX/img/znacka-doporucujeme.png);
}
#email-poslat {
    background: url(https://fx.nerosty.cz/img/email-odeslat.png);
}
#icoform {
    width: 40px;
    float: right;
    border:0px solid red;
}
#objednat {
    background: url(/img/kosik-objednat.gif);
    background-repeat: no-repeat;
}
#login {
    background: url(/img/kosik-neaktivni-2016-32.png);
    background-repeat: no-repeat;
}
#koupit {
    background: url(/img/kosik-vlozit-2016-32.png);
    background-repeat: no-repeat;
}
#koupit:hover {
    background: url(/img/kosik-vlozit-2016-32.png);
    background-repeat: no-repeat;
}
#vratit {
    background: url(/img/kosik-odstranit-2016-32.png);
    background-repeat: no-repeat;
}
#vratit:hover {
    background: url(/img/kosik-odstranit-2016-32.png);
    background-repeat: no-repeat;
}
#vratit_jedna {
    background: url(/img/kosik-odstranit-2016-32.png);
    background-repeat: no-repeat;
}
#vratit_jedna:hover {
    background: url(/img/kosik-odstranit-2016-32.png);
    background-repeat: no-repeat;
}
#login:hover,
#koupit:hover, 
#vratit:hover,
#vratit_jedna:hover,
#vratka:hover {
    background-color: #424242;
    border:2px solid #ff6347;
    border-radius: 12px;
    transition: .5s ease;
}
#kolik_koupit {
    position: absolute;
    top: 10px;
    right: 35px;
    width: 20px;
}
#email-dotaz {
    cursor: pointer;
    width: 100%;
    max-width: 320px;
    color: white;
    background-color: #111111;
    text-align: center;
}
#email-dotaz:hover {
    color: #ff6347;
    background-color: black;
}
#dotaz-na-polozku {
    cursor: pointer;
    width: 100%;
    max-width: 320px;
    color: white;
    text-align: center;
}

.symbol-vyber {
    background: url(/img/znacka-doporucujeme.png );
    width: 32px;
    height: 32px;
    position: absolute;
    top: 5px;
    left: 5px;
    z-index: 2;
}
th,
td {
    vertical-align: top;
}
th {
    font-weight: normal;
    color: #3399FF;
}
.mineral {
    color: #DDDDDD;
}
.udaj {
    width: 80px;
    color: #DDDDDD;
}
.data {
    font-size: 110%;
}
#tabulka-mineralu {
    margin-bottom: 20px;
    color: #DDDDDD;
    font-size: 13pt;
}
#header {
    width: 988px;
    position: relative;
    height: 153px;
}
/*PANEL*/

#header,
#header p span {
    background: url(img/hlavicka.jpg) no-repeat 0 0;
}
#header p,
#header p span {
    width: 182px;
    height: 153px;
    left: 0;
    top: 0;
}
#header p span:hover {
    background: url(img/header-top-stones-topstones-v4-kousek.jpg) no-repeat 0 0;
}
/*header-top-stones-topstones-v4.jpg)*/
#header p {
    margin: 0;
    padding: 0;
    position: relative;
    overflow: hidden;
    font-size: 110%;
}
#header p span {
    display: block;
    position: absolute;
    z-index: 0;
}
#header p a {
    cursor: pointer;
    text-decoration: none;
}
#header img,
#header hr {
    display: none;
}
.menucell-head {
    text-align: center;
}
.menucell a {
    text-decoration: none;
}
.menucell a:hover {
    color: #ff6347;
}
#maincontent {
    clear: both;
    margin: 0px;
    padding-right: 2px;
    font-size: 10pt;
    background-color: #111;
    color: #fff;
}
#maincontent h1
/*color: orange;*/
{
    clear: both;
    font-size: 140%;
    /*13pt;*/
    font-weight: normal;
    width: 100%;
    text-align: center;
    color: #3399FF;
    /*color: orange; color: #00deff; #3399FF #6666FF */
    /* text-shadow: 1px 1px 2px black; text-shadow: 2px 2px 4px blue; */
}
#maincontent h1.head {
    margin: 10px;
}
#maincontent h2 {
    font-size: 120%;
    width: 100%;
}
.maintext {
    font-size: 0.8em;
}
#clearbar {
    clear: both;
}
.clear {
    border: 0;
    margin: 0;
    padding: 0;
    clear: both;
    height: 0;
    line-height: 0;
    visibility: hidden
}
.clearfix:after,
#galerie:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}
#minboxbigimage {
    width: 390px;
    border: 1px solid #555;
    cursor: pointer;
    margin-right: 6px;
}
img {
    border: 0;
}
.clearer {
    clear: both;
    line-height: 0;
    height: 0;
    visibility: hidden;
}
.hiddenPic {
    display: none;
}
.minbox,
.onecell {
    float: left;
    width: 186px;
    height: 325px;
    padding: 4px;
    margin: 1px 1px 0px 0px;
    border: 1px solid #444444;
    text-align: center;
}
.menucell {
    float: left;
    width: 186px;
    /* vyska dve bunky 660px */
    min-height: 325px;
    height: auto;
    /* auto vyska */
    /* height: auto; */
    padding: 4px;
    margin: 1px 1px 0px 0px;
    border: 1px solid #444444;
}
.menulist {
    position: relative;
    top: 0px;
}
.menucell-title {
    color: #3399FF;
}
.menucell-item {
    font-size: 14px;
}
/* color: #b2aad8; */
#menucell-item-selected {
    color: #3399FF;
}
/* color: orange; modra #00deff; vinova #98121C ruzova #FF6347 */
#menucell-item-selected:hover {
    color: #FF6347;
}
fieldset {
    border: 1px solid #444444;
}
.vystraha {
    background: red;
    color: white;
}
.minboxb {
    float: left;
    width: 174px;
    height: 174px;
    padding-top: 0px;
    padding-right: 8px;
    padding-bottom: 10px;
    /*  margin: 1px 1px 0px 0px;
    cursor: pointer; 
*/
}
.minboxmin {
    font-size: 9pt;
    font-weight: bold;
    margin-top: 5px;
    color: #3399FF;
}
.minboxloc {
    font-size: 8pt;
    height: 36px;
    padding-bottom: 5px;
    overflow: hidden;
    margin-top: 5px;
}
.minboxsize {
    font-size: 8pt;
}
.minboxprice {
    margin-bottom: 3px;
    font-size: 8pt;
    color: #fc0;
    font-weight: bold;
}
.minboxdealer {
    font-size: 7pt;
    font-weight: bold;
}
.minboxdealer A,
.minboxdealer A:visited {
    color: #bbf;
    text-decoration: none;
}
.minboxdealer A:hover {
    text-decoration: underline;
}
.registerbuttonform {
    text-align: center;
    margin-top: 1em;
}
.minboxdesc {
    font-size: 8pt;
}
.minboxtoptext {
    height: 92px;
    padding: 0px;
    margin: 0px;
    overflow: hidden;
}
.minboxlink {
    font-size: 8pt;
}
/* centrovany obrazek nahledu v bunce */
.parent {
    display: table;
}
.child {
    display: table-cell;
    vertical-align: middle;
}
.minboximage {
    border: 1px solid #333;
    background-color: #111;
    width: 180px;
    height: 180px;
    margin-bottom: 2px;
    padding: 2px;
    cursor: pointer;
    text-align: center;
}
/* konec centrovany obrazek nahledu v bunce */
/* velka bunka detailu */
.detailbox {
    border: 1px solid #333;
    background-color: #111;
    width: 785px;
    height: auto;
    float: left;
    /* velka bunka detailu */
}
.video {
    color: #DDDDDD;
    background-color: black;
    width: 320px;
    height: 285px;
    border-color: orange;
    border-style: solid;
    border-width: 1px;
}
#obal-obrazku-bunky {
    background: #060000;
    border: 0px solid #130b04;
    overflow: auto;
}
/* #231408 nove #190d05 novejsi #110000 */
#detail-foto {
    width: 322px;
    text-align: left;
    float: left;
    position: relative;
    margin: 15px 0 0 15px;
}
#detail-foto-stojaty {
    width: 322px;
    text-align: left;
    float: left;
    position: relative;
    margin: 15px 0 0 15px;
}
/* 242 */
#next-fotos {
    margin: 0;
    padding: 0;
}
#next-fotos-stojaty {
    margin: 0;
    padding: 0;
}
#big-foto p {
    margin: 0 0 10px 0 !important;
    padding: 0 !important;
}
/*#big-foto img{margin:0 !important;padding:0 !important;border-color: #333333; border:solid 1px;}*/
#big-foto img {
    margin: 0 !important;
    padding: 0 !important;
    border: solid 1px #444444;
    display: block;
}
#next-fotos li {
    list-style-type: none;
    float: left;
    margin: 0 10px 10px 0;
    color: #444444;
    border: solid 1px;
    width: 98px;
    height: 73px;
}
/*
#next-fotos li img:hover, #next-fotos-stojaty li img:hover,  #big-foto a img:hover{border:solid 1px #FF6347;}
*/
#next-fotos li img {
    display: block;
}
#next-fotos-stojaty-kontejner {
    width: 73px;
    position: absolute;
    left: 247px;
    top: 0px;
}
#next-fotos-stojaty li {
    list-style-type: none;
    float: left;
    margin: 0 10px 11px 0;
    color: #444444;
    border: solid 1px;
    width: 73px;
    height: 98px;
}
#next-fotos-stojaty li img {
    display: block;
}
#next-fotos li.last {
    margin: 0 0 10px 0;
}
#next-fotos-stojaty li.last {
    margin: 0 10px 0 0;
}
#detail-navigace {
    text-align: center;
}
#detail-box {
    background: #111;
    border: 1px solid #444;
    padding: 10px;
    margin: 0 0 10px 0;
}
/*  barvy detailboxu */
#detail-box {
    color: #DDDDDD;
    ;
}
#detail-box a {
    color: #3399FF;
}
#detail-box a:hover {
    color: #ff6347;
}
/*  barvy detailboxu */
#detail-foto h1,
#detail-foto h2 {
    font-size: 130%;
    color: green;
    position: absolute;
    left: 350px;
    top: 0;
    width: 400px;
}
#anglicky-nazev {
    font-size: 90%;
    position: absolute;
    left: 400px;
    top: -15px;
    width: 300px;
}
#detail-foto-stojaty h1 {
    font-size: 130%;
    position: absolute;
    left: 350px;
    top: 0;
    width: 300px;
}
#obal-obrazku h1,
#obal-obrazku h2 {
    text-align: right;
    color: #DDDDDD;
    font-weight: normal;
    font-size: 13pt;
}
#icoform p {
    text-align: right;
    float: right;
}
.cena {
    font-weight: normal;
    font-size: 13pt;
    margin: 2px;
    color: #66CC00;
}
/* bylo orange */
.necena {
    font-weight: normal;
    font-size: 13pt;
    color: #DDDDDD;
}
.price {
    font-size: 13pt;
    font-weight: bold;
    color: #66CC00;
    padding-bottom: 12px;
    text-decoration: none;
    display: block;
}
/* bylo orange */
.mini {
    font-size: 100%;
}
.roztahnout,
.informace {
    text-align: justify;
}
a span .translate-me {
    color: #3399FF;
    text-decoration: none;
}
a.translate-me {
    color: #3399FF;
    text-decoration: none;
}
#preklad {
    text-decoration: none;
    font-weight: normal;
}
.description {
    color: #66CC00;
}
.vystredit {
    text-align: center;
}
.okraj {
    margin-left: 5px;
    margin-right: 5px;
}
.pozadi {
    background-color: #333333;
}
.ramecek {
    border: 1px solid #888888;
    padding: 0.8em 0.8em 0em 1em;
}
#firma {
    float: left;
}
#onas-firma {
    float: left;
    width: 600px;
}
#foto-firma {
    float: right;
    padding-bottom: 15px;
    padding-left: 5px;
}
.obal {
    float: left;
}
.text-blok,
.img-blok {
    float: left;
}
.text-blok {
    width: 246px;
    padding-left: 5px;
    padding-right: 5px;
}
.blok {}
.zmensit {
    width: 314px;
    padding-right: 5px;
    padding-bottom: 5px;
}
.text-img-blok {
    width: 314px;
    padding-right: 5px;
    padding-bottom: 5px;
    float: left;
}
.popiska {
    text-align: center;
}
.nahled {
    width: 159px;
    margin: 0px;
    padding: 0px;
    padding-top: 5px;
}
/* vcard */
.vcard {
    width: 310px;
    background: #000;
    float: left;
    margin: 10px 5px 2em 0;
}
.vcard img {
    float: left;
    margin: 0 10px 0 0;
}
.vcard h2 {
    font-size: 100%;
}
.vcard p,
.vcard address {
    margin: 0;
    padding: 0;
    font-size: 90%;
}
.vcard p.flags {
    margin: 5px 0 0 0;
}
.qr {
    float: left;
    text-align: right;
    width: 300px;
    text-decoration: none;
    vertical-align: baseline;
    padding-top: 10px;
}
.qr a,
a:visited {
    text-decoration: none;
}
.qr a:hover {
    color: #FF8C00;
}
.odsad-radek {
    padding-top: 5px;
}
.logininfo {
    cursor: help;
    text-transform: uppercase;
}
.otaznik {
    cursor: help;
}
.bezokraje {
    border: 0px black solid;
}
.h2-odkaz,
.topmenu-odkaz {
    text-decoration: none;
}
#np1,
#np2,
#np3,
#np4,
#np5,
#np6,
#np7,
#np8,
#np9,
#np10,
#np11,
#np12 {
    font-weight: normal;
}
.h2-odkaz:hover,
.topmenu-odkaz:hover {
    color: #ff6347;
}
/*color: #ff6347;*/
.zmensit {
    font-size: 90%;
}
#fblink {
    position: relative;
    width: 50px;
    top: -40px;
    float: right;
}
a.aktivfblink {
    display: block;
    width: 40px;
    height: 20px;
    overflow: hidden;
}
a.aktivfblink:hover {
    text-indent: -40px;
}
.sold {
    color: #FF6347;
    margin: 2px;
}
.sold_red {
    color: #FFFFFF;
    margin: 2px;
    background-color: #CC0000
}
.prodano {
    color: #ff6347;
    margin: 2px;
}
.metricky {
    position: absolute;
    left: 100px width: 100px;
}
.anglosasky {
    position: absolute;
    left: 200px;
    width: 100px;
}
.tooltip {
    display: none;
    position: absolute;
    border: 1px solid #333;
    background-color: #2f275f;
    border-radius: 5px;
    padding: 10px;
    color: #fff;
    font-size: 12px Arial;
    z-index: 101;
}
.listsipka {
    width: 30px;
}
#sipky {
    position: absolute;
    background: none;
    top: 160px;
    width: 987px;
    height: 40px;
    margin-left: auto;
    margin-right: auto;
}
#sipkaplus img,
#sipkaplus_neaktivni img {
    z-index: 100;
    position: absolute;
    right: 5px;
    border: 0px solid #180A0A;
}
#sipkaminus img,
#sipkaminus_neaktivni img {
    z-index: 100;
    position: absolute;
    left: 5px;
    border: 0px solid #180A0A;
}
#sipkaplus,
#sipkaplus_neaktivni {
    display: inline-block;
    width: 30px;
    height: 30px;
    position: absolute;
    top: 2px;
    right: 33px;
}
#sipkaplus {
    background: url("img/sipka_vpravo_mod_m.png") no-repeat;
}
#sipkaplus:hover {
    background: url("img/sipka_vpravo_cerv_m.png") no-repeat;
    cursor: pointer;
}
#sipkaplus_neaktivni {
    background: url("img/sipka_vpravo_sed_m.png") no-repeat;
}
#sipkaminus,
#sipkaminus_neaktivni {
    display: inline-block;
    width: 30px;
    height: 30px;
    position: absolute;
    top: 2px;
    left: 33px;
}
#sipkaminus {
    background: url("img/sipka_vlevo_mod_m.png") no-repeat;
}
#sipkaminus:hover {
    background: url("img/sipka_vlevo_cerv_m.png") no-repeat;
    cursor: pointer;
}
#sipkaminus_neaktivni {
    background: url("img/sipka_vlevo_sed_m.png") no-repeat;
}
#sipkaminus .aktivni img:hover {
    border-right: 10px double #3399FF;
}
#sipkaplus .aktivni img:hover {
    border-left: 10px double #3399FF;
}
.skrytavolba {
    display: none;
}
.eet-banner,
.gdpr-banner {
    margin: 10px;
    padding-top: 10px;
    text-align: center;
    font-size: 70%;
}
#posledni {
    text-align: center;
}
.marquee {
    width: 850px;
    overflow: hidden;
    margin: auto;
}
#v-kosiku-infotext{
	 color:#ff6347;
	 text-decoration: none;
	 padding-bottom: 3px;
	 border-bottom: double 4px #ff6347;
}

a.v-kosiku{
position:relative;
top:-160px;
	 font-size: 80%;
	 background-color:black;
	 color:#3399FF;
	 text-decoration: none;
	 padding-top: 0px;
	 padding-bottom: 3px;
	 padding-left: 3px;
	 padding-right: 3px;
	 border-bottom: double 4px #ff6347;
	 }
a.v-kosiku:hover{
	color:#ff6347;
}
.zmensit-text{
	font-size:120%;
}
.neodeslat_objednavku{
	background-color: red; color: #FFFFFF; font-weight:bold;
}
#zvratka{
	position:relative;
	top:-180px;
	left:150px;
	width: 100%;
	text-align: center;

}
#vratka{
	background: url(/img/kosik-odstranit-2016-32.png);
	background-repeat: no-repeat;

	background-color: black;
	width: 32px;
	height: 32px;
	position:relative;
	top: -150px;

}