/* Tell the browser to render HTML 5 elements as block */  
header, footer, aside, nav, article, section { display: block;}  
  
body {margin: 0 auto; font: 13px/22px Helvetica, Arial, sans-serif; background: url(images/bg.jpg) repeat; color: #fff;}

@font-face {
	font-family: 'StMarieThin';
	src: url('StMarie-Thin-webfont.eot');
	src: local('☺'), url('StMarie-Thin-webfont.woff') format('woff'), url('StMarie-Thin-webfont.ttf') format('truetype'), url('StMarie-Thin-webfont.svg#webfontFWarA2us') format('svg');
	font-weight: normal;
	font-style: normal;
}

p {font-size: 15px; text-align: justify;  text-shadow: 1px 1px 1px #273b4d;}

p a {color:#b6dbff; text-decoration: none; font-weight:bold; text-shadow:-1px -1px -1px #213142; -webkit-transition:color 0.2s ease-in;}

p a:hover {color:#fff; text-decoration: none; font-weight:bold; text-shadow:-1px -1px -1px #213142;}

.hr {float: left; width: 650px; height: 2px; background: url(images/hr.png) repeat-x; border: none; margin-bottom:15px;}

.shine {width: 100%; height: auto; background: url(images/bg-shine.png) no-repeat top center; margin: auto; overflow: hidden;}

header {width: 936px; height: auto; overflow: hidden; margin: auto;}

.logo {float: left; width: 219px; height: 69px; margin-top: 20px; margin-bottom: 20px;}

.banner {width: 936px; height: 356px; float: left; display: block;}

.banner ul {list-style: none; margin: 0; padding: 0; width: 936px;}

.banner ul li {width: 936px; height: 356px; position: relative;}

.banner ul li h2 {margin: 0; padding: 0; z-index: 5000; color: #fff; background-color: rgba(0, 0, 0, 0.7); position: absolute; top:20px; right: 20px; font-size: 34px; padding: 20px; border: 1px solid #000; -webkit-border-radius: 3px; -moz-border-radius: 3px; text-align: right; line-height: 1.1em; font-weight: 100; text-shadow: 1px 1px 1px #000; font-family: StMarieThin, sans-serif;}

#prevBtn {position: absolute; left: 50px; top: 280px; font-size: 50px; text-transform: uppercase; text-shadow: 1px 1px 1px #0b1e27; }

#prevBtn a {color: #6b8e9e; text-decoration: none; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-border-radius: 10px; -moz-border-radius: 10px; padding: 30px;}

#prevBtn a:hover {background-color: #123240;}

#nextBtn {position: absolute; right: 50px; top: 280px; text-transform: uppercase; font-size: 50px; text-shadow: 1px 1px 1px #0b1e27;}

#nextBtn a {color: #6b8e9e; text-decoration: none; -webkit-transition: all .3s linear; transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; padding: 30px; -webkit-border-radius: 10px;-moz-border-radius: 10px;}

#nextBtn a:hover {background-color: #123240;}

.tel {float: right; width: 500px; height: 69px; text-align: right; margin-top: 45px;}

.tel h1 {font-size: 25px; font-weight: normal; padding: 0; margin: 0; text-shadow: 1px 1px 1px #273b4d;}

nav {width: 950px; height: 92px; margin: auto; background: url(images/nav-bg.png) no-repeat; background-position-y: -9px; }

nav ul { margin: auto; float: left; height: 38px; width: 950px; font-size: 20px; list-style: none; padding: 0; margin: 0; text-shadow: 1px 1px 1px #7eafd0; display: block; color: #314456;}

nav ul li {float: left; padding: 0; margin: 0; padding-top: 15px; padding-left: 41px; padding-right: 41px;  border-left: 1px solid #6b9ebd; height: 100%;}

nav ul li.first {border-left: none;}

nav ul li.last {border-right: none;}

section {width: 936px; margin: auto; height: auto; padding-bottom: 20px;}

.content {float: left; width: 650px; overflow: hidden; }

.content h1 {font-size: 25px; font-weight: bold; padding: 0; margin: 0;  text-shadow: 1px 1px 1px #273b4d;}

.content ul {list-style: none; margin: 0; padding: 0;}

.content li {margin-top: 15px; margin-bottom: 15px; width: 320px; float: left;}

.box {width: 200px; height: auto; float: left; padding-right: 25px; opacity: 0.6; -webkit-transition:opacity 0.3s ease-in;}

.box:hover {opacity: 1;}

.box h3 {font-size: 25px; font-weight: normal; text-shadow: 1px 1px 1px #273b4d;}

.box p {text-align: left;}

.box#last {padding-right: 0px;}

aside {float: right; width: 250px; overflow: hidden; height: auto; background: #2d4156; -webkit-border-radius:10px; margin-bottom: 20px; border-bottom: 1px solid #192c40; border-right: 1px solid #192c40;}

aside h2 {font-size: 25px; font-weight: bold; color: #8798a8; margin-left: 20px; text-shadow: -1px -1px -1px #112030;}

aside ul {float: left; width: 250px; list-style: none; height: auto; overflow: hidden; margin: 0; padding: 0; font-size: 14px; color: #dfeaf4; padding-bottom: 10px;}

aside ul li {padding-left: 20px; border-top: 1px solid #3d5368; padding-top: 10px; padding-bottom: 10px; text-shadow: -1px -1px -1px #112030;}

aside ul li a {text-shadow: -1px -1px -1px #112030; color: #dfeaf4; text-decoration: none; -webkit-transition:color 0.1s ease-in;}

aside ul li a:hover {color:#aad0f7; text-decoration:none;}

aside span.view {float:right; font-size:10px; background: #26384a; padding-top:1px; padding-bottom:1px; padding-left:8px; padding-right:8px; margin-right:10px; -webkit-border-radius:20px;}

aside li.widget {list-style:none;}

footer {width: 936px; background: url(images/hr.png) repeat-x top; height: 100px; margin: auto; padding-top: 20px; clear: both; font-size: 12px;}

.tag {font-family: Georgia, Serif; font-style: italic; font-size: 18px; float: right; text-align: right; color: #1b3248; text-shadow: 1px 1px 1px #536e87;}

input {background: #283644; border: 1px solid #1a242d; color:#bedfff; padding:5px; -webkit-border-radius: 3px; -moz-border-radius: 3px;}

textarea {background: #283644; border: 1px solid #1a242d; color:#bedfff; padding:5px;-webkit-border-radius: 3px; -moz-border-radius: 3px;}

span.wpcf7-not-valid-tip {background:#df4141;}

.content h3 a {font-family: StMarieThin, sans-serif; color:#b6dbff; text-decoration: none; font-size:30px; float:left; margin-right:25px; margin-bottom:5px; text-shadow:-1px -1px -1px #213142; }

.content h3 a:hover {color:#fff;}

.content a {color:#b6dbff; text-decoration: none; font-weight:bold; text-shadow:-1px -1px -1px #213142; -webkit-transition:color 0.2s ease-in;}

.content a:hover {color:#fff; text-decoration: none; font-weight:bold; text-shadow:-1px -1px -1px #213142;}

.breadcrumb {border-right:1px solid #19293a; border-bottom:1px solid #19293a; background: #2d4156; -webkit-border-radius:3px; padding:10px; margin-bottom:20px;}

a.button {
   border-top: 1px solid #6e757a;
   background: #141414;
   background: -webkit-gradient(linear, left top, left bottom, from(#3b3b3b), to(#141414));
   background: -moz-linear-gradient(top, #3b3b3b, #141414);
   padding: 20px 40px;
   -webkit-border-radius: 11px;
   -moz-border-radius: 11px;
   border-radius: 11px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   font-size: 24px;
   font-family: Helvetica, Arial, Sans-Serif;
   text-decoration: none;
   vertical-align: middle;
   position: absolute;
   top:200px;
   right:80px;
   }
a.button:hover {
   border-top-color: #666;
   background: #000000;
   color: #ffffff;
   }
a.button:active {
   border-top-color: #ab1313;
   background: #ab1313;
   }