/*
Name of project: VIP Apartaments
Author: Sergej Rozkov <projects.support@gmail.com>  
*/
/* Common classes */
.logo H1 { display:none; }

* { margin:0; padding:0; font-family:Georgia, serif; }
HTML, BODY { height:100%; }
IMG { border:0; }
SPAN.Up { text-transform:uppercase; }
.hide { display:none; }

/* Index template */
#I { background-color:#360505; } /*3c0606->360505*/
#I .bg { clear:both; height:100%; width:100%; min-width:1000px; max-width:1450px; background:#470707 url('../i/bg_i2_.jpg') repeat-x bottom; } /*4e0808*/
#I .sc { position:relative; background:url('../i/bg_top.jpg') no-repeat left top; height:100%; }
#I .site { padding-top:72px; position:relative; z-index:2; width:76%; left:7.5%;  }
#I .logo { overflow:hidden; display:block; width:201px; height:96px; background:url('../i/VIP_Apartments2.jpg') no-repeat center center; position:relative; left:-48px; }
#I #Lang { padding:10px 0 50px 0; position:relative; left:-6px; }
#I #Lang A { font-size:15px; font-weight:bold; color:white; display:block; overflow:hidden; height:17px; border-right:1px solid #5d2617; float:left; text-decoration:none; padding:3px 6px; }
#I #Lang A:hover { color:#9f7e7e; }
#I #Lang A.last { border-right:none; }
#I #Lang A.a { color:#b6ac5a; }
#I #Lang.Images { left:-10px; }
#I #Lang.Images A { padding:2px 10px;}
#I #Lang.Images IMG { position:relative; top:2px; }
#I #Lang.Images A.last { margin-right:0; }
#I #Menu { display:block; padding:20px 0 25px 0; }
#I #Menu LI { display:block; list-style-type:none; padding:5px 0; }
#I #Menu A { font-size:15px; color:white; border-bottom:1px solid #c8bd64; text-decoration:none; }
#I #Menu A:hover { color:#9f7e7e; border-bottom:1px solid #502917; }
#I H3 { display:block; padding:25px 60px 35px 0; font-size:26px; color:#b6ac5a; font-weight:normal; line-height:140%; }
#I H3 A { color:white; border-bottom:1px solid white; text-decoration:none; }
#I H3 A:hover { color:#9a7777; border-bottom:1px solid #9a7777; }
#I H5 { padding:25px 0 15px 0; font-size:12px; color:#855e5e; font-weight:normal; position:relative; }
#I H5 B { font-size:12px; color:#643535; font-weight:normal; }
#I H5 A { color:#9a7777; text-decoration:none; border-bottom:1px solid #855e5e; }
#I H5 A:hover { border-bottom:none; color:#6a3c3c; }
#I H5 SPAN.d { padding:0 3px; }
#I #Veritas { position:absolute; right:-18%; top:22px; } 
/*#I H5 { font-size:13px; color:#916969; padding:25px 0 15px 0;}
#I H5 SPAN.d { padding:0 2px; font-size:15px; }   */
#I H6 { font-family:Arial; font-size:11px; font-weight:bold; color:#602e2d; padding:15px 20px; display:block; background:url('../i/c.gif') no-repeat left 14px; position:relative; left:-20px; }
#I .wbg { width:10px; position:absolute; height:100%; background:#470707 url('../i/bg_wide.gif') repeat-y right; right:0; top:0; }

