@import "../keimg/layout.css";

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

body { text-align: center; font: 75%/1.5 sans-serif; color: #566d74; background: #fff url('../keimg/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%; }

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

#main { text-align: left; background: url('../keimg/headlines.jpg') left top no-repeat; }

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

#header { background: #fff url('../keimg/header.gif') left bottom repeat-x; }
#logo a { font-size: 200%; color: #1b2022; }
#logo span { background: url('../keimg/logo.png') left top no-repeat; }
#menu li a { text-transform: uppercase; text-decoration: none; color: #45565a; background: url('../keimg/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: #e44b01 url('../keimg/menu_a_active.gif') right top repeat-x; }

#header2 { background: #fff url('../keimg/header.gif') left bottom repeat-x; }
#menu2 li a { text-transform: uppercase; text-decoration: none; color: #45565a; background: url('../keimg/menu_a.gif') right center no-repeat; }
#menu2 li.last a { background: none; }
#menu2 li a:hover , #menu2 li a:focus , #menu2 li.active a { color: #fff; background: #e44b01 url('../keimg/menu_a_active.gif') right top repeat-x; }

#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('../keimg/nebojte_se.png') left top no-repeat; }
#main #headlines h2 { text-align: center; font-size: 200%; color: #292929; }
h2 span { background: url('../keimg/vime_jak_na_to.jpg') left top no-repeat; }

/*	---------------------------------------------------------------------------------------
	Offer
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

#offer h2 { font-size: 120%; }
#offer { color: #cdcece; background-color: #4D5A64; }
#offer li { background: url('../keimg/offer_item.gif') 25px top no-repeat; }
#offer li a span.reklama { background: url('../keimg/reklama.png') left top no-repeat; }
#offer li a span.tisk { background: url('../keimg/tisk.png') left top no-repeat; }
#offer li a span.gravirovani { background: url('../keimg/gravirovani.png') left top no-repeat; }
#offer li a span.predmety { background: url('../keimg/predmety.png') left top no-repeat; }
#offer li a { text-transform: uppercase; color: #fff; text-decoration: none;}

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

#maincontent { color: #000; background-color: #fff; }
#maincontent a { color: #4D5A63; text-decoration: none;  }
.column , #content { background-color: #fff; }
#content { line-height: 1.7; }
.column address { font-size: 90%; font-weight: bold; }
.column address strong { font-size: 130%; color: #fe5c11; }
h4, #sub h2 { font-size: 180%; color: #fe5c11; }
.ir span.kontakt { background: url('../keimg/kontakt_s.png') left top no-repeat; }
.ir span.aktualne { background: url('../keimg/aktualne.png') left top no-repeat; }
.ir span.projekt { background: url('../keimg/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('../keimg/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('../keimg/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('../keimg/plus.gif') left top no-repeat; }

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

#footer { background: #dce5e7 url('../keimg/footer.gif') left top; }
#footer .copy a { text-decoration: none; }
#footer .copy a:hover , #footer .copy a:focus { text-decoration: underline; }
#footer a { color: #000;text-decoration: none; }

/*	---------------------------------------------------------------------------------------
	PAGE NEWS
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

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

.novinky #main #headlines h1 span { background: url('../keimg/novinky.png') top left no-repeat; }
#sub #headlines p { color: #3e3e3e; }

#sub #maincontent { background: #fff url('../keimg/maincontent.gif') top left repeat-x; }
#search {color: #fff; background-color: #4D5A64; }
#search label { text-transform: uppercase; font-size: 90%; }
#search input { color: #fff; background-color: #32393a; }
#submenu { background: url('../keimg/column.png') right 1px no-repeat; }
div[class] #submenu { background-position: right top; }
#submenu li { background: url('../keimg/column_li.gif') 2px center no-repeat; font-weight: bold; color: #fe5c11; }
#submenu li a { text-decoration: none; color: #333; }
#submenu li a:hover , #submenu li a:focus , #submenu li.active a { color: #fe5c11; }

#content-head { font-size: 120%; background: url('../keimg/h_sub.gif') left bottom repeat-x; }
#content-head .out { font-size: 105%; color: #fe5c11; }
#content-head .out a { text-transform: uppercase; font-size: 70%; color: #333; }
#sub .news-item h3 { font-size: 150%; font-weight: normal; color: #fe5c11; 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('../keimg/headlines_sub_ospol.jpg') left top no-repeat; }
.novinky #main { background: url('../keimg/headlines_sub_novinky.jpg') left top no-repeat; }
.portfolio #main { background: url('../keimg/headlines_sub_portfolio.jpg') left top no-repeat; }
.sluzby #main { background: url('../keimg/headlines_sub_sluzby.jpg') left top no-repeat; }
.kontakt #main { background: url('../keimg/headlines_sub_kontakt.jpg') left top no-repeat; }
.vyhledavani #main { background: url('../keimg/headlines_sub_search.jpg') left top no-repeat; }


/*	---------------------------------------------------------------------------------------
	PAGE ABOUT COMPANY
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/


.ospolecnosti #main #headlines h1 span { background: url('../keimg/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: #fe5c11; }

/*	---------------------------------------------------------------------------------------
	PAGE PORTFOLIO
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

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

.portfolio-item { text-align: center; background: url('../keimg/portfolio-item.png') top left no-repeat;MARGIN: 20px;  }
#main .portfolio-item .plus .ir { text-align: left; color: #fff; background-color: #000; }
.portfolio-item .plus span { background: url('../keimg/portfolio_plus.gif') top left no-repeat; }

/*	---------------------------------------------------------------------------------------
	PAGE CONTACT
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

.kontakt #main #headlines h1 span { background: url('../keimg/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('../keimg/input.gif') top left repeat-x; }
.submit { color: #fff; background: #fe5c11 url('../keimg/submit.gif') bottom left repeat-x; }

/*	---------------------------------------------------------------------------------------
	PAGE SERVICES
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
	
.sluzby #main #headlines h1 span { background: url('../keimg/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: #fe5c11; }

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

#right {
	WIDTH: 180px; COLOR: #000
}

#right H2 {
	BACKGROUND: url(../keimg/bkg_h2.gif) #98b4ce repeat-x 0px 0px; MARGIN: 0px; BORDER-BOTTOM: #fff 1px solid
}

#right H2 SPAN {
	PADDING-RIGHT: 15px; DISPLAY: block; PADDING-LEFT: 15px; BACKGROUND: url(../keimg/edge_panel_t.gif) no-repeat 0px 0px; PADDING-BOTTOM: 0px; COLOR: #fff; LINE-HEIGHT: 35px; PADDING-TOP: 0px
}

#right H3 {
	LINE-HEIGHT: 1.2em
}

#right .panel {
	PADDING-RIGHT: 15px; PADDING-LEFT: 15px; BACKGROUND: url(../keimg/edge_panel_b.gif) #eef2fb no-repeat 0px 100%; PADDING-BOTTOM: 15px; MARGIN: 0px 0px 5px; PADDING-TOP: 15px
}

#right LI {
	PADDING-LEFT: 18px; BACKGROUND: url(../keimg/li1.gif) no-repeat 0px 0.2em; LIST-STYLE-TYPE: none
}
#right IMG {
	BORDER-RIGHT: #fff 1px solid; BORDER-TOP: #fff 1px solid; BORDER-LEFT: #fff 1px solid; BORDER-BOTTOM: #fff 1px solid
}
#right {
	FLOAT: right
}
#right LI A SPAN {
	TEXT-DECORATION: underline;MARGIN: 8px auto;
}
#right DT {
	DISPLAY: block; PADDING-LEFT: 18px; FONT-WEIGHT: bold; BACKGROUND: url(../keimg/li1.gif) no-repeat 0px 0.1em; MARGIN-BOTTOM: 5px; OVERFLOW: hidden; WIDTH: 170px; CURSOR: pointer; WHITE-SPACE: nowrap; TEXT-OVERFLOW: ellipsis
}
#right UL LI A {
	DISPLAY: block; WIDTH: 100%
}
.tr {
	TEXT-ALIGN: right;MARGIN: 8px auto;
}
INPUT,TEXTAREA {
	FONT: 100% sans-serif; COLOR: #000;BORDER-RIGHT: #b4b4b4 1px double; BORDER-TOP: #b4b4b4 1px double; BORDER-LEFT: #b4b4b4 1px double; COLOR: #336699; BORDER-BOTTOM: #b4b4b4 1px double; BACKGROUND-COLOR: #ffffff;
}
.button {
	BORDER-RIGHT: #ccc 1px solid; BORDER-TOP: #ccc 1px solid; FONT-WEIGHT: bold; FONT-SIZE: 90%; BACKGROUND: #9ab; TEXT-TRANSFORM: uppercase; BORDER-LEFT: #456 1px solid; COLOR: #fff; BORDER-BOTTOM: #456 1px solid; HEIGHT: 20px! important
}

A.wlink:link {
	COLOR: #ffffff; TEXT-DECORATION: none
}
A.wlink:visited {
	COLOR: #ffffff; TEXT-DECORATION: none
}
A.wlink:hover {
	COLOR: #cccccc; TEXT-DECORATION: none
}