/* CSS GlobalWear.cz */

body {background: rgb(166,166,166) url('../pictures/body_bg_1.jpg') 49% 0;background-attachment: fixed;font-family: arial;font-size: 9pt;}
#page,#odkazy {position: relative;width: 893px;@width: 892px;_width: 893px;margin-left: auto;margin-right: auto;text-align: center;background-color: white;padding: 5px 4px 4px 4px; _padding-top: 5px 4px 4px 4px}

#center {text-align: left;}
#odkazy .left {text-align: center;}
#odkazy a {padding: 0 3px 0 3px}

.left {text-align: left}
.right {text-align: right}
.center {text-align: center}
.fleft {float: left}
.fright {float: right}
.both {clear: both}
.justify {text-align: justify}
.link {color: rgb(237,28,36)}
.input {border: 1px solid silver;padding: 2px 5px 2px 5px}
.both_h {clear: both;background: url('../pictures/line_h.gif') 0% 50% repeat-x;margin: 0px 15px 0px 15px;height: 28px }
.dashed {border-bottom: 1px dashed rgb(237,237,237);clear: both}
.vtop {vertical-align: top;}
.hand {cursor: pointer}


p {padding: 0px;margin: 15px 0px 15px 0px }

a {color: rgb(81,109,172);}
a:hover {color: black;text-decoration: none;}

.sysmsg {border: 1px solid rgb(67,96,174)}
.sysmsg,.strankovani,.zelena {padding: 10px;margin: 0 0 10px 0;background-color: rgb(207,226,241);clear: both;}
.strankovani,.zelena {background: rgb(191,215,47) url('../pictures/title_bg.jpg') 0% 0% repeat-x;padding: 0px;}
.strankovani select {font-size: 8pt}
h1,.kontakty_obr h2 {margin: 0px ;padding: 10px 0px 15px 0px;font-size: 14pt;color: rgb(153,0,0)}
h2 {font-size: 11pt;margin: 0px;padding: 25px 0px 5px 0px;border-bottom: 1px dotted rgb(131,150,9)}
h2.padd {padding-top: 0px;}

h1.strankovani,h1.zelena {padding: 8px 10px 7px 10px;font-size: 9pt;color: rgb(40,40,40)}
.strankovani table {width: 100%}
.strankovani span {font-weight: bold;color: black}
.strankovani h1 {display: inline;font-size: 10pt;color: black;font-weight: bold;padding: 0;margin: 0;}
.strankovani .tlacitka {width: 50px}
.strankovani .select {text-align: right;}
.strankovani .right {width: 200px}
img {border: 0px;}
form,body {padding: 0px;margin: 0px;}

fieldset,legend {border: 1px solid rgb(212,208,200);padding: 5px;margin: 10px 0px 10px 0px;}




#price {height: 111px;position: relative;font-size: 8pt;}
#price ,#price a{color: black;}
#price .logo {position: absolute; width: 600px; height: 111px; background: url('../pictures/global-wear-logo.gif') 100% top no-repeat;}
#price .logo img {position: absolute; width: 424px; height: 64px; top: 12px; left: 6px;z-index: 50;}
/* #price .logo img {position: absolute; width: 424px; height: 64px; top: 12px; left: 6px;z-index: 50;} */
#price .fleft {width: 50%;float: left;position: relative;z-index: 2}

#price .fleft .both {font-size: 9pt;padding: 30px 0 0 10px}

#price .fright {width: 49%;float: right;position: relative;}
#price .fright p{padding: 10px 0 10px 20px;margin: 0px 0px 0px 78px;background: url('../pictures/kosik.gif') 0% 15px no-repeat;line-height: 180%}
#price .fright p strong {color: rgb(171,18,10);font-size: 9pt}
#price .fright form {float: right;margin: 0;padding: 0px;}
#price .fright div.hledat_input {float: left;width: 280px;padding-top: 1px;@padding-top: 0px;}
#price .fright .hledat_div {display: inline}
#price .fright input.hledat_input {float: left;}
#price #kosik {position: relative;top: 0;left: 0;}

#price .logo {position: absolute;top: 0px;left: 0px;}

#maim_menu {background: rgb(26,27,29) url('../pictures/bg_menu-top.gif') 0% 0% repeat-x;}
#maim_menu a {color: white;text-decoration: none;display: block;float: left;padding: 15px 11px 15px 11px;background: rgb(26,27,29) url('../pictures/bg_menu-top.gif') 0% 0% repeat-x;position: relative;top: 0%;}
#maim_menu a span {position: absolute;right: 0%;top: 0%;width: 1px;height: 45px;background: url('../pictures/bg_menu-top-deleni.gif') 0% 0%;overflow: hidden;}
#maim_menu a:hover,#maim_menu .selected {color: black;background: rgb(195,217,58) url('../pictures/bg_menu-top-hover.jpg') 100% 0% no-repeat; }
#maim_menu a:hover span,#maim_menu .selected span {background-image: none;}
#left,#include {padding-top: 4px;}

