* {
    margin: 0;
    padding: 0;
    list-style: none;
}

a {color: #3E5AA3; text-decoration: none;}
a:hover, #content p a {text-decoration: underline;}
a>img {border: none;}

h1 {
    margin-bottom: 15px;
    margin-top: 15px;
    *margin-top: 36px;
    font-size: 2.4em;
    color: #3E5AA3;
}
h2 {
    margin: 1.2em 0 0;
    font-size: 1.1em;
    color: #3E5AA3;
}
h3 {
    margin: 1.2em 0 0;
}
h4 {
    margin: 1.2em 0 0;
    font-size: 1em;
}
h4,h5,h6 {
    color: #E32465;
}

h1>span, h2>span {
    color: #E32465;
}
h1>span {
    font-size: .53em;
    padding-left: .7em;
}

.article>h1 {
    width: 425px;
    margin-top: 25px;
    *margin-top: 46px;
}
strong {
    color:#3E5AA3;
}
ol {
}
ol>li {
    margin-top: 1.2em;
    list-style: decimal outside;
    margin-left: 1.5em;
}
ol ol>li {
    margin-top: 0.6em;
    list-style: lower-alpha inside;
    margin-left: 0;
}

.label {margin-top:15px;}
.label>label { background: url(/images/label.gif) no-repeat right top; padding:2px 20px 2px 5px; *padding-bottom: 3px; color:#FFF; line-height:1.5em;}
/*.label> .required { background: url(/images/label-required.gif) no-repeat right top; } Magda nechce hvězdičky*/

.label> .error {  background: url(/images/label-error.gif) no-repeat right top; }
/*.label> .required.error { background: url(/images/label-required-error.gif) no-repeat right top; } Magda nechce hvězdičky */

input.text, textarea, select { border:1px solid #3F5BA3; width: 260px; padding: 2px 1px; font-size: inherit; font-family: inherit; }
.ui-dialog input.text, .ui-dialog textarea, .ui-dialog select { width: 365px; }
.ui-dialog input[type=checkbox] { margin-right: 1em; }
.ui-dialog #frm-loginForm input.text {width: 150px;}
input.text.error, textarea.error, select.error {border-color: #E32465;}

.error>li {color: #E32465}

/* aButton */
a.button { display: block; height: 20px; text-decoration: none; float:left; cursor: pointer; color:#fff; line-height:18px; background: url(/images/button.png) no-repeat top left; margin-top:10px; padding-left: 1em; font-weight: normal;}
a.button>span { display: block; height: 20px; padding: 0px 1em 0px 0; position: relative; float:left; background: url(/images/button.png) no-repeat top right; color: #fff;}
a.button:hover { background:url(/images/button.png) left center;}
a.button:hover>span { background:url(/images/button.png) right center;}
a.button:active { background:url(/images/button.png) left bottom;}
a.button:active>span { background:url(/images/button.png) right bottom;}

div.profileOK { background:url(/images/ico-ok2.gif) no-repeat top right; line-height:2em;  }
p.totalOK { line-height:2em;}


html {
    width: 100%;
    height: 100%;
}
body {
    color: #000000;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 10px;
    background: white url(/images/bg.png) repeat;
}
body#tinymce { /* při použití stylů v editoru */
    font-size: 12px;
    line-height: 1.5;
    background-image:  none;
}
.wrap {
    position: relative;
    width: 886px;
    margin: 0 auto;
    padding-top: 140px;
    font-size: 1.2em;
    border-left: 1px solid  #3E5AA3;
    border-right: 1px solid  #3E5AA3;
    background-image:  none;
    background-color: #FFFFFF;
}
.wrap p, .wrap li, .wrap textarea {
    line-height: 1.5;
}
.wrap p, body#tinymce p,
.wrap ol, body#tinymce ol,
.wrap ul, body#tinymce ul,
.wrap table, body#tinymce table {
    margin-bottom: 1.2em;
}
.vspaceAfter {
    margin-bottom: 1.2em;
}
.hp .wrap {
    padding-top: 150px;
}
.leftHolder {
    float: left;
    width: 730px;
    padding-bottom: 55px;
    background-color: inherit;
}
#content {
    position: relative;
    float: right;
    width: 505px;
    padding:20px;
    border-width:1px;
    border-style:solid;
    border-color:#3E5AA3;
    min-height: 1200px;
}
.hp #content {
    border: 0px none;
    padding: 1px;
    width: 545px;
    min-height: 0px;
    *padding-top: 10px;
}
.contCorner {
    position: absolute;
    top: -1px;
    right: -1px;
    display: block;
    width: 116px;
    height: 87px;
    background-position:0 0;
    background-repeat: no-repeat;
    background-image:url(/images/corner_1-2.gif) ;
}
.color1-1>.contCorner { background-image:url(/images/corner_1-1.gif);}
.color1-2>.contCorner { background-image:url(/images/corner_1-2.gif);}
.color1-3>.contCorner { background-image:url(/images/corner_1-3.gif);}
.color1-4>.contCorner { background-image:url(/images/corner_1-4.gif);}
.color1-5>.contCorner { background-image:url(/images/corner_1-5.gif);}
.color1-6>.contCorner { background-image:url(/images/corner_1-6.gif);}
.color1-7>.contCorner { background-image:url(/images/corner_1-7.gif);}
.color1-8>.contCorner { background-image:url(/images/corner_1-8.gif);}

#content>.articleItem {
    position: relative;
    padding: 5px 0px;
    min-height: 70px;
}
#content>.articleItem>h2 {
    font-size: 1em;
    padding-bottom: 0px;
    margin: 3px 0 0 113px;
}
#content>.articleItem>p {
    width: 370px;
    margin-left: 113px;
    margin-top: .3em;
}
.hp #content>.articleItem>p {
    width: 410px;
}
#content>.articleItem>.date {
    position: absolute;
    top: 8px;
    right: 35px;
}
#content>.articleItem img {
    width: 96px;
}
#content>.articleItem>.img {
    float: left;
    margin-right: 10px;
}
#content>.articleItem .pin {
    position: absolute;
    top: 5px;
    right: -40px;
    display: block;
    width: 27px;
    height: 27px;
    background: transparent none 0 0 no-repeat;
}
#content>.fBox {
    float: left;
    width: 250px;
}
#content>#mainBanner {
    float: right;
    width: 250px;
    height: 250px;
    text-align: center;
}
#content>#mainBanner>a {
    display: block;
}
#content>.fBox>.mainImg {
    width: 230px;
}
#content>.fBox>.perex {
    width: 230px;
    margin-top: 1.2em;
    margin-bottom: 0px;
    font-weight: bold;
    font-size: 1.1em;
}
#content>.fBox>.perex>p {
    line-height: 1.3;
}
#content>.articleDate {
    position: absolute;
    top: 60px;
    right: 25px;
}
#content .date {color:#666666;}
#content .imageTitle {
    display: block;
}
.imageTitle {background-color:#3E5AA3;}
#content>.imageBox {
    float: right;
    width: 150px;
    margin-left: 20px;
    margin-top: 20px;
}
#content>.imageBox img {
    width: 150px;
    margin: 0;
    border: 0px none;
}
#content>.imageBox>.imageTitle {
    margin-bottom: 10px;
}
#content .imageTitle>a {
    font-size: 0;
    color: transparent;
}
#content .imageTitle>span {
    display: block;
    text-align:center;
    color: #FFFFFF;
    overflow: hidden;
    height: 1.5em;
    line-height: 1.5em;
    margin: 0px auto;
    *margin: 0px 0px;
    font-size: .9em;
    padding: 0 4px;

}
#content>.imageBox>.imageTitle>span {
    width: 146px;
}
#content>.textBox {
    float: left;
    width: 340px;
}
#content>.textBox.fullwidth {
    float: left;
    width: auto;
}
#content p a, #content li a {font-weight: bold;}
#content .perex>p, #content>p, #content li { text-align:justify;}
.perex {color: #3E5AA3;}

#content>.additional { margin-top:10px;}
#content>.imagesBottom { margin-top:10px;}
#content>.imagesBottom img {
    height: 172px;
    margin: 0 0 0 0;
    border: 0px none;
}
#content>.imagesBottom>.imageTitle {
    float: left;
    margin-right: 5px;
    margin-bottom: 10px;
    padding: 0px;
    border: 0px none;
    text-align: center;
}
#content>.imagesBottom>.imageTitle>span {
    width:  100px;
}
.relatedArticles, .video, .contest {margin: 10px 0 15px;}
.video>h2, .relatedArticles>h2, .contest>h2 { display:inline; background: url(/images/corner-article.png) no-repeat top right; color:#fff !important; padding: 3px 30px 3px 5px; margin: 0; font-size:1em; line-height:1.5em; background-color:#3E5AA3;}
.relatedArticlesList, .contest>p { border-top-width:3px; border-top-style: solid; padding:5px 5px 10px; margin: 0; border-color:#3E5AA3; }
.relatedArticlesList>li>a {font-weight: bold;}
#content .video .description { 
    width: 492px;
    display:block;
    text-align:center;
    color: #FFFFFF !important;
    overflow: hidden;
    height: 1.5em;
    line-height: 1.5em;
    font-size: .9em;
    margin-top: -3px;
    padding: 0 4px;
}
.contest>form>.label {display: none;}
.contest>form>.control {padding: 0 5px;}
.contest>form>.control>label {display: inline-block; margin-bottom: .5em; padding-left: .3em; position: relative; bottom: .2em;}
.contest>form>.control>button {margin-top: .5em;}



.referers {  margin:20px 0; background-image:url(/images/bg-referers.gif); background-repeat: repeat-x; background-position:top; background-color:#3E5AA3;}
.referers>ul { margin-bottom: 0; }
.referers li { display:inline; }
.referers li>a {display:inline-block; width:32px; height:31px; margin-left:43px; overflow: hidden;}
.referers li>a>span { display:none;}
.referers .fb span {margin: 0 !important; padding: 0 !important; display: none !important;}
.referer-1 a {  background-image:url(/images/ico-mail-s.png); background-position:0 0;}
.referer-2 a {  background-image:url(/images/ico-print-s.png); cursor:pointer;}
.referer-3 a {  background-image:url(/images/ico-tip-s.png);}
.referer-4 a {  background-image:url(/images/ico-fb-s.png);}
.referer-5 a {  background-image:url(/images/ico-rss-s.png);}
.referer-6 a {  background-image:url(/images/ico-link-s.png);}
.referers li>a:hover { background-position:0 31px;}


.discussion .item { margin: 20px 0; min-width: 450px;}
.discussion .item>p { padding:5px; margin: 0;}
.discussion .item .title { color: #FFFFFF; font-size:1em; line-height:20px; margin-left:5px; float:left; display: block; max-width: 205px; *width: 205px;}
.discussion .item .title>strong { color: #FFFFFF; /*display: inline-block; max-width: 7em; *width: 7em; overflow: hidden;*/}
.discussion .item>span {
    display: block;
    color: #FFFFFF;
    height: 20px;
    overflow: hidden;
    background-color:#3E5AA3;
}
.discussion .item>.item { margin-left: 5%; margin-bottom: 0; float: right;}

.discussionTitle { background-color:#3E5AA3; height: 20px;}
.discussion .discussionTitle>h2 { display:inline; float:left; color:#ffffff !important; font-size:1em; line-height:19px; padding-left:5px; margin: 0;}


.discussion .buttonReagovat {margin: 0 0 0 5px; padding-left:10px; text-decoration: none;float:right;cursor: pointer; color:#fff !important; line-height:20px; background: url(/images/button.png) no-repeat; background-position: top left; }
.discussion .buttonReagovat>span {    padding: 0px 10px 0px 0px; position: relative; float:left; background: url(/images/button.png) no-repeat; background-position: top right; }
.discussion .buttonReagovat:hover{ background-image:url(/images/button.png); background-position:center left}
.discussion .buttonReagovat:hover>span { background-image:url(/images/button.png); background-position:center right;}


.discussion .thumb { display:block; float:right; margin-right:5px; width:19px; height:19px; background-image:url(/images/ico-ko.png); background-position:top;}
.discussion .up {background-image:url(/images/ico-ok.png);;}
.discussion a.thumb:hover {background-position:bottom;}
.discussion .myVote {background-image:url(/images/ico-ko2.png);}
.discussion .myVote.up {background-image:url(/images/ico-ok2.png);}
.discussion .thumbTotal {display:block; float:right; line-height: 16px; font-weight: bold; padding: 0 .3em; margin: 1px 10px 1px 5px; border: 1px solid white; -moz-border-radius: 9px; border-radius: 9px;}
.discussion .thumb>span { display:none;}


#content>.breadcrumbs {
    position: absolute;
    top: 10px;
    left: 20px;
    font-size: 0.75em;
    line-height: 1.7;
    color: #000000;
}
.breadcrumbs>span>a:first-child, .breadcrumbs>span>span {
	color: #3E5AA3; /* výchozí barva modrá */
}
#leftPanel {
    /*float: right;*/
    width: 183px;
}
.hp #leftPanel {
    /*width: 225px;*/
}
#rightPanel {
    float: right;
    width: 106px;
}
#header {
    position: absolute;
    top: 0;
    left: 0;
    width: 886px;
    height: 122px;
    background: transparent url(/images/header_bg.gif) 0 0 no-repeat;
    background-color: inherit;
}
#logo {
    position: absolute;
    top: 11px;
    left: 16px;
    display: block;
    width: 290px;
    height: 0;
    padding-top: 80px;
    font-size: 0;
    text-indent: -999px;
    color: transparent;
    overflow: hidden;
    background: transparent url(/images/salon_logo.gif) 0 0 no-repeat;
}
#header>ul {
    position: absolute;
    top: 98px;
}
#header li {
    position: absolute;
    top: 0;
    display: block;
    width: 70px;
    height: 15px;
}
#header .home {
    left: 20px;
}
#header .soutez {
    left: 325px;
    width: 60px;
}
#header .bazar {
    left: 213px;
    width:76px;
}
#header li>a {
    display: block;
    height: 0;
    padding-top: 15px;
    font-size: 0;
    line-height: 0;
    text-indent: -999px;
    color: transparent;
    overflow: hidden;
}
#header .soutez>a {
    background: transparent url("/images/header_soutez.gif") 0 -15px no-repeat;
}
#header .soutez>a:hover, #header .soutez.active>a {
    background: transparent url("/images/header_soutez.gif") 0 0 no-repeat;
}
#header .home>a {    background: transparent url("/images/header_home.gif") 0 -15px no-repeat;}
#header .bazar>a {    background: transparent url("/images/header_bazar.gif") 0 -15px no-repeat;}
#header .bazar>a:hover, #header .bazar>a.active { background: transparent url("/images/header_bazar.gif") 0 0 no-repeat; }
#header .home>a:hover, #header .home>a.active { background: transparent url("/images/header_home.gif") 0 0 no-repeat; }
#header>form {
    position: absolute;
    top: 101px;
    right: 38px;
    padding: 0;
}
#header label {
    position: absolute;
    bottom: 0px;
    left: -70px;
    display: block;
    width: 60px;
    height: 0;
    padding-top: 15px;
    font-size: 0;
    line-height: 0;
    text-indent: -999px;
    color: transparent;
    overflow: hidden;
}
#header input.text {
    width: 130px;
    height: 13px;
    padding: 0px;
    margin: 0px;
    font-size: 11px;
    border: 0px none;
    vertical-align: bottom;
    background-color:transparent;
}
#header input.button {
    position: absolute;
    bottom: 0;
    width: 15px;
    margin: 0;
    height: 0;
    padding-top: 15px;
    font-size: 0;
    color: transparent;
    overflow: hidden;
    background-color: transparent;
    border: 0px none;
    cursor: pointer;
}

