+@charset "utf-8";
/* CSS MAGII */

.g-recaptcha{
	border: 4px #FFFFFF solid;
	margin: 0 auto;

}



label {	
    font-size: 15px;
    color: #FFFFFF; 
	float: left;
	text-shadow:none;
}
 
fieldset { border: none; }
 
#user-details { 
    float: left;
    width: 150px; 
}
 
#user-message { 
    float: right;
    width: 310px;
}
 
textarea {		
    width: 300px; 
    height: 200px;  		
}

form { 
	float: left;
	border: 1px solid #ddd; 
	padding: 5px; 
	margin: 0;
	width: 100%;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px; 
     	border-radius: 10px;
	-webkit-box-shadow:0px 0 50px #000000;
	-moz-box-shadow:0px 0 50px #000000; 
	box-shadow:0px 0 50px #000000;
	background: #FF66CC;
	background: -webkit-gradient(linear, 0% 0%, 0% 40%, from(#A477FF), to(#FF66CC)); 
	background: -moz-linear-gradient(0% 40% 90deg,#A477FF, #FF66CC); 
	background: -ms-linear-gradient(0% 40% 90deg,#A477FF, #FF66CC); 
	background: filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#A477FF', endColorstr='#FF66CC'); /* for IE */
}

input { 		
    padding: 8px; 
    margin: 4px 0 20px 0; 
    background: #fff; 
    width: 150px; 
    font-size: 14px; 
    color: #555; 
    border: 1px #9900FF solid;
}

textarea { 		
    padding: 8px; 
    margin: 4px 0 20px 0; 
    background: #fff; 
    width: 280px; 
    font-size: 14px; 
    color: #555; 
    border: 1px #9900FF solid;
}

select { 		
	float: left;
    padding: 8px; 
	margin: 4px 0 20px 0; 
    background: #fff; 
    width: 170px; 
    font-size: 14px; 
    color: #555; 
    border: 1px #9900FF solid;
}

input.submit { 	
    width: 150px; 
    color: #eee; 
    text-transform: uppercase; 
    margin-top: 10px;
	font-size: 14px; 
    background-color: #9900FF;
    border: none;
}

hr {
   background-color: #FF66CC;
   height: 1px;
   border: 0;
}

#nadpis{
margin: 0;
padding: 0;
box-weight: 100%;
color: #ff00ff;
font-size: 70px;
font-family: 'Great Vibes', cursive;
}

#clanek a{
	color: #FF66CC;
}

#clanek h3{
	color:#FF66CC;
	font-family: Verdana;
	}

#clanek{
	padding: 0px 70px;
	margin-left: 0px;
	color: #FF91FF;
	text-align: center;
	font-family: Great Vibes, cursive;
	text-decoration: none;
	font-style:italic;
	text-shadow: -5px 2px 4px rgba(0, 0, 0, 1);
}

#clanek p{
font-family: Verdana;
}

#odk{
	width: 40px;
	}

#obr{
	-webkit-transition: max-width .4s ease-out;
	-moz-transition: max-width .4s ease-out;
	-o-transition: max-width .4s ease-out;
	transition: max-width .4s ease-out;
	margin-top: 30px;
	max-width: 70%;
	border: #8B00AA 2px solid;
	margin-bottom: 30px;
}

#clanek img:hover{
	max-width: 100%;
}

#clanek h1{
	font-style:normal;
	font-size: 38px;
	margin:10px;
	color: #FF66CC;
	font-family: 'Allura', cursive;
	text-decoration: none;
	text-shadow: 2px 2px 1px #9900FF;
}

#clanek h2{
	margin-top:10px;
	font-style:normal;
	color: #FF66CC;
	font-size: 20px;
	font-family: 'Quintessential', cursive;
	text-decoration: none;
	text-shadow: 2px 2px 1px #9900FF;
}

#podnadpis{
margin: 0;
padding: 0;
box-weight: 100%;
color: #ff00ff;
font-size: 50px;
font-family: 'Great Vibes', cursive;
font-styl: normal;
}

#telo{
    max-width:1000px;
	margin-top:60px;
    margin-left:auto;
	margin-right:auto;
	margin-bottom:60px;
    background:#A477FF;
	border: 4px #9900FF solid;
-moz-border-radius-topleft: 90px;
-webkit-border-top-left-radius: 90px;
 border-top-left-radius: 90px;
-moz-border-radius-topright: 90px;
-webkit-border-top-right-radius: 90px;
border-top-right-radius: 90px;
-moz-border-radius-bottomright: 22px;
-webkit-border-bottom-right-radius: 22px;
border-bottom-right-radius: 22px;
-moz-border-radius-bottomleft: 22px;
-webkit-border-bottom-left-radius: 22px;
border-bottom-left-radius: 22px;
}

#hlavicka{
	padding:0 0;
	height:200px;
	border-bottom:#9900FF solid;
}

#tlacitka{
	float:left;
    max-height:2420px;
    width:20%;
    background:#A477FF;
}

#sloupec2{
	float:left;
	width:68%;
	min-height: 2750px;
	margin-left: -2px;
	border-left: #9900FF 4px solid;
	border-right:#9900FF 4px solid;
	background-image: url(../obrazky/vesmir.gif);
}