#left {float: left;width: 231px;color: rgb(40,40,40);}
#left div.title {color: white;background-color: rgb(130,149,8);height: 30px;margin: 2px 0px 10px 0px;}
#left div.title strong {display: none}


#left ul {padding: 0px;margin: 0px;list-style-type: none;background-color: rgb(234,234,234)}
#left ul li {display: inline;}
#left .main_level {display: block;padding: 8px 0 22px 15px;background: rgb(130,150,9) url('../pictures/bg_menu-level.jpg');color: white}
#left ul li a{display: block;margin: 0px 0px 1px 0px;border-bottom: 1px solid white;padding: 5px 25px 5px 19px;color: black;text-decoration: none;}
#left ul li a:hover{color: rgb(153,0,0);border-color: rgb(153,0,0);background: url('../pictures/li_hover.gif') 95% 50% no-repeat; }
#left li.sub a {border: 0px;padding-left: 40px;background: url('../pictures/li_sub.gif') 30px 10px no-repeat;}
#left li.sub a:hover {background: url('../pictures/li_hover.gif') 30px 10px no-repeat;}


#include {float: right;width: 655px;color: rgb(66,66,66);padding-left: 4px;}
#include.only {float: none;width: 100%}

#include .zalozky {margin: 0px 10px 10px 10px;background: url('../pictures/zalozka_btm.gif') 0% 91% repeat-x;}
#include .zalozky a {background-color: rgb(240,240,240);border-bottom: 2px solid rgb(153,0,0);color: rgb(69,69,69);padding: 10px 20px 10px 20px;text-decoration: none;}
#include .zalozky a:hover,#include .zalozky .selected {background-color: rgb(153,0,0);color: white;}

#bottom {clear: both;background: url('../pictures/bg_paticka.gif') 0% 0% repeat-x;padding: 20px 10px 10px 10px;color: rgb(103,103,103)}

.detail .img {float: left;width: 40%;text-align: center;padding-top: 15px;position: relative;overflow:hidden}
.detail .img .lupa {position: absolute;right: 10px;}
.detail .des {float: right;width: 58%;}
.detail .des .nadpis {line-height: 150%}
.detail .des .gray {color: rgb(151,151,151)}
.detail .cesta {font-size: 8pt;color: rgb(64,64,64);padding: 10px 0px 10px 0px;}
.detail .cesta a {color: rgb(153,4,0)}
.detail .description {width: 100%;color: rgb(66,66,66)}
.detail .description td {padding: 5px}
.detail .description .bg {background-color: rgb(207,226,241)}

.selectedPage,.pageSel {padding: 2px 6px 2px 6px;}
.nextPagesList,.prevPagesList {padding: 0px 10px 0px 10px}
.selectedPage {color: white;background-color: rgb(67,96,174);border: 1px solid white}
.pageSel {color: black;text-decoration: none}
.pageSel:hover {background-color: rgb(247,247,247);}

.missing span {color: rgb(200,0,0)}
.onemissing span {color: rgb(51,101,151)}
.missing .input {border: 1px solid rgb(200,0,0) }
.onemissing .input {border: 1px solid rgb(51,101,151) }

.koupit {border: 0px;background-color: rgb(234,234,234);padding: 10px 10px 5px 10px} 
.koupit td {font-size: 10pt;color: black}
.akce_detail {color: rgb(153,0,0);padding: 10px 0px 10px 14px;margin: 0;}

.produkt {float: left;width: 176px;line-height: 150%;padding: 0px 20px 0px 20px;border-right: 1px solid rgb(211,211,211)}
.produkt .image {height: 150px;overflow: hidden;text-align: center;position: relative;top: 0px;left: 0px;}
.produkt .image .priznak {position: absolute;right: -2px;top: -10px;}
.produkt .image .novinka {position: absolute;right: 0px;top: -10px;}
.produkt .image .urceno_pro {position: absolute;right: 0px;bottom: 0;}
.produkt .image .dopravazdarma {position: absolute;left: 0px;top: -10px;}
.produkt .image img {padding: 10px 0px 5px 0px;}
.produkt .popis {color: black;padding-bottom: 10px}
.produkt .popis a {color: rgb(173,0,1);}
.produkt .popis span.vyrobce {color: rgb(151,151,151);}
.produkt .popis span {color: rgb(115,153,6);}
.produkt .popis .title {min-height: 35px; _height: 30px;}
.produkt .btn {text-align: center;}
.hodnoceni .dopravazdarma {position: absolute;right: 0px;top: 10px;}


.diskuze {border: 1px solid rgb(212,208,200);border-top: 1px solid rgb(240,240,240);border-left: 1px solid rgb(240,240,240);}
.diskuze td {padding: 5px}
.diskuze .bg {background-color: rgb(207,226,241);}
.diskuze .bg2 {background-color: rgb(229,240,248);}
div.diskuze  {padding: 10px}
.diskuze .bottom a {padding: 5px;}
.diskuze .head {background-color: rgb(231,231,231)}

