/* SVATBA screeen.css */
* {margin: 0; padding: 0;}
body {margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; background: #F5F0DD url(../img/bgr-body.jpg) repeat-x; font-size: 90%; color: #FFFFFF;}
.maxlenght {max-width : 200px}
div#page { width: 912px; background: #FFFFFF; margin: auto;}

/* NAVIGACE - horni */
div#lang {float: right; font-size: 0.75em}
div#lang ul { list-style: none; padding: 18px 0 0 0}
div#lang ul li { position:relative;display: block; float: left; margin : 0 0 0 0px; left : -10px}
div#lang ul li a { color:#999999; text-decoration: underline; padding: 0 0 0 10px;}
div#lang ul li a:hover { text-decoration: none}
div#lang ul li a.active { text-decoration: none}

div#topmenu { font-size: 0.75em;}
div#topmenu ul { list-style: none; padding: 18px 0 0 0}
div#topmenu ul li { display: block; float: left; color:#999999; padding: 0 10px 0 10px; margin: 0 0 1px 0; border-right: solid 1px #50003f;}
div#topmenu ul li a { color:#999999; text-decoration: none}
div#topmenu ul li a:hover { text-decoration: underline}

div#topmenu ul li.first { padding: 0 10px 0 0;}
div#topmenu ul li.last { border-right: none}

/* NAVIGACE - horizontalni */
div#hormenu { font-size: 0.85em; width: 912px; background: #FFFFFF;/*height: 26px;*/}
div#hormenu ul { list-style: none;}
div#hormenu ul li { color:#999999; display: block; float: left;}
div#hormenu ul li a { display: block; color:#999999; text-decoration: none; /*padding: 5px 13px 5px 12px;*/padding: 5px 13px 5px 13px; background: #FFFFFF url(../img/bg-hormenu-li.gif) right 3px no-repeat;}
div#hormenu ul li a:hover, div#hormenu ul li.last a:hover, div#hormenu ul li.active a {color:#FFFFFF; background-color: #50003f}

div#hormenu ul li.last a { background: none; padding: 5px 11px 5px 12px}
div#hormenu ul li.first a { padding: 5px 12px 5px 11px}


/* FLASH */
div#anim { width: 912px; height: 170px; background: #50003F}
.dolu {position : relative ; top : 20px;}
/* CONTENT */
div#content { border: solid 1px #d6bd6d; border-top: solid 28px #d6bd6d; /*border-bottom: none;*/ padding: 8px 0 0 0; clear: both; position: relative}
div#content a { font-size: 0.85em; color: #50003f}
div#content p a { font-size: 1em}
div#content a:hover { text-decoration: none}

/*
div#content ul {list-style: disc; position:relative ; left : 0px}
div#content ul li { font-size: 0.85em; margin: 0 0 0 0}
*/
 .tabulka { max-width : 500px ; color : black ;    }
  .otazka {font-weight : bold; font-size : 1.0em}
  
  .mezera {width:5px}
/* welcome */
h1#welcome { position: relative; width: 463px; height: 48px; overflow: hidden; top: 5px}
/*h1#welcome span { display: block; position: absolute; left: 0; top: 0; z-index: 1; width: 413px; height: 48px; background: url(../img/bg-welcome.gif) no-repeat;}
*/
 .weleng { display: block; position: absolute; left: 0; top: 0; z-index: 1; width: 413px; height: 48px; background: url(../img/bg-welcome.gif) no-repeat;}
 .welcs  { display: block; position: absolute; left: 0; top: 0; z-index: 1; width: 483px; height: 48px; background: url(../img/bg-vitejte.gif) no-repeat;}

/* loga */
div#loga { width: 280px; padding: 25px 0 30px 0; float: left; background: url(../img/bg-loga.gif) 260px top repeat-y;}
div#loga img { padding: 20px 0 0 40px; border : 0px}

/* bottom container */
div#container { width: 890px; padding: 0 0 0 20px; margin: 20px 0 0 0; background: #666666; position:relative; top: 1px; _top:2px}


/* right container */
div#right { width: 469px; border: solid 1px blue; float: left}

/* news */
div#news { width: 416px; background: #666666; margin: 0 0 0 0; float: left; padding: 20px 20px 0 0;}
div#news p {color: #FFFFFF; line-height: normal; padding: 0 0 0 0}
div#news h4 { color: #d9c48b; text-transform: uppercase; padding: 0 0 0 0;}
div#news a {color: #d9c48b; text-decoration: underline; display: block; margin: -10px 0 0 0}
div#news a:hover { text-decoration: none}
div#news img {border: solid 1px #FFFFFF; float: left; margin: 3px 15px 0 0;}
div.hr-dot { height: 53px; background: url(../img/bg-hr-dot.gif) 0 50% repeat-x}

/* testimonials-top */
div#testimonials-top { width: 454px; background: #d9c48b;float:left; padding: 0 0 0 0;}
div#testimonials-top div.item { width: 187px; padding: 20px 10px 0px 20px; float: left}
div#testimonials-top div.item p { color:#333333; padding: 0 0 0 0;}
div#testimonials-top div.item img { border: solid 1px #FFFFFF; float: left; margin: 3px 10px 0 0;}
div.splitter {background: url(../img/bg-splitter-dot.gif) 50% 0 repeat-y; margin: 20px 0 0 0; width: 10px; float: left; height: 160px}

/* testimonials */
div#testimonials {float:left}
div#testimonials h2.testimonials { position: relative; width: 450px; height: 32px; overflow: hidden; top: 17px; _top: 18px; left: 20px; padding: 0 0 10px 0; z-index: 1}
/*div#testimonials h2.testimonials span { display: block; position: absolute; left: 0; top: 0; z-index: 1; width: 415px; height: 26px; background:url(../img/bg-testimonials.gif) no-repeat;}*/
.refcs { display: block; position: absolute; left: 0; top: 0px; z-index: 3; width: 415px; height: 32px; background:url(../img/bg-reference.gif) no-repeat;}
.refeng { display: block; position: absolute; left: 0; top: 0; z-index: 1; width: 415px; height: 32px; background:url(../img/bg-testimonials.gif) no-repeat;}

/* testimonials-sub */
div#testimonials-sub { float:left}
div#testimonials-sub h2.testimonials-sub { position: relative; width: 414px; height: 26px; overflow: hidden; top: 10px; left: 20px; padding: 0 0 10px 0}
div#testimonials-sub h2.testimonials-sub span { display: block; position: absolute; left: 0; top: 0; z-index: 1; width: 415px; height: 26px; background:url(../img/bg-testimonials.gif) no-repeat;}
div#testimonials-sub h2.testimonials-sub span {background:url(../img/bg-testimonials-sub.gif) no-repeat;}


/* pairs */
div#pairs { width: 434px; background:#eadbbc; padding: 37px 0 23px 20px; position: relative; top: 1px; _top:2px;}
div#pairs img { border: solid 1px #FFFFFF; float: left; margin: 3px 10px 5px 0; _margin: 3px 10px 6px 0;}
div#pairs ul { list-style: none; margin: 13px 0 0 0}
div#pairs ul li{ font-size: 0.85em; margin: 8px 0 0 0}
div#pairs ul li, div#pairs ul li a { color:#333333;}
div#pairs ul li a { font-weight: normal; font-size: 1em}


/* pairs-sub */
div#pairs-sub { width: 435px; background:#eadbbc; padding: 5px 0 0 20px;}
div#pairs-sub img { border: solid 1px #FFFFFF; float: left; margin: 3px 10px 5px 0; _margin: 3px 10px 6px 0;}
div#pairs-sub ul { list-style: none; margin: 13px 0 0 0}
div#pairs-sub ul li { font-size: 0.85em; margin: 8px 0 0 0}
div#pairs-sub ul li, div#pairs-sub ul li a { color:#333333;}
div#pairs-sub ul li a { font-weight: bold; font-size: 1em}

div#pairs-sub img { margin: 10px 10px 9px 0; _margin: 10px 10px 10px 0;}
div#pairs-sub ul { list-style: none; margin: 22px 0 0 0}
div#pairs-sub { width: 890px; background: #eadbbc url(../img/bg-splitter-dot-sub.gif) 482px 0 repeat-y;}

/* photogallery */
div#photogallery { background: #EADBBC; margin: 100px 0 0 0; padding: 0 20px 0 0px; position: relative; top: 1px; _top: 2px;}
div#photogallery h2.photogallery { position: relative; width: 400px; height: 34px; overflow: hidden; top: -26px;}
/*div#photogallery h2.photogallery span { display: block; position: absolute; left: 0; top: 0; z-index: 1; width: 400px; height: 34px; background:url(../img/bg-photogallery.gif) no-repeat;}
*/
.fotocs { display: block; position: absolute; left: 0; top: 0; z-index: 1; width: 400px; height: 34px; background:url(../img/bg-fotogalerie.gif) no-repeat;}
.fotoeng { display: block; position: absolute; left: 0; top: 0; z-index: 1; width: 400px; height: 34px; background:url(../img/bg-photogallery.gif) no-repeat;}

div#photogallery img { border: solid 1px #FFFFFF; margin: 20px 20px 5px 0}
div#photogallery a img.next  { border: none; position: relative;/* top: -45px;*/, }


/* PRAVY SLOUPEC foto-logo */
div#foto-logo {right;float: right; width: 180px; text-align: center; margin: 0px 0px 30px 0; padding: 0 20px 0px 35px; background: url(../img/bg-loga.gif) 15px 0 repeat-y;}
div#foto-logo img.foto { border: solid 5px #CCCCCC; margin: 0 0 20px 0; height: 131px ; width : 156px }
div#foto-logo img.foto1 { border: solid 0px #CCCCCC; margin: 0 0 20px 0; height: 131px ; width : 156px }
/*div#foto-logo ul { text-align: left; padding: 20px 0 20px 0; list-style: none} 
div#foto-logo ul li { background: url(../img/bgr-right-li.jpg) 0 2px no-repeat; padding: 0 0 3px 20px;}
*/
div#foto-logo ul { text-align: left; padding: 0px 0 0px 0; list-style: none; font-size: inherit; margin: 0px 0px 0px 0px; }
div#foto-logo ul li { background: url(../img/bgr-right-li.jpg) 0px 2px no-repeat; padding: 0 0 0px 0px;}

/* FOTOGALERIE */
div#foto-logo h3 {text-align: left; margin: 0 0 0 -20px}
div#foto-logo ul#fotogalerie { text-align: left; padding: 20px 0 20px 0; list-style: none; font-size: 1.1em; margin: 0 0 0 0}

/*div#foto-logo ul#fotogalerie li { text-transform: uppercase}*/
div#foto-logo ul#fotogalerie { text-align: left; padding: 20px 0 20px 0; list-style: none; font-size: inherit; margin: 0 0 0 0}

div#foto-logo ul#fotogalerie li { background: url(../img/bgr-right-li.jpg) 0 2px no-repeat; padding: 0 0 3px 25px;}

div#content div.couple { float: left; /*height: 150px;*/ width: 620px; padding: 40 40 40 50px;margin : 0 0 0 20px}
div#content div.couple img { float: left;}
div#content div.couple a img  { border: solid 3px #CCCCCC; margin: 5px 10px 0 0; clear:left}
div#content div.couple a:hover img { border: solid 3px #999999}
div#content div.couple h4 { text-transform: uppercase; padding: 5px 0 0 0}
div#content div.couple h4 a { font-size: 1em}
div#content ul { color: #8B8B8B; font-size: 0.85em; margin: 15px 0 20px 50px}
div#content ul li { padding: 0 0 10px 0}

/* table */
div#content div.couple table { width: 600px; /*border-collapse: collapse*/}
div#content div.couple table tr td a img  { border: solid 3px #CCCCCC;}
div#content div.couple table tr td a:hover img { border: solid 3px #999999}
div#content div.couple table h4 { text-transform: uppercase; padding: 5px 0 0 0}
div#content div.couple table tr td { vertical-align: top; color: #8b8b8b; font-size: 0.85em; /* line-height: 1.5em*/; padding: 10px 0 10px 0;}
div#content div.couple table tr td p { font-size: 1em; /*linne-height: 1.5em*/; padding: 0 0 0 0}
div#content div.couple table tr td.img { width: 260px;}
div#content div.couple table tr td a.more { font-size: 1em}
div#content div.couple table tr td {/*border-bottom: solid 1px #E9E9E9*/}

/* FOOTER */
div#footer { border-top: solid  13px #50003f}
div#footer { font-size: 0.75em; }
div#footer ul { list-style: none; padding: 5px 0 0 0;}
div#footer ul li { display: block; float: left; color:#999999; padding: 0 6px 10px 6px; margin: 0 0 1px 0;}
div#footer ul li a { color:#999999; text-decoration: none}
div#footer ul li a:hover { text-decoration: underline}
div#footer ul li.first { padding: 0 7px 0 0;position:relative;left : 7px}
div#footer a img { position: relative; top: 5px; border: none;}
/* TEXT elements */
h1, h2, h3, h4 {color: #50003f; font-weight: normal; padding: 0px 20px 5px 20px; margin: 0 0 0 0;}

h1 { font-size: 1.6em}
h2 { font-size: 1.4em; padding: 5px 0 0 20px;}
h3 { font-size: 1.2em; font-weight: bold; padding: 5px 0 0 20px}
h4 { font-size: 1em; font-weight: bold; padding: 5px 0 0 20px}
p { margin: 0 0 10px 0; padding: 0 20px 0 20px; color: #8b8b8b; font-size: 0.85em; line-height: 1.5em;}

strong {color: #8b8b8b}
div#static {color: #8b8b8b; position: relative ;left: 5px}
/* classes */
hr { display: none}
.clr { width: 100%; clear: both; font-size: 1px; height: 1px}
.hidden {display: none}

.image {width : 170px ; height :  70px}
.image2 {width : 82px ; height :  82px;}
.image3 { padding : 0.0em;border : 0px;  }

.sirka {width : 200px; position:relative}
.cerna { color: #8b8b8b;margin : 0 0 0 20px}
.h4 {font-size : 1.5em; font-style : bold;}
.small {width : 82px; height: 82px;border : 10px; padding :0px; margin: 0px}
.bezokraje {border : 0px;margin : 0px; border-color: white;}
.imglogo {width : 82px ; height : 90px}
.imglogo2 {width : 77px ; height : 90px}
.maxtab{width  : 100px;}
.left {position : relative ; left : -10px} 
. right {position : relative;}
.flash{height : 150px; width : 912px; position: relative ; top : 20px}
.paticka { position: relative; top: 5px; border: none; width : 45px ; height : 26px;}
.alt {position : relative; top : 20px ; left : -100px }
.vys {position: relative;top : -20px;left : 10px ;width:880px;}
div#content div#photogallery table.vys tr td { text-align: center}
div#content div#photogallery table.vys tr td img { margin: 0;}
div#content div#photogallery table.vys tr td .arrow { border: none; padding: 0 0 20px 0;}
.vpravo{float:right; width:156px; height:131px}
.vpravo1{float:right; left: -50px;position :relative}
.svatf{float:right; width:156px; height:131px; border: solid 5px #CCCCCC;margin: 0 0 20px 0;}
.bunka2 {width : 20px; font-size : 5.1 em;font-style : bold;}
.bunka3 {margin: 15px 15px 55px 15px}
a#sipka {color : green ; font-size:2.3em; }
a#sipka : hover {color : green ; font-size:2.3em; font-style:bold;}
.nobold {font-weight: 900;}

dira {height : 200px;}