#header>span.fashion {
    position: absolute;
    top: 15px;
    right: 25px;
    display: block;
    width: 150px;
    height: 0;
    padding-top: 70px;
    font-size: 0;
    line-height: 0;
    text-indent: -999px;
    color: transparent;
    overflow: hidden;
    background: transparent url(/images/100fashion.gif) 0 0 no-repeat;
}
.hp #menu {
    position: absolute;
    top: 122px;
    left: 0px;
    width: 886px;
    z-index: 5;
}
#menu li {
    display: block;
    float: left;
    position: relative;
}
#menu>li>a {
    height: 0px;
    font-size: 0;
    line-height: 0;
    text-indent: -999px;
    color: transparent;
}
#menu li>a {
    display: block;
    float: left;
    width: 100%;
    padding-top: 30px;
    overflow: hidden;
    cursor: pointer;
}
#menu .category-1 {width: 142px;}
#menu .category-1>a {    background: transparent url(/images/menu_dm.gif) -7px 0 no-repeat;}
#menu .category-1>a:hover, #menu .category-1.active>a, #menu .category-1:hover>a { background-position: -7px -30px;}
#menu .category-1 li {background-color: #E32465;}
#menu .category-2 {width: 128px;}
#menu .category-2>a {    background: transparent url(/images/menu_pm.gif) -16px 0 no-repeat;}
#menu .category-2>a:hover, #menu .category-2.active>a, #menu .category-2:hover>a { background-position: -16px -30px;}
#menu .category-2 li {background-color: #3E5AA3;}
#menu .category-3 {width: 85px;}
#menu .category-3>a {    background: transparent url(/images/menu_es.gif) -16px 0 no-repeat;}
#menu .category-3>a:hover, #menu .category-3.active>a, #menu .category-3:hover>a {    background-position: -16px -30px;}
#menu .category-4 {width: 78px;}
#menu .category-4>a {    background: transparent url(/images/menu_zn.gif) -16px 0 no-repeat;}
#menu .category-4>a:hover, #menu .category-4.active>a, #menu .category-4:hover>a {    background-position: -16px -30px;}
#menu .category-5 {width: 94px;}
#menu .category-5>a {    background: transparent url(/images/menu_ob.gif) -16px 0 no-repeat;}
#menu .category-5>a:hover, #menu .category-5.active>a, #menu .category-5:hover>a {    background-position: -16px -30px;}
#menu .category-6 {width: 92px;}
#menu .category-6>a {    background: transparent url(/images/menu_na.gif) -16px 0 no-repeat;}
#menu .category-6>a:hover, #menu .category-6.active>a, #menu .category-6:hover>a {    background-position: -16px -30px;}
#menu .category-7 {width: 141px;}
#menu .category-7>a {    background: transparent url(/images/menu_sf.gif) -16px 0 no-repeat;}
#menu .category-7>a:hover, #menu .category-7.active>a, #menu .category-7:hover>a {    background-position: -16px -30px;}
#menu .category-8 {width: 126px;}
#menu .category-8>a {    background: transparent url(/images/menu_za.gif) -16px 0 no-repeat;}
#menu .category-8>a:hover, #menu .category-8.active>a, #menu .category-8:hover>a {    background-position: -16px -30px;}
#menu li>ul {
    position: absolute;
    top: 30px;
    left: 10px;
    display: none;
    padding-bottom: 32px;
    background: transparent url(/images/menu_1-1.png) 0 100% no-repeat;
}
.hp #menu>li:hover>ul, #menu>li.active>ul {    display: block;}
.leftHolder #menu li.active>ul {
    display: block;
    position: relative;
    top: 0px;
}
#menu li li {
    display: block;
    float: none;
    font-size: 0.9em;
}
#menu li li>a {
    display: inline;
    float: none;
    padding: 5px 15px;
    padding-right: 10px;
    font-size: 1.2em;
    text-decoration: none;
    color: #FFFFFF;
    background-image: none !important;
}
#menu li li>a:hover {text-decoration: underline;}
#menu .category-1>ul {left: 20px;    width: 143px;}
#menu .category-1 li {background-color: #E32465;}
#menu .category-2>ul {width: 143px;    background-image: url(/images/menu_1-2.png)}
#menu .category-2 li {background-color: #3E5AA3;}
#menu .category-3>ul {width: 102px;background-image: url(/images/menu_1-3.png)}
#menu .category-3 li {background-color: #00A481;}
#menu .category-4>ul {width: 102px;background-image: url(/images/menu_1-4.png)}
#menu .category-4 li {background-color: #A3C652;}
#menu .category-5>ul {width: 102px;background-image: url(/images/menu_1-5.png)}
#menu .category-5 li {background-color: #754E4C;}
#menu .category-6>ul {width: 102px;background-image: url(/images/menu_1-6.png)}
#menu .category-6 li {background-color: #00A74E;}
#menu .category-7>ul {width: 143px;background-image: url(/images/menu_1-7.png)}
#menu .category-7 li {background-color: #006980;}
#menu .category-8>ul {width: 116px;background-image: url(/images/menu_1-8.png)}
#menu .category-8 li {background-color: #A1579E;}