/* Next template */
#N { background-color:#d5d5d5; } /* #dddddd */
#N .bg { clear:both; width:100%; min-width:1000px; max-width:1450px; position:relative; }
#N .sc {  position:relative; z-index:2; display:table; width:100%; }
#N .site { display:table; width:100%; background:white url('../i/bg_n.png') repeat-x bottom; }
#N #ablock { position:relative; left:7%; top:37px; height:150px; width:70%; }
#N .logo, #N #Icons { left:-45px; } 
#N .logo { overflow:hidden; display:block; width:201px; height:96px; background:url('../i/VIP_Apartments_.png') no-repeat center center; float:left; position:relative; }
#N #Icons { display:block; top:75px; float:left; position:relative; top:40px; margin-left:65px; }
#N #Icons LI { list-style-type:none; display:block; float:left; height:18px; width:20px; margin-right:10px; }
#N #Icons LI.d { border-right:1px solid #e9e9e9; }
#N #Lang { display:block; float:left; position:relative; top:29px; }
#N #Lang { padding:10px 0 50px 0; position:relative; left:-6px; }
#N #Lang A { font-size:13px; font-weight:bold; color:#999999; display:block; overflow:hidden; height:17px; border-right:1px solid #f0ecec; float:left; text-decoration:none; padding:3px 6px; font-weight:normal; }
#N #Lang A:hover { color:#a96d6d; }
#N #Lang A.last { border-right:none; }
#N #Lang A.a { color:#b6ac5a; font-weight:bold; }
#N #Lang.Images { }
#N #Lang.Images A { padding:2px 10px;}
#N #Lang.Images IMG { position:relative; }
#N #Lang.Images SPAN.a { display:block; padding:2px; border:1px solid #F0ECEC; position:relative; top:-2px; } 
#N #Menu { width:15%; float:left; position:relative; left:7%; z-index:2; }
#N #Menu LI { list-style-type:none; display:block; padding:5px 0; }
#N #Menu A { font-size:15px; color:#6f0c0c; text-decoration:none; border-bottom:1px solid #c8bd64; }
#N #Menu A:hover { color:#a96d6d; border-bottom:1px solid #eee2e2; }
#N #Menu LI.a A { color:#c8bd64; border-bottom:none; cursor:default; }
#N H2 { font-size:30px; color:#6f0c0c; padding-bottom:15px; }
#N H5 { padding-top:70px; font-size:12px; color:#666666; line-height:22px; font-weight:normal; position:relative; }
#N H5 B { font-size:14px; color:#700c0c; font-weight:bold; display:block; clear:both; }
#N H5 SPAN.d { padding:0 2px; font-size:15px; }   
#N H5 A { font-size:12px; color:#666666; }   
#N H5 A:hover { text-decoration:none; }   
#N H6 { font-family:Arial; font-size:11px; color:#999999; padding:15px 15px 15px 21px; display:block; background:url('../i/cn.gif') no-repeat left 14px; position:relative; left:-20px; }
#N #Veritas { position:absolute; right:-40%; top:100px; }
#N .wbg { width:10px; position:absolute; height:100%; background:#470707 url('../i/bg_wide_n.gif') repeat-y right; right:0; top:0; }

