@charset "utf-8";
/* CSS Document */

@import url(http://fonts.googleapis.com/css?family=Oswald:400,700,300&subset=latin,latin-ext);

body { background:#fff; color:#666; font-family:Arial, Helvetica, sans-serif margin:0; pading:0; font-weight:normal }

a { color:#315295}
a:hover { text-decoration:none;}
h1, h2, h3, h4, h5, h6 {font-family: 'Oswald', sans-serif;}

a:hover, a:focus, a:visited { outline:none; text-decoration:none}

.pad20 {padding:0px 20px 20px 20px}
.uppercase { text-transform:uppercase}

/*HEAADER*/
#header-container {margin:0; padding:0; 
-webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.4);
-moz-box-shadow:    0px 0px 5px 0px rgba(50, 50, 50, 0.4);
box-shadow:         0px 0px 5px 0px rgba(50, 50, 50, 0.4);
border-bottom:2px solid #315295; position:relative; z-index:999999; position:fixed; left:0; right:0; font-family: 'Oswald', sans-serif;}
#header-top { background:#fff;   background:#fff; padding:5px 0px 2px 0px; border-bottom:1px solid #ddd;}
#header-top .container, #header-top div.container .row-fluid,  #header-top .container .row-fluid .span12  {padding:0; }
#header-bottom { background: url(../img/bgInox.png) repeat; padding:20px 0px; height:40px;}
.addthis_toolbox {margin-top:3px;}


ul#navigation {margin:0; padding:0; font-family: 'Oswald', sans-serif;}
ul#navigation li {display:inline; list-style:none; position:relative;}
ul#navigation li a {padding:10px 20px 30px 10px; font-size:16px; font-weight:normal; display:inline-block;}
ul#navigation li a:hover, ul#navigation li:hover a { text-decoration:none; color:#315295; background:url(../img/arrow.png) center bottom no-repeat; }
ul#navigation li ul {display:none;}
ul#navigation li:hover ul {display:block; position:absolute; width:200px; height:200px; z-index:9999; background:none; left:-26px; padding-top:0px;}
ul#navigation li:hover ul li { background:#315295; display:block; width:100%; text-align:left; border-bottom:1px solid #29436E}
ul#navigation li:hover ul li:hover { background: #315295 url(../img/bg-desc.png)}
ul#navigation li:hover ul li a, ul#navigation li:hover ul li a:hover {color:#fff; padding:10px 20px; background:none}


/*SLIDER*/
#slider-container {font-family: 'Oswald', sans-serif; background:#315295; margin:0; padding:0; position:fixed; left:0; right:0; bottom:50px; top:30px; overflow:hidden; text-shadow: 1px 1px 1px #000; letter-spacing:0px; font-family: 'Oswald', sans-serif;}
#slider-container h1 {font-size:80px; margin:20px 0px 30px 0px;}
#slider-container p {margin-bottom:50px; display:block;}
#slider-container a {color:#fff;}

#up-container { font-family: 'Oswald', sans-serif;position:fixed; z-index:0; left:0; right:0; bottom:50px;  background:url(../img/bg-desc.png) repeat; padding-bottom:10px; color:#fff; font-size:16px; text-shadow:1px 1px 1px #000; }

#footer-container {font-family: 'Oswald', sans-serif; height:24px; background:#fff; position:fixed; bottom:0; left:0;right:0; z-index:20; padding:13px 0px; border-top:1px solid #bfbfbf;}

a.ttop { 
margin-top:-50px;
position:absolute;
font-size:90px;
width: 0; 
	height: 0; 
	border-left: 37px solid transparent;
	border-right: 37px solid transparent;
	
	border-bottom: 37px solid #fff;
	margin-left:-20px;
}
a.ttop i {position:absolute; margin-left:-25px; margin-top:-25px;}

.light { font-weight:300}

#index-container { padding:20px 0px; padding-bottom:45px; background:#fff url(../img/bgInox.png); text-shadow:1px 1px 1px #fff; position:absolute; top:100%; left:0;right:0;z-index:10}
#index-content img { border:1px solid #f1f1f1;  }

#page-container {padding:20px 0px; padding-bottom:45px; background:none; text-shadow:1px 1px 1px #fff; position:absolute; top:100px; left:0;right:0;z-index:10}
#page-content {background:#fff url(../img/bgInox.png);}

.page-title {margin:20px 0px;}

#mapCanvas { margin-top:20px; border-top:2px solid #315295; height:450px; position:relative; z-index:5;}
#mapCanvas img { 
  max-width: none;
}

#mapCanvas label { 
  width: auto; display:inline; 
} 
#mapURL  a { position:absolute; z-index:15; display:block; padding:6px 20px; background:#315295; color:#fff;font-family: 'Oswald', sans-serif; text-shadow:none; margin-top:20px; left:50%; margin-left:-50px;}

#square {
    position: fixed; top:400px; left:50%; margin-left:-20px; z-index:8; width:60px; height:106px;)
}

.fotorama { background:#315294 url(../img/bg-desc.png)}
#intro-container-mobile {display:none;}
#header-bottom-mobile {display:none;}
#header-bottom .span9 select {display:none;}


#map{
    width:900px;
    height:450px;
}

.post-item {float:left; width:100%; padding:10px 0px; border-bottom:1px solid #ddd;}
.post-item img {float:left; margin-right:20px;}
.post-item h3 {margin:0; color:#444}
.post-item p, .post-item small {color:#666;}

.post-item:hover a h3 {color:#315295;}
.post-item:hover a p {color:#666; text-decoration:none}

#total_page {float:left; background:#fff; padding:4px 10px; border:1px solid #ddd; font-weight:bold;}
.pagination {margin-top:10px; display:block; float:left;}

table, table.table {border:0;}



.fotorama a{
  display: block;
  height: 100%;
  /* Transparent links are not clickable in IE,
     but non-existent background fixes this.
    (Put an empty 1×1 image here to avoid
     errors in console.) */
  background: 0;
  position:absolute; z-index:9999999999999999999999999999999999999999999999999999999; width:100%; cursor:pointer;
}


@media(max-width:768px) {
	#header-bottom { background: url(../img/bgInox.png) repeat; padding:10px 0px; height:30px;}
	#header-bottom .span3 {float:left; width:40%; padding:0px 20px}
	#header-bottom .span9 ul#navigation {display:none;}
	#header-bottom .span9 select {margin-right:20px; display:block;float:right}
	#page-container {top:70px;}
	.addthis_toolbox {display:none}
	#header-top small { display:none;}
	
	
	#intro-container { display:none;}
	#intro-container-mobile { display:block; font-size:12px;}
	#intro-container-mobile h2{ font-size:18px; margin:10px; line-height:18px; } 
	#intro-container-mobile h2 small {color:#fff; font-size:12px;}
	a.ttop {margin-top:-80px;}
	#footer-container { text-align:center;}
	#slider-container, #slider-container p {font-size:16px;  margin:5px 0px}
	#slider-container h1 {font-size:32px; line-height:24px; margin:5px 0px;}
	#index-container { text-align:center}
	#topInfo {disply:none;}
	
}