/*** general styles ***/



body {

    margin: 0px;

    background: #e7e6dd;

    text-align: center;

}



body, td, textarea, input, select {

    font-family: Arial, Verdana, Helvetica, sans-serif;

    font-size: 12px;

}





div.clear {;

    float: none;

    clear: both;

    font-size: 1px;

}



img {

    vertical-align: top;

    border: 0px;

}





a {

    text-decoration: underline;

    color: #000000;

}





a:hover {

    text-decoration: none;

}





a img {

    border-width: 0px;

}





h2 {

    font-weight: normal;

    font-size: 1.9em;

    margin: 5px 0px 8px 0px;

}



h3, h4, h5, h6 {

    font-weight: normal;

    padding: 0px 0px 0px 0px;

    margin: 2px 0px;

}



h3 {

    font-size: 1.7em;

}



h4 {

    font-size: 1.6em;

}



h5 {

    font-size: 1.3em;

    font-weight: bold;

}



h6 {

    font-size: 1em;

    font-weight: bold;

}



pre {

    padding: 0px 0px 0px 12px;

    margin: 0px 0px 5px 0px;

}



p {

    padding: 0px;

    margin: 0px 0px 5px 0px;

}



div.border-top, div.border-bottom {

    /*height: 10px;*/

    overflow: hidden;

    clear: both;

    font-size: 1px;

}



div.left {

    float: left;

    font-size: 1px;

}



div.right {

    float: right;

    font-size: 1px;

}



div.border-top-red {

    background: #bc2826;

    height: 30px;

}



div.border-top-red div.title {

    color: white;

    float: left;

    font-size: 14px;

    font-weight: bold;

    margin: 7px 0px 0px 0px;

}







/*** world ***/





div.world {

    width: 970px;

    margin-left: auto;

    margin-right: auto;

    margin-top: 0px;

    text-align: left;

}





/*** top ***/



div.top {

    position: relative;

    width: 970px;

}



div.top div.border-bottom {

    margin-top: -10px;

    overflow: hidden;

    clear: both;

}



div.logo

{

    float: left;

    width: 225px;

}



div.logo h1 {

    width: 225px;

    text-align: center;

}





div.top-left-menu

{

    position: relative;

    float: left;

    width: 280px;

    height: 78px;

    background: #3c3c3c;

    margin-right: 15px;

}



div.top-left-menu  p

{

    color: #c7c6bd;

    font-size: 14px;

    font-weight: bold;

    margin-top: 15px;

    margin-left: 24px;

}



div.top-right-menu

{

    position: relative;

    float: left;

    width: 450px;

    height: 78px;

    background: #bc2826;

}



div.menu

{

    position: absolute;

    left: 0px;

    bottom: 0px;

    height: 33px;

}



div.top-left-menu div.menu {

    background: #3c3c3c;

    width: 280px;

}



div.top-right-menu div.menu {

    background: #bc2826;

    width: 450px;

}



div.menu a

{

    color: #eeeeee;

    text-decoration: none;

    font-size: 12px;

    margin-left: 24px;

    font-weight: bold;

    height: 33px;

    display: inline-block;

}



div.top-right-menu div.menu a.selected {

    text-align: center;

    background: url(images/top-red-arrow.gif) no-repeat;

    background-position: center bottom;

}



div.top-left-menu div.menu a.selected {

    text-align: center;

    background: url(images/top-dark-grey-arrow.gif) no-repeat;

    background-position: center bottom;

}



/*** main ***/



div.main {

    position: relative;

    width: 970px;

    overflow: hidden;

}



div.hh15

{

    height: 15px;

}







/*** redbox ***/



div.main div.red-box,

div.main div.white-box {

    position: relative;

    background: #ffffff;

    margin-bottom: 12px;

    }



div.main div.red-box {

    background-color: #b61613;

    overflow: visible;

    margin: 30px 0 10px 0;

    display: block;

    height: 70px;

    width: 970px;

    }



div.main div.blog div.havo {

    position: absolute;

    top: -99px;

    left: 30px;

    width: 246px;

    height: 135px;

    background: transparent url(images/havo.png) no-repeat scroll 0% 0%;

}



