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

.high{
	color:#5ab6e7 !important;
}

.white{
	color:#ffffff !important;
}

.dark{
	color:#285b90;
}

.strong{
	color:#000000 !important;
	font-family:'OpenSansRegular';
}

.bold{
	font-weight:bold;
}

div.dwn_link{
	background-image: url("../images/link.png");
    background-position: left center;
    background-repeat: no-repeat;
    cursor: pointer;
    height: 32px;
    line-height: 32px;
    padding-left: 28px;
}

img.box{
	position:relative;
	float:left;
	width:100%;
	border:1px solid #dedede;
	border-bottom:0;
}

.main_title{
	font-family:'open_sans_condensedbold';
	color:#e15b5c;
	text-transform:uppercase;
	border-bottom:1px solid #C5C5C5;
	margin-top:10px;
	margin-bottom:20px;
	padding-bottom:5px;
	font-size:26pt;	
}

.main_sub_title{
	color:#285b90;
	font-size:10pt;
	font-family:'open_sans_condensedbold';
	text-transform:uppercase;
}

.title{
	font-family:'arial';
	color:#617784;
	font-size:29pt;
	margin-top:10px;
	margin-bottom:10px;
	padding-left:10px;
	text-transform:uppercase;
}

.title2{
	font-family:'open_sans_condensedbold';
	color:#333333;
	font-size:23pt;
	margin-bottom:10px;
}

.title3{
	font-family:'open_sans_condensedbold';
	color:#617784;
	font-size:14pt;
	margin-top:10px;
	margin-bottom:10px;
	text-transform:uppercase;
}

.title_inverted{
	font-family:'open_sans_condensedbold';
	color:#ffffff;
	text-transform:uppercase;
}

.sub_title{
	color:#285b90;
    font-family:'open_sans_condensedbold';
    font-size:10pt;
    text-transform:uppercase;
}

.tit_light{
	font-family:'open_sanscondensed_light';
	font-size:13pt;
}

.tit_bg{	
	margin-top:10px;
	margin-bottom:20px;
	padding-bottom:5px;
	font-size:29pt;	
}

.tit_md{
	margin-top:5px;
	margin-bottom:5px;
	font-size:14pt;
}

.tit_md2{
	color:#617784;
	font-size:18pt;
	margin-top:5px;
	margin-bottom:5px;
}

.tit_sub{
	color:#5AB6E7;
	font-family:'open_sanscondensed_light';
	border-top:1px solid #C5C5C5;
	border-bottom:1px solid #C5C5C5;
	margin-top:3px;
	margin-bottom:3px;
	padding-top:4px;
	padding-bottom:4px;
	font-size:14pt;
}

.box_size{
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}

.no_bord{
	border:0;
}

div.img1{
	position:relative;
	width:100%;
	height:250px;
	margin-top:10px;
	margin-bottom:10px;
	background-color:#E8E8E8;
	background-size:cover;
	background-repeat:no-repeat;
}

