/*	---------------------------------------------------------------------------------------

	Kompakt

	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

	Description:			Default styles (colors and fonts)

	File:				default.css

	Version:			0.1

	Date:				7. 10. 2007

	Author:				Zdeněk Košál

	---------------------------------------------------------------------------------------	*/



/*	---------------------------------------------------------------------------------------

	Imports layout (not for old browsers)

	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/



@import "layout.css";



/*	---------------------------------------------------------------------------------------

	Default styles

	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/



body { text-align: center; font: 75%/1.5 sans-serif; color: #566d74; background: #fff url('../images/body.png') top left repeat-x; }

h2 { font-size: 140%; }

h3 { font-size: 120%; }

address { font-style: normal; }

a:hover , a:focus { text-decoration: none; }

label , table { font-size: 100%; }

h6 {font-size:200%; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; color:#3e94cf;}

/*	---------------------------------------------------------------------------------------

	Layout

	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/



#main { text-align: left;}



/*	---------------------------------------------------------------------------------------

	Header

	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/



#header { background: #ffffff}

#logo a { font-size: 200%; color: #1b2022; }

#logo span { background: url('../images/logo_get-01.jpg') right center no-repeat;}

#menu li a { text-transform: uppercase; text-decoration: none; color: #45565a; background: url('../images/menu_a.gif') right center no-repeat; }

#menu li.last a { background: none; }

#menu li a:hover , #menu li a:focus , #menu li.active a { color: #fff; background: #b7000e}



#main #headlines h1 { line-height: 1.2; text-transform: uppercase; font-size: 275%; font-weight: bold; color: #333; }

h1 em { text-align: right; text-transform: none; font-weight: normal; font-style: normal; color: #57757b; }

h1 span { background: url('../images/nebojte_se.png') left top no-repeat; }

#main #headlines h2 { text-align: center; font-size: 200%; color: #292929; }

h2 span { background: url('../images/vime_jak_na_to.jpg') left top no-repeat; }



/*	---------------------------------------------------------------------------------------

	Offer

	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/



#offer h2 { font-size: 110%; }

#offer { color: #cdcece; background-color: #1c2122; }

#offer li { background: transparent; }

#offer li a span.reklama { background: url('../images/reklama.png') left top no-repeat; }

#offer li a span.tisk { background: url('../images/tisk.png') left top no-repeat; }

#offer li a span.gravirovani { background: url('../images/gravirovani.png') left top no-repeat; }

#offer li a span.predmety { background: url('../images/predmety.png') left top no-repeat; }

#offer li a { text-transform: uppercase; color: #fff; }



/*	---------------------------------------------------------------------------------------

	Content

	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/



#maincontent { color: #000; background-color: #fff; }

#maincontent a { color: #000; background-color: #fff; }

.column , #content { background-color: #fff; }

#content { line-height: 1.7; width:600px; text-align:justify;}

.column address { font-size: 90%; font-weight: bold; }

.column address strong { font-size: 130%; color: #000; }

h4, #sub h2 { font-size: 180%; color: #000; }

.ir span.kontakt { background: url('../images/kontakt_s.png') left top no-repeat; }

.ir span.aktualne { background: url('../images/aktualne.png') left top no-repeat; }

.ir span.projekt { background: url('../images/projekt.png') left top no-repeat; }

#content em.imp { padding: 4px 2px; font-style: normal; color: #1d3338; background-color: #dcecef; }

#content ul li { list-style: none; margin-bottom: 4px; padding-left: 18px; background: url('../images/li.gif') left 5px no-repeat; }

#content h3 { text-transform: uppercase; }



/*	News --------------------------------------------------------------------------------*/