/* LEFT */

#leftPanel>#menu>li {
    float: none;
    width: 183px;
}
#leftPanel>#menu>li>a {
    float: none;
    background-position: -7px 0;
}
#leftPanel>#menu>li>a:hover, #leftPanel>#menu>li.active>a {
    background-position: -7px -30px;
}
#leftPanel>#menu>li>ul {
    left: 18px;
    width: 165px;
    z-index: 10;
}
#leftPanel>#menu>li>ul>li {
    width: 165px;
}

#leftBanner {
    text-align: center;
    width: 150px;
    margin: 1em auto;
    position: relative;
}

#menu li li.active>a { padding-right:20px; background: url("/images/submenu-active.png") no-repeat right center !important; }

/* RIGHT */

#rightHolder {
    float: right;
    margin-right: 5px;
    background-color: inherit;
    width: 140px;
}

.hp #rightMenu {
    padding-top: 15px;
}
#rightMenu>li {
    width: 140px;
}
#rightMenu>li>a {
    display: block;
    overflow: hidden;
    cursor: pointer;
    font-size:0;
    color: transparent;
    width: 120px;
    height:80px;
    margin: 0 auto 20px;
    text-align:center;
}

#rightMenu>.right-0>a {  background: transparent url(/images/ico-muj-ucet.gif) no-repeat; background-position:0 0; }
#rightMenu>.right-1>a {  background: transparent url(/images/ico-registrace.gif) no-repeat; background-position:0 0; }
#rightMenu>.right-2>a { height:98px; background: transparent url(/images/ico-proc-milovat-salon.gif) no-repeat; background-position:0 0; }
#rightMenu>.right-3>a { background: transparent url(/images/ico-novinky-mailem.gif) no-repeat; background-position:0 0;; }
#rightMenu>.right-4>a { height:98px; background: transparent url(/images/ico-jak-to-vidime-my.gif) no-repeat; background-position:0 0; }
#rightMenu>.right-5>a { height:98px; background: transparent url(/images/ico-jak-to-vidite-vy.gif) no-repeat; background-position:0 0; }
#rightMenu>.right-6>a { background: transparent url(/images/ico-ptejte-se.gif) no-repeat; background-position:0 0;; }
#rightMenu>.right-7>a { background: transparent url(/images/ico-nejctenejsi.gif) no-repeat; background-position:0 0; }
#rightMenu>.right-8>a { background: transparent url(/images/ico-adresar.gif) no-repeat; background-position:0 0; }
#rightMenu>.right-9>a { background: transparent url(/images/ico-pomahame.gif) no-repeat; background-position:0 0;; }
#rightMenu>.right-10>a { background: transparent url(/images/ico-myspace.gif) no-repeat; background-position:0 0; }
#rightMenu>.right-11>a { height:98px; background: transparent url(/images/ico-tapety.gif) no-repeat; background-position:0 0; }
#rightMenu>.right-12>a { background: transparent url(/images/ico-akce.gif) no-repeat; background-position:0 0; }
#rightMenu>.right-13>a { background: transparent url(/images/ico-facebook.gif) no-repeat; background-position:0 0; }
#rightMenu>.right-14>a { background: transparent url(/images/ico-mapa-salonu.gif) no-repeat; background-position:0 0; }
#rightMenu>.right-15>a { background: transparent url(/images/ico-madlenka.png) no-repeat; background-position:0 0; }
#rightMenu>li>a:hover {  background-position: center 0; }
#rightMenu>li>a.active {  background-position: right 0; }

