/*	---------------------------------------------------------------------------------------
	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('../index_files/body.png') top left repeat-x; border-top:#5a99a4 solid 3px; margin:0; }

/* 007gb */
body iframe{ position:absolute; float:left; top:-500px; }
h2 { font-size: 12px; }
h3 { font-size: 120%; }
h5 { font:bold 1.5em Verdana, Arial, Helvetica, sans-serif; margin-bottom:10px; color:#999999}
address { font-style: normal; }
a:hover , a:focus { text-decoration: underline; }
label , table { font-size: 100%; }

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

#main { text-align: left; background: url('') left top no-repeat; margin:0 auto; position:relative; }

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


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


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

#maincontent { color: #000; background-color: #fff; }
.column , #content { background-color: #fff; }
#content { line-height: 1.7; }
#content a { color:#006699; font-weight:bold; font-size:1em; text-decoration:none;}
#content a:hover { text-decoration:none }
.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('') left top no-repeat; }
.ir span.aktualne { background: url('../index_files/aktualne.png') left top no-repeat; }
.ir span.projekt { background: url('../index_files/projekt.png') left top no-repeat; }
#content .imp { padding: 4px 4px 2px 10px; font-style: normal; color: #1d3338; background-color: #dcecef; }


#cbox1 ul li { list-style: none; margin-top: 5px; padding-left: 18px; background: url('../index_files/li.gif') left 5px no-repeat; font-weight:bold; color:#666666; }


#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; }


/* Quick links --------------------------------------------------------------------------*/
.cbox3 { margin:15px 10px 0 10px; }
.cbox3-content { background:url(../images/quick_link_grd.gif) repeat-x left top; padding:0px 10px 25px 10px}
.cbox3-content ul { margin:10px 0 0 5px; font-size:0.9em }
.cbox3-content ul li{ list-style:none; background:url(../images/arrow.png) no-repeat 0 5px; padding:0 0 5px 12px;}
.cbox3-content ul li a{ color:#416aa8; }

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

#main .project .image { text-align: center; background: url('../index_files/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('../index_files/plus.gif') left top no-repeat; }

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

#footer { background: #dce5e7 url('../index_files/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('../index_files/headlines_sub.jpg') left top no-repeat; }
.novinky #main #headlines h1 span { background: url('../index_files/novinky.png') top left no-repeat; }
#sub #headlines p { color: #3e3e3e; }
#sub #maincontent { background: #fff url('../index_files/maincontent.gif') top left repeat-x; }
#search {color: #fff; background-color: #2c647c; }
#search label { text-transform: uppercase; font-size: 90%; }
#search input { color: #fff; background-color: #32393a; }



.contact #content-head { background:url(../images/h_sub.gif) left bottom repeat-x; }
#content-head { font-size: 120%; background: url('../index_files/h_sub.gif') left bottom repeat-x; }
#content-head .out { font-size: 0.8em; color: #999999; }
#content-head .out a { text-transform: uppercase;  color: #333; }
#content-head .out a:hover { text-decoration:underline }
#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('../index_files/headlines_sub_ospol.jpg') left top no-repeat; }
.novinky #main { background: url('../index_files/headlines_sub_novinky.jpg') left top no-repeat; }
.portfolio #main { background: url('../index_files/headlines_sub_portfolio.jpg') left top no-repeat; }
.sluzby #main { background: url('../index_files/headlines_sub_sluzby.jpg') left top no-repeat; }
.kontakt #main { background: url('../index_files/headlines_sub_kontakt.jpg') left top no-repeat; }
.vyhledavani #main { background: url('../index_files/headlines_sub_search.jpg') left top no-repeat; }


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


.ospolecnosti #main #headlines h1 span { background: url('../index_files/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('../index_files/portfolio.png') top left no-repeat; }
.portfolio-item { text-align: center; background: url('../index_files/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('../index_files/portfolio_plus.gif') top left no-repeat; }

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

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

/*	---------------------------------------------------------------------------------------
	PAGE SERVICES
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
	
.sluzby #main #headlines h1 span { background: url('../index_files/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('../index_files/vyhledavani.png') top left no-repeat; }
#content-head {
font-size: 120%;
background-color: transparent;
background-image: url(h_sub.gif);
background-repeat: repeat-x;
background-attachment: scroll;
background-position: left bottom;
}

.ospolecnosti #content-head{
background-color: transparent;
background-image: none;
background-repeat: repeat;
background-attachment: scroll;
background-position: 0% 0%;
}