@charset "utf-8";
/* CSS Document */

body { margin: 0px; background-color: #FFF;font-family:"Segoe UI",Verdana, Geneva, sans-serif; font-size:12px;}
#Background { background:#fff;}
#UnderConstruction {position:absolute;top:50%;left:50%;margin-left: -285px;margin-top: 0;width:570px;height:0px;background:url(underConstruction.png) no-repeat;display:none;}

#Wrapper {position:absolute; top:50%;left:50%;width:650px; height:330px;margin-left: -325px; margin-top:-165px;}

.icon	{width:45px; height:36px;position:absolute;}

/* Ikonce LEVO */
#CVIcon, #ReferencesIcon, #BlogIcon {left:10px; display:none;}
#CVIcon {background:url(images/cv.png) no-repeat;top:31px;}
#ReferencesIcon {background:url(images/references.png) no-repeat;top:65px;}
#BlogIcon {background:url(images/blog.png) no-repeat;top:99px;}

/* Ikonce DESNO */
#TwitterIcon, #ContactIcon {right:14px; display:none;}
#TwitterIcon {background:url(images/twitter.png) no-repeat;top:30px;}
#ContactIcon {background:url(images/contact.png) no-repeat;top:65px;}

#LinksIcon, #GalleryIcon {top:281px; display:none;}
#GalleryIcon {background:url(images/gallery.png) no-repeat;left:59px;}
#LinksIcon {background:url(images/links.png) no-repeat;right:58px;}

.label {font-size:18px; text-transform:uppercase;display:block; width:148px; height:26px; position:absolute;cursor:pointer; background-repeat:no-repeat;}
/*.label {background:#0066FF;}*/

/* LABELS  Levo */
#CVLabel, #ReferencesLabel, #BlogLabel {left:66px; padding-left: 2px; display:none;}
#CVLabel {top:34px; background-image:url(images/bgleft.fw.png);}
#ReferencesLabel {top:69px;background-image:url(images/bgleft.fw.png);}
#BlogLabel {top:104px;background-image:url(images/bgleft.fw.png);}

/* LABELS  Desno */
#TwitterLabel, #ContactLabel {right:66px; padding-right: 2px; text-align:right; display:none;}
#TwitterLabel {top:34px; background-image:url(images/bgright.fw.png);}
#ContactLabel {top:69px; background-image:url(images/bgright.fw.png);}

/* LABELS  Spodaj */
#GalleryLabel, #LinksLabel {top:286px; display:none;}
#GalleryLabel {left:115px; padding-left: 2px; background-image:url(images/bgbottom.fw.png);}
#LinksLabel {right:115px; padding-right: 2px; text-align:right; background-image:url(images/bgbottom.fw.png);}

/* LOGO NAME */
#Logo {position:absolute; width:120px; height:25px; top:50%; left:50%; margin-top: -20.5px; margin-left: -60px; text-transform:uppercase; font-size:24px;text-align:center;vertical-align:middle; opacity:0;}