/* CSS Document */
body {
  padding: 0px;
  margin: 0px;
  background-color: white;
  background: #1f180e url(images/bg.jpg) fixed center top;
  font-size: x-small;
}
html {
  font-family: Tahoma, Verdana, sans-serif;
  color: #d8cb99;
}
img {
  border: 0
}
p {
  font-size: 120%;
  text-align: justify;
  margin-top: 10px;
  line-height: 1.5
}
p a:link,p a:active,p a:visited {
  color: #ffffff;
  text-decoration: underline
}

p a:hover {
  color: #d8cb99;
  text-decoration: none
}
table {
  font-size: 120%;
  text-align: justify;
  margin-top: 10px;
  color:#333333
}
a:link, a:active, a:visited {
  color: #ffffff;
  text-decoration: underline
}

a:hover {
  color: #d8cb99;
  text-decoration: none
}
ul {
  font-size: 120%;
  font-weight: bold;
  padding: 0;
  margin: 10px 0 0 0
}
ul li {
  padding-left: 5px;
  margin-left: 20px;
  margin-top: 10px;
  list-style: square url(images/li.gif);
}
ul li a:link, a:active {
  color: #FF8000;
  text-decoration: none
  }
ul li a:visited {
  color: #FF8000;
  text-decoration: none
  }
ul li a:hover {
  color: white;
  text-decoration: underline
  }
#page-center {
  position: relative;
  margin: 0px auto 0 auto;
  width: 974px;
  padding:0;
}

/* HOME */


/* TOP */
#top {
  width: 960px;
  height:118px;
  border-bottom: 1px solid #ea7300
}
.logo {
  width:147px;
  height:76px;
  display: block;
  background: url(images/sf-logo.png) no-repeat;
  margin: 27px 0 0 37px;
  /*float: left*/
}
.logo span {display: none}

/* JAZYKY */
.jazyky-obal {
  float:right; 
  padding-right:15px;
}
.jazyky-obal a {text-decoration: none;}
a.jazyky:link, a.jazyky:visited {
  color: #d5d9e2;
  text-decoration: none;
  /*font-weight: bold;*/
  padding: 2px 5px 5px 10px;
  margin-top: 0px;
  float:right
}
a.jazyky:hover {
  color: #fff;
}
a.jazyky:active {
  color: #fff;
  background: url(images/jazyky-over.gif) no-repeat center bottom;
  text-decoration: none;
}
.jazyky-sel {
  color: #fff;
  background: url(images/jazyky-over.gif) no-repeat center bottom;
  text-decoration: none;
  padding: 2px 5px 5px 10px;
  margin-top: 0px;
  float:right
}
a.jazyky-sel:visited {text-decoration: none;}

.blog {
  float: right; background: url(images/blog.png) no-repeat center; display: block; width: 95px; height: 71px; margin-top: -1px; padding-top: 0px
}


/* MENU */

#menu {
  float: right;
  padding: 0 0px 0 0;
  margin: 2px 0 0 0px;
  /*padding: 0 0px 0 329px;*/
  /*_margin: 0 0px 0 10px;   /* IE hack */
  /*width: 450px;*/
  list-style:none;
  height: 43px;
  width: 302px /*248px 194px*/ ;
  clear: both
}
ul#menu li {
  float: left;
  margin: 0;
  padding: 0;
  font-size: 120%;
  height: 43px;
  list-style: none
}
#menu li a {
  display: block;
  float: left;
}
#menu li a span {
  display: none
}
#menu li a:hover {
  color: #fff;
  background: url(images/menu-bg-over.gif);
  text-decoration: none;
  border-bottom: 3px solid #ea7300
}

#menu li a.uvod {
  background: url(images/uvod.png) no-repeat left top;
  width: 54px;
  height: 43px;
}
#menu li a.profil {
  background: url(images/profil.png) no-repeat left top;
  width: 58px;
  height: 43px;
}
#menu li a.sluzby {
  background: url(images/sluzby.png) no-repeat left top;
  width: 65px;
  height: 43px;
}
#menu li a.cennik {
  background: url(images/cennik.png) no-repeat left top;
  width: 65px;
  height: 43px;
}
#menu li a.blog-menu {
  background: url(images/blog-menu.png) no-repeat left top;
  width: 54px;
  height: 43px;
}
#menu li a.kontakt {
  background: url(images/kontakt.png) no-repeat left top;
  width: 71px;
  height: 43px;
}