/* Conetnt formating */
.content { width:50%; float:left; position:relative; left:7%; z-index:2; }
.content * { font-size:15px; color:#404040; font-family:Arial; }
.content P { line-height:140%; padding-top:5px; padding-bottom:10px; }
.content P.big { font-size:18px; }
.content LI { list-style-type:none; list-style-position:inside; display:block; padding:3px 0 5px 0; }
.content TABLE { border-collapse:collapse; margin-top:40px; }
.content TABLE TH, .content TABLE TD { padding:3px 5px; font-size:15px; border:1px solid #404040; }
.content TABLE TH { text-align:left; }
.content TABLE TD { width:200px; }
.content TABLE TD.price { width:100px; }
.content .SuperLink { display:block; width:466px; height:62px; background:url(../i/bg_superlink.png) no-repeat center center; position:relative; text-decoration:none; margin-top:75px; }
.content .SuperLink SPAN { position:relative; top:20px; left:20px; color:white; font-size:18px; text-decoration:none; border-bottom:1px dashed white; }
.content .SuperLink:hover SPAN { color:#9a7777; border-bottom:1px solid #9a7777; }

/* Graphik elemenets */
#bgf0 { display:none; position:absolute; z-index:1; right:0; top:0; width:757px; height:587px; background:url('../i/bgf.png') no-repeat right top; }
#bgf { position:absolute; z-index:1; right:10px; top:0; width:757px; height:587px; background-color:#470707; /*background:url('../i/fake_bgf.png') no-repeat right top;*/ }
#bgf2 { position:absolute; z-index:1; right:10px; top:0; width:405px; height:217px; background:url('../i/bgf2.png') no-repeat right top; }
#bgf3 { position:absolute; z-index:1; left:0; bottom:0; width:232px; max-width:1000px; height:124px; background:url('../i/bgf3.gif') no-repeat right top; }

/* Gallery */
#Gal { position:relative; background-color:#f7f8df; display:table; padding:10px; margin:5px 0 30px 0; }
#Gal A { margin:7px; float:left; width:85px; height:73px; position:relative; overflow:hidden; display:block; background-color:#590a0a; }
#Gal SPAN { display:block; }
#Gal A.hover SPAN { display:block; width:75px; height:63px; position:relative; left:5px; top:5px; overflow:hidden; }
#Gal A.hover SPAN IMG { position:relative; left:-5px; top:-5px; }
/*#Gal .fake { position:absolute; left:-57px; width:710px; height:263px; background:url('../i/fake_gal.png') no-repeat left top; }*/

#Gal2 { position:relative; background-color:#f7f8df; display:table; padding:10px; margin:5px 0 30px 0; }
#Gal2 A { margin:7px; float:left; width:85px; height:73px; position:relative; overflow:hidden; display:block; background-color:#590a0a; }
#Gal2 SPAN { display:block; }
#Gal2 A.hover SPAN { display:block; width:75px; height:63px; position:relative; left:5px; top:5px; overflow:hidden; }
#Gal2 A.hover SPAN IMG { position:relative; left:-5px; top:-5px; }

/* Gallery block */
/* Apartments */
#zanaves { position:absolute; z-index:4; background-color:white; opacity:.7; display:none; }
#gblock { position:absolute; z-index:5; width:860px; height:640px; top:45px; background-color:#eeffe2; display:none; }
#gblock .bimg { width:830px; height:490px; overflow:hidden; position:relative; }
#gblock .bimg, #gblock .list { left:15px; top:40px; }
#gblock .list { width:830px; background-color:#590a0a; height:102px; position:relative; }
#gblock .list .imgs { width:770px; position:relative; overflow:hidden; left:30px; top:8px; }
#gblock .list .imgs .lim { width:2000px; position:relative; }
#gblock .list .prev, #gblock .list .next { display:block; width:30px; height:100%; position:absolute; cursor:pointer; text-decoration:none; }
#gblock .list .prev SPAN, #gblock .list .next SPAN { display:none; }
#gblock .list .prev { left:0; background:url('../i/gprev.gif') no-repeat center center; }
#gblock .list .next { right:0; background:url('../i/gnext.gif') no-repeat center center; }
#gblock .list .imgs A { margin:7px; float:left; width:85px; height:73px; position:relative; overflow:hidden; display:block; background-color:#881a1a; }
#gblock .list .imgs SPAN { display:block; }
#gblock .list .imgs A.hover SPAN { display:block; width:75px; height:63px; position:relative; left:5px; top:5px; overflow:hidden; }
#gblock .list .imgs A.hover SPAN IMG { position:relative; left:-5px; top:-5px; }
#gblock .list .imgs A.ch { background-color:white; }
#gblock .list .imgs A.ch SPAN { display:block; width:75px; height:63px; position:relative; left:5px; top:5px; overflow:hidden; }
#gblock .list .imgs A.ch SPAN IMG { position:relative; left:-5px; top:-5px; }

/* Sale */
#gblock2 { position:absolute; z-index:5; width:860px; height:640px; top:45px; background-color:#eeffe2; display:none; }
#gblock2 .bimg { width:830px; height:490px; overflow:hidden; position:relative; }
#gblock2 .bimg, #gblock2 .list { left:15px; top:40px; }
#gblock2 .list { width:830px; background-color:#590a0a; height:102px; position:relative; }
#gblock2 .list .imgs { width:770px; position:relative; overflow:hidden; left:30px; top:8px; }
#gblock2 .list .imgs .lim { width:2000px; position:relative; }
#gblock2 .list .prev, #gblock2 .list .next { display:block; width:30px; height:100%; position:absolute; cursor:pointer; text-decoration:none; }
#gblock2 .list .prev SPAN, #gblock2 .list .next SPAN { display:none; }
#gblock2 .list .prev { left:0; background:url('../i/gprev.gif') no-repeat center center; }
#gblock2 .list .next { right:0; background:url('../i/gnext.gif') no-repeat center center; }
#gblock2 .list .imgs A { margin:7px; float:left; width:85px; height:73px; position:relative; overflow:hidden; display:block; background-color:#881a1a; }
#gblock2 .list .imgs SPAN { display:block; }
#gblock2 .list .imgs A.hover SPAN { display:block; width:75px; height:63px; position:relative; left:5px; top:5px; overflow:hidden; }
#gblock2 .list .imgs A.hover SPAN IMG { position:relative; left:-5px; top:-5px; }
#gblock2 .list .imgs A.ch { background-color:white; }
#gblock2 .list .imgs A.ch SPAN { display:block; width:75px; height:63px; position:relative; left:5px; top:5px; overflow:hidden; }
#gblock2 .list .imgs A.ch SPAN IMG { position:relative; left:-5px; top:-5px; }

/* Flash Block */
#fblock { position:absolute; z-index:5; width:912px; height:570px; left:0; top:0; background-color:#f8f8e0; display:none; }
#fblock .Flash { position:relative; top:40px; }
.Flash .alt { display:none; }

/* Form Table */
#bblock { width:945px; height:588px; background:#f8f8e0 url('../i/bg_ft.png') no-repeat left bottom; position:relative; margin:20px; }
#bblock #ftblock { width:550px; margin:0 auto; position:relative; top:75px; left:20px; }
#bblock TABLE { border-collapse:collapse; width:100%; }
#bblock TH { border-bottom:2px solid #590b0b; }
#bblock TH, #FT TD { padding:7px 17px; }
#bblock TD .rez { padding-right:15px; background:url('../i/ar-.png') no-repeat right 5px; }
#bblock TD A { font-size:15px; color:#4d4c4a; text-decoration:underline; }
.f_close {  position:absolute; right:15px; top:15px; }
.f_close A { display:block; width:11px; height:11px; background:url('../i/close.png') no-repeat center center; }
.f_close A SPAN { display:none; }


/* Form Rezervation */
#Rezerv { display:block; background-color:#fff3db; padding-top:25px; }
#Rezerv * { font-family:Arial; color:#333333; }
#Rezerv .pl { display:block; float:left; width:42%; position:relative; left:5%; }
#Rezerv .pr { display:block; float:left; width:42%; position:relative; left:10%; }
#Rezerv .pc { display:block; clear:both; width:89%; position:relative; left:5%; }
#Rezerv .pb { display:block; clear:both; height:70px; background-color:#eadc9b; margin-top:20px; }
#Rezerv LABEL { display:block; font-size:14px; font-weight:bold; padding-bottom:4px; }
#Rezerv .bigg LABEL { font-size:18px; display:block; float:left; margin-right:25px; }
#Rezerv .bigg .ra LABEL { font-size:18px; margin-right:15px; font-weight:normal; top:-5px; position:relative; }
#Rezerv .ApCheck { clear:both; position:relative; left:136px; }
.ru #Rezerv .ApCheck { left:166px; }
.en #Rezerv .ApCheck { left:98px; }
.de #Rezerv .ApCheck { left:147px; }
.pl #Rezerv .ApCheck { left:110px; }
#Rezerv .field_ob { width:100%; background:url('../i/bg_field_beg.png') no-repeat left top; position:relative; }
#Rezerv INPUT.field { height:21px; border:0; width:100%; background:url('../i/bg_field_end.png') no-repeat right top; }
#Rezerv #App.field_ob { width:55%; background:url('../i/bg_field_beg.png') no-repeat left top; border:10px solid #e5d98f; margin:0 auto; top:10px; display:none; }
#Rezerv #App INPUT.field { color:#8d8d8d; }
#Rezerv .ra { float:left; padding:5px 0 0 0; }
#Rezerv .ra INPUT { width:auto; float:left; position:relative; top:2px; }
#Rezerv .ra LABEL { float:left; padding:0 10px 0 3px; font-weight:normal; }
#Rezerv .texta_ob { width:100%; background:url('../i/bg_texta_beg.png') no-repeat left top; }
#Rezerv TEXTAREA { height:100px; width:100%; border:0; background:url('../i/bg_texta_end.png') no-repeat right top; }
#Rezerv DIV.d { display:block; height:8px; clear:both; overflow:hidden; }
#Rezerv DIV.d2 { width:89%; left:5%; position:relative; display:block; height:25px; border-bottom:1px solid #eed8c3; clear:both; overflow:hidden; margin-bottom:25px; }
#Rezerv .f_date { width:48%; float:left; height:21px; padding-bottom:8px; position:relative; }
#Rezerv .f_date.l { }
#Rezerv .f_date.c { width:3%; position:relative; text-align:center; font-size:18px; color:#666666; left:3px; }
#Rezerv .f_date.r { left:2%; position:relative; }
#Rezerv .f_date .field_ob { width:83%; float:left; height:21px; }
#Rezerv .f_date .field_ob INPUT { font-size:13px; }
#Rezerv .f_date LABEL { width:21px; height:21px; overflow:hidden; background:url('../i/ico_calendr.png') no-repeat center center; float:right; position:relative; z-index:2; top:-2px; cursor:pointer; }
#Rezerv .f_date LABEL SPAN { display:none; }
#Rezerv .alink { border-bottom:1px dashed #6f0d0c; color:#6f0d0c; font-size:13px; text-decoration:none; clear:both; }
#Rezerv A:hover { border-bottom:none; }
#Rezerv .pb INPUT { display:block; margin:0 auto; position:relative; top:19px; }
#Rezerv INPUT.submit { display:block; width:101px; height:32px; border:0; background:url('../i/rezervacija.png') no-repeat center center; font-size:0; cursor:pointer; }
.ru #Rezerv INPUT.submit { width:131px; height:32px; background:url('../i/rezervacija_ru.gif') no-repeat center center;}
.en #Rezerv INPUT.submit { width:87px; height:32px; background:url('../i/rezervacija_en.gif') no-repeat center center;}
.de #Rezerv INPUT.submit { width:117px; height:32px; background:url('../i/rezervacija_de.gif') no-repeat center center;}
.pl #Rezerv INPUT.submit { width:87px; height:32px; background:url('../i/rezervacija_pl.gif') no-repeat center center;}

/* Calendar */
.Cal { position:absolute; left:0; top:27px; background-color:white; padding:10px; border:1px solid #a1a1a1; z-index:3; display:none; }
.Cal * { font-family:Arial; font-size:13px; color:#333333; }
.Cal .Month { position:relative; text-align:center; }
.Cal .Month B { color:#6f0c0c; font-size:16px; position:relative; z-index:1; }
.Cal .Month A { display:block; position:absolute; z-index:2; width:11px; height:11px; text-decoration:none; top:4px; }
.Cal .Month A SPAN { display:none; }
.Cal .Month A.prev { left:0; background:url('../i/prev.gif') no-repeat center center; }
.Cal .Month A.next { right:0; background:url('../i/next.gif') no-repeat center center; }
.Cal TABLE { border-collapse:collapse; }
.Cal TH, .Cal TD { padding:3px 5px; text-align:right;  border-right:1px solid #c9c9c9; }
.Cal .eb { border-right:none; }
.Cal TD A { text-decoration:none; color:#666666; }
.Cal TD A:hover { color:black; }
.Cal TD.ch A { color:red !important; }

.CalCheck { position:relative; z-index:1; clear:both; display:none; }
.CalCheck .Cal { top:20px; }

#da { height:305px; }