/* CSS Document */

article
{
width: 830px;
margin: 25px auto 10px auto;
background-color: white;
border-radius: 10px ;
padding: 10px 0px 10px 0px;
}

header
{

width: 750px;
height: 220px;
margin: 25px auto 10px auto;
color: black;
border: 3px solid white;
background-image: url(foto/HLAVICKA.png);
border-radius: 10px ;
padding: 10px 0px 20px 0px;
}

nav
{

text-align: center;
padding: 30px 0px 30px 0px;
margin: 10px auto 15px auto;
background-color: white;
width: 1000px;
border-radius: 10px ;
}



nav a
{
text-decoration: none;
margin: 10px 15px 0px 20px;
background-color: #40C2FC;
border-radius: 10px 10px 10px 10px;
color: white;
font-family: comic Sans MS;

font-size: centre;


padding: 15px 30px 15px 30px;



}


p
{
margin: 30px 30px 30px 30px;
font-size: medium;
font-family: Comic Sans MS;
text-align: justify;
color: black;


}

nav a:hover
{
background-color: #26ABDE;
box-shadow: 0px 5px 5px #C9C9C9 ;
color: white;
background-color: #0090F0;



}




a
{
text-decoration: none;
margin: 10px 30px 10px 30px;

color: #C00000;


}

a:hover
{


color: red;

}



body{
background-image: url(foto/pozadi3.png);

}




img{
overflow: auto;
text-align: justifli;
margin: 30px 80px 30px 5px;
padding: 10px;




}

img:hover{
opacity: 1.0;
transition: all 1s;
-webkit-transition: all 1s;




}

header:hover{
opacity: 1.0;
transition: all 1s;
-webkit-transition: all 1s;



}


h1
{
font-size: 30px;
font-family: comic sans ms;
margin: 15px 30px 30px 30px;
color: #000000;
text-decoration: underline;
font-weight: 300px;

}

h2
{
font-size: large;
font-family: comic Sans MS;
margin: 10px 30px 15px 30px;


}


h3
{
color: #000000;
font-family: comic Sans MS;
font-size: 15px;
font-weight: normal;
margin: 10px 30px 15px 30px;
}


h4
{
text-align: left;
font-size: medium;
font-family: Comic Sans MS;
margin: 10px 30px 15px 30px;
font-weight: normal;



}

h5
{
font-size: large;
font-family: Comic Sans MS;
margin: 10px 30px 15px 30px;
font-weight: bold;
text-align: justify;


}

h6
{
font-size: large;
font-family: Comic Sans MS;
margin: 10px 30px 15px 30px;
font-weight: normal;
text-align: justify;
}