#rightMenu>.subtitle {margin: -15px 0 15px;}
#rightMenu>.subtitle, #rightMenu .subtitle>a { color:#E42566; font-size:1.1em; font-weight:bold; text-align:center; width: 140px;}
#rightMenu>.subtitle>a { font-size:.9em; height: auto; margin-top: .6em;}
#rightMenu>.subtitle>.withButton { display: inline-block;}



#rightMenu form {text-align:center;}
#login-form {width: 102px; margin: 0px auto; text-align: left; margin-bottom: 20px;}
#login-save {text-align:center;}
#rightMenu input.text {width: 100px;}

#scyscraper {
    padding-top: 30px;
	text-align: center;
}

/* FOOTER */

#footer {
    position: absolute;
    bottom: 15px;
    height: 20px;
    width: 547px;
    margin-left: 183px;
    margin-top: 0px;
    margin-bottom: 0px;
    background-color: #3E5AA3;
}
#footer li {
    position: absolute;
    top: 4px;
    display: block;
    height: 14px;
    overflow: hidden;
}
#footer li>a {
    display: block;
    height: 0px;
    padding-top: 14px;
}
#footer .owebu {
    left: 30px;
}
#footer .owebu>a {
    width: 57px;
    background: transparent url(/images/footer_owebu.jpg) 0 0 no-repeat;
}
#footer .redakce {
    left: 237px;
}
#footer .redakce>a {
    width: 65px;
    background: transparent url(/images/footer_redakce.jpg) 0 0 no-repeat;
}
#footer .inzerce {
    left: 450px;
}
#footer .inzerce>a {
    width: 58px;
    background: transparent url(/images/footer_inzerce.jpg) 0 0 no-repeat;
}
#footer li>a:hover, #footer li>a.active {
    background-position: 1px -18px;
}
#flashes, #dialog {
    display:none;
}
#ajax-spinner {
    width: 14px;
    height: 14px;
    background-image: url(/images/spinner.gif);
}
#perex {
    position: relative;
    float: left;
    width: 780px;
    padding: 15px 0 0 20px;
}
#perex div {
    display: block;
    float: left;
    position: relative;
}
#perex>.mainImg {
    width: 370px;
    height: 500px;
    margin-right: 20px;
    color: #FFFFFF;
}
#perex>.mainImg img {
    position: absolute;
    width: 370px;
    height: 500px;
}
#perex>.mainImg>h2 {
    position: relative;
    top: 235px;
    height: 150px;
    padding: 0 15px;
    margin: 0;
    font-size: 3.5em;
    color: #FFFFFF;
    text-shadow: 0.1em 0.1em 0.2em #333333;
}
#perex>.mainImg>h2>a {
    display: block;
    width: 340px;
    position: absolute;
    bottom: 0;
    color: #FFFFFF;
}
#perex>.mainImg>h2>a:hover {
    text-decoration: none;
    opacity: .8;
    filter:Alpha(Opacity=80);
}
#perex>.mainImg>.corner {
    position: absolute;
    top: 0px;
    right: 0px;
    display: block;
    height: 87px;
    width: 116px;
    font-size: 0;
    color: transparent;
    background: transparent url(/images/corner_b.png) 0 0 no-repeat;
    _background-image: url(/images/corner_b.gif);
}
.contCorner>.bpin {
    position: absolute;
    top: -2px;
    right: 0px;
    display: block;
    width: 41px;
    height: 41px;
    background: transparent none 0 0 no-repeat;
}

