/********************************/
/*     veselyklaun.cz     */
/********************************/
* {	margin: 0; padding: 0; }
html { height: 100%; }

/*---------------------------- ZÁKLADNÍ PRVKY --------------------------------*/
body {
    /*font-family: "Comic Sans MS", "Sand CE", fantasy;*/
    /*font-family: Verdana, "Geneva CE", lucida, sans-serif;*/
    /*font-family: Tahoma, "Lucida Grande CE", lucida, sans-serif;*/
    font-family: sans-serif;
    font-size: 0.75em;
    color: #000000; background:#FFFBCA;
    height: 100%;
    text-align: center;
}
h1, h2, h3 {font-family: "Comic Sans MS", "Sand CE", fantasy;}
h1 {font-size: 1.5em; color: #e70101;/*#9f191a*/; font-weight: bold; margin: 0px 0px 10px 0px; padding: 0px;}
h2, h3 {font-size: 1.2em; color: #e70101; font-weight: bold; margin: 0px 0px 5px 0px;}
h2, h3{font-weight: bold; font-family: sans-serif;}
h2 a, h3 a{font-weight: bold;}
h1 a, h2 a, h3 a {color: #9f191a; text-decoration: none;}
h1 a:hover, h2 a:hover, h3 a:hover {color: #772222;/*#e26f31;*/ text-decoration: underline;}
h4, h5 {font-size:1em}
p {	margin: 0px 0px 10px 0px;
    font-weight: normal;
    line-height: 1.5;
    text-align: justify;
}

small {font-size: 0.85em;}
a {color: #9f191a; text-decoration: none; font-weight: bold;}
a:hover {color: #772222;/*#e26f31;*/ text-decoration: underline;}
/*a:visited {}*/
img {border: 1px solid #000000;}
ul {margin: 0px 0px 0px 20px;}
li {list-style: circle;}
strong {font-weight: bold; font-size: 110%;}

/*tabulky*/
table { border: 0px solid #990033; margin: 0px auto 15px auto; border-collapse: collapse; font-size:1em}
table caption { font-weight: bold; color: #990033; margin: 0px auto;}

tr{ border: none;}
th, td { text-align: center; vertical-align:bottom; border: 0px solid #990033; padding: 5px 5px; color: #000000;}
th {font-weight: bold; border-bottom:1px solid #666666; color: #000000;}

i {font-weight: bold; font-style: italic; font-size: 1.2em;}
hr {clear: both; display: none;}

address {font-style: normal; }

/*--------------------------- OBECNÉ PRVKY -----------------------------------*/
.center {text-align: center;}
.cleaner {clear: both; margin: 0; padding: 0;}
.right {float: right;}
.left {float: left;}
.fnone {float: none;}
.text-right,.tright {text-align: right;}
.text-left,.tleft {text-align: left;}
.red {color: red;}
.ok {color: #009933; font-size:110%;}
.bad {color:red; font-size:110%; background-color:#FFFF00; padding:7px 17px; font-weight:bold; border:1px dotted red }
.small {font-size: 0.9em;}
.normal {font-size: 1em;}
.dnone {display: none;}
.dout {position: absolute; left: 0; top: 0; margin: -1000px 0 0 0; width: 1px; height: 1px;}
.light {color: #b1b1b1;}
.cara { border-top:1px solid #333333; margin:5px 0}
.w20 {width:20px}
.w25 {width:25px}
.w30 {width:30px}
.w50 {width:50px}
.w100 {width:100px}
.w150 {width:150px}
.w200 {width:200px}
.w250 {width:250px}
.bold {font-weight:bold}
.nodisplay {display: none}

.tlacitko { font-size:1em}
.tlacOK {font-size:0.9em;_font-size:1em;}

.hlaska {color:#F00; background:#FFD7D7 url('../_images/znackaPozor.png') no-repeat; border:1px solid #F00; padding:5px 0 0px 60px; font-weight:bold; min-height:50px;_height:50px}
.hlaskaOK {color:#FFF; background:#008000; border:1px solid #666; padding:2px 7px; font-weight:bold; text-align:center}

.tlacitkoText {background:inherit; border:none; font:inherit; margin:0; padding:0; display:inline; text-decoration:underline; width:22.5em; _width:20em; cursor: pointer }

.fbupoutavka {margin-top:50px}
.fbupoutavka a img {border:none}
.fblibi {text-align:right; padding:5px 1px 1px 1px;}

/*-------------------------------- LAYOUT ------------------------------------*/
#container {
    width: 990px;
    _width: 992px;
    text-align: left;
    background: #fff9af url('../_images/container-back.gif') repeat-y top left;
    border: 1px solid #ccc67a;
    margin: 0px auto;
}
#main {
    float: right;
    width: 784px;
    min-height: 150px;
    _height: 150px;
}
/*---------------- HEADER -----------------*/
#header {
    width: 990px;
    height: 220px;
}
#header #logo {
    float: left;
    background-color: #fff795;
}
#header #logo a, #header #header-back div {
    position: relative;
    display: block;
    text-decoration:none;
    color:#000000;
    font-size: 15px;
}
#header #logo a span {
    position: absolute;top:0;left:0;
    display: block;
    cursor : pointer;
    background: url('../_images/header-logo.jpg') no-repeat top left;

}
#header #logo, #header #logo a, #header #logo a span {
    width: 206px;
    height: 220px;
}

#header #header-back {float: right;}
#header #header-back, #header #header-back div, #header #header-back div span {
    width: 784px;
    height: 220px;
}
#header #header-back div span {
    position: absolute;top:0;left:0;
    display: block;
    background: url('../_images/header-back.jpg') no-repeat top left;
}
#user_horni_lista {
    background:#fff795;
    height:20px;
    border-bottom:1px solid #999;
    padding:3px 20px 0 0;
    font-family:sans-serif;
    text-align:right;
}
#user_horni_lista b {color:#9f191a}
#user_horni_lista a {text-decoration:underline}

/*----------- MENU-HORIZONTAL -----------*/
#menu-horizontal {
    float: left;
    background: #fff9af url('../_images/menu-horizontal-back.gif') no-repeat top right;
    width: 584px;
}
#menu-horizontal img {border:none;margin:0;padding:0}
#menu-horizontal a.menu1 {width: 202px;float: left;}
#menu-horizontal a.menu2 {width: 147px;float: left;}
#menu-horizontal a.menu3 {width: 87px;float: left;}

#menu-horizontal a {display:block; float:left; height:30px; background-image:url(../_images/hmenu.gif);}
#menu-horizontal a.menu1 {background-position:50% -30px}
#menu-horizontal a.menu2 {background-position:50% -90px}
#menu-horizontal a.menu3 {background-position:50% -150px}
#menu-horizontal a.menu1:hover {background-position:50% 0px}
#menu-horizontal a.menu2:hover {background-position:50% -60px}
#menu-horizontal a.menu3:hover {background-position:50% -120px}

/*--------------- CONTENT ---------------*/
#content {
    float: left;
    background: #fff9af url('../_images/content-back.gif') no-repeat top right;
    width: 564px;
    _width: 584px;
    min-height: 150px;
    _height: 150px;
    padding: 15px 10px 10px 10px;
}

/*------------ RIGHT STRIPE -------------*/
#right-stripe {
    float: right;
    _float: none;
    display: block;
    text-align: center;
    color: #000;
    overflow: hidden;
    width: 192px;
    margin: -23px 0 0 0;
}

#right-stripe .klaunuv-tip, #right-stripe .kosik, #nejZbozi, #prohlZbozi, #right-stripe .prihlasen {
    background: #fff89f;
    border: 1px solid #1f1d0f;
    width: 186px;
    _width: 188px;
    margin: 10px 0 0 0;
}
#right-stripe .klaunuv-tip, #right-stripe .kosik, #right-stripe .prihlasen {
    background: #fff89f url('../_images/klaunuv-tip-back.jpg') no-repeat bottom center;
}

#right-stripe .prihlasen { background-image:none;margin-top:0; padding-bottom:5px}

#right-stripe .klaunuv-tip h2 {
    position: relative;
    font-size: 0.8em;
    display: block;
    width: 176px;
    height: 16px;
    margin: 5px auto 6px auto;
}
#right-stripe .klaunuv-tip p {
    font-size: 1em;
    padding: 5px ;
    text-align: center;
}
#right-stripe .klaunuv-tip h2 span {
    position: absolute;top:0;left:0;
    background: #fff89f url('../_images/klaunuv-tip2.gif') no-repeat top left;
    display: block;
    width: 176px;
    height: 16px;
}

