/* --------------------------------------------------------------------
	Project: 		Detska televize
	Version:	 	1.0 
	Last change: 	26/11/2009
	Assigned to: 	Jan Sládek (jan.sladek@clevis.cz)	
-----------------------------------------------------------------------
	[colors]
	white - #fff
	yellow - #e5b200
	red - #d00000
	green - #018f01
	blue - #110090
	dark gray - #454545
	gray - #b9b9b9
	light gray - #cdcdcd

	[fonts]
	Arial (Verdana, Sans-serif)
-----------------------------------------------------------------------
	[common definitions]
	Last change: 	9/8/2008 []
	Assigned to:	Zahon
	
	[structure]
	1. browser reset ala Eric A. Meyer
	2. html
		3. body
			3.1. link
			3.2. primary styles for html elements
			3.3. classes which efects whole site
				3.3.1. colors
				3.3.2. font-sizes
				3.3.3. margin reset
--------------------------------------------------------------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit;	vertical-align: baseline}
:focus {outline: 0}
ol, ul {list-style: none}
table {border-collapse: separate}
caption, th, td {text-align: left; font-weight: normal}

html {font-size: 100.01%}
	body {background: #fff; color: #454545; font: 100%/1.5em Arial, Verdana, sans-serif; text-align: center; text-transform: uppercase}
		a:link, a:visited, a:hover, a:active, a:focus {background: #110090; padding: 2px 3px 1px 3px; text-decoration: none}
		a:link, a:visited {color: #fff}
		a:hover, a:active, a:focus {background: #454545 !important}
		
		h1, h2, h3, h4, h5, h6 {font-weight: bold}
		h1 {clear: left; font-size: 200%; line-height: 1.5em}
		strong {font-weight: bold}
		em {font-style: normal}
		hr {display: none}
		p, ul {margin: 19px 0}
		
		.yellow {color: #e5b200}
		a.yellow, a:visited.yellow {background: #e5b200}
		.red {color: #d00000}
		a.red, a:visited.red {background: #d00000}
		.green {color: #018f01}
		a.green, a:visited.green {background: #018f01}
		.blue {color: #110090}	
		a.blue, a:visited.blue {background: #110090}
		a.gray, a:visited.gray {background: #cdcdcd}
		
		.big {font-size: 180%; line-height: 1.3em}
		.middle {font-size: 150%; line-height: 1.5em}
		.small {font-size: 80%; text-transform: none; margin: 8px 0}
		
		.no-margin {margin: 0}
		
		.clear {clear: left}
/* --------------------------------------------------------------------
	[layout]
	Last change: 	26/11/2009 [Webend replaced by Clevis]
	Assigned to:	Jan Sládek (jan.sladek@clevis.cz)
	
	[structure]
	1. whole side wrapper (hide the rest of film) | #wrapper
	2. homepage special class | .homepage
	3. page centered | .page
		3.1. menu | #menu
		3.2. film image | #film
		3.3. co jsme jiz vytvorili - movies blocks | .movie
		3.4. footer | #footer
			3.4.1. Amavet logo | #amavet
			3.4.2. Clevis logo | #clevis
--------------------------------------------------------------------- */
#wrapper {overflow: hidden; width: 100%}
.page {background: #fff; margin: 0 auto; width: 721px; text-align: left}
.homepage h1{padding-top: 95px}
	
	h2.logo {float: right; margin: 5px}
		h2.logo a:link, h2.logo a:visited {background: none !important}
	
	#menu {font-size: 110%; line-height: 1.6em; padding-top: 10px; margin: 0}
		#menu li {float: left; margin-right: 5px}
		#menu li.clear {=margin-top: -9px}
			#menu li a {white-space: nowrap}
	
	#film {background: #454545 url("../images/header_bcg.gif") 0 0 repeat-x; clear: both; height: 45px; position: relative;  width: 100%}
		#film #gray_left, #film #gray_right {background: #454545 url("../images/header_bcg_gray.gif") 19px 0 repeat-x; height: 45px; left: 721px; position: absolute; width: 50%}
		#film #gray_right {background-position: 100% 0; left: -50%}
	.homepage #film, .homepage #film #gray_left, .homepage #film #gray_right {height: 220px}
	
	.movie {border-top: 1px solid #e1e1e1; margin: 19px 0; padding: 19px 0; clear: both}
		.movie embed {float: left; margin: 0 19px 19px 0}
	
	#footer {border-top: 1px solid #e1e1e1; margin: 19px 0 40px 0}
		#footer p {color: #b9b9b9; float: right; =width: 595px; font-size: 70%; margin-top: 15px}
			#amavet {background: none; color: #c9c9c9; font-size: 150%; font-weight: bold; margin: 0 19px 0 3px}
				#amavet:hover {background: none !important; color: #110090}
			#clevis { display: inline-block; margin-left: 5px; background: transparent url("../images/clevis.png") 0 0 no-repeat; text-indent: -999px; width: 70px; height: 27px; position: relative; top: -8px; opacity: 0.5; }
				#clevis:hover, #clevis:active, #clevis:focus {  background: transparent url("../images/clevis.png") 0 0 no-repeat !important; opacity: 1; }