div.main div.red-box h1 {

    color:#fff;

    font-size: 26px;

    margin: 20px 0 0 315px;

    }



div.main div.red-box div.left {background: transparent url(images/blog-top-red-left.png) no-repeat scroll 0 50%;}

div.main div.red-box div.right {height: 70px; width: 970px; background: transparent url(images/blog-top-red-right.png) no-repeat scroll 100% 50%;}



/*** whitebox ***/



div.main div.white-box {

    background: #ffffff;

}





div.white-box div.titles {

    margin-top: 15px;

}



div.titles div.half-part

{

    float: left;

    width: 450px;

    padding-left: 35px;

    color: #9a9a9a;

}



div.titles p.title1 {

    font-size: 40px;

    margin-bottom: 0px;

}



div.titles p.title2 {

    font-size: 28px;

}



div.titles p.title3 {

    margin-top: 5px;

    font-size: 18px;

}



div.information-choice

{

    text-align: center;

    font-weight: bold;

    margin-top: 20px;

    font-size: 17px;

    color: #000000;

}





/*** boxes ***/





div.boxes {

    position: relative;

    height: 213px;

    margin-top: 25px;

    text-align: center;

    width: 930px;

    margin-left: 20px;

}





div.boxes div.box

{

    position: relative;

    /*display: inline-block;*/

    float: left;

    width: 221px;

    height: 192px;

    text-align: left;

    margin-left: 5px;

    margin-right: 5px;

    padding-top: 21px;

}





div.box div.caption {

    font-size: 13px;

    font-weight: bold;

    height: 50px;

    color: #ffffff;

    margin-left: 25px;

    /*padding-top: 21px;*/

}





div.box div.advice {

    font-size: 13px;

    vertical-align: top;

    font-weight: bold;

    height: 70px;

    line-height: 130%;

    color: #ffffff;

    margin-left: 25px;

}



div.box div.info {

    font-size: 11px;

    vertical-align: bottom;

    font-weight: normal;

    height: 60px;

    color: #ffffff;

    margin-left: 25px;

}



div.boxes div.box a {

    position: absolute;

    top: 0px;

    border: 0px;

    text-decoration: none;

    width: 221px;

    height: 213px;

    z-index: 10;

}



div.boxes div.box a img {

    z-index: 11;

}



/*** grey-box ***/





div.main div.grey-box {

    position: relative;

    width: 970px;

    background: #f5f5f0;

    margin-bottom: 12px;

    overflow: hidden;

}



div.grey-box div.row

{

    position: relative;

    margin-left: 35px;

    width: 900px;

    overflow: hidden;

    padding-top: 10px;

    padding-bottom: 10px;

}



div.row div.red-caption

{

    float: left;

    width: 310px;

    font-size: 14px;

    color: #bc2826;

    font-weight: bold;

    padding-bottom: 15px;

}



div.row div.red-caption a {

    font-size: 17px;

    font-weight: bold;

    text-decoration: none;

    color: #BC2826;

    }





div.row div.col

{

    float: left;

    padding-right: 10px;

    width: 440px;

    font-weight: bold;

    font-size: 12px;

    color: #333333;

}



div.row div.col p.red

{

    color: #bc2826;

}



div.row div.col div.image {

    width: 95px;

    float: left;

}



div.row div.col div

{

    float: left;

    width: 335px;

}



div.grey-box div.row-wide {

    width: 931px;

}



div.row-post {

    width: 435px;

    float: left;

    margin: 0px 30px 0px 0px;

  _margin: 0px 15px 0px 0px;

}



div.row-post div.title {

    color: #BC2826;

    font-size: 14px;

    font-weight: bold;

    margin: 0px 0px 10px 0px;

}



div.row-post div.title a {

    color: #BC2826;

    text-decoration: none;

}



div.row-post div.title a:hover {

    text-decoration: underline;

}



div.row-post div.perex {

   

}



/*** bottom ***/



div.bottom {



    float: left;

    width: 970px;

    color: #72716f;

    margin-top: 30px;

    padding-bottom: 100px;

}



div.bottom a {

    float: right;

}







/*** teenagers ***/





