/* BASIC ELEMENTS */
body, td, input, select, textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
body {
	background: #CACACA url(http://media.stavo-ing.sk/grf/back.jpg) top repeat-x;
	color: black;
	text-align: center;
	margin: 0; padding: 0;
	padding-bottom: 1em;
}
a {
	text-decoration:underline;
	color: #087168;/*#E8B123;*/
}
a:hover {
	color: black;
	text-decoration: none;
}

/* headers */
h1, h2, h3, h4 {
	margin: 0; padding: 0;
	font-size: 100%;
}

/* margins, paddings, borders */
a img {	border: 0px !important;}
ul, ol, li { margin: 0; padding: 0; }
ul, ol { margin-left: 20px; }
form, input, textarea, select {	margin: 0;}
p { margin:0; margin-top: 0.5em; }
.nomargin { margin: 0 !important; }
.nopadding { padding: 0 !important; }
.noborder { border: none !important; }
.margin5 { margin-top: 8px;}

/* floating */
.fleft { float: left;}
.fright { float: right; }
.cboth { clear: both; }
.endfloat {
	clear: both;
	height: 1px;
	font-size: 1px;
	line-height: 1px;
}

/* text aligment & font */
.tleft { text-align: left !important; }
.center { text-align: center !important; }
.bold { font-weight: bold; }
.small { font-size: 85%; }
.smaller { font-size: 95%; }

/* misc */
form, input, textarea, select { margin: 0;}
.noscreen, .nodisp { display: none; }
.nowrap { white-space:nowrap; }
.marr { margin-right: 8px;}
ul {list-style: none; }
li {padding-left: 15px;
	background-image: url(http://media.stavo-ing.sk/grf/li.gif);
	background-repeat: no-repeat;
	background-position: 0 .5em;}
.aleft { text-align: left;}
.aright { text-align: right;}
/* top */
#page {	
	width: 740px;
	margin: 0 auto;
	text-align: left;
}

#top {
	height: 85px;
	background: url(http://media.stavo-ing.sk/grf/logo.gif) top left no-repeat;
}
#top h1 { display:none;}

#preklik {
	display: block;
	float: left;
	width: 115px;
	height: 85px;
}

#flags {
	display:block;
	float: right;
	margin: 65px 0 0 3px;
}

#center {
	width: 600px;
	padding-left: 140px;
}

#menu {
	background: url(http://media.stavo-ing.sk/grf/top-line.gif) top repeat-x;
	height: 20px;
}

#menu div {
	float: left;
	width:58px;
	height: 20px;
	background:url(http://media.stavo-ing.sk/grf/menu-left.gif) bottom left no-repeat;
}

#menu a {
	display:block;
	float: right;
	width:58px;
	height: 20px;
	border-left: 2px solid #EEEEEE;
}

/* SK */
#home { background: url(http://media.stavo-ing.sk/grf/button-domov.gif); }
#profil { background: url(http://media.stavo-ing.sk/grf/button-profil.gif); }
#projects { background: url(http://media.stavo-ing.sk/grf/button-projekty.gif); }
#services { background: url(http://media.stavo-ing.sk/grf/button-sluzby.gif); }
#contact { background: url(http://media.stavo-ing.sk/grf/button-kontakt.gif); }

#home:hover { background: url(http://media.stavo-ing.sk/grf/button-domov.gif) 0 20px; }
#profil:hover {	background: url(http://media.stavo-ing.sk/grf/button-profil.gif) 0 20px; }
#projects:hover {	background: url(http://media.stavo-ing.sk/grf/button-projekty.gif) 0 20px; }
#services:hover {	background: url(http://media.stavo-ing.sk/grf/button-sluzby.gif) 0 20px; }
#contact:hover {	background: url(http://media.stavo-ing.sk/grf/button-kontakt.gif) 0 20px; }

#profil.hlt{	background: url(http://media.stavo-ing.sk/grf/button-profil.gif) 0 20px; }
#projects.hlt{	background: url(http://media.stavo-ing.sk/grf/button-projekty.gif) 0 20px; }
#services.hlt{	background: url(http://media.stavo-ing.sk/grf/button-sluzby.gif) 0 20px; }
#contact.hlt{	background: url(http://media.stavo-ing.sk/grf/button-kontakt.gif) 0 20px; }

/* ENG */
#home_en { background: url(http://media.stavo-ing.sk/grf/button-domov_en.gif); }
#profil_en { background: url(http://media.stavo-ing.sk/grf/button-profil_en.gif); }
#projects_en { background: url(http://media.stavo-ing.sk/grf/button-projekty_en.gif); }
#services_en { background: url(http://media.stavo-ing.sk/grf/button-sluzby_en.gif); }
#contact_en { background: url(http://media.stavo-ing.sk/grf/button-kontakt_en.gif); }

