@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300&subset=latin,latin-ext);
@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro&subset=latin,latin-ext);


html,
body {
	margin:0;
	padding:0;
	height:100%;
  font-family: Source Sans Pro, Verdana;
  font-size: 18px;
  color: #333; 
  background-image: url("/img/vesmir.jpg");
  background-repeat: no-repeat;
  background-attachment: fixed;
  /*background-color:#aaa;*/
  line-height: 26px; 
  
}
      

#wrapper {
	min-height:100%;
  width:958px;
  margin: 20px auto;
	position:relative;
  background-color: #f7c9eb;

}
#header {
	background:#fff;
	padding:0px;
  overflow: hidden;
  background-color: #2e2129;
}

.logo { margin: 25px 0px 25px 45px;}
.zt1 {font-weight:bold; color:#cc3399;}
.zt2 {font-weight:bold; color:red;}

#content {

  background-color: #f7c9eb;    
  padding: 0px 50px 20px 50px;
} 



h1 {font-size:33px; font-family: 'Open Sans Condensed', sans-serif; color:#cc3399;}
h2 {font-size:27px; font-family: 'Open Sans Condensed', sans-serif; }
h3 {font-size:23px; font-family: 'Open Sans Condensed', sans-serif; }



#kategorie {
 width:100%;
 margin: 0px 0px 40px 0px;
 overflow: hidden; 
 font-size: 18px;
 line-height: 26px; 
        }
           
#kategorie h1  { background-color: #cc3399; color: #fff; padding: 15px; text-transform: uppercase;}
#kategorie a { color: #fff; text-decoration:none;}
#kategorie a:hover { color: #000; text-decoration:none;}
#kleft { float:left; width:35%; }
#kleft img { padding: 4px; border: 1px solid #aaa;}
#kleft img:hover {border: 5px solid #cc3399; padding:0;}
#kright {  float:right;  width:60%;  text-align: justify;}



#clanky { 
 width:100%; 
 margin: 0px 0px 45px 0px;
 overflow: hidden;
 }
 
#clanky a {text-decoration: none; color:#000;}
/*h1.clanky { background-color: #cc3399; color: #fff; padding: 15px; text-transform: uppercase;}*/
/*#clanky h2 { color:#000; }*/
#clanky a   { color:#000; text-decoration: none;}
#clanky a:hover {background-color: #cc3399; color: #fff;}
#cleft {   float:left; width:350px; height: 181px; }
#cleft img {padding: 4px; border: 1px solid #aaa; width:340px; height: 171px; } 
#cleft img:hover {padding: 0; border: 5px solid #cc3399;}    
#cright { float:right; width:55%;  text-align: justify; }


#clanek {margin: 0px 0px 85px 0px; text-align: justify;}
#clanek img {padding: 4px; border: 1px solid #999; margin: 15px 0px;}
#clanek h1, #clanek h2, #clanek h3 {color:#cc3399;}
#clanek a:link, #clanek a:visited {text-decoration:underline; color:#666;  /*cc3399*/;}    
#clanek a:hover, #clanek a:active {/*background-color:#cc3399 ;*/color:#cc3399/*000000*/; text-decoration:none;}
.DalsiClanky  { background-color: #cc3399; color: #fff; padding: 12px; margin: 0px 0px 30px 0px;}
   

#mininavigace {font-size: 14px; margin: 20px 0px 40px 0px;/* background-color:#F9B5E7; */padding: 5px 0px 5px 0px;}
#mininavigace a {text-decoration: none; color:#000;}
#mininavigace a:hover {color:#cc3399;}


.hptcenter   {text-align: justify;}
.hptright    {float:right;}
.str {font-weight: bold;}
.conttext {font-size:14px; color:#cc3399;}

/*
#left { float:left;  width:211px; }
#center { display: inline-block; margin:0 auto; width:211px; }
#right { float:right; width:211px;}          
#left a, #center a, #right a {text-decoration: none; color: #ddd;}
#left:hover, #center:hover, #right:hover { background-color: #cc3399; text-decoration: none; color: #ddd; }
  */


#nav3 {
      position:absolute; 
      right: 0;
      padding: 0;
      margin: 60px 0 0 0;
      list-style-type:none;
      overflow: hidden;
      background-color: #2e2129;
      font-size: 30px;      
      }

#nav3 li { float:left; }

#nav3 a  {
          display: block;
          width: 100px;
          text-align: center; 
          padding: 20px 0px;
          text-decoration: none;
          color: #cc3399;
        }
        
#nav3 a:hover:not(.active) { background-color: #cc3399; color:#fff; }

#botMenu
{
   /*border: 1px solid white;*/
margin: 45px auto 0px auto;
   overflow: hidden;
}

#botMenu ul {
      padding: 0;
      list-style-type:none;      
      background-color:#2e2129;
      font-size: 30px; /*border-top : 1px dotted #eee;  border-bottom : 1px dotted #eee; */
      }

#botMenu li { float:left; }

#botMenu a  {
          display: block;
          width: 286px;
          text-align: center; 
          padding: 20px 0px;
          text-decoration: none;
          color: #cc3399;
          
        }
        
#botMenu a:hover:not(.active) { background-color: #cc3399; color:#fff; }










     

/*         FORMULAR ----------------------------------------------------------*/


.container { 
    width: 786px;
    border: 1px dotted #ccc;
    margin: 50px auto 0px auto;    
    padding: 35px 35px 35px 35px;
    background-color:#fafafa;   
    overflow: auto;
    text-align: center;
}

#contact input[type="text"], #contact textarea   {
	width:280px;
	border:1px solid #AAA;
	background:#F7F7F7;
	margin:0px 0px 20px 0px;
	padding: 15px 10px 15px 10px;
  font-family: Source Sans Pro;
  font-size: 16px;
  font-weight:normal; 
}    

#contact textarea
{
width: 423px;
margin:0px 0px 13px 0px;
padding: 10px 10px 10px 10px;
}
     
#contact input[type="text"]:hover, #contact textarea:hover {
background:#FFF;   border:1px solid #000; }

::-webkit-input-placeholder { color:#888;}
:-moz-placeholder { color:#888;}
::-moz-placeholder { color:#888;}
:-ms-input-placeholder { color:#888;}

#contact button[type="submit"] {
  font-family: Verdana;
  font-size: 14px;
	cursor:pointer; width:445px; 	border:none; background:#444; 	color:#FFF;
	margin: 0px 0px 0px 0px; 	padding:10px;	
}

#contact button[type="submit"]:hover {
	background:#000;
	-webkit-transition:background 0.3s ease-in-out;
	-moz-transition:background 0.3s ease-in-out;
	transition:background-color 0.3s ease-in-out;
}    

#dleft
{   float:left;
    text-align:left;
    width: 302px;
    
   padding: 0px 0px 0px 0px;
   /*border: 0px solid black;*/     
}

#dright
{   float:right; 
    text-align:left;
    padding: 0px 0px 0px 0px;
    /*border: 1px solid black;*/
}


 /*        KONEC FORM                           */