div.left-column {

    float: left;

    width: 280px;

    padding-left: 15px;

    padding-top: 10px;

    padding-bottom: 10px;

    min-height: 100px;

    _margin-left: -10px;

}



div.bubble {

    background: url(images/bubble.gif) no-repeat;

    width: 266px;

    height: 81px;

    margin-bottom: 15px;

    margin-left: 5px;

}



div.bubble p.title1 {

    font-size: 15px;

    font-weight: bold;

    color: #000000;

    margin-left: 15px;

    padding-top: 10px;

}



div.bubble p.title2 {

    font-size: 20px;

    font-weight: bold;

    color: #000000;

    margin-left: 15px;

}





/*** left menu box ***/



div.menu-box {

    position: relative;

    width: 270px;

    height: 74px;

    margin-bottom: 10px;

    overflow: hidden;

}



div.menu-box.selected {

    background: transparent url(images/red-box.gif) no-repeat scroll 50% 50%;

}



div.menu-box.selected span.frame {

    display: block;

    width: 99px;

    height:62px;

    background: transparent url(images/red-frame.gif) no-repeat scroll 50% 50%;

    position: absolute;

    top: 0;

    left: 0;

    }



div.menu-box a {

    text-decoration: none;

    }



div.menu-box span.image {

    position: relative;

    float: left;

    text-align: left;

    margin: 3px 10px 5px 7px;

    width: 101px;

    height: 64px;

}



div.menu-box span.caption {

    display: block;

    margin-top: 3px;

    padding-top: 3px;

    color: #ffffff;

    font-size: 13px;

    font-weight: bold;

    margin-bottom: 2px;

}



div.menu-box span.text {

    display: block;

    color: #ffffff;

    font-weight: normal;

}



div.teens div.menu-box.selected {background-image: url(images/blue-box.gif);}

div.teens div.menu-box.selected span.frame {background-image: url(images/blue-frame.gif);}



div.parents div.menu-box.selected {background-image: url(images/pink-box.gif);}

div.parents div.menu-box.selected span.frame {background-image: url(images/pink-frame.gif);}



div.skoly div.menu-box.selected {background-image: url(images/gray-box.gif);}

div.skoly div.menu-box.selected span.frame {background-image: url(images/gray-frame.gif);}









/*** BIG menu box ***/



div.big-menu-box {

    position: relative;

    width: 270px;

    margin-bottom: 10px;

    margin-top: 15px;

    overflow: hidden;

}





div.big-menu-box div.border {

    margin: 0px;

    padding: 0px;

    border: 0px;

    font-size: 1px;

}



div.big-menu-box div.middle {

    margin: 0px;

    padding: 0px;

    overflow: hidden;

}





div.big-menu-box div.middle div.menu-item {

    padding-left: 20px;

    padding-right: 15px;

    padding-bottom: 8px;

}



/*

div.big-menu-box div.middle div.selected {



  background: transparent url(gfx/images/right-grey-arrow.gif) no-repeat scroll left center;



  color: #FFAFB2;

}

*/





div.big-menu-box div.middle div.menu-item a {

    font-size: 14px;

    color: #ffffff;

    text-decoration: none;

    font-weight: bold;

}



div.big-menu-box div.middle div.menu-item a.selected {

    color: #FFAFB2;

}



div.big-menu-box div.middle div.menu-item a.skolske_selected {

    color: #BFEDFF;

}



div.big-menu-box div.middle div.sub-menu-item {

    padding: 6px 15px 4px 40px;

    display: none;

}



div.big-menu-box div.middle div.menu-item.selected div.sub-menu-item {

    display:block;

    }



div.big-menu-box div.middle div.sub-menu-item a {

    font-size: 13px;

    color: #ffffff;

    text-decoration: none;

    font-weight: bold;

}



div.big-menu-box div.video-menu-item {

    margin: 0px 15px 8px 20px;

}



div.big-menu-box div.video-menu-item a {

    color: white;

    text-decoration: none;

}



div.big-menu-box div.video-menu-item a:hover {

}



div.big-menu-box div.video-menu-item span.name {

    font-weight: bold;

    font-size: 14px;

}