#right-stripe .kosik {background-image: none; text-align:right; font-family:Arial, Helvetica, sans-serif; color:#000000; font-size:0.9em; margin-bottom:17px}
#right-stripe .kosik a {
    position: relative;
    display: block;
    width: 168px;
    height: 89px;
    margin: 5px 10px 5px auto;
}

#right-stripe .kos_zobraz a {
    height: 15px;
}

#right-stripe .kosik a span {
    position: absolute;top:0;left:0;
    background: #fff89f url('../_images/nakupni-kosik2.gif') no-repeat top left;
    display: block;
    cursor: pointer;
    width: 168px;
    height: 89px;
}
#right-stripe .kos_data { margin:5px}
#right-stripe .kos_nazev { text-align:left;border-top:1px solid #CCCCCC}
#right-stripe .kos_celkem { width:100px; float:left; text-align:left;}
#right-stripe .kos_zobraz { margin-top:10px; text-align:center;}
#right-stripe .kos_zobraz input{ background:#fff89f; border:none; color:#9f191a; font-weight: bold;font-family: "Comic Sans MS", "Sand CE", fantasy;font-size: 1em;cursor: pointer;}
#right-stripe .kos_zobraz input:hover { text-decoration: underline; color: #000033}



/*--------------- MENU --------------*/
#menu {
    float: left;
    background-color: #fff795;
    width: 185px;
    _width: 205px;
    /*border: 1px solid red;*/
    padding: 0 10px 5px 10px;
    min-height:400px; _height:400px;
}

