/*	---------------------------------------------------------------------------------------
	AWR
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Description:	Reset, basic styles and layout
	Media:				screen, projection
	Datum:				27. 7. 2008
	Author:				Zdenek Kostal (http://zdenekkostal.cz/)
	---------------------------------------------------------------------------------------*/

/*	---------------------------------------------------------------------------------------
	Default styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

html, body, div, span, h1, h2, h3, h4, h5, h6, ol, ul, li, dl, dt, dd, caption, table, tr, th, td, thead, tbody, tfoot, p, blockquote, cite, q, abbr, acronym, address, a, em, strong, img, ins, del, dfn, kbd, pre, xmp, code, form, fieldset, legend, label, object { margin: 0; padding: 0; }
:focus { outline: 0; }

html { color: #fff; background: #242426 url('../images/html.png') 0 0 repeat-x; }
body { font: 75%/1.7 sans-serif; background: url('../images/body.jpg') 50% 0 no-repeat; }
hr { display: none; }

a { color: #000; }
a:hover, a:focus, a:active { text-decoration: none; }
img { vertical-align: middle; }
a img, fieldset { border: none; }
textarea { font-family: sans-serif; }

table { width: 100%; border-collapse: collapse; }
td, th { padding: .3em 1em; }
abbr, acronym { border-bottom: 1px dotted #000; cursor: help; }
address { font-style: italic; }

h1 { font-size: 200%; }
h2 { font-size: 150%; }
h3 { font-size: 120%; }
h4 { font-size: 100%; }
h5 { font-size: 89%; }
h6 { font-size: 60%; }

/*	---------------------------------------------------------------------------------------
	Default classes
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

.l, .alignleft { float: left !important; }
.r, .alignright { float: right !important; }
.c { clear: both !important; }
.n { display: none; }

.alignleft, .alignright { position: relative; margin: 15px 20px; }
.alignleft { margin-left: 0; }
.alignright { margin-right: 0; }

.t-l { text-align: left !important; }
.t-c { text-align: center !important; }
.t-r { text-align: right !important; }

.cl { min-height: 1px; }
.cl:after { clear: both; visibility: hidden; display: block; height: 0; font-size: 0; content: '.'; }
.ac { position: absolute; left: -9999px; top: 0; z-index: -1; }

.ir, .ir a { position: relative; overflow: hidden; display: block; }
.ir a, .ir span { width: 100%; height: 100%; }
.ir span { position: absolute; left: 0; top: 0; background-position: 0 0; background-repeat: no-repeat; }
.ir a span, a.ir span { cursor: pointer; }

.maincontent .more { margin-top: 20px; font-weight: bold; }

/*	---------------------------------------------------------------------------------------
	Layout
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

/* Main ---------------------------------------------------------------------------------*/

#main { overflow: hidden; width: 980px; margin: 0 auto; }

/* Header -------------------------------------------------------------------------------*/

#header { position: relative; overflow: hidden; width: 100%; margin-bottom: 10px; padding-top: 40px; }
#header #logo { float: left; display: inline; margin: 0 0 42px 40px; font-size: 200%; }
#header #logo a { color: #fff; }

/* Menu ---------------------------------------------------------------------------------*/

#header ul { position: relative; float: right; display: inline; width: 510px; margin-right: 10px; }
#header li { float: left; list-style: none; border-left: 1px solid #143856; line-height: 24px; font-size: 110%; font-weight: bold; letter-spacing: -1px; }
#header li a { float: left; height: 24px; padding: 20px 0 0 10px; text-decoration: none; color: #fff; }
#header li a:hover, #header li a:focus, #header li a:active { background: #0b1d2b; }
#header li a span { height: 44px; }
#header li a:hover span, #header li a:focus span, #header li a:active span { background-position: 0 -44px; }
#header li a.active { color: #2196fa; }
#header li a.active span, #header li a.active:hover span, #header li a.active:focus span, #header li a.active:active span { background-position: 0 -88px; }