div.big-menu-box div.video-menu-item span.position {

}



















/*** Content ***/

div.content {

    position: relative;

    float: left;

    width: 662px;

    padding-left: 3px;

    padding-right: 0px;

    padding-top: 10px;

    padding-bottom: 10px;

    min-height: 400px;

}





div.content p.title1 {

    color: #bc2826;

    font-size: 24px;

    font-weight: bold;

    margin-bottom: 20px;

}



div.content p.title2 {

    color: #bc2826;

    font-size: 17px;

    font-weight: bold;

}



div.content a.link {

    color: #bc2826;

    text-decoration: none;

    font-size: 17px;

    font-weight: bold;

}



div.content /*div.inner-white-box*/ p.text {

    font-size: 15px;

    color: #000000;

    padding: 0px;

    margin: 0px;

    margin-top: 10px;

    padding-bottom: 10px;

    padding-right: 35px;

    overflow: hidden;

}



div.content /*div.inner-white-box*/ p.text img {

    float: left;

    margin: 10px;

    margin-top: 0px;

    margin-left: 0px;

}







/*** content text ***/



div.content-text {

    position: relative;

    color: #000000;

    padding:0 15px 0 15px;

    width: 80%;

    margin: 0px;

    overflow: hidden;

    }





div.content-text h2,

div.content-text h3 {

    font-size: 32px;

    color: #bc2826;

    font-weight: bold;

    padding:15px 0;

    }



div.content-text h3 {

    margin:20px 0 20px 0;

    font-size: 22px;

    font-weight: normal;

    }



div.content-text h4 {

    margin:30px 0 8px 0;

    font-size: 18px;

    color: #bc2826;

    }



div.content-text h5 {

    font-size: 16px;

    font-weight: bold;

    color: #bc2826;

    }



div.content-text p {

    font-size: 15px;

    padding-bottom:15px;

    margin-bottom: 0px;

    }



div.content-text ul,

div.content-text ol {

    font-size: 15px;

    padding-left: 15px;

    margin-bottom:25px;

    }



div.content-text ul {

    list-style-type: none;

    }



div.content-text ul li {

    background: transparent url(images/blue-list.png) no-repeat scroll 2px 2px;

    padding: 0 0 8px 25px;

    }



div.parents {

    background: #b00705 url(images/rodicia-bg.jpg) repeat scroll 0 0;

    }



div.parents div.content-text ul li {

    background-image: url(images/red-list.png);

    }



div.blog div.content-text ul li {

    background-image: url(images/gray-list.png) !important;

    }



div.content-text ol li {

    padding: 0 0 8px 0;

    margin-left:25px;

    }



div.content-text.black {

    color: #000;

    }



div.content-text.black h2,

div.content-text.black h3 {

    color: #9A9A9A;

    }





div.blue-text h2,

div.blue-text h3,

div.blue-text h4,

div.blue-text h5{

    color: #47aed2;

}







div.inner-white-box {



    width: 661px;

    overflow: hidden;

}



div.inner-white-box div.top-border {

    height: 9px;

    font-size: 1px;

    background: url(images/top-inner-white-border.gif) no-repeat;

}



div.inner-white-box div.bottom-border {

    height: 10px;

    background: url(images/bottom-inner-white-border.gif) no-repeat;

    font-size: 1px;

}



div.inner-white-box div.middle {

    background: url(images/inner-white-strip.gif) repeat-y;

    padding-left: 45px;

    padding-top: 20px;

}







/*** inner-grey-box ***/





div.inner-grey-box {

    width: 630px;

    overflow: hidden;

    margin-left: -30px;

    margin-top: 20px;

    margin-bottom: 20px;

    overflow: hidden;

}







div.inner-grey-box div.top-border {

    height: 11px;

    font-size: 1px;

    background: url(images/top-inner-grey-border.gif) no-repeat;

}





div.inner-grey-box div.bottom-border {

    height: 21px;

    background: url(images/bottom-inner-grey-border.gif) no-repeat;

    font-size: 1px;

}





div.inner-grey-box div.middle {

    padding-left: 30px;

    padding-top: 10px;

    background: #f0efe9;

    /*overflow: hidden;*/

}