.news-item h3 { font-size: 100%; background-color: #c5d4d8; }

.news-item p.info { text-transform: lowercase; font-weight: bold; }



/*	Project -----------------------------------------------------------------------------*/



#main .project .image { text-align: center; background: url('../images/project_image.png') center bottom no-repeat; }

.project .image img { vertical-align: middle; }

.project .info { background-color: #edf2f3; }

.project .info li { font-size: 90%; }

.project .info li.first { text-transform: uppercase; }

.project .info li strong { text-transform: none; }

.plus { font-size: 80%; }

.plus span { background: url('../images/plus.gif') left top no-repeat; }



/*	---------------------------------------------------------------------------------------

	Footer

	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/



#footer { background: #ffffff; font-size: 16px;}

#footer .copy a { text-decoration: none; }

#footer .copy a:hover , #footer .copy a:focus { text-decoration: underline; }

#footer a { color: #000; }



/*	---------------------------------------------------------------------------------------

	PAGE NEWS

	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/



.novinky #main , .portfolio #main, .sluzby #main { background: url('../images/headlines_sub.jpg') left top no-repeat; }



.novinky #main #headlines h1 span { background: url('../images/novinky.png') top left no-repeat; }

#sub #headlines p { color: #3e3e3e; }



#sub #maincontent { background: #fff url('../images/maincontent.gif') top left repeat-x; }

#search {color: #fff; background-color: #1c2122; }

#search label { text-transform: uppercase; font-size: 90%; }

#search input { color: #fff; background-color: #32393a; }

#submenu { background: url('../images/column.png') right 1px no-repeat; }

div[class] #submenu { background-position: right top; }

#submenu li { background: url('../images/column_li.gif') 2px center no-repeat; font-weight: bold; color: #000; }

#submenu li a { text-decoration: none; color: #333; }

#submenu li a:hover , #submenu li a:focus , #submenu li.active a { color: #000; }



#content-head { font-size: 120%; background: url('../images/h_sub.gif') left bottom repeat-x; }

#content-head .out { font-size: 105%; color: #000; }

#content-head .out a { text-transform: uppercase; font-size: 70%; color: #333; }

#sub .news-item h3 { font-size: 150%; font-weight: normal; color: #000; background-color: #fff; }

#sub .news-item p a { font-weight: bold; }

#sub .news-item h2 { text-transform: uppercase; font-size: 100%; }

#sub .news-item h2 span { text-transform: none; }





/*	---------------------------------------------------------------------------------------

	VISUALS FOR EACH SUBPAGE

	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/





.ospolecnosti #main { background: url('../images/headlines_sub_ospol.jpg') left top no-repeat; }

.novinky #main { background: url('../images/headlines_sub_novinky.jpg') left top no-repeat; }

.portfolio #main { background: url('../images/headlines_sub_portfolio.jpg') left top no-repeat; }

.sluzby #main { background: url('../images/headlines_sub_sluzby.jpg') left top no-repeat; }

.kontakt #main { background: url('../images/headlines_sub_kontakt.jpg') left top no-repeat; }

.vyhledavani #main { background: url('../images/headlines_sub_search.jpg') left top no-repeat; }





/*	---------------------------------------------------------------------------------------

	PAGE ABOUT COMPANY

	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/





.ospolecnosti #main #headlines h1 span { background: url('../images/o_spolecnosti.png') top left no-repeat; }



.ospolecnosti #content-head { background: none; }

.ospolecnosti #content p.first { font-size: 120%; color: #47808f; }

.ospolecnosti #content h3, .col h3 { font-size: 150%; color: #000; }



/*	---------------------------------------------------------------------------------------

	PAGE PORTFOLIO

	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/



.portfolio #main #headlines h1 span { background: url('../images/portfolio.png') top left no-repeat; }



.portfolio-item { text-align: center; background: url('../images/portfolio-item.png') top left no-repeat; }

#main .portfolio-item .plus .ir { text-align: left; color: #fff; background-color: #000; }

.portfolio-item .plus span { background: url('../images/portfolio_plus.gif') top left no-repeat; }



/*	---------------------------------------------------------------------------------------

	PAGE CONTACT

	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/



.kontakt #main #headlines h1 span { background: url('../images/kontakt.png') top left no-repeat; }



.kontakt #maincontent address a { font-weight: bold; }

.col h3 { font-weight: normal; }

.contact label { font-weight: bold; }

.contact dd input , .contact dd textarea { color: #000; background: #fff url('../images/input.gif') top left repeat-x; }

.submit { color: #fff; background: #000 url('../images/submit.gif') bottom left repeat-x; }



/*	---------------------------------------------------------------------------------------

	PAGE SERVICES

	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

	

.sluzby #main #headlines h1 span { background: url('../images/sluzby.png') top left no-repeat; }

.sluzby #content-head { background: none; }

.sluzby #content p.first { font-size: 120%; color: #47808f; }

.sluzby #content p em { font-style: normal; background-color: #dfebed; }

.sluzby #content p.first { font-size: 120%; color: #47808f; }

.sluzby #content h3, .col h3 { font-size: 150%; color: #000; }



/*	---------------------------------------------------------------------------------------

	PAGE SEARCH

	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

	

.vyhledavani #main #headlines h1 span { background: url('../images/vyhledavani.png') top left no-repeat; }