/* 
    Document   : main
    Created on : Jul 17, 2009, 1:16:19 PM
    Author     : Administrator
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/
html {
    margin: 0 auto;
}
.clear {
    clear: both;
    height: 0;
    overflow: hidden;
    line-height: 0;
}
p, h1, h2, h3, td, form, ul, li {
    margin: 0;
    padding: 0;
}
h1 {
    font-size: 30px;
    font-weight: normal;
}
p {
    font-size: 14px;
}
a {
    color: #FFF;
    text-decoration: underline;
    padding: 0px;
    outline: none;
}
input {
    outline: none;
}
a:hover {
    text-decoration: none;
}
a.links {
    color: #666;
    text-decoration: none;
    padding: 0px;
}
a.links:hover {
    color: #FFF;
    text-decoration: none;
}
a.vtextu {
    color: #333;
    text-decoration: underline;
    font-weight: bold;
    padding: 0px;
}
a.vtextu:hover {
    color: #FFF;
    text-decoration: underline;
    font-weight: bold;
}
body {
    margin: 0 auto;
    padding: 0;
    font-family: "Arial", Times, serif;
    font-size: 14px;
    background: #333333;
    color: #333333;
    text-align: center;
}
.stdbg {
    background: rgb(176,233,255);
}
.bluebg {
    background: #b0e9ff;
}
.greenbg {
    background: #d5ffa4;
}
.orangebg {
    background: #ffdda1;
}
.brownbg {
    background: #ececd2;
}
.pinkbg {
    background: #ffc8ec;
}
#body {
    
}
#logo {
    text-align: center;
    background: #333333;
    width: 100%;
    height: 173px;
    margin-bottom: 20px;
    text-align: center;
   
}
#logo div {
    position: relative;
    margin: 0 auto;
    background: #333333;
    background-image: url('/images/logo-mame-deti2.jpg');
    height: 173px;
    width: 830px;
    text-align: left;
}
#logo div #logo-link img{
    border: 0;
    padding: 0;
    margin: 0;
}
#logo #forum_link {
    margin: 0px;
    padding: 0px;
    position: absolute;
    bottom: 0px;
    right: 0px;
    line-height: 0px;
}
#logo #forum_link img {
    border: 0;
    margin: 0;
    padding: 0;
}
#seznam {
    margin: 0 auto;
    text-align: left;
    padding: 20px 30px 30px 30px;
    width: 770px;
    margin-bottom: 20px;
    position: relative;
}
#detail {
    margin: 0 auto;
    text-align: left;
    padding: 20px 30px 30px 30px;
    width: 770px;
    margin-bottom: 70px;
    position: relative;
    min-height: 350px;
}
.black {
    color: black;
}
#detail #mapa-detail {
    position: absolute;
    top: 75px;
    right: 30px;
    width: 280px;
    height: 280px;
    
}
.blue #mapa-detail {
    border: 10px solid rgb(199,234,255);
}
.green #mapa-detail {
    border: 10px solid rgb(220,255,180);
}
.orange #mapa-detail {
    border: 10px solid rgb(255,232,210);
}
.brown #mapa-detail {
    border: 10px solid rgb(230,230,210);
}
.pink #mapa-detail {
    border: 10px solid rgb(255,199,236);
}
#detail div .link {
    position: absolute;
    top: 395px;
    right: 30px;
    padding: 15px 50px 0 0;
    margin: 0 auto;
    height: 30px;
    text-align: right;
}
#detail h1 {
    line-height: 24px;
    margin-bottom: 20px;
    margin-top: 10px;
}
#detail table {
    width: 450px;
}
#detail table td {
    line-height: 18px;
}
#detail #images {
    margin-top: 50px;
    width: 800px;
}
#detail #images .image {
    float: left;
    width: 170px;
    height: 170px;
    text-align: center;
    margin-right: 30px;
    margin-bottom: 30px;
    
}
#detail #images .image img {
    margin: 0 auto;
}
#detail .content {
    min-height: 360px;
}

#uvod {
    margin: 0 auto;
    text-align: left;
    padding: 20px 30px 30px 30px;
    width: 770px;
    height: 124px;
    background: rgb(139,211,255) url('/images/uvod-bg.jpg') bottom right no-repeat;
    margin-bottom: 20px;
}
#uvod p {
    padding-top: 10px;
    width: 620px;
}
#uvod2 {
    margin: 0 auto;
    text-align: left;
    padding: 20px 30px 30px 30px;
    width: 770px;

    background: rgb(139,211,255) url('/images/uvod-bg.jpg') bottom right no-repeat;
    margin-bottom: 20px;
}
#uvod2 p {
    padding-top: 10px;
    width: 620px;
}

#box {
    margin: 0 auto;
    text-align: left;
    width: 830px;
    height: 214px;
}

#box div {
     padding: 20px 30px 30px 30px;
     height: 164px;
     position: relative;
}
#box div p {
    padding-top: 10px;
}
#box div .linkbox {
    position: absolute;
    bottom: 20px;
    right: 0px;
    margin: 0 auto;
    height: 30px;
}
#box div .link {
    float: left;
    padding: 15px 50px 0 0;
    height: 30px;
    text-align: right;
}
#box div .link-left {
    float: left;
    padding: 15px 50px 0 0;
    margin-right: 30px;
    height: 30px;
    text-align: right;
}
#box div .link a,#box div .link-left a {
    font-size: 14px;
    font-weight: bold;
}

#tab {
    width: 850px;
    height: 150px;
    margin: 0 auto;
    margin-bottom: 70px;
    padding: 0 0 0 20px;
}
#tab .button {
    float: left;
    padding-right: 20px;
    width: 150px;
    height: 150px;
}

#tab .button a, #tab .button a img {
    border: none;
    margin: 0px;
    padding: 0px;

}

.blue {
    background-color: rgb(75,186,255);
}
.blue h1 {
    color: rgb(0,84,171);
}
#box .blue .link, #box .blue .link-left, #detail .blue .link {
    background: url('/images/next-blue.jpg') right no-repeat;
}
.green {
    background-color: rgb(155,255,38);
}
.green h1 {
    color: rgb(61,121,0);
}
#box .green .link-left, #box .green .link, #detail .green .link {
    background: url('/images/next-green.jpg') right no-repeat;
}
.orange {
    background-color: rgb(255,193,84);
}
.orange h1 {
    color: rgb(194,75,0);
}
#box .orange .link-left, #box .orange .link, #detail .orange .link {
    background: url('/images/next-orange.jpg') right no-repeat;
}
.brown {
    background-color: rgb(202,202,167);
}
.brown h1 {
    color: rgb(102,102,51);
}
.yellow {
    background-color: rgb(255,255,0);
}
.yellow h1 {
    color: rgb(102,102,0);
}
#box .brown .link-left, #box .brown .link, #detail .brown .link {
    background: url('/images/next-brown.jpg') right no-repeat;
}
.pink {
    background-color: rgb(255,89,198);
}
.pink h1 {
    color: rgb(153,0,102);
}
#box .pink .link-left, #box .pink .link, #detail .pink .link {
    background: url('/images/next-pink.jpg') right no-repeat;
}
#diskuze {
    height: 194px;
    background: #ffcfcf;
    margin-bottom: 20px;
    padding: 20px 0;
    text-align: center;
}
#diskuze div {
    height: 144px;
    width: 620px;
    margin: 0 auto;
    background: rgb(255,153,153) url('/images/diskuze-bg.jpg') left bottom no-repeat;
    padding: 20px 30px 30px 180px;
    position: relative;
    text-align: left;
}
#diskuze div h1 {
    color: rgb(153,0,0);
    margin-bottom: 10px;
}
#diskuze div .link {
    position: absolute;
    bottom: 20px;
    right: 30px;
    padding: 15px 50px 0 0;
    margin: 0 auto;
    height: 30px;
    text-align: right;
    background: url('/images/link-red.jpg') right no-repeat;
}
#diskuze div .link a {
    font-size: 14px;
    font-weight: bold;
}
#footer {
    background: rgb(51,51,51);
    min-height: 170px;
    bottom: 0px;
    text-align: center;
    padding-top: 30px;
    padding-bottom: 50px;
    color: rgb(102,102,102);
}
#footer .content {
    width: 830px;
    position: relative;
    margin: 0 auto;
}

#footer .content #kontakt {
    position: absolute;
    top: 0px;
    left: 190px;
    font-size: 14px;
    font-weight: bold;
    padding: 7px 0 0 0;
    width: 100px;
    height: 23px;
    text-align: center;
    background: rgb(65,65,65);
}
#footer .content #kontakt a {
    padding: 7px 15px 7px 15px;
    text-decoration: none;
    color: #666666;
}
#footer .content #copyright {
    position: absolute;
    top: 60px;
    left: 190px;
    text-align: left;
    font-size: 12px;
    line-height: 18px;
}
#footer .content #copyright a {
    text-decoration: underline;
    color: #666666;
}
#footer ul li {
    font-weight: bold;
    font-size: 12px;
    list-style-type: none;
    line-height: 24px;
    text-align: left;
}
#footer .content #share {
    position: absolute;
    top: 0px;
    right: 0px;
    font-size: 14px;
    font-weight: bold;
    padding: 7px 0 0 0;
    width: 125px;
    height: 100px;
    text-align: right;
}
#footer .content #share a {
    text-decoration: none;
    font-size: 12px;
    color: #666666;
}
#mapy_lista {
    height: 30px;
    width: 100%;
    min-width: 750px;
    text-align: right;
    margin: 0 auto;
    position: relative;
}

#mapy_lista #pridej {
    position: absolute;
    width: 90px;
    top: 0px;
    right: 0px;
    height: 18px;
    text-align: left;
    padding: 6px;
}
#mapy_lista #pridej a {
    padding-right: 35px;
    color:inherit;
    text-decoration: none;
    font-size:16px;
    font-weight:normal;
}
.blue #pridej {
    background: url('/images/pridej-blue.jpg') right no-repeat;
}
.green #pridej {
    background: url('/images/pridej-green.jpg') right no-repeat;
}
.orange #pridej {
    background: url('/images/pridej-orange.jpg') right no-repeat;
}
.brown #pridej {
    background: url('/images/pridej-brown.jpg') right no-repeat;
}
.pink #pridej {
    background: url('/images/pridej-pink.jpg') right no-repeat;
}
.yellow #pridej {
    background: url('/images/pridej-yellow.jpg') right no-repeat;
}
#mapy_lista #mapy_search {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 18px;
    width: 183px;
    text-align: left;
    padding: 6px;
}

#mapy_search input {
    padding: 0px;
    margin: 0px;

}
#mapy_search #submit {
    position: absolute;
    right: 0px;
    top: 0px;
}
#mapy_search #search {
    right: 0px;
    top: 0px;
    background: inherit;
    border: none;
}
.blue #mapy_search, .blue #search{
    background-color: rgb(199,234,255);
    color: rgb(0,84,171);
}
 #detail #images .blue {
    background-color: #8bd3ff;
}
.green #mapy_search, .green #search {
    background-color: rgb(220,255,180);
    color: rgb(61,121,0);
}
#detail #images .green {
    background-color: #c7ff86;
}
.orange #mapy_search, .orange #search {
    background-color: rgb(255,232,210);
    color: rgb(194,75,0);
}
#detail #images .orange {
    background-color: #ffd181;
}
.brown #mapy_search, .brown #search {
    background-color: rgb(230,230,210);
    color: rgb(102,102,51);
}
#detail #images .brown {
    background-color: #dedebc;
}
.pink #mapy_search, .pink #search {
    background-color: rgb(255,199,236);
    color: rgb(153,0,102);
}
#detail #images .pink {
    background-color: #ff88d6;
}
.yellow #mapy_search, .yellow #search, #detail #images .yellow {
    background-color: rgb(255,255,255);
    color: rgb(102,102,0);
}
#mapy_lista h1{
    font-size: 16px;
    font-weight: normal;
}
#mapy_lista #mapy_title {
    height: 27px;
    width: 100%;
    margin: auto;
    padding-top: 3px;
    text-align: center;
}
#mapy_content {
    height: 160px;
    width: 100%;
    margin: 0 auto;
    position: relative;
    text-align: right;
    min-width: 750px;
    background: url('/images/logo-mapa.jpg') left no-repeat #333333;
}
#mapy_content #logo {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 627px;
    height: 160px;
    border: none;
    margin: 0;
    padding: 0;
}
#mapy_content #logo img {
    border: none;
    margin: 0;
    padding: 0;
}
#mapy_content div {
    margin: 0 auto;
    width: 750px;
    height: 150px;
    position: absolute;
    top: 0px;
    right: 0px;
    text-align: right;
}
#mapy_content div div {
    position: relative;
    width: 150px;
    height: 150px;
    float: left;
}
#mapy_content div div a {
    border: 0;
    margin: 0px auto;
    padding: 0px;
    text-decoration: none;
    outline: none;
}
#mapy_content div div a img {
    border: 0;
    width: 150px;
    height: 150px;
    margin: 0px;
    padding: 0px;
    background-color: transparent;
}
#mapa {
    position: absolute;
    bottom: 0px;
    top: 190px;
    left: 0px;
    right: 0px;
    background-color: #000000;
    
}

#locationInfo {
    max-height: 200px;
    min-width: 600px;
    height: 200px;
    text-align: left;
    position: relative;
}
#locationInfo #locationInfoContent {
    overflow: auto;
    overflow-y: auto;
    overflow-x: hidden;
    position: absolute;
    top: 0px;
    left: 0px;
    margin-top: 20px;
    max-height: 180px;
    width: 600px;
    min-width: 600px;
}

#locationInfo table {
    text-align: left;
    width: 380px;
    float: left;
}
#locationInfo .h1 {
    position: absolute;
    z-index: 2000;
    top: -8px;
    left: 0px;

}
#locationInfo h1 {

    font-size: 20px;
    font-weight: bold;
    background: white;
    margin-bottom: 10px;
}
#locationInfo .yntable td {
    padding: 10px;
}
#locationInfo #detailLink {
    position: absolute;
    z-index: 2000;
    top: -8px;
    right: 20px;
}
#locationInfo #detailLink a {
    padding-right: 25px;
    color: black;
}
#locationInfo strong {
    font-size: 13px;
}
#locationInfo p {
    text-align: left;
}
#locationInfo .detail {
    text-align: right;
    padding: 20px;
}
#locationInfo .detail a {
    color: black;
}

#locationInfo #images {
   position: absolute;
   top: 0px;
   right: 0px;
   width: 190px;
}
#locationInfo #images .image {
    float: left;
    width: 80px;
    height: 80px;
    text-align: center;
    margin: 0 0 10px 10px;
    background: rgb(200,200,200);
}
#locationInfo .black {
    color: black;
}
#locationInfo .underline {
    text-decoration: underline;
}
#locationInfo #images .image img {
    margin: 0 auto;
}
#locationInfo #detailLink .link {
    color: black;
}
#locationInfo #detailLink .blue  {
    background: url('/images/next-detail-blue.jpg') right no-repeat;
}
#locationInfo #detailLink .green {
    background: url('/images/next-detail-green.jpg') right no-repeat;
}
#locationInfo #detailLink .orange {
    background: url('/images/next-detail-orange.jpg') right no-repeat;
}
#locationInfo #detailLink .brown  {
    background: url('/images/next-detail-brown.jpg') right no-repeat;
}
#locationInfo #detailLink .pink  {
    background: url('/images/next-detail-pink.jpg') right no-repeat;
}
#locationInfo .blue {
    color: rgb(0,84,171);
}
#locationInfo .green {
    color: rgb(61,121,0);
}
#locationInfo .orange {
    color: rgb(194,75,0);
}
#locationInfo .brown {
    color: rgb(102,102,51);
}
#locationInfo .pink {
    color: rgb(153,0,102);
}
#images .lblink img {
    border: 0;
    padding: 0px;
    margin: 0px;
}
td .detaillink {
    color: black;
}