/* layout styles */

html { padding: 0; margin: 0;}
body { padding: 0; margin: 0; background: #fff; background: #f5cbdd url(../img/bg-body.png) repeat-y 1021px 0;  }

.sprite { position: absolute; top: 0; right: 0; width: 100%; height: 100%; background: no-repeat 50% 0; }

/* Layout */
.row { float: left; width: 100%; display: block; position: relative; }
.col { position: relative; float: left; left: 100%; _display: inline; }

.col-main { margin-left: -632px; width: 632px; }
.col-side { margin-left: -960px; width: 299px; zoom: 1;}

.col-full { margin-left: -100%; width: 100%; }

#grandmother { width: 1021px; margin: 0 0; position: relative; background: #fa91be url(../img/bg-mother.png) repeat-x 0 0; }
.page-cvik #grandmother { background: #e3d8c4 url(../img/bg-mother-cvik.png) repeat-x 0 0; }
.page-dvd #grandmother { background: #dcd4c5 url(../img/bg-mother-dvd.png) repeat-x 0 0; }

#mother { background: url(../img/bg-body2.png) no-repeat 110% 70px; padding: 0 30px; zoom: 1; }

#main { position: relative; zoom: 1; width: 100%; float: left; padding-bottom: 20px; }

/* Superheader */
#superheader { position: relative; z-index: 2; width: 100%; zoom: 1;}
#superheader .slogan { background: url(../img/bg-superheader.png) repeat-y 100% 0; text-align: right; float: right; padding: 1px 10px; width: 750px; }

#lang-menu { float: right; _width: 55px; }
#lang-menu ul { margin: 0; padding: 0; _float: right; }
#lang-menu ul li { margin: 0; padding: 0; background: none; float: left; }
#lang-menu ul li a { margin: 0; padding: 30px 0 0 0; background: none; float: left; width: 27px; text-align: center; background-position: 0 -100px; background-repeat: no-repeat; text-decoration: none; font-weight: bold; color: #fa9bc3; }
#lang-menu ul li a:hover, #lang-menu ul li.active  a { background-position: 0 0px; color: #ba5ea7; }
#lang-menu ul li.lang-cs a { background-image: url(../img/flag-cs.png); }
#lang-menu ul li.lang-en a { background-image: url(../img/flag-en.png); }

/* Header */
#header {  position: relative; padding: 0 0 0 0; zoom: 1;  margin-top: -20px; width: 100%; float: left; }

#logo { padding: 0; font-size: 25px; line-height: 35px; font-weight: bold; }
#logo p { margin: 0; }
#logo a { text-decoration: none; }
#logo a img { display: block; }

#nav-skip { position: absolute; left: -2000px; }
#nav-skip a:focus, #nav-skip a:active { position: absolute; left: 2000px; }

/* Main menu */
#main-menu { margin: 30px 0 20px 0; width: 100%; float: left;  font-family: "Times New Roman", serif; font-size: 21px; }
#main-menu ul { float: left; margin: 0; padding-bottom: 0; width: 100%; }
#main-menu ul li { display: block; float: left; margin: 0; padding: 0;  zoom: 1; _display: inline; position: relative; background: none; }
#main-menu ul li a { display: block; float: left; margin: 0; padding: 30px 12px 8px 12px; text-decoration: none; position: relative; overflow: hidden; color: #6c165a; }
#main-menu ul li a:hover { color: #fa91be; }
#main-menu ul li.active a { background: url(../img/bg-main-menu-active.png) no-repeat 50% 0; color: #fa91be; }

/* Search box */
#search-box { float: right; }
#search-box .spc { padding: 0; }
#search-box input { vertical-align: middle; }
#search-box #q { width: 150px; border: 1px solid #c5c5c5; padding: 3px; }

/* Footer */
#footer { width: 100%; float: left;  padding: 10px 0 20px; font-size: 92.308%; background: url(../img/bg-footer.png) repeat-y 310px 0; }
#footer p { margin: 0; }
#footer a.sep { border-left: 1px solid #99c6bf; padding-left: 10px; margin-left: 5px; }
#footer a, #footer a:visited { color: #000; }
#footer a:hover { color: #555; }
#footer h3 { font-family: Arial, sans-serif; font-weight: bold; color: #aa3993; font-size: 100%; }

/* Breadcrumb */
.breadcrumb { border: 1px solid #d2d2d2; background: #f2f2f2; padding: 7px 10px; margin: 0 0 15px 0; font-size: 84.615%; zoom: 1; }
.breadcrumb p { margin: 0; }
.breadcrumb strong { font-weight: normal; }
.breadcrumb a, .breadcrumb a:visited { background: url(../img/bullet-breadcrumb.png) no-repeat 100% 55%; padding-right: 13px; margin-right: 5px; }

.annot { font-size: 19px; }
.content {  }

/* Homepage */
.cvik-box { text-align: center; position: relative; }
.cvik-box h3 { color: #e3b0d9; font-size: 20px; padding-top: 5px; }
.cvik-box h3 strong { color: #a32c8c; font-weight: normal; text-transform: lowercase; }
.cvik-box h3 a { color: #e3b0d9; }
.cvik-box h3 strong a { color: #a32c8c; }
.cvik-box p { position: absolute; bottom: 0; left: 0; width: 100%; color: #fff; font-family: Arial, sans-serif; font-size: 16px; font-weight: bold; margin: 0; line-height: 29px; }
.cvik-box p a {text-decoration: none; }

.cvik-box-small { background: url(../img/bg-cvik-small.png) no-repeat 0 0; width: 242px; height: 226px; margin-top: 63px; =margin-top: 53px; }
.cvik-box-large { background: url(../img/bg-cvik-large.png) no-repeat 0 0; width: 306px; height: 279px; }

.cvik-box-large h3 { font-size: 24px; }
.cvik-box-large .ico-calendar { background: url(../img/ico-calendar.png) no-repeat 0 0; width: 27px; height: 36px; position: absolute; top: -12px; left: 10px; }

.box3 { width: 320px; margin: 0 -10px 0 -4px; color: #62064f; }
.box3 a { color: #62064f; }
.box3 h2 { margin-top: 0; margin-bottom: 0; color: #6e1158; font-size: 31px; }
.box3 h2 a { color: #6e1158; }
.box3-top { height: 20px; background: url(../img/bg-box3-top.png) no-repeat 0 0; font-size: 0; }
.box3-mid { padding: 1px 25px; background: url(../img/bg-box3-mid.png) repeat-y 0 0; }
.box3-bot { height: 20px; background: url(../img/bg-box3-bot.png) no-repeat 0 0; font-size: 0; }
.box3 .prinosy * { color: #fddaea;  }
.box3 .prinosy h3 { font-size: 30px; }
.box3 .prinosy h4 { font-size: 14px; font-family: Arial, sans-serif; font-weight: bold; }

.box4 { width: 289px; margin: 0 -8px; color: #a32c8c; }
.box4 a { color: #a32c8c; }
.box4 h2 { margin-top: 0; }
.box4 h3 { font-family: Arial, sans-serif; font-size: 18px; font-weight: normal; color: #a32c8c; }
.box4 h3 a { color: #a32c8c; }
.box4-top { height: 20px; background: url(../img/bg-box4-top.png) no-repeat 0 0; font-size: 0; }
.box4-mid { padding: 1px 25px; background: url(../img/bg-box4-mid.png) repeat-y 0 0; }
.box4-bot { height: 20px; background: url(../img/bg-box4-bot.png) no-repeat 0 0; font-size: 0; }

.box5 h2 { padding-top: 20px; }
.box5 h3 { font-family: Arial, sans-serif; font-size: 18px; font-weight: normal; color: #a32c8c; }
.box5 h3 a { color: #a32c8c; }

.cvicitelka-box { float:right; margin-right: -162px; position: relative; _display: inline; }

.featured-quote { text-align: center; font-family: 'Times New Roman', serif; font-size: 22px; color: #a32c8c; margin: -10px 0 20px 0; }
.featured-quote a { color: #a32c8c; }
.featured-quote blockquote { background: none; }
.featured-quote blockquote p { margin: 0; }

.newsletter-box { height: 168px; background: url(../img/bg-newsletter-box.png) no-repeat 0 0; text-align: center; padding: 0 20px; }
.newsletter-box .text-box { font-family: 'Times New Roman', serif; font-size: 20px; color: #b34b9d; font-weight: bold; padding-top: 30px; }
.newsletter-box .text-box a { color: #b34b9d; }
.newsletter-box .text-box strong { color: #000; }
.newsletter-box .text-box strong a { color: #000; }

/* News */
.news { margin: 0 0 20px; padding: 0; width: 100%; }
.news ul { margin: 0; padding: 0; width: 100%; }
.news ul li .date { margin: 0; font-size: 84.615%; }
.news ul li { margin: 0 0 15px; padding: 15px 0 1px; background: none; border-top: 1px dotted #d2d2d2; zoom: 1; }
.news ul li .img-box { float: left; width: 90px; height: 90px; border: 1px solid #e8e8e8; text-align: center; padding: 5px; vertical-align: middle; font-size: 0; _font-size: 80px; line-height: 90px; _line-height: 90px; }
.news ul li .img-box img { background: white; display: inline; vertical-align: middle; }
.news ul li .text-box { margin-left: 118px; }
.news ul li.no-img .text-box { margin-left: 0; }
.news ul li h3 { margin: 0 0 5px; }
.news ul li .desc { margin: 0; }

/* Related images */
.related-images { position: relative; margin: 0 0 30px; zoom: 1; }
.related-images ul { margin: 0 0 0; padding: 0; font-size: 0; letter-spacing: -1px; }
.related-images ul li { margin: 0 9px 0 0; padding: 0 0 10px; background: none; display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline; letter-spacing: 0; overflow: hidden; font-size: 13px; letter-spacing: 0; line-height: 1.3;  }
.related-images ul li img { display: block; padding: 4px; border: 1px solid #d2d2d2; margin: 0; background: #fff; }
.related-images ul li a, .related-images ul li span { display: block; position: relative;}
.related-images ul li .delete { display: block; position: relative;}

/* Subpage Cviky */
.col-cviky { margin-left: -338px; width: 338px; background: #fdc2dc url(../img/bg-col-cviky.png) no-repeat 0 0; margin-bottom: 30px; }
.col-cviky-inner { padding: 15px 15px 0px 15px; }
.col-cvik-detail { margin-left: -100%; width: 558px; }
.col-cvik-detail * { color: #5a431f; }

.year-menu { margin: 0 0 15px; }
.year-menu ul { margin: 0; padding: 0; }
.year-menu ul li { margin: 0 10px 0 0; padding: 0; float: left; }
.year-menu ul li a { display: block; width: 91px; height: 18px; line-height: 18px; background: url(../img/bg-year.png) no-repeat 50% 50%; text-align: center; text-decoration: none; color: white; font-family: "Times New Roman", serif; }
.year-menu ul li.active a { background: url(../img/bg-year-active.png) no-repeat 50% 50%; }

.cviky-list ul { margin: 0; }
.cviky-list ul li { margin: 0 -15px; padding: 0 15px 1px; background: #fccde1; border-top: 3px solid #fbd6e6; color: #7c6275; position: relative; }
.cviky-list ul li a { color: #7c6275; }
.cviky-list ul li h3 { font-weight: bold; color: #7c6275; font-size: 14px; }
.cviky-list ul li h3 a { color: #7c6275; }

.cviky-list ul li.active { background: #d290ad; color: white; }
.cviky-list ul li.active a { color: white; }
.cviky-list ul li.active h3 { color: white; font-size: 18px; }
.cviky-list ul li.active .arrow { width: 20px; height: 14px; background: url(../img/bg-cvik-arrow.png) no-repeat; left: -20px; _left: -35px; top: 0; _top: 3px; position: absolute; }

.cviky-list ul li ul { margin-bottom: 15px; }
.cviky-list ul li ul li { padding: 3px 30px; background: url(../img/bullet-default.png) no-repeat 15px 50%; border-top: 0;  }
.cviky-list ul li ul li a { color: white; font-weight: bold; font-size: 14px; }

.intro-dvd { font-family: Arial, sans-serif; color: #a16192; margin-bottom: 20px; }
.intro-dvd a { color: #a16192; }
.intro-dvd h2 { font-family: Arial, sans-serif; color: #a16192; font-weight: bold; margin: 15px 0 10px 0; }

.dvd-box { background: url(../img/bg-dvd-box.png) no-repeat 0 0; padding: 10px 20px; height: 262px; position: relative; margin-bottom: 20px; }
.dvd-box h2 { margin-top: 0; }

.dvd-form-box { background: url(../img/bg-dvd-form.png) no-repeat 0 0; padding: 10px 20px; height: 280px; position: relative; margin-bottom: 20px; }

.dvd-form-box-col1 { width: 48%; float: left; }
.dvd-form-box-col2 { width: 48%; float: right; }

.dvd-form-box-col1 h2 { margin-top: 5px; }

.dvd-form-box-col2 h3 { font-weight: normal; text-transform: uppercase; padding-top: 10px; margin-bottom: 8px; }

.dvd-form-box *, .dvd-box * { color: #645435; }

.dvd-form-box-bottom { position: absolute; left: 60px; right: 20px; bottom: 0; }

.cviky-list2 ul li { margin: 0; padding: 0; background: none; }
.cviky-list2 ul li .img-box { float: left; }
.cviky-list2 ul li .text-box { margin-left: 230px; }
.cviky-list2 ul li .text-box.wide { margin-left: 0px; }

h2.cvik { color: #5a431f; font-family: Arial, sans-serif; font-weight: bold; }
h2.cvik a { color: #5a431f; }

#contact-form { padding-bottom: 15px; }
#contact-form .inp-text { border: 1px solid #CF749E; border-color: #CF749E #FFDFED #FFDFED #CF749E; }
#contact-form p { margin: 0 0 5px; }
#contact-form .inp-submit { padding: 10px 20px; overflow: visible;  }
#contact-form textarea.w-full { =width: 95%; }

/* Forms */
form { margin: 0; padding: 0; }
input, select, textarea { font-size: 100%; font-family: Arial, sans-serif; }
input, select, label { vertical-align: middle; }

.inp-text { border: 1px solid #c5c5c5; }
input.inp-text, textarea { padding: 1px 3px; }

.btn-submit { padding: 1px 5px; }

.form-box { padding: 20px 20px 15px 20px; background: #f2f2f2; color: black; zoom: 1; position: relative; margin-bottom: 30px; border: 1px solid #d2d2d2; }
.form-box .inp-fix { margin-right: 8px; display: block; }
.form-box .inp-fix .w-full { margin-right: -8px; }
.form-box p { margin-bottom: 8px; }

.error { color: #ff0000; font-weight: bold; }
.error-message, .ok-message { color: red; font-size: 100%; font-weight: bold; margin: 15px 0; background: #FDF5F1; padding: 5px 5px 5px 10px; border: 1px solid #F3D2D2; }
.ok-message { color: green; background: #F6FBDC; border: 1px solid #C6E528;}

.w-full { width: 100%;  }
.w-half { width: 50%;  }

/* File icons */
ul.files li { background: none; padding: 0; margin-bottom: 0.3em;}
ul.files li a, a.ico-file { background-repeat: no-repeat; background-position: 0 2px; line-height: 1.5em; padding: 2px 0 2px 22px !important; }
ul.files { list-style: none; margin: 0 0 1em 0; padding: 0; }

/* File icons */
.ico-file-ai {background-image: url("../img/file-icons/ico-file-ai.png");}
.ico-file-avi {background-image: url("../img/file-icons/ico-file-avi.png");}
.ico-file-bmp {background-image: url("../img/file-icons/ico-file-bmp.png");}
.ico-file-cdr {background-image: url("../img/file-icons/ico-file-cdr.png");}
.ico-file-doc {background-image: url("../img/file-icons/ico-file-doc.png");}
.ico-file-dxf {background-image: url("../img/file-icons/ico-file-dxf.png");}
.ico-file-exe {background-image: url("../img/file-icons/ico-file-exe.png");}
.ico-file-png {background-image: url("../img/file-icons/ico-file-png.png");}
.ico-file-html {background-image: url("../img/file-icons/ico-file-html.png");}
.ico-file-jpg {background-image: url("../img/file-icons/ico-file-jpg.png");}
.ico-file-mp3 {background-image: url("../img/file-icons/ico-file-mp3.png");}
.ico-file-pdf {background-image: url("../img/file-icons/ico-file-pdf.png");}
.ico-file-png {background-image: url("../img/file-icons/ico-file-png.png");}
.ico-file-ppt {background-image: url("../img/file-icons/ico-file-ppt.png");}
.ico-file-psd {background-image: url("../img/file-icons/ico-file-psd.png");}
.ico-file-rtf {background-image: url("../img/file-icons/ico-file-rtf.png");}
.ico-file-qt {background-image: url("../img/file-icons/ico-file-qt.png");}
.ico-file-ra {background-image: url("../img/file-icons/ico-file-ra.png");}
.ico-file-swf {background-image: url("../img/file-icons/ico-file-swf.png");}
.ico-file-tif {background-image: url("../img/file-icons/ico-file-tif.png");}
.ico-file-txt {background-image: url("../img/file-icons/ico-file-txt.png");}
.ico-file-xls {background-image: url("../img/file-icons/ico-file-xls.png");}
.ico-file-zip {background-image: url("../img/file-icons/ico-file-zip.png");}
.ico-file-unknown {background-image: url("../img/file-icons/ico-file-unknown.png");}