@import "reset.css";
/**
 * Intecmedia HTML Reset
 *
 * @copyright 2011 IntecMedia (http://www.intecmedia.ru)
 * @license public domain
 */
a, a:link {
    outline:none;
    border:none;
}

body {
    font-family:'Arial';
}
#flash {
    position:relative;
    width:900px;
    height:633px;
    background:url(../image/1.jpg) 0 0 no-repeat;
}
#images {
    position:relative;
    width:900px;
    height:633px;
}
#images img {
    position:absolute;
    display:block;
    width:900px;
    height:633px;
    display:none;
}
#roofs {
    background: url(../image/5.png) center 20% no-repeat;
    position:absolute;
    top:0;
    left:0;
}
#walls {
    background: url(../image/5.png) 58% 50% no-repeat;
    position:absolute;
    top:0;
    left:0;
}
#flash .a_toggle {
    position:absolute;
    top:10px;
    left:11px;
    width:29px;
    height:29px;
    background:url(../image/eye.jpg) 0 0 no-repeat;
}
#flash .a_toggle.opened {
    background-position:0 -29px;
}
.tooltip {
    displau:block;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: rgba(255,255,255,0.7);
    top:10px;
    left:60px;
    position:absolute;
    font-size:12px;
    height:29px;
    line-height:29px;
    padding:0 15px;
}
.tooltip .nose {
    display:block;
    width:4px;
    height:8px;
    background: url(../image/nose.png) 0 0 no-repeat;
    top:10px;
    left:-4px;
    position:absolute;
}
.menu_level1, .menu_level2 {
    background: rgb(212,220,227); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q0ZGNlMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhYmI1YmIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgb(212,220,227) 0%, rgb(171,181,187) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(212,220,227)), color-stop(100%,rgb(171,181,187))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgb(212,220,227) 0%,rgb(171,181,187) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgb(212,220,227) 0%,rgb(171,181,187) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgb(212,220,227) 0%,rgb(171,181,187) 100%); /* IE10+ */
    background: linear-gradient(top,  rgb(212,220,227) 0%,rgb(171,181,187) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d4dce3', endColorstr='#abb5bb',GradientType=0 ); /* IE6-8 */
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    height:29px;
    font-size:14px;
    position:absolute;
    top:408px;
    left:22px;
}
.menu_level1 li {
    display:inline-block;
    vertical-align:top;
    height:29px;
    margin-right:-4px;
    cursor:pointer;
}
.menu_level1 li:hover {
    background: rgb(232,238,241); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U4ZWVmMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkNmRjZGUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgb(232,238,241) 0%, rgb(214,220,222) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(232,238,241)), color-stop(100%,rgb(214,220,222))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgb(232,238,241) 0%,rgb(214,220,222) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgb(232,238,241) 0%,rgb(214,220,222) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgb(232,238,241) 0%,rgb(214,220,222) 100%); /* IE10+ */
    background: linear-gradient(top,  rgb(232,238,241) 0%,rgb(214,220,222) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8eef1', endColorstr='#d6dcde',GradientType=0 ); /* IE6-8 */
}
.menu_level1 li:first-child {
    -webkit-border-top-left-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}
.menu_level1 li:last-child {
    -webkit-border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomright: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    margin-right:0;
}
.menu_level1 a {
    color:#333;
    display:block;
    height:16px;
    margin-top:7px;
    border-left:1px solid #7c8285;
    padding:0 11px;
    text-decoration:none;
    text-shadow:1px 1px 0 #d8dde2;
    line-height:16px;
    font-weight: bold;
}
.menu_level1 li:first-child a {
    border-left:0;
}
.menu_level1 .opened, .menu_level1 .opened:hover {
    background: rgb(250,175,22); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZhYWYxNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNjg2MGYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgb(250,175,22) 0%, rgb(230,134,15) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(250,175,22)), color-stop(100%,rgb(230,134,15))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgb(250,175,22) 0%,rgb(230,134,15) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgb(250,175,22) 0%,rgb(230,134,15) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgb(250,175,22) 0%,rgb(230,134,15) 100%); /* IE10+ */
    background: linear-gradient(top,  rgb(250,175,22) 0%,rgb(230,134,15) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#faaf16', endColorstr='#e6860f',GradientType=0 ); /* IE6-8 */
}
.menu_level1 .opened > a {
    text-shadow:1px 1px 0 #f5c06a;
    position:relative;
}
.menu_level2 {
    display:none;
    top:40px;
    left:0;
}
.menu_level2 a {
    padding:0 9px;
}
.opened > a > .nose {
    position:absolute;
    left:0;
    bottom:-9px;
    width:100%;
    display:block;
    height:3px;
    background: url(../image/nose.gif) center 0 no-repeat;
}

.showroom {
    background: rgba(255,255,255,0.65);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding:10px 0;
    position:absolute;
    bottom:35px;
    left:22px;
    width:85%;
    height:115px;
    display:none;
}
.showroom .union {
    position:absolute;
    width:100%;
    top:0;
    left:0;
    display:none;
}
.showroom a {
    display:inline-block;
    vertical-align:top;
    padding:100px 5px 5px;
    width:90px;
    position:relative;
    color:#000;
    font-size:12px;
    text-decoration:none;
    text-align:center;
    font-weight: bold;
    background: url(../image/5.png) center 25px no-repeat;
}
.showroom a img {
    display:block;
    position:absolute;
    top:10px;
    left:10px;
    width:80px;
    height:80px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-repeat:no-repeat;
    background-position:0 0;
}
.showroom .current img {
    border:4px solid #f09c13;
    margin:-4px 0 0 -4px; 
}
/*  ROOFS  */
.showroom .tile_01 {
    background-image: url(../image/roofs/kvadro/tile/roof_01.png);
}
.showroom .tile_02 {
    background-image: url(../image/roofs/prima/tile/roof_01.png);
}
.showroom .tile_03 {
    background-image: url(../image/roofs/prima/tile/roof_02.png);
}
.showroom .tile_04 {
    background-image: url(../image/roofs/prima/tile/roof_03.png);
}
.showroom .tile_05 {
    background-image: url(../image/roofs/trio/tile/roof_01.png);
}
.showroom .tile_06 {
    background-image: url(../image/roofs/trio/tile/roof_02.png);
}
/*  #ROOFS  */

/* IE7 */
.lt-ie7 .choose_wall .opened,
.lt-ie7 .choose_wall ul a,
.lt-ie7 .menu_level1 li,
.lt-ie7 .showroom a {
    display:inline;
    zoom:1;
}
.lt-ie7 .tooltip,
.lt-ie7 .showroom {
    background:#fff;
}
.lt-ie7 .choose_wall {
    background: #bec7cd;