#menu .hkategorie {
    position: relative;
    display: block;
    font-size: 140%;
    margin: 5px 0 2px 0;
	font-family:'Comic Sans MS','Sand CE',fantasy; color:#e70101;
}
#menu h4.sortiment {margin-top:15px}
#menu h4.sortiment span, #menu h4.znacky span {
    position: absolute;top:0;left:0;
    display: block;
    cursor: pointer;
}

#menu h4.sortiment, #menu h4.sortiment span {width: 164px;height: 15px;}
#menu h4.sortiment span {background: #fff89f url('../_images/sortiment.gif') no-repeat top left;}

#menu ul {margin: 0; padding: 0;}
#menu ul li {list-style: none;padding: 2px 0;clear:left}
#menu ul li ul {margin:0;padding:0;}
#menu ul li a {padding: 0 0 0 2px; display:block; width:164px;font-weight: normal;float:left;border:none}
#menu ul li a img {border:none; text-decoration:none}
#menu ul li .menuKrizek {width:13px; float:left; padding:3px 3px 0px 3px}
#menu ul li ul .li2_open a, .li_open a { font-weight:bold; color:#333}
#menu ul li ul .li2_open a { font-weight:bold; color:#333; background:#FFFF00}
#menu ul li ul .li2_mezera { height: 1px; font-size: 1px;}
.li_open, .li_closed {margin:0}
ul li ul.podmenu {min-height: 2px; _height: 2px;}
.podmenu a {margin: 0 0 0 27px; #margin:0 0 0 15px; font-weight:normal; color: #9f191a;}
.a_open {font-weight:bold; color:#000; background-color: #FFFF66;}
#menu ul li ul {padding:0; margin:0}
#menu ul li ul li {padding:0; margin:0}
#menu ul li ul li a {padding:0 1px; display:block; width:152px;}
#menu ul li #a_uvod {display:inline; width:auto; float:none}
.a_uvod {color:#666}

#menu a:hover {background-color:#AEFFA6;color:#FF3300;text-decoration:none}

#vyhledavani {float:left;width:150px;}


/*-------- PRAVY SLOUPECEK ----------*/
#nejZbozi {margin:0 0 17px 0; padding:3px 0}
#nejZbozi a {font-weight:normal}
#nejZbozi li {list-style-type:disc; color:#999; margin:4px 0}

#prohlZbozi {margin:0 0 1px 0; padding:3px 0}
#prohlZbozi .prohl {margin:12px 0 1px 0; padding:0; text-align: left;}
#prohlZbozi a {font-weight:normal}
#prohlZbozi .prohlPol {color:#999; margin:4px 0; clear:both; min-height:23px;_height:25px;}
#prohlZbozi .prohlPol img {margin:0 3px 7px 3px;}

/*-------------- FOOTER -------------*/
#footer {
    clear: both;
    color: #333;
    font-size: 0.9em;
    text-align: right;
    background-color: #ebe26e;
    padding: 7px 5px 2px 0;
    height:40px;
}
#footer a {
    color: #333;
    font-weight: normal;
    text-decoration: none;
}
#footer a:hover {
    color: #000000;
    text-decoration: underline;
}
#footer img {
    border: none;
    vertical-align: middle;
}
.footerLeft {float:left; width:310px; margin-left:15px; text-align:center}
.footerLeftText {float:left; width:100px;margin:0;}
.footerPocitadla {float:right; width:300px;margin:10px 10px 0 0; text-align:right}
.footerLeft table {float:left;margin:0;display:inline}