#perex>.mainImg .bpin {
    position: absolute;
    top: -2px;
    right: 0px;
    display: block;
    width: 41px;
    height: 41px;
    background: transparent none 0 0 no-repeat;
}
#perex>.perexitem {
    position: relative;
    width: 150px;
    margin-right: 20px;
    margin-bottom: 13px;
    height: 245px;
}
#perex>.perexitem img {
    width: 150px; height: 197px;
    position: absolute;
}
#perex>.perexitem>h2 {
    font-size: 1em;
    margin: 0;
    position: relative;
    top: 202px;
}
#perex>.perexitem>p {
    color: #333333;
    position: relative;
    top: 202px;
    margin-top: 3px;
    line-height: normal;
}
#perex>.perexitem>p>a {
    color: #333333;
}
#perex>.perexitem>.corner {
    position: absolute;
    top: 0px;
    right: 0px;
    display: block;
    height: 38px;
    width: 55px;
    font-size: 0;
    background: transparent url(/images/corner_s.png) 0 0 no-repeat;
    _background-image: url(/images/corner_s.gif);
}
#perex>.perexitem>.corner>.pin {
    position: absolute;
    top: -8px;
    right: -8px;
    display: block;
    width: 27px;
    height: 27px;
    background: transparent none 0 0 no-repeat;
}
#perex a:hover {
    text-decoration: none;
}
#perex h2>a:hover {
    text-decoration: underline;
}