#clanek li{
text-align: left;
font-family: arial;
font-size: 17px;
font-style: italic; 
line-height: 30px;
color: #FF66CC;
}

#sloupec3{
	width:20%;
	height:100%;
	float:right;
    background:#00FF05;
}

#zapati{
color: #A477FF;
border-top:#9900FF solid;
clear:both;
padding:10px;
background:#8B00AA;
-moz-border-radius-bottomright: 18px;
-webkit-border-bottom-right-radius: 18px;
border-bottom-right-radius: 18px;
-moz-border-radius-bottomleft: 18px;
-webkit-border-bottom-left-radius: 18px;
border-bottom-left-radius: 18px;
}



@keyframes animujPozadi{
    0% { background-position: 0 center; }
    50% { background-position: -100px center; }
	100% { background-position: 0 center; }
}
@-moz-keyframes animujPozadi{
    0% { background-position: 0 center; }
    50% { background-position: -100px center; }
	100% { background-position: 0 center; }
}
@-webkit-keyframes animujPozadi{
    0% { background-position: 0 center; }
    50% { background-position: -100px center; }
	100% { background-position: 0 center; }
}
@-o-keyframes animujPozadi{
    0% { background-position: 0 center; }
    50% { background-position: -100px center; }
	100% { background-position: 0 center; }
}

body{
padding:0;
background-image: url(../obrazky/vesmir.gif);
margin: 0;
}

nav{
text-align: center;
}



h2{
color: white;
}

#tlacitka a{
-webkit-transition: color .4s ease-out;
-moz-transition: color .4s ease-out;
-o-transition: color .4s ease-out;
transition: color .4s ease-out;
}

#tlacitka a:hover {
	text-decoration: none;
	color: #FFFFFF;
	text-shadow: 1px 1px 2px black;
}

#uvodSekce a{
background-color: #c6538c;	
}

#uvodSekce a:hover{
background-color: #b3003b;	
}

#prvniSekce a{
background-color: #ff80bf;	
}

#prvniSekce a:hover{
background-color: #ff0080;	
}

#druhaSekce a{
background-color: #d147a3;
}

#druhaSekce a:hover{
background-color: #7a1f5c;
}

#tretiSekce a{
background-color: #ff4d94;	
}

#tretiSekce a:hover{
background-color: #b30047;	
}

#ctvrtaSekce a{
background-color: #bb33ff;
}

#ctvrtaSekce a:hover{
background-color: #550080;
}

#pataSekce a{
background-color: #668cff;
}

#pataSekce a:hover{
background-color: #0033cc;
}

#sestaSekce a{
background-color: #ff80df;
}

#sestaSekce a:hover{
background-color: #ff00bf;
}

#sedmaSekce a{
background-color: #c6538c;
}

#sedmaSekce a:hover{
background-color: #73264d;
}

#osmaSekce a{
background-color: #ff0055;
}

#osmaSekce a:hover{
background-color: #b3003b;
}

#uvodniobrazek{
-moz-border-radius-topleft: 86px;
-webkit-border-top-left-radius: 86px;
 border-top-left-radius: 86px;
-moz-border-radius-topright: 86px;
-webkit-border-top-right-radius: 86px;
border-top-right-radius: 86px;
animation: animujPozadi 16s linear infinite;
-moz-animation: animujPozadi 10s linear infinite;
-webkit-animation: animujPozadi 10s linear infinite;
-ms-animation: animujPozadi 16s linear infinite;
-o-animation: animujPozadi 16s linear infinite;
animation-direction: alternate;
text-align: center;
text-shadow: 2px 2px 1px #9900FF;
padding-top: 30px;
marign: 0 0;
width: 0 auto;
height: 170px;
background: #000000 url(../obrazky/vesmir.gif) repeat repeat 0 0;
backgroud-position: 0 center;
}

#tlacitka{
padding-top: 10px;
padding-bottom: 10px;
padding-left: 0px;
padding-right: 0px;
width: 16%;
height: auto;
line-height: 20px;
background: #A477FF;
font-size: 0px;
}

#tlacitka a{
/*max-height: 40px;*/
text-align: center;
font-size: 18px;
font-style: italic;
box-align: center;
margin-left: auto;
margin-right: auto;
margin-top: 0px;
margin-bottom: 5px;
display:block;
width: 80%;
overflow:hidden;
padding: 5px;
text-decoration: none;
color: black;
border: 1px #000000 solid;
}

#ikonka a{
max-height: 160px;
box-align: center;
margin-left: auto;
margin-right: auto;
margin-top: 20px;
margin-bottom: 5px;
display:block;
width: 80%;
border:none;
	}

#poc a{
	max-height: 100px;
text-align: center;
font-style: italic;
box-align: center;
margin-left: auto;
margin-right: auto;
margin-top: 20px;
margin-bottom: 5px;
display:block;
width: 80%;
border:none;
	}

@media (max-width: 900px){
#nadpis{
font-size: 70px;
}
#podnadpis{
font-size: 50px;
}
}

@media (max-width: 700px){
#nadpis{
font-size: 50px;
}
#podnadpis{
font-size: 45px;
}
}

@media (max-width: 520px){
#nadpis{
font-size: 45px;
}
#podnadpis{
font-size: 40px;
}
}

@media (max-width: 400px){
#nadpis{
font-size: 40px;
}
#podnadpis{
font-size: 30px;
}
}