/* main CSS Document */
/* general styling first */
/* reset css styles individually instead of universal selector. */
/* based on http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */
html, body{
	margin: 0;
	padding: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	border-left:0;
} 
div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
body {
	line-height: 1;
	color: black;
	background: white;
	font-family: Verdana,Arial, Helvetica, sans-serif;
}
ol, ul {list-style: none;}
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
/* end reset styles */

/* clearing technique */
.clearfix:after {
    content:"."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
}
.clearfix {display:inline-block;}
/* mac hide \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
 /* End hide */
/*........... do not change or amalgamate the above clearfix styles ......*/

p,h1,h2,h3,h4,h5,h6,ul,ol {margin-bottom:.5em}
a img,img{border:none;display:block;}
a{
	text-decoration:none;
	color:#252e1c;
}
h1,h2,h3,h4,h5,h6{
	font-weight:bold;
}
h1{font-size:197%}/* 26px */
h2{font-size:182%}/* 24px */
h3{font-size:167%}/* 22px */
h4{font-size:152%}/* 20px */
h5{font-size:136%}/* 18px */
h6{font-size:122%}/* 16px */

body{
	text-align:center;/* for ie5.+*/
}

/* anielik */
body {		
	font-size: 12px; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#introbg{
  background: url(obr/pattern_struktura_2.jpg) top center;
 
}
p.line{
  line-height:120%;
}
#introbg a.enter{
  color:#F2F1B8;
  font-weight:bold;
  font-size: 14px; 
}

#intro{
  width:243px;
  height:153px;
  position:relative;
	margin:15% auto;
	margin-bottom:10px;
}

#intro a,
#intro a em{
  position:absolute;
  left:0px;
  top:0px;
  width:243px;
  height:153px;
  overflow:hidden;
}

#intro a em{
	cursor:pointer;
	left:0;
	top:0;
	background:url(obr/logo_uvod.jpg) no-repeat 0 0;
}
#intro a:hover em{
  background:url(obr/logo_uvod_light.jpg) no-repeat 0 0;
}

#content{
	width:980px;
	height:706px;
	margin:10px auto;
	background: url(obr/anielik_podklad.gif) no-repeat center #fff;
}

#header{
  width:980px;
  height:83px;
}

#logo{
	width:114px;
	height:83px;
	position:relative;
	float:left;
}

#logo a,
#logo a em{
	position:absolute;
	width:114px;
	height:71px;
	overflow:hidden;
  left:100px;	
	top:5px;
}

#logo a em{
	cursor:pointer;
	left:0;
	top:0;
	background:url(obr/logo_modre.jpg) no-repeat 0 0;
}

#logo a:hover em{
  background:url(obr/logo_ruzova.jpg) no-repeat 0 0;
}

#menu{
  width:575px;
  height:21px;  
  float:right;
  margin:40px 0px 0 0px;
}

#menu ul{
  list-style-type:none;
}
#menu ul li{
  display:inline;
}
#menu ul li a{
  float:left;
  height:21px;
  text-decoration:none;
}

#menu ul li a#uvod{
  width:59px;
  background:url(obr/uvod_off.jpg) no-repeat 0 0;
}
#menu ul li a:hover#uvod,
#menu ul li#current a#uvod{
  background:url(obr/uvod_on.jpg) no-repeat 0 0;
}
  
#menu ul li a#sluzby{
  width:87px;
  background:url(obr/sluzby_off.jpg) no-repeat 0 0;
}
#menu ul li a:hover#sluzby,
#menu ul li#current a#sluzby
{
  background:url(obr/sluzby_on.jpg) no-repeat 0 0;
}

#menu ul li a#ceny{
  width:75px;
  background:url(obr/ceny_off.jpg) no-repeat 0 0;
}
#menu ul li a:hover#ceny,
#menu ul li#current a#ceny{
  background:url(obr/ceny_on.jpg) no-repeat 0 0;
}

#menu ul li a#online{
  width:180px;
  background:url(obr/online_off.jpg) no-repeat 0 0;
}
#menu ul li a:hover#online,
#menu ul li#current a#online{
  background:url(obr/online_on.jpg) no-repeat 0 0;
}

#menu ul li a#kontakt{
  width:77px;
  background:url(obr/kontakt_off.jpg) no-repeat 0 0;
}
#menu ul li a:hover#kontakt,
#menu ul li#current a#kontakt{
  background:url(obr/kontakt_on.jpg) no-repeat 0 0;
}

#main{
  width:980px;
  height:389px;
  position:relative;
  z-index:1;
}

.bole{
  font-weight:bold;
  color:#626262;
  float:left;
  text-align:left;
  padding-top:80px;
  margin-left:100px;
  line-height:130%;

}

.mesto{
  background:url(obr/mesto_modre.gif) no-repeat bottom center;
}

#main embed{
position:absolute;
left:0;
top:0;
}

#main2{
  width:980px;
  height:389px;
  position:relative;
  z-index:1;
}

#main2 p,
#cenypos p{
  color:#626262;
  text-align:left;
  margin-left:216px;
}

#main2 p#online{
  text-align:center;
  color:#cc3786;
  margin-left:30px;
  margin-bottom:20px;
  padding-top:30px;
}