.m-uvod, .m-uvod a span { width: 74px; }
.m-uvod a { width: 64px; }
.m-uvod span { background-image: url('../images/m-uvod.png'); }
.m-studio, .m-studio span { width: 85px; }
.m-studio a {width: 75px;  }
.m-studio span { background-image: url('../images/m-studio.png'); }
.m-technika, .m-technika span { width: 101px; }
.m-technika a { width: 91px; }
.m-technika span { background-image: url('../images/m-technika.png'); }
.m-televizniprenosy, .m-televizniprenosy span { width: 156px; }
.m-televizniprenosy a { width: 146px; }
.m-televizniprenosy span { background-image: url('../images/m-televizniprenosy.png'); }
.m-kontakt, .m-kontakt span { width: 89px; }
.m-kontakt a { width: 79px; }
.m-kontakt span { background-image: url('../images/m-kontakt.png'); }

/* Illustrations ------------------------------------------------------------------------*/

#header #illustration { clear: left; overflow: hidden; zoom: 1; visibility: visible; width: 100%; height: 240px; line-height: 1.2; text-align: right; font-size: 140%; color: #cececd; }
#header .audiovideo { background-image: url('../images/foto/audiovideo.jpg'); }
#header .audiovideo2 { background-image: url('../images/foto/audiovideo2.jpg'); }
#header .audiovideo3 { background-image: url('../images/foto/audiovideo3.jpg'); }
#header .filmovani { background-image: url('../images/foto/filmovani.jpg'); }
#header .mapa { background-image: url('../images/foto/mapa.jpg'); }
#header .sbor { background-image: url('../images/foto/sbor.jpg'); }
#header .tlacitka { background-image: url('../images/foto/tlacitka.jpg'); }

/* Maincontent --------------------------------------------------------------------------*/

