/*	---------------------------------------------------------------------------------------
	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: 75%/1.3 verdana;font-style: normal; }
a:hover , a:focus { text-decoration: none; }
label , table { font-size: 100%; }

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

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

/*	---------------------------------------------------------------------------------------
	Header
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
#header { background: #fff url('../images/header.gif') left bottom repeat-x; }
#logo a { font-size: 200%; color: #1b2022; }
#logo span { background: url('../images/slogo.jpg') 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: #e44b01 url('../images/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('../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: url('../images/offer_item.gif') 25px top no-repeat; }
#offer li a span.reklama { background: url('../images/over_ons.gif') left top no-repeat; }
#offer li a span.tisk { background: url('../images/vertalen.gif') left top no-repeat; }
#offer li a span.gravirovani { background: url('../images/tolken.gif') left top no-repeat; }
#offer li a span.predmety { background: url('../images/tarieven.gif') left top no-repeat; }
#offer li a { text-transform: uppercase; color: #fff; }

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

#maincontent { color: #000; background-color: #fff; }
#maincontent a { color: #6666CC; 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: 125%; font-weight: bold; color: #000111; }
h4, #sub h2 { font-size: 180%; color: #6666CC; }
.ir span.kontakt { background: url('../images/ci.jpg') left top no-repeat; }
.ir span.aktualne { background: url('../images/wb.jpg') 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: #dce5e7 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/headlines_sub2.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: #6666CC; }
#submenu li a { text-decoration: none; color: #333; }
#submenu li a:hover , #submenu li a:focus , #submenu li.active a { color: #6666CC; }

#content-head { font-size: 120%; background: url('../images/h_sub.gif') left bottom repeat-x; }
#content-head .out { font-size: 105%; color: #6666CC; }
#content-head .out a { text-transform: uppercase; font-size: 70%; color: #333; }
#sub .news-item h3 { font-size: 150%; font-weight: normal; color: #6666CC; 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/postit.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: #6666CC; }

/*	---------------------------------------------------------------------------------------
	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: #6666CC 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: #6666CC; }


#postit { position: absolute; top: -2px; left: 76%; font-size: 8px; color: #DFDFDF; background: url('./images/postit.jpg') top left no-repeat; }






/*	---------------------------------------------------------------------------------------
	FORMS
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

#thisform {
	overflow:hidden;
	width:100%;
	clear:both;
	display:block;
}


#thisform .inputStyle {
	border:1px solid #C2C2C2;
	background-color:#E0E0E0;
	color:#666666;
	float:left;
	padding:2px;
	font-family:inherit;
	font-size:1em;
}

#thisform .inputStyleFocus {
	border:1px solid #2d6980;
	background-color:#074157;
	color:#cdd6da;
	float:left;
	padding:2px;
	font-family:inherit;
	font-size:1em;
}

#thisform .textareaStyle {
	border:1px solid #C2C2C2;
	background-color:#E0E0E0;
	color:#666666;
	float:left;
	padding:2px;
	font-family:inherit;
	font-size:1em;
}

#thisform .textareaStyleFocus {
	border:1px solid #2d6980;
	background-color:#074157;
	color:#cdd6da;
	float:left;
	padding:2px;
	font-family:inherit;
	font-size:1em;
}

#thisform .labelStyle {
	font: verdana;
	float:left;
	line-height:20px;
	width:150px;
}

#thisform .formStyle {
	display:block;
	clear:both;
	padding:5px 0px 0px 0px;
	overflow:hidden;
}

#thisform .errorStyle {
	margin:3px 0px 5px 150px;
	width:223px;
	overflow:hidden;
	padding:13px 8px 8px 8px;
	color:#f5d6d6;
	background:transparent url('/images/error.png') no-repeat;
}

#thisform .labelRadioCheckbox {
	margin:0px 0px 0px 5px;
	line-height:20px;
}

#thisform .inputRadioCheckbox {
	display:inline;
}

#thisform .controls {
	overflow:hidden;
	margin:10px 0px 0px 0px;
}
#thisform .controls ul {
	overflow:hidden;
	list-style-type:none;
}
#thisform .controls ul li {
	float:right;
}
#thisform .controls ul li input {
	background-color:#053243;
	color:#cdd6d9;
	border:1px solid #2d6980;
	padding:3px;
	text-decoration:none;
}
#infobox {
	background:		#EFEFEF;
	padding:		10px;
	width:			450px;
	margin-left:		auto;
	margin-right:		auto;
	margin-top:		30px;
	border-width:		1px;
	border-style:		dashed;
	border-color:		#000;
	text-align:		center;
}
#infobox a { text-decoration: none ;  background: #EFEFEF; color:#45565a;}
#infobox2 {
	background:		#EFEFEF;
	padding:		10px;
	
	margin-left:		auto;
	margin-right:		auto;
	margin-top:		30px;
	border-width:		1px;
	border-style:		dashed;
	border-color:		#000;
	text-align:		center;
}
#infobox2 a { text-decoration: none ;  background: #EFEFEF; color:#45565a;}

#infoboxRed
{
	border-right: #000 1px dashed;
	padding-right: 10px;
	border-top: #000 1px dashed;
	margin-top: 30px;
	padding-left: 10px;
	font-weight: bold;
	font-size: 11pt;
	background: #ff0000;
	padding-bottom: 10px;
	margin-left: auto;
	border-left: #000 1px dashed;
	color: white;
	margin-right: auto;
	padding-top: 10px;
	border-bottom: #000 1px dashed;

	text-align: center;
}
#infoboxRed a { text-decoration: none ;  background: #ff0000; color:white;}

input.btn{
   color:#050;
   font-family:helvetica,'trebuchet ms',sans-serif;
   font-size:84%;
   font-weight:bold;
   background-color:#fed;
   border:1px solid;
   border-top-color:#696;
   border-left-color:#696;
   border-right-color:#363;
   border-bottom-color:#363;
   filter:progid:DXImageTransform.Microsoft.Gradient
      (GradientType=0,StartColorStr='#ffffffff',EndColorStr='#ffaaaaff');}

input.btnhov{
   border-top-color:#c63;
   border-left-color:#c63;
   border-right-color:#930;
   border-bottom-color:#930;}