#main2 p#pink,
#cenypos p#pink{
  color:#cc3786;
  padding-top:30px;
}

#main2 p a{
  color:#cc3786;
  text-decoration:underline;
}

#main2 p span{
  color:#cc3786;
  font-weight:bold;
}

#main2 p#first{
  padding-top:60px;
  font-weight:bold;
}

#main2 p#second{
  padding-top:60px;
}
#main2 p#third{
  padding-top:65px;
}
#main2 p#fourth,
#cenypos p#fourth{
  padding-top:30px;
}

#main2 form#kont{
  position:absolute;
  top:277px;
  left:430px;
  width:427px;
  float:right;
  border:none;
}

#main2 form#kont input {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size:13px;
  width:207px; 
  height:23px; 
  margin-top:11px;
  background-color:#2ea7b3; 
  color:#ffffff;
  float:left;
  border:none;
  
}

#main2 form#kont input#right {
  float:right;
  margin-left:9px;
}
#main2 form#kont input#send {
  width:155px; 
  cursor:pointer;
  float:right;
}

#main2 form#kont input:focus,
#main2 form#kont textarea:focus{
  background-color:#cc3786;
}

#main2 form#kont textarea{
  width:427px; 
  height:99px; 
  margin-top:11px;
  background-color:#2ea7b3; 
  color:#ffffff;
  border:none;
  overflow: hidden;
}

#main2 form#online{
  position:relative;
  float:center;
  border:none;
}

#main2 form#online input {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size:13px;
  width:270px; 
  height:23px; 
  margin-bottom:8px;
  background-color:#2ea7b3; 
  color:#ffffff;
  border:none;
  float:left;
  margin-left:405px;
  display:inline;
}

#main2 form#online textarea{
  width:427px; 
  height:99px; 
  margin-top:0px;
  margin-right:148px;
  |margin-right:146px;
  background-color:#2ea7b3; 
  color:#ffffff;
  border:none;
  float:right;
  overflow: hidden;
}

#main2 form#online input#send {
  width:158px; 
  cursor:pointer;
  margin-right:148px;
  |margin-right:146px;
  float:right;
  margin-top:8px;
}

#main2 form#kont input:focus#send,
#main2 form#online input:focus#send  {
   background-color:#2ea7b3; 
}

#main2 form#online label{
  margin-bottom:-20px;
  line-height:120%;
  color:#626262;
  float:right;
  margin-right:580px;
  margin-top:5px;
}

#banners{
  width:980px;
  height:153px;
  _margin-top:-1px;
}

#kontaktsite,#kontaktsiteon,#kontaktsiteko{
  position:relative;
  width:980px;
  height:166px;
  margin-top:-1px;
  background:url(obr/zlty_pas_podklad.gif) no-repeat center center;
  z-index:0;
}

#kontaktsite {
  _margin-top:-123px;
}
#kontaktsiteon {
  _margin-top:-110px;
}
#kontaktsiteko {
  _margin-top:-72px;
}


#kontaktsiteon p{
  position:absolute;
  line-height:120%;
  color:#626262;
  left:100px;
  top:0px;

}
#kontaktsiteon p#kon{
  top:90px;
  font-size:11px;
}
#kontaktsiteon p#vyp{
  top:120px;
}

#cenysite{
  width:980px;
  height:166px;
  margin-top:0px; 
  background:url(obr/podklad_ceny_patern.jpg) no-repeat center center;
}
#cenypos{
  margin-left:192px;
  _margin-left:95px;
  position:relative;
  float:left;
  padding-top:15px;
}
#cenypos p{
  width:480px;
  line-height:110%;
}
#cenypos p#first{
  font-weight:bold;
  padding-top:15px;
  padding-bottom:10px;
}

#cenypos p#pink{
  padding-top:10px;
  color:#cc3786;
}

#cenypos p#last{
  font-weight:bold;
  padding-top:20px;
  line-height:120%;
}

#cenypos p#gps{
  font-size:10px;
  width:280px;
  position:absolute;
  top:70px;
  left:-300px;
}
#cenypos p#fakt{
  font-size:10px;
  width:280px;
  position:absolute;
  top:332px;
  left:-300px;
}

#cenysite p{
  color:white;
  padding-left:407px;
  text-align:left;
  line-height:130%;
}
#cenysite p#bold{
  padding-top:30px;
  font-weight:bold;
}

#banner1{ 
  width:260px;
  height:128px;
  padding:20px 0px 0 97px;
  float:left;
}

#banner2{ 
  width:291px;
  height:128px;
  padding:20px 0px 0 2px;
  float:left;
}

#banner3{ 
  width:231px;
  height:128px;
  padding:20px 0px 0 2px;
  float:left;
}


#footer{
  width:980px; 
  height:57px; 
  padding:25px 0px 0px 0px;
}
#sec{
  margin-top:-13px;
}

#footer p.left{
  line-height: 200%;
  color:#B9E0E5;
  font-size:10px;
  text-align:left;
  top:0;
  padding:0px 0px 0 97px;
}

#footer span{
  color:#167D84;
}

#footer p.right a.menu{
  color:#167D84;
}

#footer p.right {
  font-size:10px;
  color:#B9E0E5;
	text-align:right;
  margin:-17px 97px 0 600px;	  
}

.pink{
	color:#cc3786;
}