/************************************************
|
|	WebMakers.cz
|	dokument:	wm.css
|	verze:		0.1
|	datum:		19. 7. 2010
|	autor:		Jan Paták <jan.patak@webmakers.cz>
|
/************************************************/

/* reset */
* {border: 0px; padding: 0px; margin: 0px;}
img {border: 0;}


body {background-color: rgb(37,36,37);	font-family: georgia; font-size: 10px;	font-weight: normal; color: White; margin: 8px;}

/* rozlozeni stranky */
#zalomeni-stranky {width: 373px;	margin: 0px auto;}

#hlavicka {}
#hlavicka .logo{padding-top: 10px; margin-bottom: 15px;}
	#hlavicka h1 {font-size: 21px/*210%*/; padding-top: 5px; padding-bottom: 5px;}
	#hlavicka h2 {font-size: 12px/*115%*/; padding-left: 20px; padding-top: 20px; margin-top: 12px; margin-bottom: 12px;}

#menu {/*border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(164,130,78); margin-bottom: 10px;*/}
	#menu ul {width: 100%; list-style: none; padding-bottom: 15px; /*pro ie musi byt 5*/}
		#menu ul li {float: left; color:  rgb(164,130,78); padding-right: 20px;}
			#menu ul li.aktiv h3 {font-family: georgia; font-size: 10px; font-weight: normal;color: White; text-transform: lowercase;}
			#menu ul li a {text-decoration: none; color: rgb(164,130,78);}
			#menu ul li a:hover {color: rgb(130,129,133);}

#telo {font-size: 12px; border-top-width: 1px; border-top-style: solid; border-top-color: rgb(164,130,78); padding-top: 20px; padding-bottom: 10px;}
	#telo h2 {font-size: 15px; font-family: verdana; text-transform: uppercase; color: rgb(88,87,91); padding-top: 15px; padding-bottom: 10px;}
	#telo h3, h4, h5 {font-size: 12px; font-family: verdana; text-transform: uppercase; color: rgb(88,87,91); padding-top: 15px; padding-bottom: 10px;}
	#telo form {margin-top: 20px;}
		#telo form fieldset {border: 0px;}
			#telo form fieldset legend {font-family: verdana; font-weight: bold;	text-transform: uppercase; color: rgb(88,87,91); margin: 5px 0px 5px 0px;}
		#telo form label {display: block; width: 100px; float: left;}
		#telo form input {display: block; width: 273px; font-family: georgia; font-size: 12px;}
		#telo form input.tlacitko {display: block; width: 100%; font-family: georgia; font-size: 12px; padding: 3px;}
		#telo form textarea {width: 100%; font-family: georgia; font-size: 12px;}
	#telo a {color: rgb(164,130,78); font-style: italic; text-decoration: none;}
	#telo a#image {float: right; border: 4px, solid, rgb(88,87,91); margin-left: 10px;}
	#telo ul {margin-left: 25px; margin-bottom: 5px;}
		#telo ul li {list-style: circle; margin-bottom: 10px;}
	#telo strong {color: rgb(164,130,78); font-weight: bold;}
div.error {color: rgb(164,130,78); text-align: center; font-style: italic; padding: 5px;}

/* Stranka AKTUALNE */
#telo div.na-cem-pracujeme {clear: both;}
#telo div.na-cem-pracujeme p.datum {clear: both; font-size: 10px; text-align: right; color: rgb(88,87,91); padding-top: 15px;}
/* Stranka REFERENCE */
#telo div.reference {clear: both;}
#telo div.reference p.datum {clear: both; font-size: 10px; text-align: right; color: rgb(88,87,91); padding-top: 15px;}
#telo #image {
	border: 4px, solid, rgb(130,129,133);
}

#paticka {clear: both; margin-bottom: 20px; padding-bottom: 20px;}
	#paticka h2 {font-family: verdana; font-size: 100%; color: rgb(88,87,91); text-transform: uppercase; margin-bottom: 10px;}
#paticka .telefon {color: rgb(130,129,133); font-style: italic; padding-bottom: 0px;}
	#paticka a {color: rgb(164,130,78); font-style: italic; text-decoration: none;}

.bronz {color: rgb(164,130,78);}
.podtrzeni {border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(164,130,78);}
.na-stred {margin: 0px auto;}