#home_en:hover { background: url(http://media.stavo-ing.sk/grf/button-domov_en.gif) 0 20px; }
#profil_en:hover {	background: url(http://media.stavo-ing.sk/grf/button-profil_en.gif) 0 20px; }
#projects_en:hover {	background: url(http://media.stavo-ing.sk/grf/button-projekty_en.gif) 0 20px; }
#services_en:hover {	background: url(http://media.stavo-ing.sk/grf/button-sluzby_en.gif) 0 20px; }
#contact_en:hover {	background: url(http://media.stavo-ing.sk/grf/button-kontakt_en.gif) 0 20px; }

#profil_en.hlt{	background: url(http://media.stavo-ing.sk/grf/button-profil_en.gif) 0 20px; }
#projects_en.hlt{	background: url(http://media.stavo-ing.sk/grf/button-projekty_en.gif) 0 20px; }
#services_en.hlt{	background: url(http://media.stavo-ing.sk/grf/button-sluzby_en.gif) 0 20px; }
#contact_en.hlt{	background: url(http://media.stavo-ing.sk/grf/button-kontakt_en.gif) 0 20px; }

#center span, #content h2 {
	display: none;
}

#flash {
background: white url(http://media.stavo-ing.sk/grf/bg-flash.gif) repeat-x bottom;
height: 190px;
}
#flash object { margin: 7px 5px;}

#section-onas, #section-projekty, #section-sluzby, #section-blank, #section-kontakt{
	height:16px;
	width:58px;
	padding-bottom: 20px;
}
#section-kontakt { background:url(http://media.stavo-ing.sk/grf/section-kontakt.gif) no-repeat;}
#section-onas { background:url(http://media.stavo-ing.sk/grf/section-onas.gif) no-repeat;}
#section-sluzby { background:url(http://media.stavo-ing.sk/grf/section-sluzby.gif) no-repeat;}
#section-projekty { background:url(http://media.stavo-ing.sk/grf/section-projekty.gif) no-repeat;}

/* EN */

#section-onas_en, #section-projekty_en, #section-sluzby_en, #section-blank_en, #section-kontakt_en{
	height:16px;
	width:58px;
	padding-bottom: 20px;
}

#section-kontakt_en { background:url(http://media.stavo-ing.sk/grf/section-kontakt_en.gif) no-repeat;}
#section-onas_en { background:url(http://media.stavo-ing.sk/grf/section-onas_en.gif) no-repeat;}
#section-sluzby_en { background:url(http://media.stavo-ing.sk/grf/section-sluzby_en.gif) no-repeat;}
#section-projekty_en { background:url(http://media.stavo-ing.sk/grf/section-projekty_en.gif) no-repeat;}

#content {
	width: 100%;
	background: white url(http://media.stavo-ing.sk/grf/section-bg.gif) top repeat-x;
	border-bottom: #087168 solid 6px;
	}

#content-i {
	margin: 0 auto;
	width: 740px;
	text-align: left;
	padding-bottom: 20px;
	background: url(http://media.stavo-ing.sk/grf/ruler.gif) 70px 16px no-repeat ;
}

#c1, #c2, #c3 {
	float: left;
	text-align: justify;
}

#c1{
width: 140px;
}

#c2{
width: 280px;
}

#c3{
width: 280px;
margin-left: 40px;
}

#footer {
	margin: 0 auto;
	width: 600px;
	padding-top: 5px;
	text-align: right;
	font-size: 10px;
	color: gray;
	padding-left: 130px;
}

#footer a {
	color: #087268;
	text-decoration: none;
	margin-right: 5px;
}

#icons { float: left;}

/******** kontaktny formular  */

/* kontaktny formular */
.contactform legend {
	display: none;
}

.textinput { width:250px;
	border: solid 1px gray;
 }

.contactform fieldset {
	padding-left: 20px;
	color: #0D756B;
	border: 0;
}

.contactform label, .label {
	width: 250px;
	display: block;
	padding-right: 5px;
	float: left;
}

/***************/

#kontakt {
	text-align: left;
	margin-top: 10px;

}

#projekty a{
	display: block;
	text-decoration: none;
	color: #087168;
	font-weight: bold;
	margin-top: 5px;
	 }

#projekty a:hover{
	text-decoration: underline;
 }
#kruzidlo { margin-left: 40px;}



