/* CSS Document */

a:link {text-decoration:none; color:#fff;}
a:active {text-decoration:none; color:#fff;}
a:visited {text-decoration:none; color:#fff;}
a:hover {text-decoration:none; color:#fff;}

html, body {width:100%; height:100%; margin:0; padding:0; color:#fff; font-family:Tahoma; font-size:11pt; background:#000;}
div, a, img {position:relative; margin:0; padding:0; border:0; border-spacing:0; outline:0;}

@font-face {
 font-family: 'oswald';
 src: url('/font/oswald.eot');
 src: url('/font/oswald.eot?#iefix') format('embedded-opentype'),
 url('/font/oswald.woff') format('woff'),
 url('/font/oswald.ttf') format('truetype');
 font-weight: normal;
 font-style: normal;
}

#allEntries li {display:inline-block; width:auto!important; list-style-type:none;}

@font-face {
 font-family: 'lobster';
 src: url('/font/lobster.eot');
 src: url('/font/lobster.eot?#iefix') format('embedded-opentype'),
 url('/font/lobster.woff') format('woff'),
 url('/font/lobster.ttf') format('truetype');
 font-weight: normal;
 font-style: normal;
}

.c1 {background:#7DC7D8;}
.c2 {background:#FAD04C;}
.c3 {background:#FF8B64;}
.c4 {background:#845C6D;}
.c5 {background:#60997C;}

a.section{font-size:12pt;}

.oswald {font-family:oswald, Arial Narrow; font-weight:normal; text-transform:uppercase;}
.lobster {font-family:lobster; font-weight:normal!important;}

.str.oswald {margin-top:0.05em!important; margin-bottom:-0.05em!important;}
.str {font-size:10px; height:10px; line-height:10px; margin:0; padding:0; display:inline-block;}

.dark {color:rgba(0, 0, 0, 0.6);}
.white {color:#fff;}


@media only screen and (min-width: 0px) {
h1 {font-size:30px; margin:0 0 20px 0; padding:0;}
h2 {font-size:20px; margin:0 0 20px 0; padding:0;}
}
@media only screen and (min-width: 600px) {
h1 {font-size:50px; margin:0 0 20px 0; padding:0;}
h2 {font-size:30px; margin:0 0 20px 0; padding:0;}
}
h1.home {margin:0; padding:0; font-size:100%;}

#page {display:table; height:100%; width:100%;}
.section {display:table-row; width:100%;}
.row {display:table-row; width:100%;}
.cell {width:100%; height:100%; display:table-cell; vertical-align:middle;}
.content {margin:0 auto 0 auto; box-sizing:border-box; -moz-box-sizing:border-box; overflow:hidden;}

#copy {background:#000; display:table; width:100%; height:50px; overflow:hidden; font-size:10pt; color:#666; width:100%; margin:0; padding:0; }
#copycell {height:inherit; width:100%; vertical-align:middle; display:table-cell; margin:0; padding:0; text-align:center; }
#copy a {color:#666!important;}
#puzadpn {position:absolute; top:0;}

a.section {height:30px; line-height:30px; text-align:center; display:block;}
.block {display:inline-block; text-align:center; vertical-align:top;}
.block img{width:30%;}
.block p {}
a.more {display:inline-block; margin:0; font-size:18px; background:#000; color:#fff; height:36px; line-height:36px; padding:0 13px 0 13px; border:2px solid #000;}
a.more:hover {border-color:#fff; color:#000; background:#fff;}
ul.slider a.more {margin:0 0 40px 0;}

@media only screen and (min-width: 0px) {
.content {width:100%; padding:20px;}
}
@media only screen and (min-width: 1000px) {
.content {width:1000px; padding:20px;}
}
@media only screen and (min-width: 1250px) {
.content {width:80%; padding:20px;}
}
@media only screen and (min-width: 1575px) {
.content {width:1260px; padding:20px;}
}
@media only screen and (min-width: 1800px) {
.content {width:70%; padding:20px;}
}

@media only screen and (min-width: 0px) {
.column {
column-count:1;
-webkit-column-count:1;
-moz-column-count:1;
}
}

@media only screen and (min-width: 480px) {
.column {
column-count:2;
-webkit-column-count:2;
-moz-column-count:2;
}
}
@media only screen and (min-width: 800px) {
.column {
column-count:3;
-webkit-column-count:3;
-moz-column-count:3;
}
}
.block {padding:4% 0 4% 0;}

.block p {padding:0 3% 0 3%;}
@media only screen and (min-width: 0px) {
.block {width:100%; margin:0 0 40px 0;}
.block img {width:80px; height:80px;}
.block h2 {font-size:25px; line-height:25px; height:25px; margin:20px 0 20px 0; padding:0;}
}
@media only screen and (min-width: 800px) {
.block {width:30%; margin:0 5% 0 0;}
.block:nth-child(3n) {margin-right:0;}
.block img {width:80px; height:80px;}
.block h2 {font-size:25px; line-height:25px; height:25px; margin:20px 0 20px 0; padding:0;}
}
@media only screen and (min-width: 1000px) {
.block h2 {font-size:30px; line-height:30px; height:30px; margin:20px 0 20px 0; padding:0;}
}

ul.slider {margin:0; padding:0; position:relative; list-style:none; display:block; overflow:hidden;}
ul.slider li {margin:0; padding:0; width:100%; position:relative; display:inline-block; text-align:center;}
ul.slider span.big {font-size:70px; line-height:70px; margin:0; padding:0; display:inline-block;}
ul.slider p {font-size:20px;}
#slides {height:16px; margin:0; padding:0; display:block; text-align:center;}
#slides .circle {width:16px; height:16px; border-radius:8px; background:rgba(0, 0, 0, 0.2); margin:0 8px 0 8px; padding:0; display:inline-block; cursor:pointer;}
#slides .circle:hover {background:rgba(255, 255, 255, 1);}
#slides .scur {background:#fff;}
#slides .scur:hover {background:#fff;}

@media only screen and (min-width: 0px) {
ul.slider span.big {font-size:25px; line-height:25px;}
ul.slider p {font-size:12pt;}
}
@media only screen and (min-width: 320px) {
ul.slider span.big {font-size:25px; line-height:25px;}
ul.slider p {font-size:14pt;}
}
@media only screen and (min-width: 480px) {
ul.slider span.big {font-size:30px; line-height:30px;}
ul.slider p {font-size:14pt;}
}
@media only screen and (min-width: 600px) {
ul.slider span.big {font-size:40px; line-height:40px;}
ul.slider p {font-size:14pt;}
}
@media only screen and (min-width: 800px) {
ul.slider span.big {font-size:60px; line-height:60px;}
ul.slider p {font-size:16pt;}
}
@media only screen and (min-width: 1000px) {
ul.slider span.big {font-size:80px; line-height:80px;}
ul.slider p {font-size:16pt;}
}

@media only screen and (min-width: 1600px) {
ul.slider span.big {font-size:110px; line-height:110px;}
ul.slider p {font-size:18pt;}
}
@media only screen and (min-width: 2000px) {
ul.slider span.big {font-size:120px; line-height:120px;}
ul.slider p {font-size:22pt;}
a.more {font-size:24px; height:45px; line-height:45px; padding:0 15px 0 15px;}
}
@media only screen and (min-width: 2500px) {
ul.slider span.big {font-size:130px; line-height:130px;}
ul.slider p {font-size:24pt;}
a.more {font-size:28px; height:50px; line-height:50px; padding:0 20px 0 20px;}
}
ul.slider li {position:absolute; display:none;}
ul.slider li.scur {top:0; left:0; display:inline-block;}

.itemPhoto {display:inline-block; width:220px; vertical-align:top; margin:10px;}
.itemPhoto .aimg {cursor:pointer; display:inline-block; width:200px; height:200px; position:relative; overflow:hidden; border:10px solid; border-color:rgba(0, 0, 0, 0.4);}
.namePhoto {font-size:20px; height:20px; line-height:20px; text-align:center; overflow:hidden;}
.namePhoto a {font-size:20px; height:20px; line-height:20px; width:220px; display:inline-block; overflow:hidden;}

#map {display:inline-block; vertical-align:top; color:rgba(0, 0, 0, 0.6);}
#form {display:inline-block; vertical-align:top; color:rgba(0, 0, 0, 0.6);}
#map iframe {width:100%;}

@media only screen and (min-width: 0px) {
 #map {width:100%;}
 #form {width:100%;}
}
@media only screen and (min-width: 800px) {
 #map {width:48%; margin:0 4% 0 0;}
 #form {width:48%;}
 #map iframe {height:300px;}
}

@media only screen and (min-width: 1600px) {
 body {font-size:14pt;}
 .block h2 {font-size:40px; line-height:40px; height:40px; margin:20px 0 20px 0; padding:0;}
}
@media only screen and (min-width: 2000px) {
 body {font-size:16pt;}
 .block h2 {font-size:50px; line-height:50px; height:50px; margin:20px 0 20px 0; padding:0;}
}
@media only screen and (min-width: 2500px) {
 body {font-size:20pt;}
}
input[type=text] {outline:none; height:20px; background:rgba(0,0,0,0.3); border:0; margin:0; padding:0 5px 0 5px;}
input[type=text]:focus {background:rgba(0,0,0,0.4);}
input[type=submit] {cursor:pointer; font-family:oswald, Arial Narrow; font-weight:normal; text-transform:uppercase; display:inline-block; margin:0; font-size:18px; background:#000; color:#fff; height:36px; line-height:36px; padding:0 13px 0 13px; border:2px solid #000;}
input[type=submit]:hover {color:#000; background:#fff; border-color:#fff;}
textarea {outline:none; background:url('/img/bgtextarea.png'); border:0; margin:0; padding:5px; resize:none; overflow:auto;}
textarea:focus {background:url('/img/bgtextareah.png');}
.selectbox {
 vertical-align: middle;
 cursor: pointer;
 font-size:10pt;
}
.selectbox .select {
 min-width:60px;
 height: 20px;
 background:rgba(0,0,0,0.3);
 padding: 0 5px 0 5px;
 border:0;
}
.selectbox .select .text {
 display:block;
 width: 100%;
 white-space: nowrap;
 text-overflow: ellipsis;
 overflow: hidden;
 height:20px; line-height:20px;
}

.selectbox .dropdown {
 min-width:60px;
 top: 20px;
 margin:0;
 padding:0;
 background:#fff;
 border:0;
}
.selectbox .dropdown ul {margin:0; padding:0; list-style:none;}
.selectbox li {
 min-width:60px;
 display:block;
 padding:0 5px 0 5px;
 color: #231F20;
 height:15px;
 line-height:15px;
}
.selectbox li.selected {
 background: #000;
 color: #FFF;
}
.selectbox li:hover {
 background: #000;
 color: #FFF;
}
.selectbox li.disabled {
 color: #AAA;
}
.selectbox li.disabled:hover {
 background:none;
}

@media only screen and (min-width: 1600px) {
a.section {height:38px; line-height:38px; font-size:14pt;}
#slides .circle {width:18px; height:18px; border-radius:9px; margin:0 9px 0 9px;}
}
@media only screen and (min-width: 2000px) {
a.section {height:45px; line-height:45px; font-size:18pt;}
#slides .circle {width:20px; height:20px; border-radius:10px; margin:0 10px 0 10px;}
}
@media only screen and (min-width: 2500px) {
a.section {height:50px; line-height:50px; font-size:22pt;}
#slides .circle {width:22px; height:22px; border-radius:11px; margin:0 11px 0 11px;}
}
.cats{font-size:14pt;}
#imgFolio {width:0px; height:0px; border:10px solid; border-color:rgba(0, 0, 0, 0.4);}
.zoom {cursor:pointer; z-index:999; width:100%; height:100%; background:rgba(0, 0, 0, 0.7); display:none; opacity:0; position:fixed; top:0; left:0; bottom:0; right:0;}
.zoomImg {border:10px solid #fff;}

.pagesBlockuz1 {display:block; width:43px; height:21px; margin:0 0 10px 0;}
.arrleft, .arrright {display:inline-block; width:21px; height:21px;}
.arrleft {background:url('/img/arrows.png') 0px 0px rgba(0,0,0,0.4);}
.arrleft.noact {background:url('/img/arrows.png') 0px 21px rgba(0,0,0,0.2);}
.arrright {background:url('/img/arrows.png') 21px 0px rgba(0,0,0,0.4); margin:0 0 0 1px;}
.arrright.noact {background:url('/img/arrows.png') 21px 21px rgba(0,0,0,0.2);}
.arrleft:hover {background:url('/img/arrows.png') 0px 0px rgba(0,0,0,1);}
.arrleft.noact:hover {background:url('/img/arrows.png') 0px 21px rgba(0,0,0,0.2);}
.arrright:hover {background:url('/img/arrows.png') 21px 0px rgba(0,0,0,1);}
.arrright.noact:hover {background:url('/img/arrows.png') 21px 21px rgba(0,0,0,0.2);}

@media only screen and (min-width:0px) {
 .cats a{display:block; font-size:14pt; line-height:30px;}
 .cats {font-size:0px; line-height:0px; margin:10px 0 20px 0; display:inline-block;}
}
@media only screen and (min-width:480px) {
 .cats a{display:inline; font-size:14pt; line-height:normal;}
 .cats {font-size:14px; line-height:normal; margin:10px 0 10px 0; display:inline-block;}
}