@charset "utf-8";
/* CSS Document */


/*******************************************************************/
/*                                                           RESET */
/*******************************************************************/
* { padding: 0px; margin: 0px; }

body { font-family: Arial, Helvetica, sans-serif; color: #000000; font-size: 12px; line-height: 18px; background-color: #FFFFFF; }

blockquote, address { font-style: normal; }

/*******************************************************************/
/*                                                          GLOBAL */
/*******************************************************************/
.clear { clear: both; height: 0px; overflow: hidden;}
.hide { display: none; }
.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }
.small { font-size: 11px; }
.note { font-size: 12px; line-height: 140%; }
.big { font-size: 14px; }
.valign-middle { vertical-align: middle; }


img { border: none; }
a img { border: none; }
a { color: #333333; text-decoration: underline; }
a:active{ outline: none; }

img.right { float: right; margin-left: 8px; margin-bottom: 5px; margin-top: 3px; }
img.left { float: left; margin-right: 8px; margin-bottom: 5px; margin-top: 3px; }

hr { display: none; }
.hr-line { height: 1px; overflow: hidden; background-color: #E7E7E7; }

/***************/
/* OVERLAPPING */
/***************/
.overlap,
.overlap * { display: block; position: relative; overflow: hidden; }
.overlap span { position: absolute; left: 0px; top: 0px; background-position: left top; background-repeat: no-repeat; }
a.overlap span,
.overlap a span { cursor: pointer; }

/********/
/* FORM */
/********/
form {}
form * { font-family: Arial, Helvetica, sans-serif; }
form fieldset { border: none; padding: 0px; margin: 0px; }
input { font-size: 12px; }
select, label, .input, button { vertical-align: middle; }
button { border: none; background: none; }
.input, textarea { padding: 4px 5px; border: 1px solid #E7E7E7; font-size: 12px; }
button span { display: block; background: #D00000 url(/img/button-send.png) no-repeat left top; width: 89px; height: 27px; line-height: 26px; color: #FFFFFF; font-weight: bold; text-align: center; }

/************************/
/* BASIC TAG DEFINITION */
/************************/
body { color: #001724; background: #FFE91F url(/img/body-bg.png) repeat-x left top; }
h2 { font-size: 17px; font-weight: bold; padding: 1em 0px 1em 0px; }
h2.first { padding-top: 0px; }
h3 { font-size: 14px; font-weight: bold; padding: 5px 0px; }
p, ol, ul { padding-bottom: 1em; }
ol { padding-left: 2.3em; }
ul { padding-left: 1em; }
a { color: #E10020; text-decoration: underline; }

/*******************************************************************/
/*                                                          LAYOUT */
/*******************************************************************/
html, body { height: 100%; min-height: 100%; }
body { text-align: center; }
#page-bg { min-height: 100%; background: url(/img/bg.jpg) no-repeat center 109px; }

#page-wrapper { width: 990px; text-align: left; margin: 0px auto; position: relative; }

#body { width: 802px; float: right; padding-bottom: 20px; }
#left-column { width: 188px; float: right; padding-top: 16px; }

.layout-2-columns .column1,
.layout-2-columns .column2 { width: 48%; float: left; }

/*******************************************************************/
/*                                                          HEADER */
/*******************************************************************/
#header { height: 132px; }

#logo { position: absolute; top: 17px; left: 26px; width: 125px; height: 115px; overflow: hidden; margin: 0px; padding: 0px; }

#button-add, #button-add * { display: block; padding: 0px; margin: 0px; width: 193px; height: 35px; overflow: hidden; }
#button-add { position: absolute; top: 37px; right: 0px; }
#button-add a { background-color: #D00000; text-align: center; line-height: 34px; font-size: 18px; color: #FFFFFF; text-decoration: none; font-weight: normal; letter-spacing: -1px; }
#button-add span { position: absolute; top: 0px; left: 0px; cursor: pointer; background: url(/img/button-add.png) no-repeat left top; }

#button-login, #button-login * { display: block; padding: 0px; margin: 0px; width: 103px; height: 35px; overflow: hidden; }
#button-login { position: absolute; top: 37px; right: 0px; }
#button-login a { background-color: #D00000; text-align: center; line-height: 34px; font-size: 18px; color: #FFFFFF; text-decoration: none; font-weight: normal; letter-spacing: -1px; }
#button-login span { position: absolute; top: 0px; left: 0px; cursor: pointer; background: url(/img/button-login.png) no-repeat left top; }

#user-info { font-size: 11px; position:absolute; top: 0px; right: 5px; line-height: 35px; color: #666666; }
#user-info a { color: #666666; }
#user-info span { padding: 0px 3px; }

#user-info-ukonceno { position: absolute; right: 2px; top: 35px; color: #FF0000; }

/*******************************************************************/
/*                                                          FOOTER */
/*******************************************************************/
#footer { font-size: 11px; line-height: 12px; height: 40px; padding: 0px 10px; margin: 0px; }
#footer p { padding: 0px; margin: 0px; }
#giant { float: right; }


#henkel { height: 36px; padding: 0px; margin: 0px; text-align: center; background: url(/img/henkel-bg.png) repeat-x left top; }

/*******************************************************************/
/*                                                            MENU */
/*******************************************************************/
#menu { width: 801px; height: 39px; overflow: hidden; position: absolute; top: 91px; left: 187px; background-color: #575757; margin: 0px; padding: 0px; }
#menu li { display: block; float: left; height: 39px; padding: 0px; margin: 0px; }
#menu a { display: block; height: 39px; line-height: 40px; color: #FFFFFF; font-size: 13px; text-transform: lowercase; text-decoration: none; text-align: center; position: relative; }
#menu span { display: block; height: 39px; position: absolute; top: 0px; left: 0px; background: url(/img/menu.png) no-repeat left top; cursor: pointer; }

/* WIDTHS */
#menu-01 * { width: 121px; }
#menu-02 * { width: 126px; }
#menu-03 * { width: 129px; }
#menu-04 * { width: 118px; }
#menu-05 * { width: 187px; }
#menu-06 * { width: 120px; }

/* SPAN BACKGROUNDS POSITIONS */
#menu-01 span { background-position: 0px 0px; }
#menu-02 span { background-position: -121px 0px; }
#menu-03 span { background-position: -247px 0px; }
#menu-04 span { background-position: -376px 0px; }
#menu-05 span { background-position: -494px 0px; }
#menu-06 span { background-position: -681px 0px; }


/*******************************************************************/
/*                                                     LEFT COLUMN */
/*******************************************************************/
#left-column {}

#submenu { width: 170px; margin: 0px; padding: 0px; }
#submenu li { display: block; float: left; background: #FFFFFF url(/img/left-menu-item.png) no-repeat left top; width: 159px; height: 25px; line-height: 26px; padding: 0px 0px 0px 11px; margin-bottom: 2px; overflow: hidden; }
#submenu a { text-decoration: none; color: #000000; }
#submenu a:hover { text-decoration: underline; }
#submenu li.first { background-image: url(/img/left-menu-first.png); padding-top: 3px; }
#submenu li.last { background-image: url(/img/left-menu-last.png); padding-top: 1px; padding-bottom: 2px; line-height: 28px; }
#submenu li.last.user { margin-bottom: 5px; }

#block-ceresit { padding: 11px 0px 0px 0px; }


/*******************************************************************/
/*                                                         CONTENT */
/*******************************************************************/
#main-content { background: url(/img/main-content-top.png) no-repeat left top; padding: 7px 0px 0px 0px; width: 802px; }
#content-wrapper { background: url(/img/main-content-bottom.png) no-repeat left bottom; padding: 0px 0px 7px 0px; width: 802px; }
#padding { background-color: #FFFFFF; padding: 0px 7px 0px 7px; width: 788px; min-height: 245px; margin-right: -40px; }

#colunn-wrapper { width: 802px; float: right; }
#column-wrapper #main-content { width: 602px; float: left; margin-right: 10px; background-image: url(/img/main-content-top-fake.png); }
#column-wrapper #content-wrapper { width: 602px; background-image: url(/img/main-content-bottom-fake.png); }
#column-wrapper #padding { width: 588px; }
.simple #column-wrapper #padding { width: 542px; }

/***************/
/* FAKE COLUMN */
/***************/
#fake-column { height: 237px; width: 190px; float: left; position: relative; top: -6px; }
#fake-bg { background: url(/img/fake-column-bg.png) no-repeat left top; height: 237px; width: 190px; position: absolute; top: 0px; left: 0px; }
#fake-column.vyhry #fake-bg { background-image: url(/img/fake-column-bg-3.png); }
#fake-column.instructions #fake-bg { background-image: url(/img/fake-column-bg-2.png); }
#fake-column.contact #fake-bg { background-image: url(/img/fake-column-bg-4.png); }
#fake-content { height: 237px; width: 160px; padding: 10px 15px; position: absolute; top: 0px; left: 0px; }
#fake-content p { visibility: hidden; }


#title-suchar { height: 29px; line-height: 31px; font-weight: bold; margin: 0px; padding: 7px 0px 8px 0px; }
#title-suchar span { background-image: url(/img/title-suchar-roku.png); height: 29px; width: 267px; top: 7px; }

#text { float: left; width: 345px; padding-right: 23px; }
.num-list { padding: 0px 0px 20px 0px; margin: 0px; }
.num-list li { padding: 0px 0px 0px 39px; list-style: none; background-position: left center; background-repeat: no-repeat; line-height: 35px; }
.num-list .num1 { background-image: url(/img/1.png); }
.num-list .num2 { background-image: url(/img/2.png); }
.num-list .num3 { background-image: url(/img/3.png); }
.num-list .num4 { background-image: url(/img/4.png); }

#text .more { float: right; }
#text .more a { background: url(/img/li-red.png) no-repeat left center; padding-left: 10px; line-height: 27px; }

#button-reg { margin-left: 12px; display: block; width: 169px; height: 27px; line-height: 27px; font-weight: bold; text-decoration: none; color: #FFFFFF; text-align: center; background: #D00000 url(/img/button-red.png) no-repeat left top; }
#button-reg:hover { text-decoration: underline; }

ul.dash { margin-left: -10px; }
ul.dash li { list-style: none; background: url(/img/dash.gif) no-repeat left 8px; padding: 0px 20px 1em 10px; }

/*******/
/* BOX */
/*******/
#box-wrapper { padding-top: 20px; }
.box { background: url(/img/separator.png) no-repeat left top; width: 187px; padding: 8px 3px 0px 9px; margin-bottom: -20px; float: left; min-height: 150px; }
.box h2 { font-size: 13px; font-weight: bold; padding: 0px 0px 5px 2px; margin: 0px; height: 22px; line-height: 22px; position: relative; }
.box h2 span { display: block; height: 22px; width: 173px; position: absolute; top: 0px; left: 2px; background-position: 0px 0px; background-repeat: no-repeat; }

#box-01 { background: none; }
#box-01 h2 span { background-image: url(/img/title-box-1.png); }
#box-02 h2 span { background-image: url(/img/title-box-2.png); }
#box-03 h2 span { background-image: url(/img/title-box-3.png); }
#box-04 h2 span { background-image: url(/img/title-box-4.png); }

/********/
/* INFO */
/********/
#info { height: 52px; position: relative; padding: 0px 0px 0px 18px; }
#info h1 { font-size: 26px; font-weight: normal; color: #001724; line-height: 52px; padding: 0px 10px 0px 0px; margin: 0px; display: inline; letter-spacing: -1px; }
.category #info h1 { padding-bottom: 13px; }
#info .author {  background: url(/img/splitter.png) no-repeat left top; margin: 0px; line-height: 52px; padding: 15px 0px 10px 20px; margin-bottom: 0px; display: inline; }

#info p.rating { position: absolute; top: 9px; right: 20px; width: 275px; padding: 0px; margin: 0px; }
#info .rating a { display: block; height: 60px; width: 90px; background: url(/img/rating1.png) no-repeat left top; float: left; text-indent: -20px; overflow: hidden; }
#info .rating .rating2 { background-image: url(/img/rating2.png); width: 89px; }
#info .rating .rating3 { background-image: url(/img/rating3.png); width: 95px; }

#info .rating-text { line-height: 18px; font-size: 11px; width: 160px; position: absolute; top: 5px; right: 116px; }

/****************/
/* RIGHT COLUMN */
/****************/
#right-column { width: 194px; float: right; margin-left: 15px; background: url(/img/rating-bg.png) no-repeat right top; }

#rating-box { font-size: 11px; color: #596770; padding: 15px 20px 0px 20px; position: relative; height: 302px; }
#rating-box h2 { padding: 0px; margin: 0px; font-size: 12px; color: #F60704; font-weight: bold; }
#rating-box p { padding-bottom: 5px; line-height: 16px;  }

/* ON */
#rating-box .on h2 { padding-top: 8px; padding-bottom: 10px; }
#rating-box .on ul { margin-bottom: 10px; }

.star-rating { list-style: none; margin: 0px 0px 5px 0px; padding: 0px; width: 150px; height: 30px; position: relative; background: url(/img/stars.png) top left repeat-x;	}
.star-rating li { padding:0px; margin:0px; height:30px; width: 30px; }
.star-rating li a { display:block; width:30px; height: 30px; line-height:30px; text-decoration: none; text-indent: -9000px; z-index: 20; position: absolute; top: 0px; padding: 0px; overflow:hidden; }
.star-rating li a:hover { background: url(/img/stars.png) left bottom; z-index: 2; left: 0px; border:none; }
.star-rating a.one-star { left: 0px; }
.star-rating a.one-star:hover { width:30px; }
.star-rating a.two-stars { left:30px; }
.star-rating a.two-stars:hover{ width: 60px; }
.star-rating a.three-stars { left: 60px; }
.star-rating a.three-stars:hover { width: 90px; }
.star-rating a.four-stars { left: 90px; }
.star-rating a.four-stars:hover { width: 120px; }
.star-rating a.five-stars { left: 120px; }
.star-rating a.five-stars:hover { width: 150px; }
.star-rating li.current-rating { background: url(/img/stars.png) left center; position: absolute; height: 30px; display: block; text-indent: -9000px; z-index: 1;	}

#send-joke { padding: 0px 10px 0px 20px; font-size: 11px; }
#send-joke p { padding-bottom: 0px; }
#btn-send { display: block; width: 147px; height: 27px; text-align: center; color: #FFFFFF; font-weight: bold; line-height: 26px; background: #D00000 url(/img/button-send-joke.png); text-decoration: none; }
#form-send-joke-wrapper { position: relative; overflow: hidden; }
#form-send-joke { font-size: 11px; padding-top: 10px; position: absolute; bottom: 0px; }
#form-send-joke .input { font-size: 11px; padding: 3px; border-right: none; width: 85px; vertical-align: middle; position: relative; top: -1px; }
#form-send-joke label { display: inline; padding: 0px;  }
#form-send-joke .button-submit { vertical-align: middle; }

/*********************/
/* SMALL SINGUP FORM */
/*********************/
#form-singup-wrapper { position: absolute; top: 15px; left: 20px; width: 156px; height: 126px; background: #FFFFFF; z-index: 40; display: none;  }
#form-singup { padding: 0px 0px 0px 0px; }
#form-singup h2 { padding-bottom: 8px; }
#form-singup p { padding-bottom: 7px; }
#form-singup label { width: 40px; float: left; padding-top: 4px; }
#form-singup .input { padding: 3px; width: 100px; font-size: 11px; }
#form-singup button { margin-left: 40px; }
#form-singup .button-submit span { width: 62px; height: 27px; padding: 0px; background: #D00000 url(/img/button-small-short.png); font-size: 11px; }
#form-singup .button-submit span.reg { width: 80px; background-image: url(/img/button-small.png); }
#btn-close { display: block; width: 11px; height: 11px; line-height: 11px; background: url(/img/button-close.gif) no-repeat left top; text-indent: -20px; overflow: hidden; position: absolute; top: 0px; right: 3px; }
#btn-close:hover { background-position: left bottom; }
	
/*************/
/* FORM SORT */
/*************/
#form-sort { position: absolute; top: 15px; right: 28px; text-align: right; }
#form-sort select { font-size: 11px; }

/*****************/
/* CATEGORY LIST */
/*****************/
.category #padding { padding-left: 30px; width: 765px; padding-top: 24px; }

/* ITEMS */
.item { display: block; width: 170px; height: 200px; overflow: hidden; float: left; margin-right: 19px; }
.item h2 { font-size: 15px; line-height: 18px; max-height: 18px; overflow: hidden; padding: 0px; margin: 0px 0px 4px 0px;  }
.item h2 a { color: #000000; text-decoration: none; }
.item h2 a:hover,
.item:hover h2 a { text-decoration: underline; }
.item p { font-size: 11px; margin: 0px; padding: 0px; }
.item .rating { text-align: right; }
.item .text { display: block; width: 158px; height: 115px; overflow: hidden; font-size: 12px; margin-bottom: 5px; border: 1px solid #EAEAEA; padding: 5px; }
.item .text p { font-size: 12px; }

/* PAGING */
.paging { margin-top: -10px; margin-bottom: 0px; padding: 0px 30px 10px 0px; text-align: right; }
.paging a,
.paging strong { border: 1px solid #EEEFF1; padding: 2px 5px; }
.paging strong { color: #ED1C24; font-weight: bold; }
.paging a { color: #001724; text-decoration: none; }
.paging em { font-style: normal; position: relative; top: -2px; }
.paging a:hover { border-color: #ED1C24; color: #ED1C24; }

/**********/
/* DETAIL */
/**********/
#button-next,
#button-next a { display: block; height: 34px; width: 117px; }
#button-next { position: absolute; top: 9px; right: 16px; }
#button-next a { padding: 0px 0px 0px 21px; margin: 0px; width: 96px; line-height: 33px; font-size: 13px; color: #FFFFFF; text-decoration: none; background: #7A7A7A url(/img/next-bg.png) no-repeat left top; }


.display { text-align: center; padding-bottom: 20px; }
.display.text { padding: 0px 30px; text-align: left; font-size: 18px; line-height: 24px; }
.display.video { text-align: center; }
.display.video #flash-container { margin: 0px auto; text-align: left; width: 480px; }

#joke-wrapper { width: 573px; float: right; padding-top: 7px; }

.detail .send-mail { width: 50%; float: left; padding-top: 8px; }
.detail #padding { padding: 13px 0px 20px 20px; width: 782px; position: relative; }
.detail #padding .rating { text-align: right; font-size: 14px; }
.detail #padding .rating em { font-size: 11px; font-style: normal; }
.detail #padding .rating strong { font-size: 30px; font-weight: bold; }

#padding h2.first,
#padding h2.second,
#padding h2.third { padding: 0px; padding-left: 40px; height: 28px; line-height: 30px; font-size: 20px; color: #000000; margin-top: 10px; margin-bottom: 19px; }
#padding h2.first { background: url(/img/first.gif) left top no-repeat; }
#padding h2.second { background: url(/img/second.gif) left top no-repeat; }
#padding h2.third { background: url(/img/third.gif) left top no-repeat; margin-bottom: 0px; }
#padding #chooses { margin: 0px 0px 18px 17px; }
#padding #chooses .choose { position: relative; width: 222px; height: 45px; padding-top: 145px; background: url(/img/bg-item.jpg) left top no-repeat; float: left; margin-right: 20px; }
#padding #chooses .choose a { color: #000000; }
#padding #chooses .choose p { text-align: center; font-size: 12px;}
#padding #chooses .choose p strong { font-size: 14px;}
#padding #chooses .choose span { position: absolute; left: 18px; top: 19px; width: 185px; height: 110px; }
#padding #chooses .choose span.pro-oko { background: url(/img/img-01.png) left top no-repeat; }
#padding #chooses .choose span.do-ucha-a-hybaci { background: url(/img/img-03.png) left top no-repeat; }
#padding #chooses .choose span.psane { background: url(/img/img-02.png) left top no-repeat; }
#padding #chooses .last { margin-right: 0px; }
#padding #chooses .active { background: url(/img/bg-item-active.jpg) left top no-repeat; }

/* PRAVIDLA */
.simple #padding { padding: 20px 30px 0px 30px; width: 742px; }
.simple #info h1 { padding-bottom: 13px; }

/* KONTAKT */
.layout-2-columns { padding-top: 20px; }
.layout-2-columns h3 { padding-bottom: 5px; padding-top: 0px; }

/*********/
/* FORMS */
/*********/

#form-login {}
#form-login button { margin-left: 49px; }
#form-login label { display: block; width: 50px; float: left; padding-top: 5px; }
#form-login .input { padding: 4px 5px; border: 1px solid #E7E7E7; }

#form-add label { display: block; width: 100px; float: left; padding-top: 5px; }
#form-add label.longer { width: 190px; }
#form-add button { margin-left: 100px; }
#form-add .inline { width: auto; float: none; padding: 0px; }

/**********/
/* HLASKY */
/**********/
.error { padding: 0px 0px 1em 0px; margin: 0px; color: #D00000; }
.error li { list-style: none; padding: 0px; margin: 0px; }

/************/
/* HOMEPAGE */
/************/
.homepage { padding-top: 16px; }

/*****************/
/* FAKE FIELDSET */
/*****************/
.fieldset { background: #FAFAFA url(/img/fieldset-bg.png) no-repeat left top; position: relative; width: 240px; }
.fieldset .legend { background: url(/img/fieldset-legend-bg.png) no-repeat right 6px; font-size: 11px; color: #999999; position: absolute; top: -6px; left: 0px; padding: 0px 0px 0px 0px; margin: 0px; line-height: 12px; font-weight: normal; width: 100%; }
.fieldset .legend span { background: url(/img/fieldset-legend-span-bg.png) repeat-x left center; padding: 0px 5px; margin-left: 10px; }
.fieldset .content { background: url(/img/fieldset-content-bg.png) no-repeat left bottom; border-right: 1px solid #EAEAEA; padding: 15px 0px 10px 15px; }
.fieldset .fieldset-rb { background: url(/img/fieldset-rb.png) no-repeat right bottom; position: absolute; bottom: 0px; right: 0px; width: 7px; height: 7px; }

.fieldset.center { text-align: left; margin: 0px auto; }

.fieldset .note { font-size: 11px; padding: 10px 0px 0px 0px; }

/**********/
/* BANNER */
/**********/
#banner { width: 503px; height: 173px; position: absolute; top: 200px; left: 244px; }
#banner-bg { width: 503px; height: 173px; overflow: hidden; background: url(/img/banner-bg.png) no-repeat left top;  position: absolute; top: 0px; left: 0px; }
#banner-content { width: 493px; height: 163px; background: #FFE774 url(/img/banner-img-bg.png) no-repeat left top; position: absolute; top: 5px; left: 5px; font-size: 16px; line-height: 22px; }
#banner-content p { padding: 27px 200px 0px 31px; }
#banner-button-close { display: block; width: 54px; height: 11px; background: url(/img/banner-button-close.png) no-repeat left top; position: absolute; top: 14px; right: 12px; }


/*#fb-share { position: absolute; bottom: 10px; left: 20px; }*/
#fb-share { padding-left: 30px; }
#fb-share a { color: #3B5998; font-size: 11px; text-decoration: none; }
#fb-share a:hover { text-decoration: underline; }

.padding-bottom-45 { padding-bottom: 45px; }