/* project www.paleta.cz */

/* Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0; padding:0; border:0; font-size:100%; vertical-align:baseline; background:transparent;}
body {line-height:1;}
ol, ul {list-style:none;}
blockquote, q {quotes:none;}

table {border-collapse:collapse; border-spacing:0;}
.clear {height:1px; font-size:1px; clear:both; overflow:hidden; visibility:hidden; display:block; margin:0!important; padding:0!important; width:100%!important;}
.hidden {display:none; height:40px;}
.out {position:absolute; left:-999em;}
.none {display:none;}
.left {float:left!important;}
.right {float:right!important;}
sub {font-size:10px; vertical-align:sub; line-height:10px;}
sup {font-size:10px; vertical-align:top; line-height:10px;}
.smile {float:none!important; background:none!important; border:none!important;}

/* HTML tags */
body {font:0.9em Arial, Helvetica, sans-serif; line-height:1.4em; color:#000; background:#fff;}
a {text-decoration:underline; color:#552d02;}
a:hover, a:focus, a:active {text-decoration:none;}
p {color:#000; font-size:0.9em; margin-bottom:7px;}
h1, h2 {color:#552d02; font-size:1.5em; line-height:1.5em; margin-bottom:10px; }
h3 {color:#552d02; font-size:1.1em; margin-bottom:5px;} 

/* Layout */
#mother {margin:0 auto; width:970px; padding:0 10px; background:#da8603 url(../img/mother-bg.png) repeat-y 0 0;}
#header {position:relative; width:970px; height:178px; background:url(../img/header.jpg) no-repeat 0 0;}
.col-side {width:166px; float:left; margin:0 0 0 25px; display:inline;}
.front #col-content {float:left; width:500px; margin:0 0 0 27px;}
.sub #col-content { float:left; width:730px; margin:0 0 0 27px; position:relative;}
.post {position:relative; height:100%; margin:0 0 20px 0; padding:10px 10px 0 10px; background:#ecc281; overflow:hidden;}
#footer {padding:5px 0 10px 0;}

.post span.cor {position:absolute; font-size:0; width:10px; height:10px; overflow:hidden; background:url(../img/post-corner.png) no-repeat 0 0;}
.post span.tl {top:0; left:0;}
.post span.tr {top:0; right:0; background-position:-10px 0;}
.post span.bl {bottom:0; _bottom:-1px; left:0; background-position:0 -10px;}
.post span.br {bottom:0; _bottom:-1px; right:0; background-position:-10px -10px;}

/* Header */
#logo {position:absolute; overflow:hidden; width:217px; height:131px; display:block; top:42px; left:727px;}
#logo span {cursor:pointer; position:absolute; top:0; left:0; width:217px; height:131px; background:url(../img/logo.jpg) no-repeat 0 0;}

/* Content */
#links {overflow:hidden;}
#links li {float:left;}
#links li a {position:relative; width:242px; height:91px; display:block; overflow:hidden;}
#links li a span {position:absolute; top:0; left:0; cursor:pointer; width:242px; height:91px;}
#links li.programs a span { background:url(../img/links-programs.png) no-repeat 0 0;}
#links li.eshop a span { background:url(../img/links-eshop.png) no-repeat 0 0;}
#links li.eshop {float:right;}

a.eshop2 {display:block; width:345px; height:56px; overflow:hidden; position:absolute; top:18px; left:381px;}
a.eshop2 span {position:absolute; top:0; left:0; width:345px; height:56px; cursor:pointer; background:url(../img/eshop2.png) no-repeat 0 0;}

a.orders {display:block; width:345px; height:60px; overflow:hidden; position:absolute; top:80px; left:381px;}
a.orders span {position:absolute; top:0; left:0; width:345px; height:60px; cursor:pointer; background:url(../img/orders.png) no-repeat 0 0;}

.photo {float:left; margin:0 15px 5px 0; display:inline; position:relative;}
.photo p {margin:0; padding:0; line-height:0;}
.photo a {display:block; text-decoration:none; position:relative;}
.photo img {display:block; padding:0; margin:0; border:1px solid #552d02;}
.photo .description {color:#552d02; display:block; padding:5px; width:140px; font-size:11px; line-height:1.4em; margin:-1px 0 0 0; height:100%; text-align:center; position:relative; border:1px solid #552d02;}

.gallery {overflow:hidden; margin:10px 0;}
.gallery .photo {margin:0 15px 5px 15px;}
.gallery .photo .description {width:190px;}

.post p {text-align:justify;}
.post ul {font-size:0.8em; padding:0 0 0 10px; margin:0 0 3px 15px;}
.post ul ul {font-size:1em;}
.post ul li {list-style-type:disc;list-style-position: inside}
.post ol {font-size:0.8em; padding:0 0 0 10px; margin:0 0 3px 0;}
.post ol ol {font-size:1em;}
.post ol li {list-style: decimal inside;}
.post p.price {font-weight:bold; font-size:110%; color:#552D02;}
.post h3 {margin-top:15px;}

.post ul.meta {margin:-5px 0 10px 0; padding:0;}
.post ul.meta li {list-style:none; color:#552D02; font-weight:bold;}

.post ul.meta2 {margin:0 0 10px 0; padding:0;}
.post ul.meta2 li {list-style:none; color:#552D02; font-weight:bold;}
.post ul.meta2 li strong {text-decoration:underline;}

.post ol.meta2 {margin:0 0 10px 0; padding:0;}
.post ol.meta2 li {list-style:none; color:#000000; font-weight:normal; list-style:decimal inside;}
.post ol.meta2 li strong {text-decoration:underline;}

.att {float:left; width:100%; border-top:1px dotted #552d02; padding:4px 0 5px 0; margin:0;}
.att p {text-align:right; margin:0;}
.att input { border:1px solid #552D02; text-align:right; width:35px; background:#ecc281;}

.anchors {position:relative; width:365px; background:#ECC281; margin:22px 0 20px 0;}
.anchors h1 {padding:10px 0 0 10px; margin:0 0 5px 0;}
.anchors ul {padding:0 0 10px 10px; font-size:0.9em;}
.anchors ul li {background:#ECC281 url(../img/anchor-li.png) no-repeat 0 7px; padding:0 10px 0 25px; position:relative;}

.anchors span.cor {position:absolute; font-size:0; width:10px; height:10px; overflow:hidden; background:url(../img/post-corner.png) no-repeat 0 0;}
.anchors span.tl {top:0; left:0; }
.anchors span.tr {top:0; right:0; background-position:-10px 0;}
.anchors span.bl {bottom:0; _bottom:-1px; left:0; background-position:0 -10px;}
.anchors span.br {bottom:0; _bottom:-1px; right:0; background-position:-10px -10px;}

/* Order-form */
.order-form {position:relative; height:100%; margin:0 0 20px 0; padding:10px 10px 0 10px; background:#ecc281; overflow:hidden;}
.order-form span.cor {position:absolute; font-size:0; width:10px; height:10px; overflow:hidden; background:url(../img/post-corner.png) no-repeat 0 0;}
.order-form span.tl {top:0; left:0;}
.order-form span.tr {top:0; right:0; background-position:-10px 0;}
.order-form span.bl {bottom:0; _bottom:-1px; left:0; background-position:0 -10px;}
.order-form span.br {bottom:0; _bottom:-1px; right:0; background-position:-10px -10px;}
.order-form h2 {font-size:1.3em; border-bottom:1px solid #552d02;}
.order-form h3 {margin-top:10px;}
.order-form fieldset {float:left; width:710px;}
.order-form .row {float:left; margin:0 0 10px 0; width:710px;}
.order-form .row label {font:12px 'Arial CE',Arial,'Helvetica CE',Helvetica,'Verdana CE',Verdana,sans-serif; margin:0; line-height:20px;}
.order-form .row .statut {float:right; width:494px; font-size:0.9em;}
.order-form .row .info {float:right; width:494px; font-size:0.8em; font-weight: normal; margin: 5px 0 0 215px;}
.order-form .row input.text {float:right; font-family:'Arial CE',Arial,'Helvetica CE',Helvetica,'Verdana CE',Verdana,sans-serif; font-size:12px; font-size:12px; width:492px; height:18px; border:1px solid #552d02; background:#ECC281;}
.order-form .row .container {float:right; width:494px;}
.order-form .row .wrap {float:left; margin:0 20px 0 0; display:block; overflow:hidden; height:20px;}
.order-form .row .wrap02 {margin:0 20px 0 0; display:block; overflow:hidden;}
.order-form .row .wrap .radio {margin:3px 10px 0 0; *margin-top:-1px; float:left; margin-top/*\**/:0\9; /*IE8*/}
:root .order-form .row .wrap .radio {margin-top:0px\0/IE9;}
.order-form .row .wrap .checkbox {margin:3px 10px 0 0; *margin-top:-1px; float:left; margin-top/*\**/:0\9; /*IE8*/}
.order-form .row .wrap02 .checkbox {margin:3px 10px 0 0; *margin-top:-1px; float:left; margin-top/*\**/:0\9; /*IE8*/}
:root .order-form .row .wrap02 .checkbox {margin-top:0px\0/IE9;}
:root .order-form .row .wrap .checkbox {margin-top:0px\0/IE9;}
.order-form .row textarea {float:right; font-family:'Arial CE',Arial,'Helvetica CE',Helvetica,'Verdana CE',Verdana,sans-serif; font-size:12px; font-size:12px; width:492px; height:68px; border:1px solid #552d02; background:#ECC281; margin:0; padding:0;}
.order-form .row .submit-btn {float:left; margin:0 0 0 215px;}
.order-form .info {margin:0 0 15px 215px; font-weight:bold;}

.notice {position:relative; height:100%; margin:0 0 20px 0; padding:10px 10px 5px 10px; background:#ecc281; overflow:hidden;}
.notice span.cor {position:absolute; font-size:0; width:10px; height:10px; overflow:hidden; background:url(../img/post-corner.png) no-repeat 0 0;}
.notice span.tl {top:0; left:0;}
.notice span.tr {top:0; right:0; background-position:-10px 0;}
.notice span.bl {bottom:0; _bottom:-1px; left:0; background-position:0 -10px;}
.notice span.br {bottom:0; _bottom:-1px; right:0; background-position:-10px -10px;}
.notice p { text-align:center;}


/* Shop-form*/
#shop-form {margin:22px 0 0 0;}
#shop-form .type p {font-size:1em; color:#552d02; font-weight:bold;}
#shop-form .button {text-align:center; padding:5px 0 0 0;}
#shop-form .button p {font-size:11px; margin:6px 0 5px 0; text-align:center;}
#shop-form .summary h1, #shop-form .summary h2 {border-bottom:1px solid #552d02; font-size:1.3em;}
#shop-form .summary table {border:0; width:100%; margin:0; padding:0;}
#shop-form .summary table td {border:0; padding-left:0; padding-right:0;}
#shop-form .summary table td.name {width:520px;}
#shop-form .summary table td.count {width:100px;}
#shop-form .summary table td.price { width:90px; text-align:right;}
#shop-form .summary p.total {text-align:right; margin:10px 0 10px 0; border-top:1px solid #552d02; font-size:1.1em; padding:5px 0 0 0;}
#shop-form .summary label {float:left; font-family:'Arial CE',Arial,'Helvetica CE',Helvetica,'Verdana CE',Verdana,sans-serif; font-size:12px; font-weight:bold; margin-bottom:15px;}
#shop-form .summary .type_select {float:right; font-size:12px; width:492px; height:20px; font-weight:bold; background:#ECC281; border:1px solid #552d02; font-family:'Arial CE',Arial,'Helvetica CE',Helvetica,'Verdana CE',Verdana,sans-serif;}
#shop-form .summary .row {float:left; width:710px; margin-bottom:10px;}
#shop-form .summary .row label {float:left; margin:0;}
#shop-form .summary .row .statut, #shop-form .summary .row .allert {float:right; width:494px; font-size:0.9em;}
#shop-form .summary .row input.type_input {float:right; font-family:'Arial CE',Arial,'Helvetica CE',Helvetica,'Verdana CE',Verdana,sans-serif; font-size:12px; font-size:12px; width:492px; height:18px; border:1px solid #552d02; background:#ECC281;}
#shop-form .summary .row textarea {float:right; font-family:'Arial CE',Arial,'Helvetica CE',Helvetica,'Verdana CE',Verdana,sans-serif; font-size:12px; font-size:12px; width:492px; height:68px; border:1px solid #552d02; background:#ECC281; margin:0; padding:0;}
#shop-form .summary .row .submit-btn {float:left; margin:0 0 0 215px;}
#shop-form .remark {margin:0 0 20px 0;}
#shop-form .remark p {text-align:center;}

.updated {position:absolute; top:0; right:0; display:block; width:60px; height:60px; background:url(../img/updated.png) no-repeat 0 0;}
.headlines {margin:15px 0 0 0;}

/* Forum */
.forum .summary {position:relative; height:100%; margin:0 0 20px 0; padding:10px 10px 0 10px; background:#ecc281; overflow:hidden;}
.forum .summary span.cor {position:absolute; font-size:0; width:10px; height:10px; overflow:hidden; background:url(../img/post-corner.png) no-repeat 0 0;}
.forum .summary span.tl {top:0; left:0;}
.forum .summary span.tr {top:0; right:0; background-position:-10px 0;}
.forum .summary span.bl {bottom:0; _bottom:-1px; left:0; background-position:0 -10px;}
.forum .summary span.br {bottom:0; _bottom:-1px; right:0; background-position:-10px -10px;}

.forum .summary table.list {width:710px; margin:5px 0 10px 0; font-size:11px; background:#ecc281;}
.forum .summary table.list tr td {padding:5px 0; background:#ecc281; border-top:1px solid #552D02;}
.forum .summary table.list tr.first td {border-top:0;}
.forum .summary table.list tr td.name {width:265px; font-size:16px; font-weight:bold;}
.forum .summary table.list tr td.name a {text-decoration:none;}
.forum .summary table.list tr td.name a:hover, .forum .summary table.list tr td.name a:focus {text-decoration:underline;}
.forum .summary table.list tr td.send-question {width:230px;} 
.forum .summary table.list tr td.send-question a {font-weight:bold;}
.forum .summary table.list tr td.answer {width:215px; text-align:right;}

.info-forum {margin:20px 0 20px 0;}
.info-forum h1 {line-height:1.2em; margin-bottom:5px;}

.forum .summary .post-answer {padding:0 0 10px 0; font-size:12px; font-weight:bold; overflow:hidden; height:22px;}
.forum .summary .post-answer a.add-post { float:left;}
.forum .summary .post-answer .search {float:right; width:280px;}
.forum .summary .post-answer .search input {outline:none; border:1px solid #552D02; padding:1px 5px; width:150px; height:18px; line-height:18px; margin:0 5px 0 0; background:#C0B1A1; float:left;} 
.forum .post .question p.question-item {margin-bottom:0;}
.forum .post .question p.author { text-align:right; margin-top:-7px;}
.forum .post .answer { border-top:1px solid #552D02;}
.forum .post .answer p { padding:5px 0 0 40px;}

.forum form label {float:left; font-family:'Arial CE',Arial,'Helvetica CE',Helvetica,'Verdana CE',Verdana,sans-serif; font-size:12px; font-weight:bold; margin-bottom:15px;}
.forum form .type_select {float:right; font-size:12px; width:492px; height:20px; font-weight:bold; background:#ECC281; border:1px solid #552d02; font-family:'Arial CE',Arial,'Helvetica CE',Helvetica,'Verdana CE',Verdana,sans-serif;}
.forum form .row {float:left; width:710px; margin-bottom:10px;}
.forum form .row label {float:left; margin:0;}
.forum form .row input.type_input {float:right; font-family:'Arial CE',Arial,'Helvetica CE',Helvetica,'Verdana CE',Verdana,sans-serif; font-size:12px; font-size:12px; width:492px; height:18px; border:1px solid #552d02; background:#ECC281;}
.forum form .row textarea {float:right; font-family:'Arial CE',Arial,'Helvetica CE',Helvetica,'Verdana CE',Verdana,sans-serif; font-size:12px; font-size:12px; width:492px; height:100px; border:1px solid #552d02; background:#ECC281; margin:0; padding:0;}
.forum form .row input#control {width:25px; float:left; margin-left:165px;}
.forum form .row .control {font-weight:normal; margin-left:10px; font-size:12px; margin-top:3px; float:left;}
.forum form .row .submit-btn {float:left; margin:0 0 0 215px;}
.forum form .row .alert {float:right; width:494px; font-size:0.9em;}

/* Tables */
.post table.clean {margin:10px 0 10px 0; text-align:left; font-size:11px; border:1px solid #000; padding-bottom:1px; width:700px;}
.post table.clean th, .post table.clean td {padding:3px 10px; color:#000;}
.post table.clean th, .post table.clean thead td {border:1px solid #000; font-weight:bold; text-align:left; background:#DA8603;}
.post table.clean td {color:#000; border:1px solid #000; }
.post table.clean p {margin-bottom:0; color:#000;}
.post table.clean thead td {color:#000; vertical-align:middle;}
.post table.clean tfoot td {color:#fff; background:#552D02;}

.post table {margin:10px 0 10px 0; text-align:left; font-size:11px; border:1px solid #000; padding-bottom:1px; width:700px;}
.post table th, .post table td {padding:0; color:#000;}
.post table th, .post table thead td {border:1px solid #000; font-weight:bold; text-align:left; background:#DA8603;}
.post table td {color:#000; border:1px solid #000; padding:0 3px 0 3px; line-height:normal;}
.post table p {margin-bottom:0; color:#000;}
.post table thead td {color:#000; vertical-align:middle;}
.post table tfoot td {color:#fff; background:#552D02;}

/* Col-side */
.col-side p.heading {position:relative; height:66px; line-height:66px; margin:0; padding:0;}
.col-side p.heading span {position:absolute; top:0; left:0; width:166px; height:66px;}
.col-side #program span {background:url(../img/program.png) no-repeat 0 0;}
.col-side #about span {background:url(../img/about.png) no-repeat 0 0;}
.col-side #evvo span {background:url(../img/evvo.png) no-repeat 0 0;}
.col-side #projects span {background:url(../img/projects.png) no-repeat 0 0;}

#alpha ul {background:#ecc281; font-size:11px;}
#alpha ul li {padding:5px 5px; border-bottom:1px solid #da8603; line-height:14px;}
#alpha ul li.important {padding:5px 5px; border-bottom:1px solid #da8603; line-height:14px; background:#FFFF00;}
#alpha ul li a {font-weight:bold; text-decoration:none;}
#alpha ul li a:hover, #alpha ul li a:focus, #alpha ul li a.active  {text-decoration:underline;}

#beta {float:right; width:200px; margin:0 25px 0 0}
#beta p.heading span {width:200px;}
#beta #news span {background:url(../img/news.png) no-repeat 0 0;}
#beta #actions span {background:url(../img/actions.png) no-repeat 0 0;}

#news .item {background:#ecc281; border-bottom:1px solid #da8603; padding:5px 5px 0 5px; overflow:hidden; height:100%;}
#news .item p.headline {font-weight:bold; margin:0;}
#news .item p {font-size:11px; line-height:16px}

#actions {background:#ecc281; text-align:center;}
#actions p.heading {margin-bottom:10px;}
#actions p {text-transform:uppercase; color:#552d02; font-weight:bold;}
#actions ul {font-size:0.8em;}
#actions ul li {text-align:left; border-bottom:1px solid #da8603; padding:5px; line-height:14px;}
#actions ul li a {display:block; font-weight:bold;}

#lang {padding:20px 0 0 0;}
#lang a.eng {position:relative; overflow:hidden; display:block; width:54px; height:33px;}
#lang a.eng span {position:absolute; top:0; left:0; width:54px; height:33px; cursor:pointer; background:url(../img/english-flag.jpg) no-repeat 0 0;}
#lang p {font-size:11px;}

/* Footer */
#footer p {margin:0 0 0 227px; font-size:0.8em;}

/* Facebook, Widget */
#fcb, #widget {background:#ecc281; text-align:center; margin: 20px 0 0 0; padding: 10px; border-radius: 10px 10px 0 0;}
#widget {padding: 0 10px;}
#widget iframe {width:180px; height:400px; overflow: hidden; border-style:none}

.ad.widget {width: 710px; margin: 10px 0; padding: 10px; background-color: #fff; border-radius: 10px; text-align: center;}
.ad.widget iframe {width:710px; height:280px; overflow: hidden; border-style: none;}