@import url(https://fonts.googleapis.com/css?family=Open+Sans:300italic,800italic,400,700);
@import "/templates/grzesinski/font-awesome-3.2.1/css/font-awesome.css";

body { margin: 0; padding: 0; font-family: Arial; font-size: 16px; color: #3f3f3f;
font-family: 'Open Sans', sans-serif;background-image: url(/templates/grzesinski/images/bg1.jpg);
min-width: 1280px; }

a { text-decoration: none; }

h1 { color: white; margin: 0px; }
h2 { color: #b9a56f; margin: 0px; }

.clear { clear: both; }

a.back-to-top:link,
a.back-to-top:visited
{ position: fixed; bottom: 0px; right: 0px; padding: 10px 20px; background-color: #b9a56f; color: white; font-size: 300%; display: none; z-index: 5 }
a.back-to-top:hover { background-color: #a4a190; }

.section { width: 100%; max-width: 1366px; overflow: hidden; }
.wrap    { padding: 30px; }

#header { height: 500px; position: relative; }
#fadeslideshow { width: 100%; height: 500px; position: absolute; top: 0; left: 0; }

.logobox { width: 350px; height: 200px; background-color: white; position: absolute; left: 0; top: 0; z-index: 5; overflow: hidden; }
.logobox a:link,
.logobox a:visited { width: 245px; height: 145px; display: block; background-image: url(/templates/grzesinski/images/logo1.png); background-repeat: no-repeat; margin: 0px auto; margin-top: 30px;  }

.logobox.logofix { position: fixed; width: 100px; height: 100px; }
.logobox.logofix a { background-position: -65px; margin-top: 10px; }

.topmenu { position: absolute; top: 75px; right: 0px; border-right: 100px solid #404040; z-index: 4;; opacity: 0.9 }
.topmenu ul { padding: 0; margin: 0; }
.topmenu li { display: inline; }
.topmenu a:link,
.topmenu a:visited { color: white; display: inline-block; padding: 10px 40px; font-size: 120%; background-color: #404040; border-bottom: 5px solid #404040; font-style: italic; }
.topmenu a:hover,
.topmenu a.activ   { border-bottom: 5px solid #b9a56f; }

.topmenu.menufix { position: fixed; top: 0px; width: 100%; text-align: center; background-color: #404040; }

.tagline { position: absolute; bottom: 75px; z-index: 3; color: white; font-size: 120%; background-color: #2e2e2e; padding: 15px; padding-left: 100px; opacity: 0.9; font-style: italic; }

.bgb { width: 100%; height: 100%; border: 35px solid #404040; position: absolute; left: 0; top: 0; z-index: 2;
   box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; opacity: 0.85 }

.bg1 { position: absolute; width: 100%; left: 0; top: 0; z-index: 1 }


#about { background-color: #303030; background-image: url(/templates/grzesinski/images/bg1.jpg);  }

.box1 { max-width: 920px; padding: 50px; padding-bottom: 20px; margin: 30px; background-color: white; font-size: 110%; border-left: 10px solid #b9a56f; }


.info1 { background-color: #b9a56f; text-align: center; padding: 30px; font-size: 120%; background-image: url(/templates/grzesinski/images/bg2.jpg); margin: 20px auto; border: 10px solid #b9a56f; }
.info1 p { color: white; }

.box2 { width: 30%; margin-right: 3%; margin-top: 3%; height: 200px; float: left; border: 10px solid white; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; overflow: hidden; position: relative; background-color: #b9a56f; }
.box2 img { width: 100%; }

.box2 .title { position: absolute; background-color: #b9a56f; padding: 5px 10px; padding-left: 50px; color: white; top: 25px; font-size: 120%; }

.box2 .imgnum { position: absolute; right: 0px; bottom: 0px; font-size: 120%; background-color: #b9a56f; color: white; padding: 5px 10px; font-weight: bold; }

.col  { float: left; }
.col60 { width: 60%; }
.col40 { width: 40%; }
.col50 { width: 50%; }

a.alink:link,
a.alink:visited { display: inline-block; position: absolute; background-color: #b9a56f; color:  white; z-index: 3; right: 15px; bottom: 15px; padding: 5px 10px; vertical-align: middle; }




#kontakt { background-image: url(/templates/grzesinski/images/bg3.jpg); margin-top: 25px; position: relative; }
#kontakt .wrap { padding-left: 60px; padding-top: 50px; position: relative; z-index: 3; }

label { display: block; margin-top: 25px;  width: 100%; max-width: 500px; }
label span { display: block; color: white; font-size: 120%; }
input[type="text"] { width: 90%; font-size: 140%; padding: 5px 10px; }
textarea { width: 90%; max-width: 500px; height: 215px; font-size: 140%; padding: 5px 10px; }
input[type="submit"] { padding: 10px 20px; background-color: #b9a56f; border: 0; color: white; font-size: 120%; }

#mapa { width: 100%; height: 510px; position: relative; z-index: 2 }
#gmap { width: 90%; height: 350px; margin-top: 25px; margin-bottom: 50px; border: 5px solid #b9a56f; }


#footer { text-align: center; color: white; padding: 30px 0px; background-color: #404040 }