#top-image {
	width: 960px;
	height: 234px;
	padding: 0px 0px 0 0px;
	color: #fff;
	font-weight:bold;
	font-family:Arial;
	font-style:italic;
	float: left;
	text-align: right
}
#content-obal {
	background: url(images/bg_center.gif) repeat-y top left; float: left;
	border-bottom: 1px solid #ea7300
}

#content-obal #submenu {
  float: right;
  font-size: 12px;
  color: #d8cb99;
  margin: 10px 30px 0 15px;
}
#content-obal #submenu a {
	text-decoration: none;
    color: #d8cb99
}
#obsah {
  float: left;
  width: 930px;
  padding: 0px 15px 0 15px;
  margin: 20px 0px 10px 0px;
  font-size: 100%;
  min-height: 300px;
  background: /*#f2f2f2*/ url(images/bg_content.gif) right repeat-y;
}

/*#flashcontent {
		height: 100%;
} */

a#rande {
  background: url(images/bt-rande.png) no-repeat;
  width:310px;
  height:363px;
  float: left;
  display: block
}
a#rande span {
  display: none
}

a#svadba {
  background: url(images/bt-svadba.png) no-repeat;
  width:310px;
  height:363px;
  float: left;
  display: block
}
a#svadba span {
  display: none
}

a#deti {
  background: url(images/bt-deti.png) no-repeat;
  width:310px;
  height:363px;
  float: left;
  display: block
}
a#deti span {
  display: none
}
a#blog {
  background: url(images/bt-blog.png) no-repeat;
  width:310px;
  height:363px;
  float: left;
  display: block
}
a#blog span {
  display: none
}

/* svadba tn */

a.svadba-tn {
  width: 210px;
  height: 243px;
  margin: 0 10px 0px 10px;
  /*padding: 203px 10px 0 10px;*/
  float: left;
  display: block;
}

a.svadba-tn span {
  display: none
} 

#marcela-marek {
  background: url(images/bt-marcela-marek.png) no-repeat left top
}
#zuzka-robo {
  background: url(images/bt-zuzka-robo.png) no-repeat left top
}
#marcelka-palo {
  background: url(images/bt-marcelka-palo.png) no-repeat left top
}
#zuzka-peto {
  background: url(images/bt-zuzka-peto.png) no-repeat left top
}
#janka-roman {
  background: url(images/bt-janka-roman.png) no-repeat left top
}
#janka-tomas {
  background: url(images/bt-janka-tomas.png) no-repeat left top
}
#katka-andrej {
  background: url(images/bt-katka-andrej.png) no-repeat left top
}
#malvina-peto {
  background: url(images/bt-malvina-peto.png) no-repeat left top
}
#tana-ivan {
  background: url(images/bt-tana-ivan.png) no-repeat left top
}
#olga-tomas {
  background: url(images/bt-olga-tomas.png) no-repeat left top
}
#ada-milos {
  background: url(images/bt-ada-milos.png) no-repeat left top
}
#eva-peter {
  background: url(images/bt-eva-peter.png) no-repeat left top
}
#janka-adrian {
  background: url(images/bt-janka-adrian.png) no-repeat left top
}
#katka-mato {
  background: url(images/bt-katka-mato.png) no-repeat left top
}
#martina-andrej {
  background: url(images/bt-martina-andrej.png) no-repeat left top
}
#peta-laco {
  background: url(images/bt-peta-laco.png) no-repeat left top
}
#renatka-juraj {
  background: url(images/bt-renatka-juraj.png) no-repeat left top
}
#veronika-coco {
  background: url(images/bt-veronika-coco.png) no-repeat left top
}
#veronika-marek {
  background: url(images/bt-veronika-marek.png) no-repeat left top
}
#zuzana-lubos {
  background: url(images/bt-zuzana-lubos.png) no-repeat left top
}
#ivka-mato {
  background: url(images/bt-ivka-mato.png) no-repeat left top
}
#lenka-patrik {
  background: url(images/bt-lenka-patrik.png) no-repeat left top
}  
#monika-ales {
  background: url(images/bt-monika-ales.png) no-repeat left top
}   
#janka-peter {
  background: url(images/bt-janka-peter.png) no-repeat left top
}
#stanka-mato {
  background: url(images/bt-stanka-mato.png) no-repeat left top
}
#jarka-juraj {
  background: url(images/bt-jarka-juraj.png) no-repeat left top
}
#lenka-juraj {
  background: url(images/bt-lenka-juraj.png) no-repeat left top
}
#evka-jarko {
  background: url(images/bt-evka-jarko.png) no-repeat left top
}
#majka-roman {
  background: url(images/bt-majka-roman.png) no-repeat left top
}
#andrejka-lukas {
  background: url(images/bt-andrejka-lukas.png) no-repeat left top
}


  
.text {
  width: 720px;
  padding:0 30px 0 20px;
  float: left;
  margin: 0;
  /*text-align: left*/
}
.text img {
	border: 2px solid #b5d998; /*#347300;*/
	padding: 3px;
	margin: 5px
}
h1 {
  font-family: Arial;
  font-size: 22px;
  color: #fff;
  padding: 0px 0 0px 0px;
  font-weight: bold;
  margin-top: 1px
}
h1 a {
  text-decoration:none
}
h1 a:hover {
  text-decoration: underline;
  color: #663300
}
.farebnytext {
	color: #FF8000;
}
.bielafarbatextu {
	color: #FFF;
}
h2 {
  font-family: Arial;
  font-size: 16px;
  color: #d8cb99;
  margin-bottom: 5px;
  margin-top: 10px;
  padding-top: 0px;
  font-weight: bold;
}
h3 {
  /*font-family: Arial;*/
  font-size: 115%;
  color: #d8cb99;
  margin-top: 10px;
  margin-bottom: 0px;
}
#content-bottom {
  width: 960px;
  height: 100px;
  clear: both;
  position: relative;
  margin: 0 auto;
  bottom: 0;

}
.footer {
  /*position: relative;
  display: block;*/
  margin: 0 auto;
  padding: 20px 30px;
  width: 640px;
  color: #fff;
  float: left;  
}
.footer p {
  font-size: 100%;
}
.footer a, a:visited {
  color: #333;
  text-decoration: underline
}
.footer a:hover {
  color: #ccc;
  text-decoration: none
}
input {
  width: 200px;
  height: 18px;
  border-left: 1px solid #666666;
  border-bottom: 1px solid #666666;
  border-top: 0;
  border-right: 1px solid #cccccc;
  margin: 5px 0 0 0;
  padding-left: 5px;
  padding-top: 5px;
  background: white url(images/input-bg.gif) repeat-x left bottom
}
txtarea {
  width: 200px;
  height: 100px;
  border: 1px solid #666666;
}
form {
font-size: 120%
}
.button {
  font-family: Arial;
  /*width: 80px;*/
  height: 20px;
  font-size: 10px;
  text-transform: uppercase;
  font-weight: bold;
  color: #fff;
  border: none;
  background-color: #663300;
  background-image: none;
  float: left;
  padding: 0
}
.tn {
  width: 200px;
  margin: 5px;
  margin-right: 10px;
  padding: 5px;
  border: 1px solid #d9261c;
  text-align: left;
  float: left;
  min-height: 180px;
  font-size: 120%
}
.tn img {
  margin-bottom: 3px
}