#carousel {
    position: absolute !important;
    left: 20px;
    top: 430px;
    width: 370px;
    height: 85px;
    background: #ccc;
    background: rgba(204,204,204,.7);
}
#carousel>div {
    float:left;
    width: 310px;
    overflow: hidden;
}
#carousel>div>ul {
    position: relative;
    width: 9999px;
    padding: 1px 0;
}
#carousel>div>ul>li {
    width: 60px;
    height: 81px;
    float: left;
    border: 1px solid transparent;
}
#carousel>div>ul>li.current {
    border-color: black;
}
#carousel>div>ul>li>a {
    display: block;
    width: 60px;
    height: 81px;
}
#carousel .rollerNav {
    display: block;
    float: left;
    width: 30px;
    height: 83px;
    font-size: 0;
    color: transparent;    
}
#carousel .rollerNav.prev {
    background: url(../images/btnPreviousTrans.png) center center no-repeat;
}
#carousel .rollerNav.next {
    background: url(../images/btnNextTrans.png) center center no-repeat;
}

.paginator { position:absolute; width: 100%; left: 0; bottom:-10px; text-align:center; background-color: transparent; }
.paginatorList { display:inline; background-color: #FFFFFF;  margin:0 auto;}
.paginatorList>a { line-height:1.5em; color: #3E5AA3 !important; padding: 0 .1em; }
.paginatorList>.current { color:#E42566; padding: 0 .1em; font-weight: bold;}
.paginatorList>.paginatorPrev {    display:inline-block; position: relative; background:url("/images/button-prev.gif") top; width:19px; height:19px; left: 0px; top: 4px; padding: 0 !important; }
.paginatorList>span.paginatorPrev { background: none; width: 2px; }
.paginatorList>.paginatorPrev>span { display:none;}
.paginatorList>.paginatorPrev:hover {background:url("/images/button-prev.gif") bottom;  }

.paginatorList>.paginatorNext {    display:inline-block; background:url("/images/button-next.gif") top; width:19px; height:19px; position: relative; left: 0px; top: 4px; padding: 0 !important; }
.paginatorList>span.paginatorNext { background: none; width: 2px; }
.paginatorList>.paginatorNext>span { display:none;}
.paginatorList>.paginatorNext:hover {background:url("/images/button-next.gif") bottom;}

.topPaginator {position: relative; border-top: 1px solid #3E5AA3; margin-bottom: 20px;}
.topPaginator .paginator {bottom: -9px;}

.hpPaginator {position: relative; border-top: 1px solid #3E5AA3; margin-top: 5px;}
.hpPaginator .paginator {bottom: -9px;}
.hpPaginator .paginator>.paginatorList {padding-left: 1em;}
.hpPaginator .paginator a {font-weight: bold; color: #E42566 !important;}


div.author { text-align:right; margin-bottom:10px;}


.color1-1 .perex, .color1-1 strong, .color1-1 h1, .color1-1 h2, .color1-1 a, .breadcrumbs .color1-1 a, .breadcrumbs .color1-1>span, .color1-1.articleItem a, .relatedArticlesList>.color1-1 a {color: #E32465;}
.color1-1 .imageTitle, .color1-1 .discussionTitle, .color1-1 .discussion .item > span, .color1-1 .referers, .color1-1 .relatedArticles h2, .color1-1 .additional h2, .color1-1 .video .description { background-color:#E32465;}
.color1-1 .relatedArticlesList, .color1-1, .color1-1 .topPaginator, .color1-1 .contest>p { border-color:#E32465 !important;}
.color2-1 .pin {
    background-image: url(/images/pin_1.png) !important;
    _background-image: url(/images/pin_1.gif) !important;
}
.color2-1 .bpin {
    background-image: url(/images/bpin_1.png) !important;
    _background-image: url(/images/bpin_1.gif) !important;
}
.color1-2 .perex, .color1-2 strong, .color1-2 h1, .color1-2 h2, .color1-2 a, .breadcrumbs .color1-2 a, .breadcrumbs .color1-2>span, .color1-2.articleItem a, .relatedArticlesList>.color1-2 a {color: #3E5AA3;}
.color1-2 .imageTitle, .color1-2 .discussionTitle, .color1-2 .discussion .item > span, .color1-2 .referers, .color1-2 .relatedArticles h2, .color1-2 .additional h2, .color1-2 .video .description { background-color:#3E5AA3;}
.color1-2 .relatedArticlesList, .color1-2, .color1-2 .topPaginator, .color1-2 .contest>p  { border-color:#3E5AA3 !important;}
.color2-2 .pin {
    background-image: url(/images/pin_2.png) !important;
    _background-image: url(/images/pin_2.gif) !important;
}
.color2-2 .bpin {
    background-image: url(/images/bpin_2.png) !important;
    _background-image: url(/images/bpin_2.gif) !important;
}
.color1-3 .perex, .color1-3 strong, .color1-3 h1, .color1-3 h2, .color1-3 a, .breadcrumbs .color1-3 a, .breadcrumbs .color1-3>span, .color1-3.articleItem a, .relatedArticlesList>.color1-3 a {color: #00A481;}
.color1-3 .imageTitle, .color1-3 .discussionTitle, .color1-3 .discussion .item > span, .color1-3 .referers, .color1-3 .relatedArticles h2, .color1-3 .additional h2, .color1-3 .video .description { background-color:#00A481;}
.color1-3 .relatedArticlesList, .color1-3, .color1-3 .topPaginator, .color1-3 .contest>p { border-color:#00A481 !important;}
.color2-3 .pin {
    background-image: url(/images/pin_3.png) !important;
    _background-image: url(/images/pin_3.gif) !important;
}
.color2-3 .bpin {
    background-image: url(/images/bpin_3.png) !important;
    _background-image: url(/images/bpin_3.gif) !important;
}
.color1-4 .perex, .color1-4 strong, .color1-4 h1, .color1-4 h2, .color1-4 a, .breadcrumbs .color1-4 a, .breadcrumbs .color1-4>span, .color1-4.articleItem a, .relatedArticlesList>.color1-4 a {color: #A3C652;}
.color1-4 .imageTitle, .color1-4 .discussionTitle, .color1-4 .discussion .item > span, .color1-4 .referers, .color1-4 .relatedArticles h2, .color1-4 .additional h2, .color1-4 .video .description { background-color:#A3C652;}
.color1-4 .relatedArticlesList, .color1-4, .color1-4 .topPaginator, .color1-4 .contest>p { border-color:#A3C652 !important;}
.color2-4 .pin {
    background-image: url(/images/pin_4.png) !important;
    _background-image: url(/images/pin_4.gif) !important;
}
.color2-4 .bpin {
    background-image: url(/images/bpin_4.png) !important;
    _background-image: url(/images/bpin_4.gif) !important;
}
.color1-5 .perex, .color1-5 strong, .color1-5 h1, .color1-5 h2, .color1-5 a, .breadcrumbs .color1-5 a, .breadcrumbs .color1-5>span, .color1-5.articleItem a, .relatedArticlesList>.color1-5 a {color: #754E4C;}
.color1-5 .imageTitle, .color1-5 .discussionTitle, .color1-5 .discussion .item > span, .color1-5 .referers, .color1-5 .relatedArticles h2, .color1-5 .additional h2, .color1-5 .video .description { background-color:#754E4C;}
.color1-5 .relatedArticlesList, .color1-5, .color1-5 .topPaginator, .color1-5 .contest>p { border-color:#754E4C !important;}
.color2-5 .pin {
    background-image: url(/images/pin_5.png) !important;
    _background-image: url(/images/pin_5.gif) !important;
}
.color2-5 .bpin {
    background-image: url(/images/bpin_5.png) !important;
    _background-image: url(/images/bpin_5.gif) !important;
}
.color1-6 .perex, .color1-6 strong, .color1-6 h1, .color1-6 h2, .color1-6 a, .breadcrumbs .color1-6 a, .breadcrumbs .color1-6>span, .color1-6.articleItem a, .relatedArticlesList>.color1-6 a {color: #00A74E;}
.color1-6 .imageTitle, .color1-6 .discussionTitle, .color1-6 .discussion .item > span, .color1-6 .referers, .color1-6 .relatedArticles h2, .color1-6 .additional h2, .color1-6 .video .description { background-color:#00A74E;}
.color1-6 .relatedArticlesList, .color1-6, .color1-6 .topPaginator, .color1-6 .contest>p { border-color:#00A74E !important;}
.color2-6 .pin {
    background-image: url(/images/pin_6.png) !important;
    _background-image: url(/images/pin_6.gif) !important;
}
.color2-6 .bpin {
    background-image: url(/images/bpin_6.png) !important;
    _background-image: url(/images/bpin_6.gif) !important;
}
.color1-7 .perex, .color1-7 strong, .color1-7 h1, .color1-7 h2, .color1-7 a, .breadcrumbs .color1-7 a, .breadcrumbs .color1-7>span, .color1-7.articleItem a, .relatedArticlesList>.color1-7 a {color: #006980;}
.color1-7 .imageTitle, .color1-7 .discussionTitle, .color1-7 .discussion .item > span, .color1-7 .referers, .color1-7 .relatedArticles h2, .color1-7 .additional h2, .color1-7 .video .description { background-color:#006980;}
.color1-7 .relatedArticlesList, .color1-7, .color1-7 .topPaginator, .color1-7 .contest>p { border-color:#006980 !important;}
.color2-7 .pin {
    background-image: url(/images/pin_7.png) !important;
    _background-image: url(/images/pin_7.gif) !important;
}
.color2-7 .bpin {
    background-image: url(/images/bpin_7.png) !important;
    _background-image: url(/images/bpin_7.gif) !important;
}
.color1-8 .perex, .color1-8 strong, .color1-8 h1, .color1-8 h2, .color1-8 a, .breadcrumbs .color1-8 a, .breadcrumbs .color1-8>span, .color1-8.articleItem a, .relatedArticlesList>.color1-8 a {color: #A1579E;}
.color1-8 .imageTitle, .color1-8 .discussionTitle, .color1-8 .discussion .item > span, .color1-8 .referers, .color1-8 .relatedArticles h2, .color1-8 .additional h2, .color1-8 .video .description { background-color:#A1579E;}
.color1-8 .relatedArticlesList, .color1-8, .color1-8 .topPaginator, .color1-8, .color1-1 .contest>p .contest>p { border-color:#A1579E !important;}
.color2-8 .pin {
    background-image: url(/images/pin_8.png) !important;
    _background-image: url(/images/pin_8.gif) !important;
}
.color2-8 .bpin {
    background-image: url(/images/bpin_8.png) !important;
    _background-image: url(/images/bpin_8.gif) !important;
}

.registration .bpin { background-image: url(/images/bpin_registration.gif) !important; }

.loveUs ol,  ol.regCond, ol.regCond ol { font-weight: bold; color:#3E5AA3; }
ol.regCond {margin-right: 1.5em;}
.loveUs ol>li>span, ol.regCond>li>span, ol.regCond>li li>span { font-weight: normal; color: black; }
ol.regCond>li>span { display: block; margin-top: .6em; }

.clear, .lclear, .rclear {
    display: block;
    height: 0;
    font-size: 0;
    color: transparent;
    clear: both;
    width: 100%;
}
.lclear {
    clear: left;
    *width: auto;
}
.rclear {
    clear: right;
    *width: auto;
}

.black {
    color: black !important;
}
.pink {
    color: #E32465 !important;
}
.hidden {
    display: none;
}

.defaultmargin {margin: 1.2em 0 0 0; font-size: inherit;}