body {
	background: url('obrazky/pozadi_sede.png') #1c2228;
  margin: 73px 0px 0px 0px;
	font: 14px Verdana;
	min-width: 960px;
}

h2, h3, h4, h5, h6 {
	text-align: center;
	color: #0a294b;
	font-family: Arial;
	text-shadow: 3px 3px 7px #666666;
}

h2 {
	font-size: 1.7em;
}

h1 {
	font-size: 2em;
	font-weight: normal;
	color: white;
	text-align: center;
	text-shadow: 2px 2px 1px #0a294b;
}

#logo {
	background: url('obrazky/logo.png') no-repeat;
	width: 220px;
	height: 60px;
	float: left;
	margin:7px 0px 0px 20px;
}

#logo h1 {	
	margin: 7px 0px 0px 10px;
}

nav ul {
	margin: 0px;
	list-style-type: none;
}

nav ul li {
	float: left;
	padding: 0px 25px;
	margin: 0 5px;
	font-size: 17px;
	height: 73px;
	line-height: 4.3em;	
}

nav ul li:hover, .aktivni {
	background: #ffbb00;
	box-shadow: 0px 0px 5px black;
}

nav a {
	color: white;
	text-decoration: none;
}

.centrovany  {
	text-align: center;
}

header {
	height: 73px;
  position: static;
  top 0px;
  background: url('obrazky/pozadi_sede.png') #1c2228;
  width: 100%
  
}

article {
	background: url('obrazky/pozadi.png') #009aca;
  padding: 30px 0px;
}

article header {
	width: 250px;
	float: left;  
  position: static;
  background: none;  	
}

article section {
	width: 666px;
	float: left; 
	background: white;
	border: 2px solid #006797;
	box-shadow: 2px 2px 7px #1c2228;
	padding: 20px;
	border-radius: 20px;
}

.cistic {
	clear: both;
}

.vlevo {
	float: left;
}

footer {
  height: 40px;
  color: white;
  margin: 20px 0 0 30px;
}

footer a {
  color: #ffbb00;
  text-decoration: none;
}

#centrovac {
  margin: 0px auto;
  width: 960px;
}

#Dovednosti td {
	border-collapse: collapse;
	width: 33%;
	padding: 20px;
	vertical-align: top;
	border: 1px solid gray;
	
}

#reference img {
	border: 1px solid gray;
	padding: 6px;
	box-shadow: 3px 3px 6px #999999
	margin-right: 6px;
}

.facebook_button {
        
        -moz-box-shadow:inset 1px -19px 37px -50px #7a8eb9;
        -webkit-box-shadow:inset 1px -19px 37px -50px #7a8eb9;
        box-shadow:inset 1px -19px 37px -50px #7a8eb9;
        
        background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #637aad), color-stop(1, #5972a7));
        background:-moz-linear-gradient(top, #637aad 5%, #5972a7 100%);
        background:-webkit-linear-gradient(top, #637aad 5%, #5972a7 100%);
        background:-o-linear-gradient(top, #637aad 5%, #5972a7 100%);
        background:-ms-linear-gradient(top, #637aad 5%, #5972a7 100%);
        background:linear-gradient(to bottom, #637aad 5%, #5972a7 100%);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#637aad', endColorstr='#5972a7',GradientType=0);
        
        background-color:#637aad;
        
        -moz-border-radius:8px;
        -webkit-border-radius:8px;
        border-radius:8px;
        
        border:1px solid #314179;
        
        display:inline-block;
        color:#ffffff;
        font-family:arial;
        font-size:17px;
        font-weight:bold;
        padding:15px 51px;
        text-decoration:none;
        
        text-shadow:2px 1px 50px #7a8eb9;
        
    }
    .facebook_button:hover {
        
        background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #5972a7), color-stop(1, #637aad));
        background:-moz-linear-gradient(top, #5972a7 5%, #637aad 100%);
        background:-webkit-linear-gradient(top, #5972a7 5%, #637aad 100%);
        background:-o-linear-gradient(top, #5972a7 5%, #637aad 100%);
        background:-ms-linear-gradient(top, #5972a7 5%, #637aad 100%);
        background:linear-gradient(to bottom, #5972a7 5%, #637aad 100%);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5972a7', endColorstr='#637aad',GradientType=0);
        
        background-color:#5972a7;
    }
    .facebook_button:active {
        position:relative;
        top:1px;
    }
	
	.google_button {
        
        -moz-box-shadow:inset 1px -19px 37px -50px #E60909;
        -webkit-box-shadow:inset 1px -19px 37px -50px #E60909;
        box-shadow:inset 1px -19px 37px -50px #E60909;
        
        background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #637aad), color-stop(1, #E60909));
        background:-moz-linear-gradient(top, #637aad 5%, #E60909 100%);
        background:-webkit-linear-gradient(top, #637aad 5%, #E60909 100%);
        background:-o-linear-gradient(top, #637aad 5%, #E60909 100%);
        background:-ms-linear-gradient(top, #637aad 5%, #E60909 100%);
        background:linear-gradient(to bottom, #637aad 5%, #E60909 100%);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#637aad', endColorstr='#E60909',GradientType=0);
        
        background-color:#637aad;
        
        -moz-border-radius:8px;
        -webkit-border-radius:8px;
        border-radius:8px;
        
        border:1px solid #637aad;
        
        display:inline-block;
        color:#FFFFFF;
        font-family:arial;
        font-size:17px;
        font-weight:bold;
        padding:15px 51px;
        text-decoration:none;
        
        text-shadow:2px 1px 50px #E60909;
        
    }
    .google_button:hover {
        
        background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #637aad), color-stop(1, #E60909));
        background:-moz-linear-gradient(top, #E60909 5%, #637aad 100%);
        background:-webkit-linear-gradient(top, #E60909 5%, #637aad 100%);
        background:-o-linear-gradient(top, #E60909 5%, #637aad 100%);
        background:-ms-linear-gradient(top, #E60909 5%, #637aad 100%);
        background:linear-gradient(to bottom, #E60909 5%, #637aad 100%);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#E60909', endColorstr='#637aad',GradientType=0);
        
        background-color:#E60909;
    }
    .google_button:active {
        position:relative;
        top:1px;
    }