/*
////////////////////
////////////////////
//////////////////// DEFAULT DEFINITIONS 
////////////////////
////////////////////
*/

/* reset margins and paddings */
body, html {margin:0 auto; padding:0;height:100%}

/* main page body definitions */
body {font-family: Tahoma, Verdana, Helvetica, sans-serif; font-size:11px; text-align:center; /*background: url(../images/PageConstruct/bg-body.png) #F3F3F3*/ background:#F3F3F3}

/* reset default image definitions */
img {border: 0 solid}

/* a tag definitions */
a {text-decoration:underline}
a:hover {text-decoration:none}

/* p tag definition */
p {margin:0; padding:0 0 10px 0}

/* font size in inputs */
input {font-size:12px}

.hidden {display:none}

.center {text-align:center}

.p33-con {padding-right:40px; padding-top:20px}
.p33 {width:33%; float:left}

/* summer label 
#hot-label {position:absolute; right:-58px; top:55px; z-index:9}*/
#hot-label {position:absolute; right:-25px; top:40px; z-index:9}

#bottom-shadow {position:fixed; bottom:0; left:0; right:0; height:90px; background: url(../images/PageConstruct/bg-footer.png) repeat-x top}

.thumballsitelink {border:4px solid #EBEBEB}
.thumballsitelink:hover {border:4px solid #BD0000}

/*
//////////////////// STYLE DEFINITIONS FOR ALL GLOBAL USED PAGE ELLEMENTS
*/

/* clearing element */
.clear {clear:both}
/* left floating definition */
.left {float:left}
/* right floating definition */
.right {float:right}

/* page elements padding left side and right side 15px */
.padding-lr-15 {padding-left:15px; padding-right:15px}
/* page elements padding left side and right side 10px */
.padding-lr-10 {padding-left:10px; padding-right:10px}
/* page elements padding left side and right side 5px */
.padding-lr-5 {padding-left:5px; padding-right:5px}
/* page elements padding top 15px */
.padding-top-15 {padding-top:15px}
/* page elements padding top 10px */
.padding-top-10 {padding-top:10px}
/* page elements padding top 5px */
.padding-top-5 {padding-top:5px}

/* gallery items */
.v-outer {cursor:pointer;display:table;height:100px;margin:5px;overflow:hidden;border:1px solid #ebebeb; padding:0 4px; float:left}
.v-outer:hover{background:#bd0000; padding:0 4px}
.v-middle {display:table-cell;margin:0 auto;vertical-align:middle}
.v-inner {margin:0 auto;text-align:center;width:100%}

/*
////////////////////
////////////////////
//////////////////// MAIN PAGE CONSTRUCT DEFINITIONS 
////////////////////
////////////////////
*/
 
/* page align */
.page-outer {display:table;height:100%;margin:0 auto;overflow:hidden; width:100%; padding:0 }
.page-middle {display:table-cell;margin:0 auto;vertical-align:middle}
.page-inner {margin:0 auto;text-align:center;width:100%}

/* page construct */
#page-construct {width:960px; height:500px; text-align: left; margin:0 auto;  position:relative}

#one-content-column {margin-right:60px}

/* page header */
#page-header {background: url(../images/PageConstruct/bg-header.png) no-repeat center bottom; height:90px}
#page-header img {padding-left:15px; padding-top:35px}

/* page content */
#page-content {height:400px; background: url(../images/PageConstruct/ContentBg/bg-main-content.png) no-repeat; text-shadow:1px 1px #cfcfcf}
#page-content a ,#page-content strong{color:#BD0000}

/* diference page backgrounds */
.Contact, .News, .Siemens, .Realizacie, .Partners, .Designers, .Projects, .Division-of-lightning , .LH-Vietnam-Hanoi, .Varenie-so-siemensom, .Eurovea, .IIIVeze, .Racany, .ibyt2, .ibyt31, .ibyt32, .coloseum, .dubravka, .lozorno, .ruzinov, .velke-levare, .bratislava , .senec, .mezonet-bratislava, .ibyt2petrzalka, .rdruzinov, .rdvajnory, .rdvajnory2, .bytovydom, .bytruzinov, .rdtrnavka {padding:20px 0px 20px 20px; height:360px}
.Contact {background: url(../images/PageConstruct/ContentBg/contacts.png) right top no-repeat}
.News {background: url(../images/PageConstruct/ContentBg/news.png) right top no-repeat;}
.Varenie-so-siemensom {background: url(../images/PageConstruct/ContentBg/siemens.png) right top no-repeat;}
.Realizacie {background: url(../images/PageConstruct/ContentBg/realization.png) right top no-repeat;}
.Partners {background: url(../images/PageConstruct/ContentBg/partners.png) right top no-repeat;}
.Designers {background: url(../images/PageConstruct/ContentBg/designers.png) right top no-repeat;}
.Projects {background: url(../images/PageConstruct/ContentBg/projects.png) right top no-repeat;}
.Eurovea, .IIIVeze, .Racany, .ibyt2, .ibyt31, .ibyt32, .coloseum, .dubravka, .lozorno, .ruzinov, .velke-levare, .bratislava , .senec, .mezonet-bratislava, .ibyt2petrzalka, .rdruzinov, .rdvajnory, .rdvajnory, .bytovydom, .bytruzinov, .rdtrnavka {background: url(../images/PageConstruct/ContentBg/projects.png) right top no-repeat;}
.Division-of-lightning {background: url(../images/PageConstruct/ContentBg/lightning.png) right top no-repeat;}
.LH-Vietnam-Hanoi{background: url(../images/PageConstruct/ContentBg/hanoi.png) right top no-repeat;}

/* page footer */
#page-footer {height:90px; background: url(../images/PageConstruct/bg-main-menu.png) no-repeat top }
#main-menu {}
#main-menu .item {width:100px; float:left}
#main-menu .item  a{display:block; padding:10px 5px; height:70px; color:#000; text-align:center; text-shadow: #fff 1px 1px; text-decoration:none}
#main-menu .item  a:hover{/*background: url(../images/PageConstruct/bg-main-menu.png) repeat-x;*/ color:#bd0000; text-shadow: #fff 1px 1px; text-decoration:underline}

/* frontpage links */
a.frontpage-light{width:384px; height:400px; background: url(../images/PageConstruct/Frontpage-links/ligh-normal.png) right top no-repeat; display:block; float:left}
a.frontpage-light:hover{width:384px; height:400px; background: url(../images/PageConstruct/Frontpage-links/ligh-over.png) right top no-repeat; display:block; float:left}
a.frontpage-kitchen {width:384px; height:400px; background: url(../images/PageConstruct/Frontpage-links/kitchen-normal.png) right top no-repeat; display:block; float:left}
a.frontpage-kitchen:hover {width:384px; height:400px; background: url(../images/PageConstruct/Frontpage-links/kitchen-over.png) right top no-repeat; display:block; float:left}
a.frontpage-hanoi {width:192px; height:400px; background: url(../images/PageConstruct/Frontpage-links/hanoi-normal.png) right top no-repeat; display:block; float:left}
a.frontpage-hanoi:hover {width:192px; height:400px; background: url(../images/PageConstruct/Frontpage-links/hanoi-over.png) right top no-repeat; display:block; float:left}

/* tooltip definitions */
.tooltip-container {background: url(../images/PageConstruct/bg_tooltip.png); color:#fff; border:1px solid #fff; padding: 5px 10px ;z-index:9999}

/* Content style definitions */
.left{float:left; width:440px}
.right{float:right; width:440px; margin-right:40px }


.contact-left {float:left}
.contact-right {float:right; margin-right:60px}
.contact-right iframe {border:4px solid #FFFFFF}


/* partners */
.partners-content  {padding-top:25px; padding-left:35px}

.partners-item {border:1px solid #EBEBEB; width:200px; height:100px; float:left; text-decoration:none}

.partners-item  .siemens, .partners-item  .bosh, .partners-item  .smeg, .partners-item  .miele, .partners-item  .franke, .partners-item  .ariston,
.partners-item .kueppersbusch, .partners-item .calligaris
	{background:#EBEBEB; width:100px; height:100px; float:left}
.partners-item  .lightech, .partners-item  .blum, .partners-item  .blanco, .partners-item  .gagenau
	{background:#EBEBEB; width:100px; height:100px; float:right}
	
.partners-item:hover {border:1px solid #BD0000; text-shadow:none}
.partners-item:hover .partners-www  {background:#BD0000; color:#ffffff}
.partners-www {width:100px; height:15px; float:right; text-align:center; padding-top:85px}

.partners-item:hover .siemens {background: url(../images/Partners/siemens.png) 0 0}
.partners-item:hover .bosh {background: url(../images/Partners/bosh.png) 0 0}
.partners-item:hover .smeg {background: url(../images/Partners/smeg.png) 0 0}
.partners-item:hover .miele {background: url(../images/Partners/miele.png) 0 0}
.partners-item:hover .lightech {background: url(../images/Partners/lightech.png) 0 0}
.partners-item:hover .blum {background: url(../images/Partners/blum.png) 0 0}
.partners-item:hover .blanco {background: url(../images/Partners/blanco.png) 0 0}
.partners-item:hover .gagenau {background: url(../images/Partners/gagenau.png) 0 0 }
.partners-item:hover .franke {background: url(../images/Partners/franke.png) 0 0}
.partners-item:hover .ariston {background: url(../images/Partners/ariston.png) 0 0}
.partners-item:hover .kueppersbusch {background: url(../images/Partners/kuppersbuch.png) 0 0}
.partners-item:hover .calligaris {background: url(../images/Partners/calligaris.png) 0 0}

/* projects */
.projects-item {width:125px; padding-right:25px; text-align:center; float:left}
.projects-item a, a.lightning-thumb {border:4px solid #EBEBEB; margin-bottom:10px; float:left}
.projects-item a:hover, a.lightning-thumb:hover{border:4px solid #BD0000}	
a.lightning-thumb {margin-right:7px}

.project-button-active {padding:10px; border-top:1px solid #8c8c8c; margin-right:20px; background:#BD0000; color:#fff; text-shadow:none}
.project-button {padding:10px; border-top:1px solid #8c8c8c; margin-right:20px}
.project-button:hover {background:#BD0000; color:#fff; text-shadow:none}
.project-button-last .project-button {border-bottom:1px solid #8c8c8c;}
.eurovea {background: url(../images/Projects/eurovea.png) right no-repeat}
.veze {background: url(../images/Projects/veze.png) right no-repeat}
.racany {background: url(../images/Projects/racany.png) right no-repeat}
.eden {background: url(../images/Projects/eden.png) right no-repeat}


/*===================== GALLERY ============================*/
#thumbs {width:288px; float:left; height:360px; overflow-y:auto; overflow-x:hidden}
#gallery {width:580px; float:right; margin-right:60px; position:relative}

#controls {position:absolute; bottom:0; right:0}
.prev {width:32px; height:39px; float:left; background: url(../images/PageConstruct/preview-arrow.png) no-repeat}
.next {width:32px; height:39px; float:right; background: url(../images/PageConstruct/next-arrow.png) no-repeat}