﻿body {
 	/*background-color: #597189;*/
	background-image: url(images/bg_elektronik09.gif);
    background-image: -webkit-linear-gradient(left, rgba(255,255,255,.0), rgba(255,255,255,.3));
    background-image: -o-linear-gradient(left, rgba(255,255,255,.0), rgba(255,255,255,.3));
    background-image: -moz-linear-gradient(left, rgba(255,255,255,.0), rgba(255,255,255,.3));
    background-image: linear-gradient(left, rgba(255,255,255,.0), rgba(255,255,255,.3));
}

.footer {font-family:'Pontano Sans'; font-size:13px; color: #000; text-align:center; margin:20px 0 5px 0;}
.footer a {color: #000; text-decoration:none;}

.title {font-family:'Pontano Sans'; font-size:28px; margin:30px auto 20px auto; width:950px; padding:20px 0 20px 0; border: 0px #ccc solid; background: transparent; text-align:center;}
.copy {background: rgba(192,192,192,0.5); width:870px; padding:40px; margin:auto;}
.mtxt {text-align:left; width:870px; color:#333;}
.mtxt_font {font-family:'Pontano Sans'; font-size:16px;}

/*       GRID 3      */

.grid3 {margin:10px; position:relative; float:left;}
.grid3 .hg3, 
.grid3 .hg3_txt,
.grid3 .hg3_video {background: url(images/bike.jpg) no-repeat center fixed; position:absolute; top:0; left:0; z-index:10; float: none; box-shadow: 0 1px 6px rgba(0,0,0,.9);				
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		-webkit-transition: all .3s ease-out;
		transition: all .3s ease-out;
		-moz-transition: all .3s ease-out;
 		-o-transition: all .3s ease-out;
}
.grid3 .hg3:hover {width:150px; height:150px; top:-25px; left:-25px; z-index:20; box-shadow: 0 15px 15px rgba(0,0,0,.1);}
.grid3 .hg3_txt:hover {width:350px; height:350px; top:-50px; left:-50px; z-index:20; box-shadow: 0 15px 15px rgba(0,0,0,.1);}
.grid3 .hg3_video:hover {width:680px; height:400px; top:-50px; left:-50px; z-index:20; box-shadow: 0 15px 15px rgba(0,0,0,.1);}

.grid3 .hg3_txt:hover .txt2 {display:block; width:350px; height:350px;}
.grid3 .hg3_txt:hover .txt2_img {display:none;}
.txt3 {display:none; width:50px; height:50px;}