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



html,
body { height: 100%;margin: 0px; }

body {
	color: #b2b9bC;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	display: table;
    width: 100%;
}

h1, h4, h5, h6 {
	color: #fff;
	font-weight: 600;
}

h2{
    color: white;}

.container{
    width: 100%;
    position: relative;
}

a{color: #000;
    text-decoration: none;}
    

.content{
    position: relative;
        }
#menu{
    
    width: 100%;
    }

.absolute{
    position: absolute;}
 



#nav{display: inline block;
    list-style: none;
    width: 100%;
    z-index: 5;
    float: left;
    z-index: 40;
    }

.first-border{
    border-top-left-radius: 10px;}

.last-border{
    border-top-right-radius: 10px;}

/* NAV */
    
#nav li{
   background: rgba(105,117,125,1);
background: -moz-linear-gradient(top, rgba(105,117,125,1) 0%, rgba(59,69,78,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(105,117,125,1)), color-stop(100%, rgba(59,69,78,1)));
background: -webkit-linear-gradient(top, rgba(105,117,125,1) 0%, rgba(59,69,78,1) 100%);
background: -o-linear-gradient(top, rgba(105,117,125,1) 0%, rgba(59,69,78,1) 100%);
background: -ms-linear-gradient(top, rgba(105,117,125,1) 0%, rgba(59,69,78,1) 100%);
background: linear-gradient(to bottom, rgba(105,117,125,1) 0%, rgba(59,69,78,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#69757d', endColorstr='#3b454e', GradientType=0 );
    float: left;
    position: relative;
    }

#nav .large{
    background: rgba(93,105,117,1);
background: -moz-linear-gradient(top, rgba(93,105,117,1) 0%, rgba(56,65,75,1) 60%, rgba(56,65,75,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(93,105,117,1)), color-stop(60%, rgba(56,65,75,1)), color-stop(100%, rgba(56,65,75,1)));
background: -webkit-linear-gradient(top, rgba(93,105,117,1) 0%, rgba(56,65,75,1) 60%, rgba(56,65,75,1) 100%);
background: -o-linear-gradient(top, rgba(93,105,117,1) 0%, rgba(56,65,75,1) 60%, rgba(56,65,75,1) 100%);
background: -ms-linear-gradient(top, rgba(93,105,117,1) 0%, rgba(56,65,75,1) 60%, rgba(56,65,75,1) 100%);
background: linear-gradient(to bottom, rgba(93,105,117,1) 0%, rgba(56,65,75,1) 60%, rgba(56,65,75,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5d6975', endColorstr='#38414b', GradientType=0 );
    }

#nav .active{
    color: #022D59;
    position: relative;
    background: #fff;
    background: linear-gradient(to bottom, #FFF 0%, #DCE5E4 6%, #FFF 43%) repeat scroll 0% 0% transparent;}

#nav .active:hover{
    background: #fff;
     background: linear-gradient(to bottom, #FFF 0%, #DCE5E4 6%, #FFF 43%) repeat scroll 0% 0% transparent;}

#nav li:hover{
    background: #19365D;}

#nav a{color: #fff;}

.active-pointer {
    display: block;
    height: 9px;
    position: absolute;
    top: 100%;
    left: 0px;
    right: 0px;
    z-index: 3;
    background: url(img/icons-sprite.png) no-repeat scroll center -288px transparent;}

/* ------- LOGO */



/* ------- LANGUAGE */



.clr{
    clear: both;}


        
/* -------------------------- main page effects -- */



.holder{
   }
	

/* ------------------ JS equiv ------------- */

.flip-card-content {
    position: relative;
	float:left;
    margin: 0px;
	
    width: 25%;
    height: 135px;
    transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
	-moz--webkit-transform-style: preserve-3d;
    
}

.flip-card-side-a,
.flip-card-side-b {
    width: 100%;
    position: absolute;
    height: 135px;
    backface-visibility: hidden;
    transform-origin: 50% 50%;
	-webkit-transform-origin: 50% 50%;
	-moz-transform-origin: 50% 50%;
    transition: all .33s;
	-webkit-transition: all .33s;
	-moz-transition: all .33s;
	background: rgb(247, 247, 247);
	border: 1px solid rgba(147, 184, 189, .8);
}

.flip-card-side-a {
  transform: rotateX(0deg) translateZ(67.5px);
  -webkit-transform: rotateX(0deg) translateZ(67.5px);
  -moz-transform: rotateX(0deg) translateZ(67.5px);
    z-index: 1;
    background: red;
  
}
.flip-card-side-b {
  transform: rotateX(-90deg) translateZ(67.5px);
  -moz-transform: rotateX(-90deg) translateZ(67.5px);
  -webkit-transform: rotateX(-90deg) translateZ(67.5px);
  
  box-shadow: 0px 0px 10px 3px rgba(67, 67, 232, 1) inset;
  -moz-box-shadow: 0px 0px 10px 3px rgba(67, 67, 232, 1) inset;
  -webkit-box-shadow: 0px 0px 10px 3px rgba(67, 67, 232, 1) inset;
  position:relative;
    background: green;
  }

.overlay{
    background: none;
	background: rgba(0,0,0,0.75);
	padding:10px;
  z-index:1;
  position:absolute;
  width:100%;
	height:135px;}

.flip-card-side-a img{
	width:100%;
	height:135px;}

.flip-card-side-b img{
	width:100%;
	height:135px;
	z-index:-1;}

.flip .flip-card-side-a {
  transform: rotateX(90deg) translateZ(67.5px);
  -moz-transform: rotateX(90deg) translateZ(67.5px);
  -webkit-transform: rotateX(90deg) translateZ(67.5px);
}
.flip .flip-card-side-b {
  transform: rotateX(0deg) translateZ(67.5px);
  -moz-transform: rotateX(0deg) translateZ(67.5px);
  -webkit-transform: rotateX(0deg) translateZ(67.5px);
  z-index: 1;
}

.page-row {
display: table-row;

}
 
.page-row-expanded { height: 100%; }

.footer{background: rgb(93,105,117);
        color: white;}

.footer h3{color: #E4FD88;
        font-size: 1em;}

.fifth, .sixth{
    
float: left;
}

.fifth a, .sixth a{color: white;}

.submenu{}

#subnav{width: 100%;
        display: block;
        float:left;
        z-index: 1;
        border: 1px solid #bbb;
        border-top:0px;
        border-radius: 0px 0px 10px 10px;}

#subnav li{
    float: left;
    width: 20%;
    font-weight: 300;
    text-align: center;
    font-weight: 300;}

.sep{
    background: url('../images/separator.png') no-repeat;}

.ulf{
    list-style: none;}

.separatorb{
    padding-bottom: 5px;
    color: white;
    border-bottom:1px solid #999;
    }

.separatort{
    border-top:1px solid #999;
    margin-top: 20px;
    padding-top: 8px;
    padding-bottom: 10px;}

.hfooter a{
    font-weight: 500;
    color: white;
    font-size: 1.1em;}

.ulf li{
    font-size: 1em;}

.ulf li a{
    font-weight: 500;}

.ulf li a:hover{
    text-decoration: underline;}

/* SHOW CASE - index & others */

.showcase{
    margin-top: 25px;
    margin-bottom: 25px;
    float: left;
    display: block;
    width: 100%;
    border-radius: 15px;
    box-shadow: 0px 0px 1px 1px #888;
    }

.showcase p{
    
    text-align: justify;
    }

.showtitle{background: rgb(93,105,117);
border-radius: 15px 15px 0px 0px;
padding: 10px;
padding-left: 20px;}

.showimage{margin: 0px;}

.showimage img{
    width: 100%;
border-radius: 15px;}

.showtitle h1{font-weight: 500;
    font-size: 1.6em;
}

.showcontent{
    margin: 20px;}

.showthird{
    margin-top: 10px;
    float: left;
    width: 32%;
    margin-right: 2%;
    color: #555;
    text-align: justify;
    padding-bottom: 10px;
}

.show2third{
    margin-top: 10px;
    float: left;
    width: 64%;
    margin-right: 2%;
    color: #333;
    text-align: justify;
    padding-bottom: 10px;
    }

.show2third h2{
    color: black;
    padding-bottom: 5px;
    border-bottom: 1px solid #999;}


.showthird h2{
    color: black;
    padding-bottom: 5px;
    border-bottom: 1px solid #999;}



#subnav li.subactive{font-weight: 600;}

.loadmore{
    width: 50%;
    margin:0px auto;}

.nume{
    font-style: italic;}

.multi{
    font-size: 2em;
    color: black;
    margin-top: 15px;
    margin-left: 15px;
    font-weight: 500;}

.showhalf{
    float: left;
    width: 48%;
    margin-right: 4%;
}

.showhalf li{
    list-style: disc;
    margin-left: 18px;}

.showthird li{
    margin-left: 17px;
    list-style:disc;
    margin-top: 3px;
    font-size: 0.9em;}

.showcase li:first-letter{
    text-transform: uppercase;}

.optional li{
    list-style: circle;}
.despre{color: #555;
padding-top: 0;}

.despre li{
    margin-left: 50px;}

.despre p{
    margin: 10px 15px;}

.stand{color: #555;}

.stand #stand li{
    margin-left: 50px;}

.stand p{
    margin: 10px 15px;}

.align-center{text-align: center;
            margin-top: 15px;
            color: #333;}

.align-center h2{color: #000;
    border-bottom: 1px solid #000;
    padding-bottom: 5px;}

.show2third li li{list-style: circle;
    margin-left: 40px;}

.align-center li{list-style: none;}

.align-center li li{
     list-style: disc;}

#subnav li.small{
    font-size: 0.9em;
    width: 14.28%;
    }

.outercenter{
    padding-top: 20px;
    margin-top: 100px;
    width: 50%;
    margin: 0px auto;}

/* CONTENT - mecanica, modernizari */

.contthird{
    margin-top: 25px;
    width: 33%;
    float: left}
.cont2third{width: 67%;
    margin-top: 30px;
    float: left;
    color: #000;
    text-align: justify;
    font-size:0.9em;
    }

.bordered{
    padding: 10px;
    font-size: 1.2em;
    border: 1px solid #333;}

.cont2third a{
    
    color:blue;
    text-decoration: underline;}

#sidenav{
    float: left;
    display: block;
    list-style: none;}

#sidenav li{
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    padding: 3% 3%;}

#sidenav li:hover{
    background:rgb(93,105,117);
    border-color: rgb(93,105,117);
color: white;}

.side-first{border-radius: 10px 10px 0px 0px; border-top: 1px solid #ccc;}
.side-last{border-radius:  0px 0px 10px 10px; border-bottom: 1px solid #ccc;}

.contthird h1
    {color: white;
    font-weight: 500;
    font-size: 1.7em;
    padding-bottom: 10px;
    border-bottom: 1px solid #ccc;}

#sidenav li.no-hover{background: rgb(93,105,117);
                    border:1px solid rgb(93,105,117);
                }

#sidenav li.active{background: rgb(93,105,117);
                    border:1px solid rgb(93,105,117);
                    color: white;}

.cont2third li{
    margin-left: 30px;
    list-style: disc;
    font-weight: 400;
}

.cont2third p{
    font-weight: 400;
    margin: 5px;
    margin-top: 10px;
    line-height: 1.3em;}

.cont2third h1{
    border-bottom: 1px solid #ccc;
    color: black;
    line-height: 1.1em;
    font-weight: 600;
    margin-top: 10px;}

.cont2third h2{
    color: black;
    font-weight: 600;
    margin: 5px;
    margin-left: 0px;
}

.cont2third ol{list-style: decimal;}

/* cube images */

.transmontana{
    background: url('../images/transmontana-small1.jpg') right no-repeat;}

.trans2{
    background: url('../images/transmontana-small2.jpg') right no-repeat;
    top:-50px;
    height: 50px;
    width: 100%;}

.hyperion{
    background: url('../images/hyperion-small-new1.jpg') left no-repeat;}

.hyper2{
    top: -27px;
    width: 100%;
    height: 27px;
    background: url('../images/hyperion-small-new2.jpg') left no-repeat;}

.modernizari{
    background: url('../images/dimtana-small1.jpg') left no-repeat;}

.moder2{
    top: -45px;
    width: 100%;
    height: 45px;
    background: url('../images/dimtata-small2.jpg') left no-repeat;}

.gal{
    background: url('../images/scaune1.jpg') center no-repeat;}

.gal2{
    top: -31px;
    width: 100%;
    height: 31px;
    background: url('../images/scaune2.jpg') center no-repeat;}

.showcase .flexslider{
    border-radius: 14px;}

/* ---------------------------- NEWS ---------------------- */

 .news{
    font-weight: 400;
    background: #fff;
    color: #000;
    
    display: table;
    border: 1px solid #ccc;
    border-radius: 10px;
    float: left;}

.newsthird{
    display: table-cell;
    text-align: justify;
    
    }

.newsthird h1{
    text-align: center;
    padding-bottom: 10px;
    
    padding-top: 0;
    color: black;
}

.newsthird p a{
    color: blue;
    text-decoration: underline;}

.newsthird p a:visited{
    color: blue;
    text-decoration: underline;}

.newsthird p{
    margin-top: 10px;}

.newsthirdpic{
    float: left;}

.newsthirdpic img{
    width: 100%;}
.newsthird li{list-style: disc;
margin-left: 25px;}
    
 

.news h2{
    text-align: center;
    color: #000;
    padding-bottom: 10px;
    border-bottom: 1px solid #ccc;} 





.gif{
    margin-top: 15px;} 



.nomargin{
    margin-right: 0;}

.articol{
    padding: 15px;
    border-top: 1px solid #ccc;
    }

.articol:hover{
    background: #eee;
    
    }



.articol h2{
    border: 0px;
    font-size: 1.4em;}

.newsthird.presa{
    padding: 0px;}

.presa h1{
    }

/* ---------------------- Contact form */

.contact{color: #000;}

#contactform{
    font-size: 1em;}

input,textarea{
    
    padding: 10px;
    width: 100%;
    max-width: 100%;
    color: #000;
    background: #fff;
    font-size: 1em;
    border:1px solid #e5e5e5;
box-shadow: 0px 0px 8px rgba(0,0,0,0.1);
-webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 0px 8px rgba(0,0,0,0.1);}
    

input[placeholder],textarea[placeholder]
{color:gray;}

textarea:focus, input:focus, textarea:hover, input:hover {color:#000;
    border: 1px solid #C9C9C9;
    box-shadow: 0px 0px 8px rgba(0,0,0,0.3);
-webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 0px 8px rgba(0,0,0,0.3);
}

input[type=submit] {
    font-size: 1.2em;
border: 1px solid #000;
  font-weight:bold; color:#808080;
border-radius:10px;}

#contactform{
    padding: 15px;}

.contact-third, .contact2third{
    float: left;}

.contactthird{width: 33%;}

.contact2third{
    
    width: 66%;
    padding: 15px;}

.contact2third p{
    text-align: center;}

.contact2third img{
    width: 100%;
    margin-bottom: 10px;}

.gif{
    padding-top: 15px;
    width: 990px;
    margin: 0px auto;}

/* PRODUSE */

.quarter{
    margin-top: 10px;
    width: 25%;
    padding: 5px;
    float: left;
    border-radius: 10px;
    color: black;
}

.quarter p{
    padding: 0px 10px;
    font-weight: 400;
text-align: left;}

.quarter h2{color: black;}

.quarter:hover{
    background: #ddd;}

.quarter img{
    width: 100%;
border-radius: 10px;}

.produse{color: #555;}

.produse li{
    margin-left: 3em;
    list-style: disc;}
.produse h1{color: black;
margin-top: 15px;}
.produse p{
    
    margin-top: 10px;}

.showmecanica{
    width: 50%;
    margin-left: 25%;}

.showmecanica img{
    width: 100%;}

.showcase a{
    color: blue;
    text-decoration: underline;
    
    }


.flexslider .slides li {
    position:relative;
}

.special{
    color: blue;
    text-decoration: underline;}
        
.showtechnical ul{
    color: #555;}

.showtechnical ul li{
    margin-left: 2em;
    list-style: disc;}

.showtechnical h1{
    font-size: 1.3em;
    color: black;}