div.info_title{
	position:relative;
	font-family:Arial;
	font-size:10pt;
	color:#3d3d3d;
	padding:10px;
	margin-top:10px;
	margin-bottom:10px;
	background-color:#ECECEC;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}

div.info_box{
	position:relative;
	width:100%;
	height:40px;
	line-height:40px;
	margin-top:10px;
	margin-bottom:10px;
	padding-left:50px;
	font-family:Arial;
	font-size:10pt;
	color:#3d3d3d;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}

div.info_box div.ilabel{
	position:absolute;
	top:0;
	left:0;
	width:40px;
	height:40px;
	background-color:#3D3D3D;
	background-image:url('../images/bg_details.png');
	background-position:center center;
	background-repeat:no-repeat;
}

div.info_box div.icontent{
	position:relative;	
	height:40px;
	background-color:#ECECEC;
	border-left:6px solid #5ab6e7;
	padding-left:10px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}

div.info_box span.info{
	margin-right:15px;
}

.text_light{
	font-family:'OpenSansLight';
	font-size:16pt;
}

div.accordion{
	position:relative;
	float:left;
	background-color:#E9E9E9;
	width:100%;
	height:42px;
	min-height:42px;
	line-height:24px;
	overflow:hidden;	
	cursor:pointer;
	transition: all 0.4s;
	-moz-transition: all 0.4s;
	-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
}

div.accordion div.ac_title{
	height:32px;
	line-height:32px;
	padding:5px;
	padding-left:10px;
	padding-right:10px;
	font-family:"open_sans_condensedbold";
	font-size:12pt;
	text-transform:uppercase;
}

div.accordion div.a_voice{
	position:relative;
	height:26px;
	line-height:26px;
}

div.accordion span.icon{
	font-size:13pt;
	margin-right:5px;
}

div.accordion div.a_voice:hover{
	color:#285b90;
	text-decoration:underline;
}

div.accordion div.ac_content{
	padding:10px;
}

div.accordion_open{
	height:auto;	
}

div.box_center{
	position:relative;
	width:270px;
	margin:auto;
	float:none;
}

/* -------------------------------------------
   STRUCTURE PREVIEW
   ------------------------------------------- */
div.imm_slide_preview{
	position:relative;
	width:100%;
	height:420px;
	background-color:#2B2937;
	overflow:hidden;
	background-size:cover;
	background-position:center center;
	background-repeat:no-repeat;
}

div.imm_slide_preview div.nav_bar{
	position:absolute;
	top:0;
	right:0;
	width:77px;
	height:100%;
	border-top:1px solid #000000;
	background-color:#292d2d;
	padding:7px;
}

div.imm_slide_preview div.img_list{
	position:relative;
	width:100%;
	height:80px;
	overflow:hidden;
}

div.imm_slide_preview div.mini_img{
	position:relative;
	height:60px;
	cursor:pointer;
	background-position:center center;
	background-size:cover;
	margin-bottom:5px;
}

div.imm_slide_preview div.mini_img:hover{
	opacity:0.7;
	filter:alpha(opacity=70);
}

div.imm_slide_preview div.img_sel div.imm_shadow2{
	visibility:hidden;
}

div.imm_slide_preview div.action{
	position:relative;
	height:42px;
	line-height:42px;
	padding-left:10px;
	padding-right:10px;
	color:#ffffff;
	font-family:'OpenSansRegular';
	font-size:11pt;
}

/* -------------------------------------------
   DETTAGLIO POST
   ------------------------------------------- */
div.post_details{
	position:relative;
	width:100%;
	float:left;
	margin-bottom:30px;
}

div.post_details img.preview{
	float:left;
	width:298px;	
}

div.post_details img.bb{
	border:1px solid #50555c;
}

div.post_details div.cdesc{
	float:left;
	padding:10px;
	width:400px;
	text-align:justify;
}

div.post_details div.title{
	margin-top:0 !important;
	padding-left:0 !important;;
}
   
/* -------------------------------------------
   INTERFACE
   ------------------------------------------- */   
span.plus{
	position:absolute;
	top:50%;
	left:50%;
	width:45px;
	height:45px;
	margin-top:-22px;
	margin-left:-22px;
	border:1px solid #ffffff;
	color:#ffffff;
	font-size:36pt;
	border-radius:4px;
	text-align:center;
	line-height:45px;
}   

div.hvoice{
	position:relative;
	padding-left:5px;
	line-height:32px;
	border-bottom:1px solid #46a2d3;
	cursor:pointer;
}

div.hvoice:hover{
	background-color:#325B8D;
	color:#ffffff !important;
}
   
div.hvoice_dark{
	position:relative;
	padding-left:5px;
	line-height:32px;
	border-bottom:1px solid #dedede;
	cursor:pointer;
}
   
div.hvoice_dark:hover{
	background-color:#ffffff;
}

div.hvoice span.icon, div.hvoice_dark span.icon{
	margin-right:5px;
	font-size:12pt;
}

div.wrap{
	position:relative;
	height:42px;
	line-height:42px;
	background-color:#dedede;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	font-family:'robotoregular';
	font-size:12pt;
}

div.wrap div.wdark{
	background-color:#292D2D;
	color:#ffffff;
	padding-left:10px;
	padding-right:10px;
	float:left;
}

div.wrap div.whigh{
	background-color:#4DC7EC;
	color:#ffffff;
	padding-left:10px;
	padding-right:10px;
	float:left;
}

div.wrap div.wabl{
	background-image:url('../images/arrow-black.png');
	background-position:left center;
	background-repeat:no-repeat;
	padding-left:25px;
}
   
div.wrap div.warrow_highr{
	float:left;
	width:16px;
	height:42px;
	background-image:url('../images/arrow-high.png');
	background-position:left center;
	background-repeat:no-repeat;
	margin-right:10px;
}

/* -------------------------------------------
   CONTACTS
   ------------------------------------------- */
div.map_canvas{
	position:relative;
	width:100%;
	height:300px;
	border:1px solid #dedede;
}   

table.contact{
	position:relative;
	width:100%;
	padding-top:10px;
	padding-bottom:10px;
	color:#686665;
}

table.contact td{
	vertical-align:top;
}

table.contact td.icon{
	font-size:13pt;
	text-align:center;
}

div.contact .form{
	width:320px;
}

/* -------------------------------------------
   CODEX SEARCH
   ------------------------------------------- */
input.codex_search{
	padding-right:35px;
}
   
img.codex_search{
	position:absolute;
	top:7px;
	right:8px;
	cursor:pointer;
}   
   
/* -------------------------------------------
   POST
   ------------------------------------------- */
div.post1{
	position:relative;
	height:80px;
	overflow:hidden;
	margin-top:10px;
	margin-bottom:10px;
	padding-left:10px;	
	padding-right:10px;	
}   

div.post1 div.ptitle{
	font-family:'open_sans_condensedbold';
	color:#637684;
	text-transform:uppercase;
	font-size:12pt;
	margin-bottom:2px;
}

div.post1 div.shadow{
	position:absolute;
	top:0;
	right:0;
	width:6px;
	height:100%;
	color:#ffffff;
	background-color:rgba(90, 182, 231, 0.9);
	overflow:hidden;
	font-family:'open_sanscondensed_light';
	font-size:12pt;
	transition: all 0.4s;
	-moz-transition: all 0.4s;
	-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
}

div.post1 div.shadow div{
	position:absolute;
	left:8px;
	bottom:5px;
	white-space:nowrap;
}

div.post1:hover div.shadow{
	width:100%;
}

div.post2{
	position:relative;
	width:330px;
	height:60px;
	float:left;
	padding-left:70px;
	padding-right:10px;
	margin-bottom:10px;
	margin-top:10px;
	overflow:hidden;
}

div.post2 div.pimg{
	position:absolute;
	top:0;
	left:0;
	width:60px;
	height:60px;
	text-align:center;
	color:#ffffff;
	background-color:#cdcdcd;
}

div.post2 div.ptitle{
	font-family:'open_sans_condensedbold';
	color:#637684;
	font-size:12pt;
	margin-bottom:2px;
	text-transform:uppercase;
}

div.post2:hover div.ptitle{
	color:#285B90;
}

div.post3{
	position:relative;
	width:100%;
	min-height:120px;
	float:left;
	padding-left:80px;
	padding-right:10px;
	padding-bottom:50px;
	margin-bottom:20px;
	margin-top:10px;
	overflow:hidden;
}

div.post3 div.pdate{
	position:absolute;
	top:0;
	left:0;
	width:80px;
	height:80px;
	font-family:'OpenSansLight';	
	color:#ffffff;
	background-color:#5AB6E7;
	text-align:center;
	box-shadow:5px 5px 0 rgba(40, 91, 144, 0.8);
}

div.post3 div.pday{
	font-size:32pt;
	line-height:48px;
}

div.post3 div.pmonth{
	font-size:12pt;
}

div.post3 div.pno_image{
	padding-left:10px;
}

div.post3 div.pimg{
	position:relative;
	width:100%;
	height:250px;
	margin-bottom:10px;
	border-radius:4px;
	border-top-left-radius:0;
	text-align:center;
	color:#ffffff;
	background-color:#cdcdcd;
	background-position:center center;
	background-size:cover;	
}

div.post3 div.ptitle{
	font-family:'open_sans_condensedbold';
	color:#637684;
	font-size:12pt;
	margin-bottom:2px;
	text-transform:uppercase;
}

div.post3 div.button5{
	position:absolute;
	bottom:0;
	left:80px;
	margin-bottom:0;
}
/* -------------------------------------------
   CERTIFICATE
   ------------------------------------------- */
div.cert1{
	position:relative;
	float:left;
	width:230px;
	height:280px;
	overflow:hidden;
	margin-top:10px;
	margin-bottom:10px;
	padding-left:10px;	
	padding-right:10px;	
	text-align:center;
}   

div.cert1 div.ptitle{
	font-family:'open_sans_condensedbold';
	color:#637684;
	text-transform:uppercase;
	font-size:12pt;
	margin-bottom:2px;
}

div.cert1 div.cert_img{
	position:relative;
	width:120px;
	height:120px;
	margin:auto;
	margin-top:10px;
	margin-bottom:20px;
	border-radius:50%;
	background:rgba(90, 182, 231, 0.7);
	padding:10px;	
	transition: all 0.3s;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
}

div.cert1 div.cert_img img{
	position:absolute;
	width:120px;
	height:120px;
	top:50%;
	left:50%;
	margin-top:-60px;
	margin-left:-60px;
	border-radius:50%;
}

div.cert1:hover div.cert_img{
	background:rgba(90, 182, 231, 0.3);
}

div.cert1:hover div.ptitle{
	color:#285B90;
}

/* -------------------------------------------
   CATALOGS
   ------------------------------------------- */
div.catalog1{
	position:relative;
	float:left;
	width:220px;
	height:282px;
	margin-left:6px;
	margin-right:6px;
	margin-bottom:30px;
	color:#ffffff;
	box-shadow:5px 5px 0 rgba(0, 0, 0, 0.3);
	background-color:#ffffff;
}

div.catalog1 div.area{
	position:relative;
	height:100%;
}

div.catalog1 div.prev{
	position:relative;
	width:100%;
	height:100%;
	background-color:#cdcdcd;
	overflow:hidden;
}

div.catalog1 div.prev img{
	position:absolute;
	width:220px;
	height:282px;
	top:50%;
	left:50%;
	margin-left:-110px;
	margin-top:-141px;
	transition: all 0.3s;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	z-index:5;
}

div.catalog1 div.label{
	position:absolute;
	bottom:10px;
	right:10px;
	width:42px;
	height:42px;
	color:#5AB6E7;
	z-index:20;
	font-size:22pt;
	background-color:#ffffff;
	line-height:42px;
	text-align:center;
	border-radius:3px;
	transition: all 0.3s;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
}

div.catalog1 div.ccontent{
	position:absolute;
	bottom:10px;
	right:60px;
	padding-left:10px;
	z-index:10;
	text-align:right;
}

div.catalog1:hover{
	/*
	box-shadow:5px 5px 0 rgba(50, 91, 141, 0.8);
	border-color:#325B8D;*/
	
	box-shadow:5px 5px 0 #5AB6E7;
	border-color:#5AB6E7;
}

div.catalog1:hover div.label{
	background-color:#5AB6E7;
	color:#ffffff;
}

div.catalog1:hover div.prev img{
	width:270px;
	height:346px;
	margin-top:-173px;
	margin-left:-135px;
}

div.ctitle{
	font-family:'open_sans_condensedbold';
	color:#ffffff;
	text-transform:uppercase;
	font-size:12pt;
}