web/style/style.css

/*
Studentská oborová rada ITTV Pedf UK v Praze
http://ittivuk.php5.cz/
Authors: Michaela Stejskalová, Jan Vais, Michal Dudek
Version: release 3.1
*/

/* --- MAIN --- */

/* ZÁKADNÍ BARVY POUŽITÉ V THEME
zelená: #a7c623
zeleno-černá: #2f3511
světle modrá: #c6dcea
*/

body {
  text-align: center;
  font-family: 'Signika Negative', sans-serif;
  max-width: 960px;
  margin: auto;
	background-color:white;
	}

/* - Nadpisy - */
h1, h2, h3, h4 {
  font-family: 'Signika Negative', sans-serif;
	text-align: left;
  color: #575757;
	font-size: 1.7em;
}
h1 { /* název stránky */
	float: right;
	font-size: 1.7em;
	margin: 10% 5% 0 0;
	}
h2 {
  font-size: 1.3em;
  margin: 5% 0 2% 0;
  border-bottom: 1px dashed #575757;
}
h3 {
  font-size: 1.1em;
  margin: 2% 0 0 0;
}

/* --- HEAD --- */

header {
  height: 250px;
  width: 100%
  margin: 0 0 0 0;
  background-image: url(/images/bg_logo_gray.png);
  background-repeat: no-repeat;
	}

/* - Menu - */
nav {
	background-color: #575757;
	color: white;
	font-size: 1em;
}
.menu {
	margin: 0 auto;
	width: 100%;
	text-align: right;
}

/* AUTHOR:  Josh Riser
   URL: http://cssdeck.com/labs/another-simple-css3-dropdown-menu */

.menu ul {
  text-align: left;
  display: inline;
  margin: 0;
  padding: 0px 4px 0px 0;
  list-style: none;
  color:white;
  background-color: #575757;
  width: 930px;
}
.menu ul li {
  font: bold 16pt;
  color:white;
  display: inline-block;
  margin-right: -4px;
  position: relative;
  padding: 10px 15px; 
}
.menu ul li a:link {
  color: #FFF;
  text-decoration:none;
  font-size:16pt;
}
.menu ul li:hover {
  background: #575757;
  color: #FFF;
}
.menu ul li a:visited {
  color: #FFF;
}
.menu ul li ul {
  padding: 0;
  position: absolute;
  top: 40px;
  left: 0;
  width: 240px;
  display: none;
}
.menu ul li ul li { 
  background: #575757;
  display: block; 
  color: #fff;
  font-size: 14pt;
}
.menu ul li ul li:hover { 
	background: #575757;
	color: black;
}
.menu ul li ul li a:link { 
	font-size: 12pt;
}
.menu ul li:hover ul {
  display: block;
  opacity: 1;
  visibility: visible;
}
.home-ico {
	padding: 9px 10px 8px 10px;
	margin:0px;
	float:left;
}
.home-ico:hover{
	padding: 9px 10px 8px 10px;
	margin:0px;
	float:left;
	background: #575757;
}

/* --- CONTENT --- */

div.content {
  float: left;
  width: 66%;
  margin: 0 0 0 0;
  text-align: justify;
}
aside.right {
  float: right;
  width: 28%;
  margin: 2% 0 0 0;
  text-align: left;
}
aside ul, aside li {
  list-style: none;
}
aside h2 {
  margin: 5% 0 2% 0;
}
table {
  margin: 5% 0 5% 0;
}
table th {
  font-family: 'Signika Negative', sans-serif;
	text-align: left;
  color: #575757;
	font-size: 1.1em;
}
table td {
  padding: 0 0 1% 5%;
}
table p {
  font-family: 'Signika Negative', sans-serif;
	text-align: left;
  color: #575757;
	font-size: 1em;
}

/* Formulář */

input {
	border: 1px solid #CCC;
	border-radius: 8px;
		-moz-border-radius: 8px;
		-webkit-border-radius: 8px;
	padding: 1% 1% 1% 1%;
	margin: 1% 0 1% 1%;
  font-family: 'Signika Negative', sans-serif;
	font-size: 1em;
	font-weight: normal;
  float: left;
}
input:focus {
	border: 1px solid #09F;
	border-radius: 8px;
		-moz-border-radius: 8px;
		-webkit-border-radius: 8px;
	outline: none;
}
textarea {
	border: 1px solid #CCC;
	border-radius: 8px;
		-moz-border-radius: 8px;
		-webkit-border-radius: 8px;
	padding: 1% 1% 1% 1%;
	margin: 1% 0 1% 1%;
  float: left;
  font-family: 'Signika Negative', sans-serif;
	font-size: 1en;
	font-weight: normal;
	width: 95%;
}
textarea:focus {
	border: 1px solid #09F;
	border-radius: 8px;
		-moz-border-radius: 8px;
		-webkit-border-radius: 8px;
	outline: none;
}

.text {width: 46%;}
textarea.text {width: 95%;}
	
.button {
  float: left;
  width: 48%;
  color: #fff;
  text-align: center;
  font-size: 1.3em;
  background: #575757;
  border: 3px solid #575757;
  border-radius: 8px;
  cursor: pointer; 
  outline: 0;
}
.button:hover {
  background: #fff;
  color: #575757;
  border: 3px solid #575757;
}
	
/* --- FOOTER --- */
footer {
  clear: both;
	width: 100%;
  text-align: center;
	color: #575757;
  margin: 0 0 1% 0;
  padding: 1% 0 0 0;
  border-top: 1px dashed #575757;
}
footer p {
  margin: 0 0 0 0;
}

.contacts .name  {
  font-weight: 600;
  
}

.contacts .content {
  font-style: italic;
}