BODY{cursor:default;margin:0;padding:0;font:normal 13px arial,helvetica,sans-serif;
text-align:center;
background:#22272e; /* footer */

min-width:1040px;
}

.hidden{
	display:none;
}

.wd48{
	width:48px;
}

.wd77{
	width:77px;
}

.wd54{
	width:54px;
}

.wd47{
	width:47px;
}

.wd134{
	width:134px;
}

.wd59{
	width:59px;
}

.wd68{
	width:68px;
}

.wd67{
	width:67px;
}

.both{
	clear:both;
}

A IMG{border:0}
FORM,UL,LI{margin:0;padding:0}
INPUT,SELECT{font-family:verdana;font-size:12px}
TABLE{font-size:13px;border-collapse:collapse;}

TD{padding:2px 3px;margin:0;}
TH{padding:2px 3px;margin:0;text-align:right;font-weight:normal;}

MAP,AREA{cursor:pointer}

P{padding:0;margin:0 0 10px 0;line-height:150%}
UL{margin:9px 40px 9px 40px;line-height:135%}
LI{margin:0 0 4px 0}
OL{margin:15px 40px 9px 40px;line-height:135%}
OL LI{margin:0 0 10px 0}

.b{font-weight:bold}
.em{font-style:oblique}
.cen{text-align:center}

.red{color:#a70802}

.dn{display:none;}
.ar{text-align:right;}

.vlevo{text-align:left;}



#doc{
background:url(img/mainbg.jpg) 50% 0 repeat-x #fff;
}


#header{position:relative;text-align:center;height:276px;overflow:hidden;}

#logo{clear:both;text-align:center;height:210px;}
#logo P{text-indent:-5000px}
#logo P A{position:relative;width:400px;height:160px;display:block;margin:0 auto;top:10px;}


#nav{position:relative;padding:0;width:1040px;margin:0 auto;}
#nav UL{width:365px;margin:0;padding-top:10px;}
#nav LI{list-style:none;display:inline-block;vertical-align:top;}
.nav-left{position:absolute;top:0;left:0;}
.nav-right{position:absolute;top:0;left:670px;}

#nav A{display:inline-block;height:23px;padding:0 4px;margin:0 5px;background-position:50% 0;text-decoration:none;}
#nav A:hover{border-bottom:1px solid #fff;}
#nav A SPAN{font-size: 16px;
color: white;}


#wrap{background:url(img/bottombg.png) 0 100% repeat-x;}
#wrapin{margin:0 auto;text-align:left;width:999px;padding-bottom:35px;position:relative;
}

#bglayer{background:#2e3339;opacity:0.6;z-index:5;
position:absolute;top:0;left:0;
width:100%;height:100%;
}

#footer{background:#22272e;height:100px;}
#footerin{padding:10px 0;width:975px;margin:0 auto;}


#main{clear:both;
position:relative;z-index:6;
color:#fff;
padding:20px;
min-height:400px;
}
#main P{text-align:justify;}

#main A{color:#f90000;}
#main A:hover{color:#f90000;}



H1,H2{border:0;margin:0;padding:0;}

H1{
background:#1c4463;padding:12px 50px 10px 50px;
margin:-19px -20px 17px -20px;

color:#ff0000;font-style:italic;font-size:22px;
border-bottom:2px solid #3f4b5b;
}


H2{
background:url(img/h2_bg.gif) 43px 0 no-repeat;
clear:both;
border-top:2px solid #000;
margin:30px -58px 17px -63px;
padding:12px 0 10px 70px;
color:#008dcb;font-style:italic;font-size:18px;
text-shadow:#000 1px 1px 2px;
letter-spacing:1px;
}

.cara{
clear:both;
border-top:2px solid #000;
margin:30px -58px 20px -63px;
text-shadow:#000 1px 1px 2px;
}

.popis{padding-bottom:12px}

H1 A{text-decoration:none;}






.kekraji{
float:right;width:300px;margin-right:-20px;
margin-left:40px;
}
.kekraji .jmeno{background: #1d4465 12px 7px no-repeat;
height: 26px;
width: 100%;
text-align: center;
padding-top: 10px;}

