@charset "UTF-8";
@font-face {
	font-family: 'Raleway';
	src: url('../fonts/Raleway-Regular.ttf') format('truetype');
	font-weight: normal;
}
@font-face {
	font-family: 'Raleway-Medium';
	src: url('../fonts/Raleway-Medium.ttf') format('truetype');
	font-weight: normal;
}
@font-face {
	font-family: 'Raleway-Light';
	src: url('../fonts/Raleway-Light.ttf') format('truetype');
	font-weight: normal;
}
@font-face {
	font-family: 'Raleway-Bold';
	src: url('../fonts/Raleway-Bold.ttf') format('truetype');
	font-weight: normal;
}
html, body { height:100%; }
/* Body */
body {
	font-family:"Raleway", Arial, san-serif; font-size:16px;
	background-color: #FFFFFF;
	margin: 0;
	height:100%;
}
h2 { font-family:'Raleway'; margin:0 0 20px; padding:14px 0 15px 60px; font-size:18px; color:#074689; text-transform:uppercase; }
h2.doc { background-image:url(../images/ico_doc.gif); background-position:left top; background-repeat:no-repeat;}
h2.log { background-image:url(../images/ico_log.gif); background-position:left top; background-repeat:no-repeat;}
h2.reg { background-image:url(../images/ico_reg.gif); background-position:left top; background-repeat:no-repeat;}
/* Container */
.container {
	margin-left: auto;
	margin-right: auto;
}
/* Header */
header {
	width: 100%;
	border-top: solid 30px #01438d;
	height: 83px;
	background-color: #fff; 
}
.logo { float:left; }
.lang { float:right; margin:30px 10px 0 0; }
.lang ul { margin:0; padding:0; list-style-type:none; }
.lang ul li { float:left; margin-right:10px; }
.lang ul li:last-child { margin-right:0px; }

.carousel-inner .img1, .carousel-inner .img2, .carousel-inner .img3, .carousel-inner .img4 { background-size:cover; width: 100%; height: 100%; }
.carousel-inner .img1 { background-image:url(../images/img_01.jpg); }
.carousel-inner .img2 { background-image:url(../images/img_02.jpg); }
.carousel-inner .img3 { background-image:url(../images/img_03.jpg); }
.carousel-inner .img4 { background-image:url(../images/img_05.jpg); }

section { clear:both; height:50%;  }
.gallery { background-color:#f5f4ef;}
.gallery:after, header:after { content: ""; background-image: url(../images/shadow-section.png); background-position: top center; background-repeat: no-repeat; z-index: 999; width: 100%; height: 22px; position: absolute; left: 0px; right: 0px;  overflow: hidden;}
.thumbnail { float:left; width:33%;    padding: 20px; min-height: 360px; }
.thumbnail.center { background-color:#fff;  border-left: #dddbd7 solid 1px;  border-right: #dddbd7 solid 1px; padding-right: 50px;}
.thumbnail ul { margin:0; padding:0 0 0 60px; list-style-type:none; }
.thumbnail.center  ul li { border-bottom:solid 1px #ccc; padding:0 0 5px 0; margin:5px 0; }

form { border:none; margin:0; padding:0 0 0 60px; }
label { font-family:'Raleway-Light'; color:#9ba0a5;  }
input, a.regi { box-shadow:none; border:solid 1px #ccc; background-color:#fff; padding: 4px 8px; margin: 0 0 15px; display:block; width:70%; }
input[type="submit"], a.regi { font-family:'Raleway-Bold'; background-color:#074689; color:#fff; border:none;float: left; width:auto; }
a.regi { display:block; margin-top:15px; }
input[type="submit"]:hover, a.regi:hover { background-color:#fff; color:#074689; border:solid 1px #074689; text-decoration:none; }
a.forg { float:right; width:auto; margin: 5px 10px 0; }
p.red { color:#f00; font-family:'Raleway-Bold'; }
input.red { border:solid 1px #f00; }
footer { height:76px; }
.copyright { margin:25px 0 0; }

/* Mobile */
@media (max-width: 320px) {
.container { padding:0; }
.thumbnail { float: none; width: 100%; }
}


.tales {
  width: 100%;
}
.carousel-inner{
  width:100%;
  height: 100% !important;
}

/* Small Tablets */
@media (min-width: 321px)and (max-width: 767px) {
.container { padding:0; }
.thumbnail { float: none; width: 100%; }
}

/* Small Desktops */
@media (min-width: 768px) and (max-width: 1140px) {

}
@media (min-width: 1141px) {
.container {width: 1140px;}
}
/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {}