/*

To change this license header, choose License Headers in Project Properties.

To change this template file, choose Tools | Templates

and open the template in the editor.

*/

/* 

    Created on : 30.1.2015, 15:48:19

    Author     : David

*/

body {

    font-size: 20px;

    background: rgba(138,99,77,1);

background: -moz-linear-gradient(left, rgba(138,99,77,1) 0%, rgba(138,99,77,1) 9%, rgba(246,246,246,1) 100%);

background: -webkit-gradient(left top, right top, color-stop(0%, rgba(138,99,77,1)), color-stop(9%, rgba(138,99,77,1)), color-stop(100%, rgba(246,246,246,1)));

background: -webkit-linear-gradient(left, rgba(138,99,77,1) 0%, rgba(138,99,77,1) 9%, rgba(246,246,246,1) 100%);

background: -o-linear-gradient(left, rgba(138,99,77,1) 0%, rgba(138,99,77,1) 9%, rgba(246,246,246,1) 100%);

background: -ms-linear-gradient(left, rgba(138,99,77,1) 0%, rgba(138,99,77,1) 9%, rgba(246,246,246,1) 100%);

background: -o-linear-gradient(to right, rgba(138,99,77,1) 0%, rgba(138,99,77,1) 9%, rgba(246,246,246,1) 100%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8a634d', endColorstr='#f6f6f6', GradientType=1 );

    

}

h1 {

    text-align: center;

    font-size: 50px;

    font-family: serif;

    font-weight: bolder; 

    text-shadow: 3px 4px 5px rgba(150, 150, 150, 1);

}



a {

    text-align: center;

    font-size: 30px;

    font-family: serif;

}

#stranka {

    position: relative;

    top: -50px;

    margin: auto;

    background-color: #a299a3;

    text-align: left;

    width:845px;

    height: 700px;

    border: 1px solid black;

    border-radius: 13px 13px 13px 13px;

    -moz-border-radius: 13px 13px 13px 13px;

    -webkit-border-radius: 13px 13px 13px 13px;

    -webkit-box-shadow: 10px 10px 31px 0px rgba(0,0,0,0.75);

    -moz-box-shadow: 10px 10px 31px 0px rgba(0,0,0,0.75);

    box-shadow: 10px 10px 31px 0px rgba(0,0,0,0.75);

    padding-right: 30px;

    

}

#nabidka {

    width:120px;

    background-color: #f09618;

    opacity: 0.5;

    height: 660px;

    padding:20px;  

    border: 1px solid black; 

    border-radius: 13px 13px 13px 13px;

    -moz-border-radius: 13px 13px 13px 13px;

    -webkit-border-radius: 13px 13px 13px 13px;

    float:left;

    margin-right: 20px;

}

#telo {

    height:600px;

    background-color: #6e6d6f;

}

#mapa {

    float:right;

}

#nadpis {

  opacity:0.5;

  filter:alpha(opacity=80); 

 background: rgba(245,245,245,1);

background: -moz-linear-gradient(left, rgba(245,245,245,1) 0%, rgba(255,255,255,1) 100%);

background: -webkit-gradient(left top, right top, color-stop(0%, rgba(245,245,245,1)), color-stop(100%, rgba(255,255,255,1)));

background: -webkit-linear-gradient(left, rgba(245,245,245,1) 0%, rgba(255,255,255,1) 100%);

background: -o-linear-gradient(left, rgba(245,245,245,1) 0%, rgba(255,255,255,1) 100%);

background: -ms-linear-gradient(left, rgba(245,245,245,1) 0%, rgba(255,255,255,1) 100%);

background: -o-linear-gradient(to right, rgba(245,245,245,1) 0%, rgba(255,255,255,1) 100%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#ffffff', GradientType=1 );

}

.galerie {

    font-size: 20px;

}

h2 {

    font-size: 30px;

}

img {

    height:150px;

}

h3 {

    font-size: 25px;

    text-align: center;

    color: #383844

}

#zahlavi{

    position: relative;

    top: -10px;

    padding-top: 50px;

    background-image: url("obrazky/1.jpg");

        background-repeat: no-repeat;

        margin: auto;

        background-size:875px;

        width: 875px;

        height: 300px;

        border-radius: 13px 13px 13px 13px;

    -moz-border-radius: 13px 13px 13px 13px;

    -webkit-border-radius: 13px 13px 13px 13px;

    -webkit-box-shadow: 10px 10px 31px 0px rgba(0,0,0,0.75);

    -moz-box-shadow: 10px 10px 31px 0px rgba(0,0,0,0.75);

    box-shadow: 10px -20px 31px 0px rgba(0,0,0,0.75);

}

