@charset "utf-8";
@import "style_font.css";
/* CSS Document */

/* @group Reset */
/*html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video{
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}*/
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section{
	display: block;
}

*{
	margin:0;
	padding:0;
	outline:0;
}

body, html{
	height:100%;
}

body{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#000;
	background:#EEE url(../images/bg_body.png) 0 0 repeat;
	min-width:100%;
	
	text-rendering: optimizelegibility;
	
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	-webkit-text-size-adjust: none;
	-webkit-font-smoothing: antialiased;
	
	-moz-tap-highlight-color:rgba(0,0,0,0); 
	-moz-text-size-adjust: none;
	-moz-font-smoothing: antialiased;
	
	-ms-tap-highlight-color:rgba(0,0,0,0); 
	-ms-text-size-adjust: none;
	-ms-font-smoothing: antialiased;
}

a, a > *{
 	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}
a{color:#008FD8; text-decoration:none; cursor:pointer;}
a:hover{text-decoration: underline; color:#555;}
a img{border:0;}

a.button {
    color: #6e6e6e;
	font-weight:bold;
    text-decoration: none;
    padding: 9px 20px 11px 20px;
    position: relative;
    display: inline-block;
    /*text-shadow: 0 1px 0 #fff;*/
    -webkit-transition: border-color .218s;
    -moz-transition: border .218s;
    -o-transition: border-color .218s;
    transition: border-color .218s;
    background: #f3f3f3;
    background: -webkit-gradient(linear,0% 40%,0% 70%,from(#F5F5F5),to(#F1F1F1));
    background: -moz-linear-gradient(linear,0% 40%,0% 70%,from(#F5F5F5),to(#F1F1F1));
    border: solid 1px #dcdcdc;
    /*margin-right:0.5%;*/
}
a.button:hover {
    color: #333;
    border-color: #999;
    -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2); 
	-webkit-box-shadow:0 2px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}
a.button:active {
    color: #000;
    border-color: #444;
}

a.lnk_reg{
	padding:18px 18px 18px 44px;
	background:#2A9FC8 url(../images/ico_chk_detail.png) 18px center no-repeat;
	font-size:16px;
	color:#FFF;
	white-space:nowrap;
}
a.lnk_reg:hover{
	color:#FFF;
	text-decoration:none;
	background-color:#2E83AA;
}

a.lnk_more{
	padding:10px 12px 10px 36px;
	background:#2A9FC8 url(../images/ico_more.png) 12px 10px no-repeat;
	font-size:14px;
	color:#FFF;
	white-space:nowrap;
	display:block;
	width:36px;
	margin:15px 0 0 20px;
}
a.lnk_more:hover{
	color:#FFF;
	text-decoration:none;
	background-color:#2E83AA;
}

.container{
	overflow: hidden;

	/*  Prevents Flickering  */
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
}

header {
	display:none;
}
.burger {
	position: absolute;
	float: right;
	padding: 10px;
	top: 4px;
	right: 10px;
	
	display: none;
}
.burger li {
	width: 30px;
	height: 3px;
	background-color:#666;
	/*border-radius: 3px;*/
	margin: 6px 0;
	list-style:none;
}
.burger.open li {background-color:#BBB;}

.header_wrapper{
	background:#FFF url(../images/bg_header_wrap.gif) 0 81px repeat-x;
	width:100%;
	height:146px;
	margin:0 auto;
	max-width:1000px;
	border-bottom:#FFFFFF 1px solid;
	-webkit-box-shadow: 0px -1px 3px 1px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px -1px 3px 1px rgba(0,0,0,0.2);
	box-shadow: 0px -1px 3px 1px rgba(0,0,0,0.2);
}
.box_head_left{
	padding:14px 0 0 168px;
	height:132px;
	background:url(../images/bg_logo.png) 10px 5px no-repeat;
	float:left;
}
.title_head1,
.title_head2,
.title_head1_d,
.title_head2_d{
	font-family:Eurofurenceregular, supermarket, Verdana, Arial, Helvetica, sans-serif;
}
.title_head3,
.title_head4{
	/*font-family:supermarket, Verdana, Arial, Helvetica, sans-serif;*/
}
.title_head1,
.title_head1_d{
	font-size:28px;
	color:#00349F;
	line-height:32px;
}
.title_head2,
.title_head2_d{
	color:#2A9FC7;
	font-size:22px;
	letter-spacing:1px;
	padding-bottom:20px;
}
.title_head1_d,
.title_head2_d{
	display:none;
}
.title_head3{
	font-size:16px;
	color:#444;
	padding-bottom:15px;
}
.title_head4{
	font-size:13px;
	color:#888;
}
.box_head_right{
	float:right;
	height:147px;
	display:block;
}

.nav_container{
	position:relative;
	width:100%;
	height:42px;
	-webkit-box-shadow: 0px 1px 3px 1px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 1px 3px 1px rgba(0,0,0,0.2);
	box-shadow: 0px 1px 3px 1px rgba(0,0,0,0.2);
	overflow:hidden;
	/*z-index:1000;*/
}
nav {
	position:absolute;
	top:0;
	float:left;
	width:100%;
	background:rgba(3, 167, 243, .8);
}
nav li {
	float:left;	
	display:block;
	text-align:center;
}
nav li a {
	font-size:14px;
	color:#FFF;
	padding:13px 25px;
	display:block;
}
/*nav li:first-child a{
	padding-left:0;
}
nav li:last-child a{
	padding-right:0;
}*/
nav li a:hover{
	background:rgba(35, 50, 58, .4);
	color:#FFF;
	text-decoration:none;
}
nav li a.current {
	background:rgba(35, 50, 58, .4);
}

.footer{
	background:#19242A;
	padding:2.5% 3% 1.5% 3%;
	margin-top:25px;
	color:#7BA0B2;
	font-size:12px;
}
.footer a:hover{
	color:#DDD;
	text-decoration:none;
}
.footer_left,
.footer_right{
	width:50%;
	float:left;
}
ul.ul_contact{
	float:right;
}
li.li_loc,
li.li_tel,
li.li_fax,
li.li_email{
	list-style:none;
	background:url(../images/ico_location.png) 0 0 no-repeat;
	padding:0 0 8px 26px;
}
li.li_tel{
	background:url(../images/ico_tel.png) 0 0 no-repeat;
}
li.li_fax{
	background:url(../images/ico_fax.png) 0 0 no-repeat;
}
li.li_email{
	background:url(../images/ico_email.png) 0 0 no-repeat;
}
/*li.li_email a{
	padding:3px;
	display:block;
}*/
.block_footer_th{
	text-align:right;
}
.title_footer1,
.title_footer2{
	font-family:Eurofurenceregular, supermarket, Verdana, Arial, Helvetica, sans-serif;
}
.title_footer1{
	font-size:40px;
	color:#73B9FF;
	letter-spacing:6px;
	line-height:32px;
}
.title_footer2{
	color:#BDD2DC;
	font-size:16px;
}
.footer_copyr{
	background:#141D22;
	padding:2% 3%;
	color:#7BA0B2;
}

.content{
	
}
.wrapper_box{
	width:1000px;
	margin:0 auto;
	line-height:normal;
	background:#FFF;
	-webkit-box-shadow: 0px 3px 3px 1px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 3px 3px 1px rgba(0,0,0,0.2);
	box-shadow: 0px 3px 3px 1px rgba(0,0,0,0.2);
}

#slide-container{width:100%; margin:0 auto; overflow:hidden; float:left;} 
#slideshow, #head_pix{width:100%; overflow:hidden;}
#slideshow img, #head_pix img{width:100%; height:auto;}
#head_pix img{
	display:block;
}

.box_gray{
	background:#23323A;
	padding:2.5% 3%;
}
.box_gray h3{
	font-family:supermarket;
	font-weight:normal;
	font-size:28px;
	color:#C4D2DE;
	text-align:center;
}
.box_gray p{
	color:#FFF;
	padding-top:15px;
	text-align:justify;
	font-size:14px;
}
.box_gray a:hover{
	color:#FFF;
	text-decoration:none;
}

.box_blue{
	background:#2A9FC8;
	width:25%;
	float:left;
	text-align:center;
}
.box_blue h3{
	color:#FFF;
	font-weight:100;
	font-size:16px;
	padding-top:10px;
}
.box_blue p{
	color:#333;
	font-size:14px;
}
.box_blue a{
	padding:10% 10% 8% 10%;
	display:block;
	text-decoration:none;
	min-height:155px;
}
.box_blue a:hover{
	background:#2E83AA;
}
.box_blue a:hover p{
	color:#A0F1FE;
}

.box_reg{
	padding:2.5% 3%;
	font-size:24px;
}
.block_left{
	width:72%;
	float:left;
}
.block_right{
	float:right;
}

.cont_left{
	width:60%;
	padding:2% 3% 0 3%;
	float:left;
}
.cont_right{
	width:31%;
	padding:2% 3% 0 0;
	float:right;
}
.box_date{
	width:78px;
	height:78px;
	border:#DDD 1px solid;
	text-align:center;
}
.box_date h3{
	color:#008FD8;
	font-size:48px;
	line-height:48px;
	margin-top:5px;
	font-weight:normal;
}
.box_date p{
	color:#888;
	font-size:14px;
}
.block_date{
	width:80px;
	float:left;
	margin-bottom:25px;
}
.block_lst{
	width:500px;
	padding-left:10px;
	float:left;
	margin-bottom:25px;
}

.box_poster img{
	width: 100%;
}

h3.cap1{
	font-size:22px;
	color:#333;
	margin-bottom:15px;
	font-weight:normal;
}

ul.lst1{
	
}
ul.lst1 li{
	list-style:none;
	background:url(../images/ico_bullet1.png) 6px 2px no-repeat;
	padding:0 0 8px 20px;
}

ul.lst2{
	color:#FFF;	
}
ul.lst2 li{
	list-style:outside disc;
	margin-left:5%;
}

ul.lst3{

}
ul.lst3 li{
	list-style:outside disc;
	margin-left:5%;
}

.bar_title{
	color:#008FD8;
	background:#F2F2F2;
	border-bottom:#DDD 1px solid;
	font-size:20px;
	text-align:center;
	padding:18px 0;
	-webkit-box-shadow: inset 0px 1px 1px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: inset 0px 1px 1px 0px rgba(0,0,0,0.2);
	box-shadow: inset 0px 1px 1px 0px rgba(0,0,0,0.2);
}

.box_cont{
	padding:2.5% 3% 0 3%;
}
.box_cont p{
	padding-top:15px;
	text-align:justify;
}
.box_cont h3{
	color:#008FD8;
	padding:10px 0 5px 0;
}

/*----SEARCH PANEL----*/
.searchPan{text-align:center; padding:0 0 5px 0; margin-bottom:8px; border-bottom:#E8E8E8 1px solid;}

.box{
	font-size:13px;
}
.box label{
    display:block;
    /*margin:10px 0 0 6px;*/
}

.box input[type=text],
.box input[type=password],
.box textarea,
.box select{
    border:#CCC 1px solid;
    margin:4px;
    padding:8px 6px;
    /*min-width:270px;*/
    /*display:block;*/
}
.box select{
	min-width:100px;
}
.box input[type=text]:focus,
.box input[type=password]:focus,
.box textarea:focus,
.box select:focus{
    border:#3399FF 1px solid;
	color:#333;
}
.box input[type=text].wdyn{
	width:30%;
}
.box input[type=text].w400{
	min-width:400px;
}
.box input[type=text].w250{
	min-width:250px;
}
.box input[type=text].w200{
	min-width:200px;
}
.box input[type=text].w150{
	min-width:150px;
}
.box input[type=text].w100{
	min-width:100px;
	width:100px;
}
.box input[type=text].w50{
	min-width:50px;
	width:50px;
}
.box input[type=text].w30{
	min-width:30px;
	width:30px;
}
.box input[type=text].narrow{
	padding:4px;
}

.infoPage{text-align:center; color:#999;}
.pagination {
    /*background: #f2f2f2;*/
    padding: 5px;
    margin-bottom: 5px;
	text-align:center;
}
.page {
    display: inline-block;
    padding: 5px 10px;
    margin:4px 2px;
    border: solid 1px #c0c0c0;
    background: #e9e9e9;
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
    color: #717171;
}
.page:hover {
    background: #fefefe;
	text-decoration:none;
}
.page.active {
    border: solid 1px #006C91;
    background: #006C91;
    color: #FFF;
}
.page img{top:2px; position:relative;}

/*----TABLE NOSIDE----*/
table.tbNoside{width:100%; border-collapse:collapse; margin:5px 0; font-size:16px;}
table.tbNoside a{color:#555;}
table.tbNoside a:hover{color:#008FD8; text-decoration:none;}
table.tbNoside td{border:#DDD 1px solid; padding:8px; text-align:left;}
table.tbNoside td.colLeft{border-left:none; text-align:center;}
table.tbNoside td.colRight{border-right:none;}

/*----TABLE COMMON----*/
table.tbCommon{width:100%; border-collapse:collapse; margin:5px 0;}
table.tbCommon th{border:#71D4EB 1px solid; padding:12px 5px; text-align:center; background:#3DC4E4; color:#FFF; font-weight:bold;}
table.tbCommon td{border:#DDD 1px solid; padding:8px; text-align:left;}
table.tbCommon td.tdCenter{text-align:center;}
table.tbCommon tr:hover{background:#F1F1F1;}

blockquote {
  background: #f5f5f5;
  border-left: 10px solid #73B9FF;
  margin: 1.5em 10px;
  padding: 0.5em 10px;
  quotes: "\201C""\201D""\2018""\2019";
}
blockquote:before {
  color: #ccc;
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}
blockquote p {
  display: inline;
}

.col_half{
	width:50%;
	float:left;
}

.clearfix,
.div_line{
	float:none;
	clear:both;
}
.div_line{
	border-bottom:#E8E8E8 1px solid;
}

.margin_bt0{
	margin-bottom:0;
}

.pos_left{
	float:left;
}
.pos_right{
	float:right;
}

.txt_left{
	text-align:left;
}
.txt_center{
	text-align:center;
}
.txt_right{
	text-align:right;
}

.txt_blue{
	color:#008DD6;
}

.google-maps {
	position: relative;
	padding-bottom: 75%; /*This is the aspect ratio*/
	height: 0;
	overflow: hidden;
	margin-top:25px;
}
.google-maps iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}