@import "basic.css";

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

body { text-align: center; font: 75%/1.5 Arial, Helvetica, 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%; }

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

#main { text-align: left; background: url('images/header_1.png') Left Top no-repeat;}

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

#header { background: #fff url('images/header.gif') left no-repeat;  }
#logo a { font-size: 200%; color: #1b2022; }
#logo span { background: url('images/logo.png') left top 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: #202c33 url('images/menu_a_active.gif') right top repeat-x; }

#main #headlines h1 { line-height: 1.2; text-transform: uppercase; font-size: 100%; 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%; }http://213.240.128.247/xxl/typo3/typo3/backend.php#
#offer { color: #cdcece; background-color: #1c2122; }
#offer li { }
#offer li h2.ir a {color: #fff; text-decoration:none; text-transform: uppercase;}
#offer li h2.ir a:hover { text-transform: uppercase; color: #a80000; text-decoration: none;}

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

#maincontent { color: #000; background-color: #fff; }
#maincontent a { color: #4a4d4e;/*fe5c11*/ background-color: #fff; }
.column , #content { background-color: #fff; }
#content { line-height: 1.7;}
.column address { font-size: 90%; font-weight: bold; color: #4a4d4e;}
.column address strong { font-size: 130%;  }
h4, #sub h2 { font-size: 180%; color: #202c33; }
.ir span.kontakt { background: url('images/kontakt_s.png') left top no-repeat; }
.ir{ 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 ul.content_list li { list-style: none; margin-bottom: 4px; padding-left: 22px; background: url('images/offer_item.png') left 2px 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: left; 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: transparent url('images/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; }

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

.novinky #main , .portfolio #main, .sluzby #main { background: url('images/head_produkte.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; height:20px;}
#search label { text-transform: uppercase; font-size: 90%; }
#search input { color: #fff; background-color: #32393a; }

#submenu_atart { background: none; }
div[class] #submenu { background-position: right top; }
#submenu_start{ margin-bottom:30px;}
#submenu li, #submenu_start li { background: url('images/column_li.gif') 2px center no-repeat; font-weight: bold; color: #a80000;}
#submenu li a, #submenu_start a { text-decoration: none; color: #333; }
#submenu li a:hover , #submenu li a:focus , #submenu li.active a, #submenu_start li a:hover , #submenu_start li a:focus , #submenu_start li.active a { color: #a80000; }

#content-head { font-size: 150%; background: url('images/h_sub.gif') left bottom repeat-x; }
#content-head h1 { line-height: 3.2; font-size: 14px; font-weight: bold; color: #333; }
#content-head .out { font-size: 105%; color: #fe5c11; }
#content-head .out a { text-transform: uppercase; font-size: 70%; color: #333; }