div.inner-grey-box div.middle div.link-item {

    position: relative;

    padding-bottom: 10px;

}



div.inner-grey-box div.middle  a {

    color: #bc2826;

    font-size: 13px;

    font-weight: bold;

    text-decoration: none;

}







/*** test ***/







div.middle p.test-question {

    color: #bc2826;

    font-size: 24px;

    font-weight: bold;

}



div.middle p.test-advice {

    color: #000000;

    font-size: 14px;

    font-weight: bold;

    padding-top: 3px;

}



div.middle p.question {

    font-size: 12px;

    font-weight: bold;

    margin: 25px 0 10px 0;

    width:400px

}





div.middle div.answers

{

    float: left;

    width: 450px;

}



div.answers input {

    width: 20px;

    text-align: left;

    margin-right: 10px;

    margin-top: -4px;

    vertical-align: middle;

    position: absolute;

    top:5px;

    left: 6px;

}



div.answers p {

    position: relative;

    padding: 0 0 0 40px;

    margin: 0 0 6px 0;

    }



div.answers label {

    cursor: pointer;

}



div.middle div.image

{

    float: left;

    width: 150px;

}







/*** blog ***/





div.blog-column {

    margin-bottom: 35px;

    margin-left: 20px;

    padding-right: 50px;

}



div.blog-column div.caption {

    color: #3c3c3c;

    font-size: 15px;

    font-weight: bold;

    margin-bottom: 12px;

}



div.blog-column div.title {

    color: #bc2826;

    font-size: 13px;

    font-weight: bold;

}



div.blog-column div.title a {

    text-decoration: none;

    color: #bc2826;

}



div.blog-column div.date {

    color: #3c3c3c;

    font-size: 13px;

    margin-bottom: 10px;

}







div.blog-header {

    position: relative;

    height: 136px;

    background: url("images/blog-header.gif");

}



div.blog-header div.blog-title {

    color: #ffffff;

    margin-left: 295px;

    padding-top: 42px;

    font-size: 25px;

    font-weight: bold;

}





p.blog-date {

    font-size: 15px;

    font-weight: bold;

    color: #000000;

}



div.blog-grey-box {

    margin-left: 0px;

}



div.blog-grey-box2 {

    margin-bottom: 1px;

}





div.blog-grey-box div.middle {

    padding-top: 0px;

}





div.blog-grey-box div.middle2 {

    padding-top: 0px;

    margin-left: 0px;

    padding-left: 15px;

    background: #f0efe9;

}



div.inner-grey-box div.middle2  a {

    color: #bc2826;

    font-size: 13px;

    font-weight: bold;

    text-decoration: none;

}





div.blog-grey-box p {

    margin: 0px;

    padding: 0px;

    font-weight: bold;

    color: #bc2826;

}





div.blog-grey-box p.right-part {

    margin: 0px;

    padding: 0px;

    padding-right: 20px;

    font-weight: bold;

    color: #bc2826;

    float: right;

}



div.blog-grey-box p.left-part {

    color: #000000;

    float: left;

    margin: 0px;

    margin-left: 0px;

}



div.blog-comment {

    position: relative;

    margin-left: 50px;

    padding-right: 100px;

    margin-bottom: 20px;

}



div.blog-comment div.author {

    color: #bc2826;

    font-size: 14px;

    font-weight: bold;

}



div.blog-comment div.date {

    color: #868686;

    font-size: 12px;

    font-weight: bold;

    margin-bottom: 7px;

}



div.blog-comment div.text {

    color: #000000;

    font-size: 12px;

    font-weight: normal;

}





div.blog-form {

    position: relative;

    margin-top: 30px;

    margin-bottom: 100px;

}



div.blog-form a.title {

    color: #4c4c4c;

    font-size: 20px;

    text-decoration: none;

}



div.blog-form div.input {

    float: left;

    margin-top: 15px;

    width: 100%;

    clear: both;

}



div.blog-form div.input label {

    font-size: 13px;

    color: #888888;

    font-weight: bold;

    width: 70px;

    float: left;

    padding-top: 3px;

}