.modrepozadi{
line-height:150%;
padding:15px;text-align:center;
min-height:130px;
background:url(img/modrepozadi.jpg) no-repeat 0 0 #1e507f;
}


.col{width:32%;margin-right:1%;float:left;}
.colvpravo{margin-right:0;width:33%;}

.col H2{border:0;margin:0;padding:10px;background:#234665;color:#fff;font-size:16px;text-shadow:0;width:auto;font-weight:bold;margin-bottom:10px;margin-top:10px;}
.col P{padding:0 10px;}



/*---- SLIDE NA TITULCE ----*/

.aniw{
margin:-19px -20px 17px -20px;
}
.ani{overflow:hidden;position:relative;width:999px;}
#anidiv{position:relative;float:left;width:100%;height:402px;}
#anidiv DIV.anislide{position:absolute;top:0;left:0;} /* toto cele je pro fade */
.anislide{float:left;width:999px;min-width:999px;text-align:left;position:relative;}
.anislide IMG{background:#000;}

.aniw UL{margin:0;padding:14px 0 3px 0;text-align:center;clear:both;width:695px;
font-family:verdana;
}
.aniw LI{-moz-user-select:none;letter-spacing:1px;
display:inline-block;text-align:center;width:22px;margin:0 0 0 3px;padding:0;list-style:none;list-style-image:none;
border:1px solid #6A727D;border-width:0 1px;cursor:pointer;
text-shadow:#333 0 1px 2px;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.aniw LI B,
.aniw LI I{display:block;position:relative;top:-1px;border-top:1px solid #6A727D;}
.aniw LI I{top:1px}

.ani-on{background:#6A727D;color:#fff;}

.slidecol{display:none;
position:absolute;top:0;right:0;height:100%;
width:280px;
}

.scol{width:280px;position:relative;float:right;margin-left:20px;}

.scol DIV.bgslidecol, .slidecol DIV.bgslidecol{
background:#282f39;opacity:0.6;z-index:5;
position:absolute;top:0;left:0;
width:100%;height:100%;
}
.scol DIV.cont,
.slidecol DIV.cont{z-index:7;position:relative;height:100%;}

.scol DIV.cont{padding:10px;}

.anislide-cur .slidecol{display:block;}

.scol .jmeno,
.slidecol .jmeno{background: #1d4465 12px 7px no-repeat;
height: 26px;
width: 100%;
text-align: center;
padding-top: 10px;}

.scol .jmeno{background-color:transparent;}


.slidecol .hrac{
padding:15px;line-height:150%;
}
.scol .dole,
.slidecol .dole{position:absolute;bottom:0;width:100%;left:0;z-index:9;}

.tmave,
.trans,
.modry{color:#fff !important;text-decoration:none;display:block;padding:7px 15px;}

.modry{background:#1d4465;}
.tmave{background:#163854;}

A.trans:hover{background:#2D343D}

A.modry:hover{background:#284d6c;}
A.tmave:hover{background:#12324d;}


.klienti{list-style:none;padding:7px 0;overflow:hidden;}
.klienti LI{display:inline;list-style:none;margin:0;padding:0;}

#main .klienti A{display:inline-block;padding:4px 7px;margin:0 2px;color:#fff;text-decoration:none;border-radius:5px;}
#main .klienti A:hover{background:#222;}
#main .klienti A.on{border:1px solid #777;}



/* ---------------------------- */

.table{border-collapse:collapse;margin:0 8px 12px 8px}
.table THEAD TD{background:#eee;font-weight:bold}
.table TD{padding:3px 6px;border:1px solid #ccc}

DL{margin:0 10px;line-height:135%}
DT{padding:0;margin:0;font-weight:bold;color:#01319d;}
DD{padding:4px 0 14px 20px;margin:0}
DD H2{margin-top:2px}

.sub{font-weight:bold}



/* ------------- POPUP ------------- */

#popupMask{position:absolute;z-index:15;top:0;left:0;width:100%;height:100%;opacity:.5;filter:alpha(opacity=50);background:#333333;
width:expression(document.body.clientWidth);text-align:center;}
.popupInner{position:absolute;text-align:center;left:0;width:100%;top:10%;height:80%;z-index:20}
.popupInner2{width:680px;height:100%;border:2px solid #444;background:#fff;margin:auto}
.popupInner2 TABLE{width:100%;height:100%;font-size:11px;margin:0}
.popupInner2 IFRAME{width:100%;height:100%;}
.popupControls{background-color:#486CAE;color:#fff;font-weight:bold;height:1.3em;
border-bottom:2px solid #444;border-top:1px solid #78A3F2;border-left:1px solid #78A3F2;border-right:1px solid #204095;}
.popupControls IMG{float:right;cursor:pointer}
.popupControls SPAN{padding:7px 0 0 7px;display:block;float:left}
.popupControls DIV{background:url(img/close.gif) no-repeat left;width:264px;height:26px;float:right;cursor:pointer}


#popMask{position:absolute;z-index:15;top:0;left:0;opacity:.8;filter:alpha(opacity=80);background:#222;text-align:center;width:100%;display:none;
cursor:-moz-zoom-out;
cursor:url(http://localhost/romantika/img/zoomout.cur), pointer;
}

#preloader{background:url(img/ajax.gif) no-repeat 50% 50% #fff;filter:alpha(opacity=80);opacity:.8;position:absolute;z-index:25;width:32px;height:32px;
display:none;
-webkit-border-radius:4px;-moz-border-radius:4px;
}
#popBar{
padding:12px 0 15px 0;
display:none;z-index:16;
position:absolute;top:0;left:0;width:100%;text-align:center;
}
#popBar A{display:inline-block;border:0;height:21px;width:90px;padding:0;margin:0;background:url(img/photobuttons.gif);vertical-align:top;}
#popBar A#phNext{background-position:0 0;}
#popBar A#phNext:hover{background-position:0 -21px;}
#popBar A#phBack{background-position:0 -42px;}
#popBar A#phBack:hover{background-position:0 -63px;}

#popBar SPAN{display:inline-block;color:#fff;padding:3px 12px;margin:0 7px;font-family:verdana;font-size:11px;font-weight:bold;vertical-align:top;}
#popBar EM{font-style:normal;margin:0 2px;font-weight:bold;}
#popBar STRONG{font-weight:bold;}


#popWrap{
display:none;top:0;left:0;
position:absolute;z-index:17;
background:#000;
border:1px solid #ddd;
cursor:-moz-zoom-out;
cursor:url(http://localhost/romantika/img/zoomout.cur), pointer;
padding:1px;
}



.podminky{padding-bottom:15px;}
.podminky H2{margin-bottom:10px;color:#01319d;}
.podminky P{padding-left:70px;text-indent:-30px;}
.desitky P{padding-left:77px;text-indent:-37px;}



.kontakt H2{margin:0;padding:0;font-weight:bold;clear:left;
padding:10px 0;
color:#01319d;
}

.fotokulate{
-moz-box-shadow:1px 1px 1px #777;
-webkit-box-shadow:1px 1px 1px #777;
box-shadow:1px 1px 1px #777;
}

.mform2{background:url(img/emailform.gif) 0 0;width:205px;height:190px;
float:right;padding:0 5px 20px 10px;margin:0 0 10px 10px;
}
.mform{width:100%;border-collapse:collapse;border:0;}
.mform TD,.mform TH{padding:2px;margin:0;border:0;}
.mform INPUT{margin:0;font-size:11px;font-family:verdana;}
.mform TH{font-weight:normal;text-align:right;white-space:nowrap;}
.mform TEXTAREA{width:190px;margin:0 0 5px 0;font-size:11px;font-family:verdana;}


#etiketa{
background:url(img/etiketa.png) no-repeat;width:96px;height:95px;
position:absolute;
right:-55px;
margin-top:-82px;
text-indent:-5000px;
}