/* GENERAL */
.fl {float:left}
.fr {float:right}

/* STUDIO1 */
a.s1 {
  float: right;
  background: url(images/s1.png) no-repeat right bottom;
  width: 195px;
  height: 39px;
  margin: 5px 20px
}
a.s1:hover {
  background: url(images/s1-over.png) no-repeat right bottom
}
a.s1 span {display: none}

/* BEGIN DEMO STYLE */
	.caption{color:#d8cb99; font-size: 10px; margin-top: 10px}
	.demo{position:relative;margin-top:2em;}
	.gallery_demo{width:702px;margin:0 auto;}
	.gallery_demo li{width:68px;height:50px;border:3px double #111;margin: 0 2px;background:#000;}
	.gallery_demo li div{left:240px}
	.gallery_demo li div .caption{font:italic 0.7em/1.4 georgia,serif;}
	
	#main_image{margin:0 auto 60px auto;height:438px;width:700px;background:black;}
	#main_image img{margin-bottom:10px}
	
	img.replaced {/*border: 1px solid #d8cb99; */padding-bottom: 5px}
	
	.nav{padding:0px 0 0px 25px; /*clear:both;*/ font-size: 10px; letter-spacing:3px;text-transform:uppercase; float: right; margin-top: -20px}
	.nav a {text-decoration: none}
	
	.info{text-align:left;width:700px;margin:30px auto;border-top:1px dotted #221;padding-top:30px;}
	.info p{margin-top:1.6em;}

.paging { clear: both; padding-top: 20px }
.paging a:link, .paging a:active, .paging a:visited { padding: 10px 15px; text-decoration: none; color: white }
.paging a:hover { padding: 10px 15px; text-decoration: none; background: #fff; color: #000 }
.paging a.aktiv { padding: 10px 15px; text-decoration: none; background: #FF8000; color: #fff }