/*--------------- DROBECEK ----------*/
.drobecek { font-size: 1em; margin:0 0 8px 0;}

/*------------ CLANKY ------------*/

#clanek { font-family:Arial, Helvetica, sans-serif; color:#000000; font-size:1em; _font-size:1.1em}
#clanek p { margin-bottom:1.2em; }

/*------------ FORMULARE ------------*/
form input.text-short {width: 170px; margin: 0 0 2px 0;}
form input.text-short2 {width: 155px; margin: 0 0 2px 0;}


/*------------ VYPISY HRACEK ------------*/
#uvod_katalog {margin:20px 0; padding-bottom:10px; border:1px solid #FFCC33; background:#FFF9A8;}
#uvod_katalog h2 {text-align:center;font-size:150%; margin:10px 0 10px 10px;}
#uvod_katalog li {list-style:none}
#uvod_katalog ul {margin-left:0px}
#uvod_katalog a {font-weight:normal}
#uvod_katalog img {border:none}
/*#uvod_katalog .lidisc {background:url('../_images/balonekm.gif') no-repeat left top; padding-left:15px}*/
#uvod_katalog .lidisc {float:left; width:260px; margin:5px 10px 0 10px}
#uvod_katalog .lidisc li {display:inline;}
.katSubKat a {color:#333;font-size:95%}

.prods_block { font-size:1.1em;text-align:center;background: #fff89f; border:1px solid #FFCC33;width:177px; margin:5px 0 2px 7px; float:left}
.block_img { width:162px;height:162px; margin:5px auto;}
.block_img img{ margin:0 auto; border: 1px solid #999;}
.block_nazev {min-height:2.6em; _height:2.6em; margin:0 2px}
.block_nazev a {color:#111; font-weight:normal}
.block_cena {border-top:1px solid #FFCC33; margin:3px 1px 1px 1px; padding: 2px 7px 2px 6px; text-align:right;}
.block_cena p { text-align:right; line-height:1.8em; margin:0; padding:2px 0;}
.cena {color: #C00; font-weight:bold;}
.block_cena .mezera { height:1.9em;}
.cena {color: #C00; font-weight:bold;}
.cenaDalsi {line-height: 2.3em}
.dostup {color: #00B700; font-weight:bold;}
.block_cena img {border:none; margin-bottom:-2px}
.block_pocet {margin-left:0px;text-align:center; width:25px; padding:0px 2px}
.block_detail {padding-bottom: -10px; float:left;width:60px; position:relative; top:5px}

.filtrovani {margin:17px 0 7px 0; padding:3px 10px; border:1px solid #FFCC00}
#strankovani { text-align:center; margin:17px 0 10px 0}
#strankovani a { margin:3px 2px}
#strankovani .str_aktiv {font-weight:bold; font-size:120%}

/*------------ DETAIL HRACKY ------------*/
.prod a { font-weight:normal}
.prod_img { width:160px;height:160px; float:left; margin: 7px;}
.prod_udaje { width:330px; float:left; margin:7px 0 7px 27px}
.prod_popisPar { width:110px; float:left; text-align:right; margin:0 17px 1px 0}
.prod_cena { color: #CC0000;font-weight:bold;}
.prod_popis { margin:10px 0; _font-size:110%}
.prod_kategs { float:left;width:200px}
.prod_form_objednat { float:left;width:200px}

.fotoWidth {width:100%}

.submit_kosik {width:42px;height:27px; background:url('../_images/kosik.gif') no-repeat bottom left;border:none;cursor:pointer;margin-right:0;padding-right:0; }
.submit_kosik:hover {background:url('../_images/kosik2.gif')  no-repeat bottom left;}


.popup { position:absolute; top:100px; left:50%; background: #FFFBCA url(/_images/smaz.png) right top no-repeat; border:3px double #000; text-align:center; padding:40px 0; margin-left:-150px; width:300px;}
#popup { position:absolute; top:95px; left:50%; background: #FFF url(/_images/smaz.png) right top no-repeat; border:3px double #000; text-align:left; padding:30px 30px; margin-left:-50px; width:450px; _width:500px;}


#dotazy {background:#FFF89F; border:1px solid #FFCD95; padding:5px; margin-top:10px}
#dotazy form {background:#FFE2AE; border:1px solid #FFCC33; padding:5px; margin-top:20px}
#dotazy h3 {color: #333; font-family: sans-serif;}
.dotazPopis {float:left; width:93px; text-align:right; padding-right:7px}
.dotazTextarea {width:430px}
.dotaz {border:1px solid #999; margin:5px 0; color:#333}
.dotazHead {background:#FFE2AE url('../_images/dotaz.png') no-repeat; padding: 4px 0 3px 20px; color:#666}
.dotazHeadRight {float:right; width:200px; text-align:right; padding-right:5px}
.dotazText { padding: 4px 0 3px 7px; background:#FFF795}
.dotazOdpoved { padding: 4px 0 3px 30px; background:#FFF9AF url('../_images/odpoved.png') no-repeat; }



/*------------- KOSIK --------------------*/
#kosik, #registrace { font-family:Arial, Helvetica, sans-serif; color:#000000; font-size:1em}
#kosik table { width:550px;}
#kosik td { text-align:left;}
#kosik th { text-align:left;}
#kosik .td_nazev { width:250px}
#kosik .td_cena { width:50px; text-align:right}
#kosik img { border:none}

#kosik .odsad { margin:0 0 10px 20px;}
#kosik ul li { margin-top:5px; margin-bottom:5px;}
#kosik ul { margin-bottom:35px;}
#kosik ul li strong { font-size:100%}

/*------------- REGISTRACE ---------------*/
.regPolozka { margin:2px 0}
.regPopis { width:100px;float:left; text-align:right; margin-right:10px}
.poznHeslo { margin:17px 0 10px 30px; border-top:1px solid #666666;}
.td_sumace { width:150px; text-align:left}
#registrace table {margin:7px auto 7px 40px}

/*------------- AKTUALITY ---------------*/
.aktualita {margin:0px 0 10px 0}
.aktualita .aktImg {float:left; width:17px; height:17px; margin:0 10px 0 6px}
.aktualita .aktImg img { border:none}
.aktualita .aktText {margin-left:0px;}

/*------------- Jak nakupovat, obchodni podminky --------*/
.Sect1 { margin-left:0cm; margin-right:0cm; }
.Strong_20_Emphasis { font-weight:bold; }
.T1 { font-weight:bold; }
.T2 { font-style:italic; }
.T3 { font-style:italic; font-weight:bold; }
.T4 { font-style:italic; font-weight:normal; }

.dovolena {font-size:20px; color:red; line-height:1.2em}
.dovolenaPopup {font-size:16px; color:red; line-height:1.2em}

#stop{  
  padding: 10px;
  border: 1px solid black;
  width: 350px;
  background-color: #fff795;  
}