/*	---------------------------------------------------------------------------------------
	Kompakt
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Description:	Layout
	File:					layout.css
	Version:			0.1
	Date:					7. 10. 2007
	Author:				Zdenìk Košál
	---------------------------------------------------------------------------------------*/

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

* { margin: 0; padding: 0; border: 0; }
hr { display: none; }

/*	---------------------------------------------------------------------------------------
	Classes
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

.cl { clear: both; visibility: hidden; overflow: hidden; width: 1px; height: 1px; margin-bottom: -1px; font-size: 1px; line-height: 1px; }
.ac { position: absolute; left: -9999px; z-index: -1; }
#main .left { float: left; }
#main .right { float: right; }
.ir , .ir a { position: relative; overflow: hidden; display: block; }
.ir a , .ir span , .plus .ir {
	width: 519px;
	height: 102px;
}
.ir span {
	position: absolute;
	left: 2px;
	top: 4px;
}
.ir a span { cursor: pointer; }

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

#main { width: 900px; margin: 0 auto; padding: 0 40px; }
#maincontent { width: 100%; }

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

#header { overflow: hidden; width: 900px; height: 73px; }
#logo { float: left; width: 384px;font-size: 36px; height: 44px; margin: 13px 0 0 23px; display: inline; }
#menu { float: right; padding-right: 15px; max-width: 678px; line-height: 73px; }
#menu li { position: relative; float: left; display: block; list-style: none; margin: 0 -1px; }
#menu li a { display: block; max-height: 73px; padding: 0 18px; }

#headlines { position: relative; width: 900px; height: 311px; margin: 0 -8px; padding: 0 8px; }
#main #headlines h1 { float: left; width: 338px; height: 85px; margin: 90px 0 0 14px; display: inline; }
h1 em { display: block; }
#main #headlines h2 { float: right; width: 370px; height: 258px; margin: 53px 52px 0 0; display: inline; line-height: 258px; }
#headlines p { clear: left; width: 280px; padding: 15px 0 0 75px; }

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

#offer { padding: 25px 0; }
#offer li { float: left; display: block; list-style: none; width: 174px; padding: 0 25px; border-right: 1px solid #4a5558; }
#offer li.last { border: none; }
#offer li h2 { width: 139px; height: 19px; margin: 3px 0 0 35px; line-height: 19px; }
#offer li p { clear: both; padding: 20px 0 15px; }

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

.column , #content { margin-top: 26px; }
.column { float: left; width: 174px; padding: 3px 25px 0; }
.column img { margin-right: -10px; }
.column address { margin-top: 35px; }
.column address strong { display: block; margin-bottom: -.9em; }
#content { overflow: hidden; float: left; width: 404px; padding: 3px 20px 60px 25px; border: 1px solid #d6dee1; border-width: 0 1px; }
.column .ir , #content .ir { width: 250px; height: 30px; margin-bottom: 20px; line-height: 30px; }

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

.news-item { margin-top: 25px; }
.news-item h3 { clear: both; float: left; margin-top: 5px; padding: 10px; }
.news-item p { margin-left: 100px; }
.news-item p.info { margin-top: 10px; }

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

.project { position: relative; width: 100%; }
#main .project .image { height: 80px; border: 1px solid #d6e0e2; line-height: 80px; }
.project .info { padding: 10px 15px 20px; border-top: 4px solid #dde6e8; }
.project .info li { display: block; list-style: none; padding: 5px 0; border-top: 1px solid #c5d4d8; }
.project .info li.first { border: none; }
.plus { overflow: hidden; position: absolute; right: 3px; top: 6px; width: 9px; height: 9px; line-height: 9px; }
#main .plus p { line-height: 9px; }

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

#footer { margin: 30px 0 50px; padding: 0 15px; border: 1px solid #fff; }
#footer p { margin: 20px 0; }
#footer .copy { float: left; }
#footer .copy strong { margin-right: 8px; }
#footer .copy a { margin-left: 8px; }
#footer .web { float: right; }

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

#sub #headlines { height: 208px; margin: 0 -20px; padding: 0 20px; }
.novinky #main #headlines h1 { width: 166px; height: 32px; margin: 64px 0 0 26px; }
#sub #headlines p { clear: left; width: 330px; padding: 15px 0 0 26px; }

#sub #maincontent { padding-top: 8px; }
#sub .column , #sub #content { margin-top: 0; }
#sub #content { width: 614px; padding-right: 35px; border-right: 0; }
#search , #submenu { margin: 0 -25px; }
div[class] #search { position: relative; }
#search { margin-top: -3px; padding: 10px 10px 15px 15px; }
#search label, #search input { vertical-align: middle; }
#search label { margin-right: 3px; line-height: 22px; }
#search input { border: 1px solid #525658; }
#search input#text { width: 100px; height: 16px; line-height: 16px; margin-right: 3px; padding: 3px 5px; }
#search input.img { width: 22px; height: 22px; }
#submenu { min-height: 226px; height: 226px; padding: 15px 12px; }
div[class] #submenu { height: auto; }
#submenu li { display: block; list-style: none; padding: 8px 18px; border-bottom: 1px solid #d2d5d5; }
#submenu li.last { border: none; }
#submenu li a { text-decoration: none; }
#submenu ul { display: none; }

#content-head { padding-bottom: 15px; }
#sub #maincontent h2 , #sub #maincontent h3.ir , #sub #maincontent h4.ir { float: left; margin: 25px 0 5px; }
#sub #maincontent h2.ir { width: auto; height: auto; }
#content-head .out { float: right; margin-top: 20px; vertical-align: middle; line-height: 1.5; }
#content-head .out a { margin: 0 5px; padding: 2px 0; }
#sub .news-item h3 { margin: 0; padding: 0; line-height: 1; }
#sub .news-item p , #sub .news-item h2 { padding-left: 20px; border-left: 1px solid #d2d5d5; }
#sub #maincontent .news-item h2 { float: none; margin: 5px 0 0 100px; color: #000; }
#sub .news-item p { padding-top: 8px; }

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


.ospolecnosti #main #headlines h1 { width: 350px; height: 42px; margin: 54px 0 0 26px; }

.ospolecnosti #maincontent .ir { width: 350px; }
.ospolecnosti #content p { margin-bottom: 23px; }
.ospolecnosti #content p.first { margin-bottom: 35px; padding: 0 3px 22px; border-bottom: 1px solid #d2d5d5; }
.ospolecnosti #content h3 { margin: 30px 0 3px; }

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

.portfolio #main #headlines h1 { width: 210px; height: 32px; margin: 64px 0 0 26px; }

.portfolio #main #content { overflow: visible; width: 644px; padding: 20px 10px 60px 20px; border-right: 0; }

.portfolio-item { overflow: hidden; position: relative; float: left; width: 175px; height: 172px; margin: 0 4px 7px 0; padding: 17px; }
.portfolio-item a { overflow: hidden; display: block; width: 175px; height: 138px; }
#main .portfolio-item .plus { width: 13px; height: 13px; right: 22px; top: 22px; }
#main .portfolio-item .plus .ir { width: 100%; height: 100%; line-height: 13px; }
.portfolio-item p { line-height: 44px; }

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

.kontakt #main #headlines h1 { width: 178px; height: 32px; margin: 64px 0 0 26px; }

.kontakt #maincontent .ir { width: 300px; }

.kontakt #maincontent address { padding: 40px 0 32px; border-bottom: 1px solid #d0e1e5; }
.kontakt #maincontent address img { float: right; margin-top: 15px; }

.col { float: left; width: 262px; margin-top: 25px; padding-right: 45px; }
.col h3 { margin-bottom: 10px; }
.col-simple { float: none; width: auto; padding-right: 0; }
 
.contact dl { padding: 26px 0 16px; border-bottom: 1px solid #d0e1e5; }
.textarea { padding: 20px 0 10px; }
.contact p.note { float: right; width: 175px; margin-top: 26px; }
.contact dt { float: left; width: 80px; }
.contact dd { margin-bottom: 10px; }
.contact label { display: block; height: 27px; line-height: 27px; }
.contact dd input , .contact dd textarea { width: 255px; height: 15px; padding: 5px; line-height: 15px; border: 1px solid #acbbbf; }
.contact dd textarea { height: 165px; }
.submit { line-height: 1; margin: 15px 0 0 80px; padding: 5px 9px; }
div[class] .submit { padding: 10px 18px; }
*:first-child+html .submit{ padding: 5px 9px; }

/*	---------------------------------------------------------------------------------------
	PAGE SERVICES
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

.sluzby #main #headlines h1 { width: 178px; height: 42px; margin: 54px 0 0 26px; }
.sluzby #content p { margin-bottom: 23px; }
.sluzby #content p.first { margin-bottom: 35px; padding: 0 3px 22px; border-bottom: 1px solid #d2d5d5; }
.sluzby #content h3 { margin: 30px 0 3px; }


/*	---------------------------------------------------------------------------------------
	PAGE SEARCH
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

.vyhledavani #main #headlines h1 { width: 253px; height: 42px; margin: 54px 0 0 26px; }


/*	---------------------------------------------------------------------------------------
	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)
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
 

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

body { text-align: center; font: 75%/1.5 sans-serif; color: #566d74; background: #fff url('http://www.bullesdozer.com/ymmoo/images/a1/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('http://www.bullesdozer.com/ymmoo/images/a1/headlines.jpg') left top no-repeat; }

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

#header { background: #fff url('http://www.bullesdozer.com/ymmoo/images/a1/header.gif') left bottom repeat-x; }
#logo a { font-size: 200%; color: #1b2022; }
/* #logo span { background: url('http://www.bullesdozer.com/ymmoo/images/a1/logo.png') left top no-repeat; } */
#menu li a { text-transform: uppercase; text-decoration: none; color: #45565a; background: url('http://www.bullesdozer.com/ymmoo/images/a1/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('http://www.bullesdozer.com/ymmoo/images/a1/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 {  }
#main #headlines h2 { text-align: center; font-size: 200%; color: #292929; }
h2 span { background: url('http://www.bullesdozer.com/ymmoo/images/a1/vime_jak_na_to.jpg') left top no-repeat; }

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

