/* =====GENERAL==============================================================
  	 =======SCHEMA CULORI #b28961 =================================================================== */

html,button,input,select,textarea {color: #222;}
body {font-size: 1em; line-height: 1.4;}

a {text-decoration:none;}
a:hover {text-decoration:underline;}
a:link {color:#222;}
a:visited {color:#222;}

::-moz-selection {background: #F00; color:#FFF; text-shadow: none;}
::selection {background: #F00; color:#FFF; text-shadow: none;}

hr {display: block; height: 1px; border: 0; border-top: 1px dashed #b28961; margin: 1em 0; padding: 0;}
img {vertical-align: middle;}
fieldset {border: 0; margin: 0; padding: 0;}
textarea {resize: vertical;}

img {vertical-align:middle;}

/* =====CHROME==============================================================
  	 ========================================================================== */

.chromeframe {width:800px; text-align:center; margin:0 auto; background: #ccc; color: #000; padding:10px; z-index:9999;}


/* =====CONTINUT==============================================================
  	 ========================================================================== */

body {font-family:'Helvetica', Verdana;}
.wrapper {position:relative;width:1000px; height:850px;margin:0 auto; border-left:10px solid #F00;}
.wrapper .titlu {position:relative;width:auto;max-width:900px;margin:0 auto;font-size:22px;}
.wrapper .titlu p {line-height:8px;text-align:center;}
.wrapper .dimensiuni {position:relative;width:300px;height:58px;margin:0 auto;}

.wrapper .wrap_masina {position:relative;top:5px;}

.wrapper .hilti-img {position:relative;width:400px;height:429px;margin:0 auto;top:100px;}

.wrapper #tehnice {background:url('../img/info-tehnice.png'); position:absolute; width:200px; height:206px; top:-10px; margin-left:150px;}
.wrapper #tehnice:hover {background-position: 0 206px;}

.wrapper #video {background:url('../img/video.png'); position:absolute; width:200px; height:206px; top:-10px; margin-left:700px;}
.wrapper #video:hover {background-position: 0 206px;}

.wrapper #foto {background:url('../img/foto.png'); position:absolute; width:200px; height:206px; top:525px; margin-left:210px;}
.wrapper #foto:hover {background-position: 0 206px;}

.wrapper #contact {background:url('../img/contact.png'); position:absolute; width:200px; height:206px; top:435px; margin-left:705px;}
.wrapper #contact:hover {background-position: 0 206px;}

/* ===== MENIU ============================================================== */

.wrapper #primapagina {background:url('../img/prima.png'); position:absolute; width:200px; height:206px; top:-80px; margin-left:-107px;}
.wrapper #primapagina:hover {background-position: 0 206px;}

.wrapper #tehnice2 {background:url('../img/info-tehnice.png'); position:absolute; width:200px; height:206px; top:130px; margin-left:-107px;}
.wrapper #tehnice2:hover {background-position: 0 206px;}

.wrapper #video2 {background:url('../img/video.png'); position:absolute; width:200px; height:206px; top:130px; margin-left:-107px;}
.wrapper #video2:hover {background-position: 0 206px;}

.wrapper #foto2 {background:url('../img/foto.png'); position:absolute; width:200px; height:206px; top:340px; margin-left:-107px;}
.wrapper #foto2:hover {background-position: 0 206px;}

.wrapper #contact2 {background:url('../img/contact.png'); position:absolute; width:200px; height:206px; top:550px; margin-left:-107px;}
.wrapper #contact2:hover {background-position: 0 206px;}

.wrapper #video3 {background:url('../img/video.png'); position:absolute; width:200px; height:206px; top:340px; margin-left:-107px;}
.wrapper #video3:hover {background-position: 0 206px;}

.wrapper #video4 {background:url('../img/video.png'); position:absolute; width:200px; height:206px; top:340px; margin-left:-107px;}
.wrapper #video4:hover {background-position: 0 206px;}

.wrapper #foto4 {background:url('../img/foto.png'); position:absolute; width:200px; height:206px; top:550px; margin-left:-107px;}
.wrapper #foto4:hover {background-position: 0 206px;}

/* ===== MENIU ============================================================== */

.wrapper .info-text {position:relative;left:180px;width:600px;height:570px;}
.wrapper .info-text p {font-size:21px;}

.wrapper .img-footer {position:relative;left:175px;margin-top:5%;}

.wrapper .youtube {position:relative;left:180px;top:40px;}

.wrapper .galerie {position:relative;left:175px;top:40px;}
.wrapper .galerie a img {margin:10px;}
.wrapper .galerie a {opacity:0.7; moz-opacity:0.7; webkit-opacity:0.7;  filter: alpha(opacity=70);}
.wrapper .galerie a:hover {opacity:1.0; moz-opacity:1.0; webkit-opacity:1.0;  filter: alpha(opacity=100);}

.wrapper .contact {position:relative;left:175px;top:40px;}

/* =====CLASE AJUTATOARE==============================================================
  	 ========================================================================== */

.ir {background-color: transparent; border: 0; overflow: hidden; *text-indent: -9999px;}
.ir:before {content: ""; display: block; width: 0; height: 150%;}

.hidden {display: none !important; visibility: hidden;}
.visuallyhidden {border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;}
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto;}
.invisible {visibility: hidden;}

.clearfix:before,
.clearfix:after {content: " "; /* 1 */ display: table; /* 2 */}
.clearfix:after {clear: both;}
.clearfix {*zoom: 1;}