@import url(//fonts.googleapis.com/css?family=Oswald);

html,body,section,nav,form,table,input,h1,h2,h3,h4,p,hr,ul{margin:0;padding:0;font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;font-size:12px}
body{color:#333;background:#f8f8f8}
a{color:#333;text-decoration:none}
a:hover{color:#900;text-decoration:none}
a img{border:0;border-bottom:0}
.hiddenPic{display:none}
a tr td{cursor:pointer}
input,TEXTAREA,SELECT{border:1px solid #888}
hr{height:1px;border-bottom:4px solid #f50}
.input{color:#000;background-color:#ffffcc;border:1 solid #888}
label{font-size:10px;color:#888;letter-spacing:2px;text-transform:lowercase}
i,em{font-style:normal}
ul{list-style-type:none}

h1{font-family:'Oswald', sans-serif;font-size:2em;font-weight:400;color:#555}
h1 i{color:#f50;font-size:1.2em}

header{clear:both;padding:0 12px;text-transform:uppercase;letter-spacing:2px;color:#fff;height:28px;line-height:28px;border-bottom:4px solid #f50;background:rgba(0,0,0,.7)}
header em{font-size:.9em}
header span{float:right}

nav{width:100%;position:absolute;left:0;bottom:0;height:26px;border-top:4px solid #f50;background:rgba(0,0,0,.7)}
nav ul li a,
nav ul li a:visited{display:block;text-decoration:none;height:26px;text-align:left;color:#fff;padding:0 6px;line-height:26px}
nav ul li{float:left;position:relative}
nav ul li ul{visibility:hidden;position:absolute}
nav ul li:hover a, 
nav ul li a:hover{color:#000;background:#f50}
nav ul li:hover ul, 
nav ul li a:hover ul{visibility:visible;bottom:24px;left:0}
nav ul li:hover ul li, 
nav ul li a:hover ul li{display:block;color:#000;width:110px;clear:both}
nav ul li:hover ul li a, 
nav ul li a:hover ul li a{display:block;background:rgba(200,200,200,.8);color:#000;width:100%;padding-left:10px;border-bottom:1px solid #555}
nav ul li:hover ul li a:hover, 
nav ul li a:hover ul li a:hover{background:rgba(0,0,0,.8);color:#fff}
nav ul li:hover ul.left, 
nav ul li a:hover ul.left{left:-105px}
nav p{margin-top:48px;font-size:.8em;color:#888;text-align:center}
nav p a{color:#888}
nav p a:hover{color:#fff}

.wrap{width:1200px;position:relative;min-height:660px;margin:32px auto;
	background-color:#fff;
	background-position:bottom right;
	background-repeat:no-repeat;
	background-size: cover;
	border: 1px solid #888;}
.notes{float:left;width:96%;margin:0 2%}
.notes p{position:relative}
.nav{position:absolute;top:-1em;right:0}
.nav em{display:inline-block;width:0;height:0;border-style:solid;margin:-4px 4px}
.prev{border-width:10px 14px 10px 0;border-color:transparent #f50 transparent transparent;cursor:pointer}
.next{border-width:10px 0 10px 14px;border-color:transparent transparent transparent #f50;cursor:pointer}
.prevNone{border-width:10px 14px 10px 0;border-color:transparent #ccc transparent transparent;cursor:pointer}
.nextNone{solid;border-width:10px 0 10px 14px;border-color:transparent transparent transparent #ccc}

.pictures{clear:both;width:70%;min-height:400px;padding:3%}
.pictures span{position:relative;display:inline-block;font-size:10px;text-align:center}
.pictures span img{border:2px solid rgba(200,200,200,.5);background-color:rgba(200,200,200,.5);transition: all .2s ease-in-out}
.pictures span img:hover{transform:scale(1.1) rotate(-5deg);z-index:20}
.pictures span:hover{z-index:2}
.pictures span:empty{display:none}

/* -------------- */
#owlCarousel{position:fixed;top:0;left:0;width:100%;height:100%;background:#000;z-index:299}
#owlCarousel > div{position:relative;margin:0 auto;background:#000}
.closeBar{position:absolute;top:0;right:0;width:32px;height:32px;font-size:2em;text-align:center;color:#fff;background:#f50;cursor:pointer;z-index:300}
.owl-item img{max-width:100%;height:auto}

.owl-item{display:inline-block;vertical-align:middle;text-align:center}
.owl-wrapper{display:none;position:relative;-webkit-transform:translate3d(0px,0px,0px)}
.owl-wrapper-outer{overflow:hidden;position:relative;width:100%}
.owl-wrapper-outer.autoHeight{
    -webkit-transition:height 500ms ease-in-out;
    -moz-transition:height 500ms ease-in-out;
    -ms-transition:height 500ms ease-in-out;
    -o-transition:height 500ms ease-in-out;
    transition:height 500ms ease-in-out;
}
.owl-controls{
    -webkit-user-select:none;
    -khtml-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    -webkit-tap-highlight-color:rgba(0,0,0,0);
}
.owl-wrapper,.owl-item{
    -webkit-backface-visibility:hidden;
    -moz-backface-visibility:hidden;
    -ms-backface-visibility:hidden;
    -webkit-transform:translate3d(0,0,0);
    -moz-transform:translate3d(0,0,0);
    -ms-transform:translate3d(0,0,0);
}
.owl-theme .owl-controls{margin-top:2px;text-align:center}
.owl-theme .owl-controls.clickable .owl-buttons div:hover,.next a:hover{background-color:#ddd;text-decoration:none}
.owl-controls .owl-page,.owl-controls .owl-buttons div{cursor:pointer}
.owl-theme .owl-controls .owl-page{display:inline-block;zoom:1}
.owl-theme .owl-controls .owl-page span{display:block;width:12px;height:12px;opacity:.5;border-radius:20px;background:#333;margin:5px}
.owl-theme .owl-controls .owl-page.active span{background:#c00;opacity:1}
.owl-theme .owl-controls.clickable .owl-page:hover span{opacity:1}
.owl-theme .owl-controls .owl-page span.owl-numbers{height:auto;width:auto;color:#fff;font-size:12px;border-radius:30px;padding:2px 10px}
.owl-item.loading{min-height:50px}
.grabbing{cursor:move}
.owl-buttons div,.next a{content:" ";display:inline-block;background-image:url(ico.png);background-repeat:no-repeat;text-indent:-99999px;
	position:absolute;top:20%;width:30px;height:200px;background-color:#fff;opacity:.7}
.next{display:inline-block;width:3%}
.owl-prev,.next .pleft{left:0;background-position:0 50px}
.owl-next,.next .pright{right:0;background-position:-20px 50px}


/* ------admin ------- */
#sitemap{float:left;margin:2px;padding:12px;border:1px dotted #f50;min-height:250px;background:url(../img/ccx.png)}
#sitemap strong{color:#333}
ul.map li{padding:0px 1px 1px 12px}
ul.map li.strong{padding:1px;font-weight:800}
p.err{color:#900}
table{border-spacing:0px;empty-cells:show;border:0px none px}
table{border-collapse:collapse}
.odd td{background:#fff}
.even td{background:#f0f0ff}
.invalidInput{border:1px dotted #f00;background-color:#ffece6}
.validInput{border:1px dotted #f00}

@media screen and (max-width:800px){
    .wrap{width:100%;margin:0;background-size:100% auto;border:0px none}
    .pictures{text-align:center}
	h1{font-size:1.4em}  
}
@media screen and (max-width:420px){
    .wrap{background:none}
}