div.blog-form div.input input {

    float: left;

    width: 231px;

    clear: right;

    height: 21px;

    background: url(images/bg-input.gif) no-repeat;

    _background-attachment: fixed;

    border: 0px;

    padding-left: 4px;

    padding-top: 5px;

}



div.blog-form  textarea {

    margin-top: 20px;

    width: 556px;

    height: 158px;

    background: url(images/bg-textarea.gif) no-repeat;

    _background-attachment: fixed;

    border: 0px;

    padding-left: 4px;

    padding-top: 5px;

}



div.blog-form div.input input.button {

    width: 163px;

    height: 38px;

    padding: 0px;

    color: #ffffff;

    background: url(images/red-button.gif);

    border: 0px;

    font-size: 14px;

    font-weight: bold;

    margin-left: 25px;

    margin-top: 10px;

}





div.blog-article {

    position: relative;

    margin-bottom: 40px;

    margin-left: 10px;

}





div.blog-article div.title {

    color: #bc2826;

    font-size: 22px;

    font-weight: normal;

}



div.blog-article div.sub-title {

    color: #000000;

    font-size: 18px;

    font-weight: normal;

}



div.blog-article div.author {

    color: #a8a7a3;

    font-size: 14px;

    font-weight: normal;

}





div.blog-article div.text {

    color: #000000;

    font-size: 15px;

    font-weight: normal;

    margin-top: 15px;

    padding-right: 50px;

}



div.pager {

    position: relative;

    padding-left: 20px;

    padding-right: 40px;

    margin-top: 60px;

    padding-bottom: 50px;

}



div.pager div.prev {

    float: left;

}





div.pager div.next {

    float: right;

}





div.pager a {

    color: #bc2826;

    text-decoration: none;

    font-size: 13px;

    font-weight: bold;

}



p.ans{

    margin-right:30px;

    padding: 5px 10px;

    color:#000;

    font-size: 120%;

    }



p.ans.wrong {

    color: #DD0000;

    font-weight: bold;

    }



p.ans.right {

    color: #00CC00;

    font-weight: bold;

    }



p.results {

    font-size: 170%;

    margin-bottom: 25px;

    }



div.content-video {

    margin: -10px 8px -10px 0px;

    padding: 0px;

    /*text-align: right;

    float: right;*/

}



div.bottombox {

    font-weight: normal !important;

    float: left;

    width:280px;

    margin-right: 30px;

    }



div.bottombox img {

    float: left;

    margin-right: 20px;

    }



div.bottombox p {

    padding:0 0px 0 0px;

    font-size: 13px;

    }



div.bottombox .red {

    color: #BC2826;

    }





h2.video-title, div.content-text h2.video-title {

    color: white;

    font-size:32px;

    font-weight:bold;

    text-align: left;

    margin: 20px 0px 30px 30px;

}



h3.video-title {

   text-align: left;

}



table.galeria  td {

    padding: 10px;

    padding-right: 80px;

    vertical-align: top;

}



table.galeria  td.last {

    padding-right: 0px;

}



table.galeria

{

    color: white;

    text-align: left;

    margin: 10px 30px;

}



table.galeria div.popis

{

    padding-top: 5px;

    width: 250px;

}



table.galeria h4

{

    color: white;

    font-size:16px;

    font-weight:bold;

    text-align: left;

}



div.big-menu-box div.middle h3 {

    color: white;

    margin: 5px 10px;

}



div.twitter-box {

    background: #bcbcad;

}



div.twitter-box div.row {

    margin: 0px 0px 0px 35px;

}



div.border-top-twitter {

  background: #fff;

  height: 30px;

}



div.border-top-twitter div.title {

  color: black;

  float: left;

  font-size: 14px;

  font-weight: bold;

  margin: 7px 0px 0px 0px;

}



div.tweet {

    color: white;

    float: left;

    width: 200px;

    font-weight: bold;

    margin: 10px 30px 0px 0px;

    _margin: 10px 15px 0px 0px;

}



div.tweet div.user {

    color: #1873b0;

}



div.fb-link {
    position: absolute;
    left: 24px;
    top: 15px;
}

div.fb-link a, div.fb-link a:visited {
    color: white;
}