h4 {

    font-size: 25px;

    text-align: center;

    color: #99ccff

}

#stranka2 {

    position: relative;

    top: -50px;

    margin: auto;

    background-color: #a299a3;

    text-align: left;

    width:825px;

    height: 1600px;

    border: 1px solid black;

    border-radius: 13px 13px 13px 13px;

    -moz-border-radius: 13px 13px 13px 13px;

    -webkit-border-radius: 13px 13px 13px 13px;

    -webkit-box-shadow: 10px 10px 31px 0px rgba(0,0,0,0.75);

    -moz-box-shadow: 10px 10px 31px 0px rgba(0,0,0,0.75);

    box-shadow: 10px 10px 31px 0px rgba(0,0,0,0.75);

    padding-right: 50px;

    

}

#nabidka2 {

    width:120px;

    background-color: #f09618;

    opacity: 0.5;

    height: 1560px;

    padding:20px;  

    border: 1px solid black; 

    border-radius: 13px 13px 13px 13px;

    -moz-border-radius: 13px 13px 13px 13px;

    -webkit-border-radius: 13px 13px 13px 13px;

    float:left;

    margin-right: 20px;

}

#stranka3 {

    position: relative;

    top: -50px;

    margin: auto;

    background-color: #a299a3;

    text-align: left;

    width:825px;

    height: 1320px;

    border: 1px solid black;

    border-radius: 13px 13px 13px 13px;

    -moz-border-radius: 13px 13px 13px 13px;

    -webkit-border-radius: 13px 13px 13px 13px;

    -webkit-box-shadow: 10px 10px 31px 0px rgba(0,0,0,0.75);

    -moz-box-shadow: 10px 10px 31px 0px rgba(0,0,0,0.75);

    box-shadow: 10px 10px 31px 0px rgba(0,0,0,0.75);

    padding-right: 50px;

    

}

#nabidka3 {

    width:120px;

    background-color: #f09618;

    opacity: 0.5;

    height: 1280px;

    padding:20px;  

    border: 1px solid black; 

    border-radius: 13px 13px 13px 13px;

    -moz-border-radius: 13px 13px 13px 13px;

    -webkit-border-radius: 13px 13px 13px 13px;

    float:left;

    margin-right: 20px;

}

.malytext {

    font-size: 16px;

    padding-left: 30px;

    color: black;

    }

.modra{

    font-size: 18px;

    color: blue;

}

#tabulka{

    border: solid;

    

}

.podtabulka {

   width: 490px;

    border: solid black;



   

}

#hlavnistranka {

    position: relative;

    top: -50px;

    left: 0px;

    display: block;

    margin: auto;

    background-color: #a299a3;

    text-align: left;

    width:845px;

    height: 1500px;

    border: 1px solid black;

    border-radius: 13px 13px 13px 13px;

    -moz-border-radius: 13px 13px 13px 13px;

    -webkit-border-radius: 13px 13px 13px 13px;

    -webkit-box-shadow: 10px 10px 31px 0px rgba(0,0,0,0.75);

    -moz-box-shadow: 10px 10px 31px 0px rgba(0,0,0,0.75);

    box-shadow: 10px 10px 31px 0px rgba(0,0,0,0.75);

    padding-right: 30px;

    overflow: auto;        

}

#hlavninabidka {

    width:120px;

    background-color: #f09618;

    opacity: 0.5;

    height: 180px;

    padding: 20px;  

    border: 1px solid black; 

    border-radius: 13px 13px 13px 13px;

    -moz-border-radius: 13px 13px 13px 13px;

    -webkit-border-radius: 13px 13px 13px 13px;

    float:left;

    margin-right: 20px;

}

#odsazeni {

    padding-left: 30px;

    color: blue;

}

.nastred {

    text-align: center;

}

#padd{

padding: 0 0 0 10px;

}	

.sloupek{

width: 200px;

border: 1px solid black;

color: black;

}

.radek{

height: 20px;

color: black;

}