body { margin:0;font-family:'Open Sans', sans-serif; font-size:16px; position:relative; background:url(../images/pattern.jpg); width:100%;}
html, body {
    height: 100%;
}
.meniu {background-color:#120903; padding:25px 0; position:absolute; z-index:999; opacity:0.9; width:100%; top:0; text-transform:uppercase; height:34px;}

a#logo {float:left; font-size:1.5em; font-weight:300;}

ul, li {list-style-type:none; clear:none; padding:0; margin:0;}

a, a:visited, .active a {color:#096; text-decoration:none;}
a:hover { text-decoration:none; color:#00CA88}

.meniu a {color:#fff; font-weight:300;}
.meniu a:hover { color:#00CA88;}
.meniu li {float:left; margin-left:25px;}
.active a {color:#00CA88;}


.container {margin:0 auto; width:960px;}

.nav {float:right; font-size:0.85em; margin-top:11px;}

h1, h2, h3, h4 {font-weight:300;}
h1 {font-size:3.5em; 
text-shadow: 2px 2px 0px #ccc;
        filter: dropshadow(color=#ccc, offx=2, offy=2);}
h2 {font-size:2.5em; 
text-shadow: 1px 1px 0px #ccc;
        filter: dropshadow(color=#ccc, offx=1, offy=1); margin-bottom:5px;}

h3 {font-size:1.8em; color:#096; margin-top:10px;
text-shadow: 1px 1px 0px #ccc;
        filter: dropshadow(color=#ccc, offx=1, offy=1); margin-bottom:15px;}

.slide {background-image:url(../images/slide.jpg); background-position:center top; height:550px; posit ion:relative;}
.slide p {color:#fff;
text-shadow: 1px 1px 0px #000;
        filter: dropshadow(color=#000, offx=1, offy=1); line-height:1.8em;}
.slide h1 {font-size:3.5em; color:#fff; text-transform:uppercase;
text-shadow: 2px 2px 0px #000;
        filter: dropshadow(color=#000, offx=2, offy=2);}
.caption {margin-top:180px; position:relative;}

a.buton {background-color:#096; padding:18px 35px ; color:#fff; margin:15px 0; float:left; clear:both;
-webkit-border-radius: 5px;
    
    border-radius: 5px; text-transform:uppercase; font-size:1.2em;}
	
a.buton:hover {
	background-color: #00CA88;
}
a.mic {padding:9px 17px ; color:#fff; margin:7px 0; font-size:1em;}
.coloana {float:left; width:280px; margin-right:60px; clear:none;}
.last {margin-right:0;}
        /* For modern browsers */
        .cf:before,
        .cf:after {
            content:"";
            display:table;
        }

        .cf:after {
            clear:both;
        }

        /* For IE 6/7 (trigger hasLayout) */
        .cf {
            *zoom:1;
        }
		
hr {border:none; border-bottom:1px solid #ccc; clear: both; padding:20px 0;}		

#footer {
	background-color: #120903;
	padding: 35px 0;
	opacity: 0.9;
	width: 100%;
	color: #999;
	margin-top: 50px;
}
#copy {float:left; font-size:0.85em;}
#footer .nav {float:right; margin:0}
#footer li {float: left; margin-left:20px; padding:0;}
a.th, ul.galerie a {padding: 4px 4px 0 4px; border:1px solid #CCC; background-color:#fff; float:left; clear:both; margin-bottom:20px;}
a img {border:none;}

.interior {height:350px;}

p {line-height:2em;}

.map-frame {
    width: 100%;
    height: 500px;
	padding-top:84px;
}

.map-content {
    z-index: 10;
    position: absolute;
    top: 55%;
	width:100%;background-color:#fff;opacity: 0.8; padding-bottom:20px; 
}
.map-content .container { width:960px; col or:#fff;}
.map-content h2 {}

ul.galerie li {float:left; margin-right:15px;}

.tel {float:right; margin-left:30px; background-image:url(../images/tel.png); background-position:15px center ; background-repeat:no-repeat; padding:20px; padding-left:50px; color:#fff;background-color:#120903; position:fixed; top:30%; right:0;
-webkit-border-radius: 5px; border-radius: 15px 0 0 15px   ; opacity:0.9; z-index:999; }
.telefon {float:right; margin-left:30px; background-image:url(../images/tel.png); background-position:15px center ; background-repeat:no-repeat; padding:10px 20px; padding-left:50px; background-color:#fff;position:fix ed; margin-top:84px; right:0;
 ; opacity:0.7; z-index:999;
-webkit-border-radius: 5px; border-radius: 0 0 10px  10px   ;  display:none;}

#contact .telefon {
	position: absolute; opacity:1;}
#contact .tcont { width:960px; margin:0 auto; position:relative;}