#small_kosik {position: absolute;top: 5px;right: -10px;border: 1px solid rgb(0,0,0);padding: 2px;width: 300px;background-color: white;z-index: 2}
#small_kosik .top td {color: white;background: rgb(3,3,3) url('../pictures/bg_menu-top.gif') 0% 0% repeat-x;}
#small_kosik .top img {padding: 4px 5px 0 0;cursor: pointer}

#small_kosik .vtop {color: gray}

#small_kosik .name {vertical-align: top}
#small_kosik .image img {max-width: 80px;_width: 80px;}
#small_kosik .pokracovat {text-align: right;padding-top: 5px;margin-top: 5px;border-top: 1px dashed silver}


.include_banner {margin: 0px; padding: 0px; overflow: hidden; width: 100%;text-align:center}



.bannery {width: 655px;padding-left: 0px;padding-right: 0px;}
#left .bannery {width: auto;padding: 0;margin: 0;text-align: center;}

h1.banner {margin: 20px 0px 0 0px; padding: 0px; overflow: hidden;}
h1.banner span {display: none}

.aktuality,#left .blok {background-color: rgb(234,234,234);padding: 0 10px 10px 10px}
.aktuality .body {padding: 10px 0 10px 0 }
.aktuality hr {border: 0;border-bottom: 1px solid white;}
.aktuality .titulek {margin: 0;padding: 5px 0 5px 0}
.aktuality span {font-weight: bold;}
.aktuality p strong {color: rgb(59,89,152);font-size: 10pt;}

#left .blok .input {color: gray;font-size: 9pt;padding: 3px 4px 4px 5px;margin: 0;width: 165px}
#left .blok .sys {color: rgb(255,0,0)}

.kontakty_adresa {float: left;width: 49%;}
.kontakty_obr {float: right;width: 49%}
.kontakty_obr h2 {border-bottom: 0;}
.kontakty_obr img {margin: 0 0 3px 0;padding: 1px;border:1px solid black}


/* clanek heelys */
.tab-celek {text-align: center; font-size: 12px; font-family: Verdana, Arial;border-top: 1px solid black; border-left: 1px solid black;}
.tab-celek th {padding: 2px 3px 2px 3px; background-color: rgb(192,215,49); color: white; font-weight: bold; border-bottom: 1px solid black; border-right: 1px solid black;}
.tab-celek td {padding: 2px 3px 2px 3px; background-color: rgb(232,232,232); color: rgb(128,128,128);border-bottom: 1px solid black; border-right: 1px solid black;}
.tab-celek .tucne-leve {padding-right: 10px; font-weight: bold;text-align: left;}


.nadpis_pokladna {padding: 5px;background-color: #f6f6f6;border-bottom: 1px solid silver}



ul.linky {padding: 0px;margin: 0px;list-style-type: none;}
ul.linky li {padding: 4px 0 15px 30px;background: url('../pictures/li_hover.gif') 13px 10px no-repeat;}
ul.linky p {padding-top: 5px;margin-top: 0;}

a.linky {background: url('../pictures/li_hover.gif') 5px 5px no-repeat;padding-left: 20px}

.kontakty {width: 100%;background-color: #EAEAEA;margin-bottom: 2px}
.kontakty .right a {color: rgb(66,66,66);}
.kontakty .right {padding: 10px 44px 10px 0}

.hodnoceni {padding: 15px 0 15px 0;position:relative; }

#odkazy {background-color: white;margin-top: 10px;}
#odkazy .left {padding: 10px 10px 10px 10px;font-size: 8pt;line-height: 150%}
#odkazy a {color: rgb(66,66,66)}


.nakup_zdarma {line-height: 145%}
.nakup_zdarma br {margin-bottom: 10px}
.nakup_zdarma big,.nakup_zdarma big a {font-size: normal;color: rgb(153,0,0);font-size: 9pt;font-weight: bolder;}

.anketa a {line-height: 155%;}
.anketa a span {display: block;color: rgb(81,109,172) }
.anketa .right span {display: block;text-align:left;padding: 10px;}

.odkazy-funkce {line-height: 150%;}
.odkazy-funkce span {font-weight: bold}

.fb {padding: 5px 0 0 0}
.button {background:transparent;border:0px;padding: 0px;margin:0px}
.dalsi_img {text-align:center}
.dalsi_img img {border: 1px solid gray;margin: 5px;padding: 2px;float: left;}

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:pictures/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../pictures/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../pictures/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; } 

.fb_libi {padding-top: 5px}

ul.vyrobce {padding: 0 0 0 15px;margin: 0;list-style-type: none;}


code {background-color: rgb(248,248,248);color: rgb(56,102,153);display: block;padding: 10px;text-align: center;margin-bottom: 20px;font-family: "Consolas", "Courier New", Courier, mono;font-size: 12px;}


#adresa_pokladny .fleft {float: left;width:47%;}
#adresa_pokladny .fright {float: right;width:50%;border-left: 1px solid silver;padding-left: 13px}
#adresa_pokladny table {}