.maincontent { overflow: hidden; width: 960px; padding: 0 10px; color: #000; background: url('../images/maincontent.png') 0 0 repeat-y; }

/* Content ------------------------------------------------------------------------------*/

.content-main { float: left; width: 680px; height: auto !important; height: 541px; min-height: 541px; padding: 0 20px; background: #fff url('../images/corner-illustration.gif') 0 100% no-repeat; }
.content-main a:hover, .content-main a:focus, .content-main a:active { color: #318bd9; }
.content-main p { margin-bottom: 10px; }
.content-main h1, .content-main h2, .content-main h3 { color: #318bd9; }
.content-main h1, .content-main h2 { margin-bottom: 20px; font-size: 170%; font-weight: normal; }
.content-main h3 { margin: 25px 0 12px; font-size: 120%; }
.content-main li, .content-main dt { position: relative; display: block; list-style: none; padding-left: 22px; background: url('../images/li.gif') 12px .6em no-repeat; }
.content-main dt { clear: left; float: left; margin-right: 5px; font-weight: bold; }
.content-main dd { margin-left: 25px; }

/* Boxes --------------------------------------------------------------------------------*/

.box { width: 240px; height: auto !important; height: 271px; min-height: 271px; color: #fff; }
.box a { color: #fff; }
.box h2, .box h3 { height: 49px; margin-bottom: 18px; padding: 0 40px 0 20px; line-height: 49px; font-size: 120%; }
.box h2, .box h2 span, .box h3 span { width: 240px; padding: 0; }
.box h2 a { padding: 0 40px 0 20px; }

.hp-box { overflow: hidden; width: 720px; margin: 0 -20px 19px; }
.hp-box .box { position: relative; float: left; height: auto !important; height: 201px; min-height: 201px; padding-bottom: 70px; }
.hp-box .box h2 { margin-bottom: 15px; font-weight: bold; color: #fff; }
.hp-box ul { margin: 0 20px 0 18px; }
.hp-box ul li { line-height: 1.7; background: url('../images/hp-box-li.gif') 12px .7em no-repeat; }
.hp-box .moreinfo { position: absolute; left: 20px; bottom: 20px; width: 201px; height: 41px; margin: 0; }
.hp-box .moreinfo a { height: 41px; text-align: center; }
.hp-box .moreinfo a:hover { visibility: visible; }
.hp-box .moreinfo a:hover span { background-position: -201px 0; }

.studio { background: #001f49 url('../images/studio.png') 0 49px no-repeat; }
.studio h2 span { background-image: url('../images/studio-h2.png'); }
.studio .moreinfo span { background-image: url('../images/portfoliosluzeb.png'); }

.technics { background: #073f6e url('../images/technics.png') 0 49px no-repeat; }
.technics h2 span { background-image: url('../images/technics-h2.png'); }
.technics .moreinfo span { background-image: url('../images/technickevybaveni.png'); }

.tv { background: #034c8a url('../images/tv.png') 0 49px no-repeat; }
.tv h2 span { background-image: url('../images/tv-h2.png'); }
.tv .moreinfo span { background-image: url('../images/tvprenosy.png'); }

.tv { background: #034c8a url('../images/tv.png') 0 49px no-repeat; }
.tv h2 span { background-image: url('../images/tv-h2.png'); }

.column .box { height: auto !important; height: 270px; min-height: 270px; }

.visit { background: #0266ba url('../images/visit.png') 0 49px no-repeat; }
.visit h3 span { background-image: url('../images/visit-h3.png'); }
.visit img { display: block; margin: 9px auto 0; }

.clients { overflow: hidden; position: relative; width: 241px; margin-left: -1px; background: #0869bd url('../images/clients.png') 0 49px no-repeat; }
.clients h3 span { width: 241px; background-image: url('../images/clients-h3.png'); }
.clients a { float: left; clear: both; width: 221px; margin: 0 0 15px 20px; line-height: 48px; text-decoration: none; }
.clients a.sl { line-height: 1.6; }
.clients a img { float: left; }
.clients a em { display: block; width: 131px; margin-left: 80px; font-style: normal; }

.news { overflow: hidden; width: 100%; }
.news h3 { margin: 0; padding-bottom: 20px; font-size: 140%; }
.news .col { float: left; width: 320px; padding-right: 30px; }
.news .last { width: 330px; padding-right: 0; }
.item { padding: 0 0 20px; }
.item h4 { color: #318bd9; }
.item h4 a, .item h4 em { text-decoration: none; font-style: normal; color: #000; }
.item h4 a:hover, .item h4 a:focus, .item h4 a:active { text-decoration: underline; color: #318bd9; }
.item p { margin: 2px 0 0; }

/* Column -------------------------------------------------------------------------------*/

.column { float: right; width: 240px; background: #e9f5ff; }

/* Footer -------------------------------------------------------------------------------*/

#footer { position: relative; margin-top: -10px; padding: 30px 30px 150px; line-height: 1; color: #318bd9; background: url('../images/footer.png') 0 0 no-repeat; }
#footer a { color: #318bd9; }
#footer a:hover, #footer a:focus, #footer a:active { color: #fff; }
#footer ul { position: relative; float: right; }
#footer ul li { display: inline; list-style: none; padding-left: 12px; }
#footer ul li a.active { text-decoration: none; font-weight: bold; }

/*	---------------------------------------------------------------------------------------
	SUBPAGES
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

#sub #header #illustration { height: 180px; }

#sub .content-main { padding: 0; }
#sub .content-in { position: relative; padding: 32px 20px 50px; background: url('../images/content-in.gif') 0 0 no-repeat; }

#sub .column { margin-left: -1px; width: 241px; }
#sub .visit, #sub .visit h3 span, #sub .clients, #sub .clients h3 span { width: 241px; }
#sub .visit { background-image: url('../images/sub-visit.png'); }
#sub .visit h3 span { background-image: url('../images/sub-visit-h3.png'); }
#sub .clients {height: auto !important; height: 271px; min-height: 271px; margin: 0; background-image: url('../images/sub-clients.png'); }
#sub .clients h3 span { background-image: url('../images/sub-clients-h3.png'); }

#sub #footer { background-image: url('../images/sub-footer.png'); }