#offer h2 { font-size: 110%; }
#offer { color: #cdcece; background-color: #1c2122; }
#offer li { background: url('http://www.bullesdozer.com/ymmoo/images/a1/offer_item.png') 25px top no-repeat; }
#offer li a span.reklama { background: url('http://www.bullesdozer.com/ymmoo/images/a1/reklama.png') left top no-repeat; }
#offer li a span.tisk { background: url('http://www.bullesdozer.com/ymmoo/images/a1/tisk.png') left top no-repeat; }
#offer li a span.gravirovani { background: url('http://www.bullesdozer.com/ymmoo/images/a1/gravirovani.png') left top no-repeat; }
#offer li a span.predmety { background: url('http://www.bullesdozer.com/ymmoo/images/a1/predmety.png') left top no-repeat; }
#offer li a { text-transform: uppercase; color: #fff; }

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

#maincontent { color: #000; background-color: #fff; }
#maincontent a { color: #fe5c11; background-color: #fff; }
.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('http://www.bullesdozer.com/ymmoo/images/a1/kontakt_s.png') left top no-repeat; }
.ir span.aktualne { background: url('http://www.bullesdozer.com/ymmoo/images/a1/aktualne.png') left top no-repeat; }
.ir span.projekt { background: url('http://www.bullesdozer.com/ymmoo/images/a1/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('http://www.bullesdozer.com/ymmoo/images/a1/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('http://www.bullesdozer.com/ymmoo/images/a1/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('http://www.bullesdozer.com/ymmoo/images/a1/plus.gif') left top no-repeat; }

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

#footer { background: #dce5e7 url('http://www.bullesdozer.com/ymmoo/images/a1/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('http://www.bullesdozer.com/ymmoo/images/a1/headlines_sub.jpg') left top no-repeat; }

.novinky #main #headlines h1 span { background: url('http://www.bullesdozer.com/ymmoo/images/a1/novinky.png') top left no-repeat; }
#sub #headlines p { color: #3e3e3e; }

#sub #maincontent { background: #fff url('http://www.bullesdozer.com/ymmoo/images/a1/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('http://www.bullesdozer.com/ymmoo/images/a1/column.png') right 1px no-repeat; }
div[class] #submenu { background-position: right top; }
#submenu li { background: url('http://www.bullesdozer.com/ymmoo/images/a1/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('http://www.bullesdozer.com/ymmoo/images/a1/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('http://www.bullesdozer.com/ymmoo/images/a1/headline2.jpg') left top no-repeat; }
.novinky #main { background: url('http://www.bullesdozer.com/ymmoo/images/a1/headlines_sub_novinky.jpg') left top no-repeat; }
.portfolio #main { background: url('http://www.bullesdozer.com/ymmoo/images/a1/headlines_sub_portfolio.jpg') left top no-repeat; }
.sluzby #main { background: url('http://www.bullesdozer.com/ymmoo/images/a1/headlines_sub_sluzby.jpg') left top no-repeat; }
.kontakt #main { background: url('http://www.bullesdozer.com/ymmoo/images/a1/headlines_sub_kontakt.jpg') left top no-repeat; }
.vyhledavani #main { background: url('http://www.bullesdozer.com/ymmoo/images/a1/headlines_sub_search.jpg') left top no-repeat; }


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


.ospolecnosti #main #headlines h1 span {  }

.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('http://www.bullesdozer.com/ymmoo/images/a1/portfolio.png') top left no-repeat; }

.portfolio-item { text-align: center; background: url('http://www.bullesdozer.com/ymmoo/images/a1/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('http://www.bullesdozer.com/ymmoo/images/a1/portfolio_plus.gif') top left no-repeat; }

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

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

/*	---------------------------------------------------------------------------------------
	PAGE SERVICES
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
	
.sluzby #main #headlines h1 span { background: url('http://www.bullesdozer.com/ymmoo/images/a1/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('http://www.bullesdozer.com/ymmoo/images/a1/vyhledavani.png') top left no-repeat; }

#papier
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
	overflow: hidden;
	position: absolute;
	height: 110px;
	width: 180px;
	top:50px;
	left:645px;
	text-align: center;
 
	line-height: 100%;
}