@import url('reset.css');

/* BIT GENERAL STYLE  */
*{	margin:0;
	padding:0;}

body {	
	background: #F8F8F8 url(../images/white_texture.png) repeat top left;
	font-family: "Century Gothic", Helvetica, sans-serif;
	font-size:12px;
	color: #666;}

a{	text-decoration:none;}
	
/* BIT MAIN WRAPPER */

#wrapper {
	width:1000px;
	margin:0 auto;
	background:#FFFFFF;
	box-shadow: 0px 0px 5px #CCC;}

/* BIT HEADER */

#header{}

#header img.logo{
	float: left;
	display: block;
	position: relative;
	margin: 20px 0px 10px 0px;
	cursor: pointer;}

#header #nav-sub {
	height:30px;
	text-align:right;
	margin-top: 30px;}
	
#header #nav-sub ul li {
	list-style:none;
	float:left;
	font-size:11px;
	padding-left:20px;
	text-transform:uppercase;
	font-weight:bold;
	line-height:30px;}	

#header #nav-sub ul li a {
	text-decoration:none;
	color:#868686;}

#header #nav-sub ul li a:hover {
	color:#0055A6}

/* BIT MENU WRAPPER */
	
.oe_wrapper{
	width:1000px;
	margin:0 auto;}

.oe_overlay{
	background:#000;
	opacity:0;
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
}
ul.oe_menu{
	list-style:none;
	position:relative;
	margin:0px auto;
	width:1000px;
	float:left;
	clear:both;
 	background:url(../images/noise-texture1.png) no-repeat;
	line-height:25px;
	text-transform:uppercase;
	height: 50px;
}
ul.oe_menu > li{
	width:112px;
	height:45px;
	padding-bottom:2px;
	float:left;
	position:relative;
}
ul.oe_menu > li > a{
	display:block;
	color:#fff;
	text-decoration:none;
	font-weight:bold;
	font-size:12px;
	text-align:center;
	width:90px;
	padding:10px;}
	
ul.oe_menu > li > a:hover,
ul.oe_menu > li.selected > a{
	background:#1598e0;
	color:#fff;
	opacity:1.0;}

.oe_wrapper ul.hovered > li > a{/*background:#fff;text-shadow:0px 0px 1px #FFF;*/}

ul.oe_menu div{
	position:absolute;
	top:50px;
	left:1px;
	background:#fff;
	width:940px;
	height:270px;
	padding:30px;
	display:none;
	border-top:2px solid #1ca0de;
	border-bottom:5px solid #1ca0de;}
	
ul.oe_menu div ul li a{
	text-decoration:none;
	color:#222;
	margin:2px;
	display:block;
	font-size:12px;}
	
ul.oe_menu div ul.oe_full{
	width:100%;}
	
ul.oe_menu div ul li a:hover{
	color:#0055a6;
	font-weight:bold;}
	
ul.oe_menu li ul{
	list-style:none;
	float:left;
	width: 280px;
	margin-right:20px;}
	
li.oe_heading{
	color:#aaa;
	font-size:16px;
	margin-bottom:10px;
	padding-bottom:6px;
	border-bottom:1px solid #ddd;}

li img.highlight {
	/*width:230px;
	height:184px;
	padding-top:10px;*/}
	
li a.more {
	text-align:right;}	

span.reference{
	position:fixed;
	left:0px;
	bottom:0px;
	background:#000;
	width:100%;
	font-size:10px;
	line-height:20px;
	text-align:right;
	height:20px;
	-moz-box-shadow:-1px 0px 10px #000;
	-webkit-box-shadow:-1px 0px 10px #000;
	box-shadow:-1px 0px 10px #000;}
				
span.reference a{
	color:#aaa;
	text-transform:uppercase;
	text-decoration:none;
	margin-right:10px;}
	
span.reference a:hover{
	color:#ddd;}
	
.bg_img img{
	width:100%;
	position:fixed;
	top:0px;
	left:0px;
	z-index:-1;}
			
/* BIT TABLE BANNER */
	
table.banner{
	width:1000px;
	margin:0 auto;}

/* BIT BANNER SLIDE*/

#slidebox{
	position:relative; 
	margin:20px auto;
	overflow:hidden;}
	
#slidebox, #slidebox ul {
	width:600px;
	height:300px;}
	
#slidebox, #slidebox ul li{
	width:600px;
	height:300px;}
	
#slidebox ul li{
	position:relative; 
	left:0; /*background:#eee;*/ 
	float:left;
	list-style: none; 
	padding:10px 28px;  
	font-size:13px;}
	
#slidebox .next, #slidebox .previous{
	position:absolute; z-index:2; 
	display:block; 
	width:21px; height:21px;top:139px;}
	
#slidebox .next{
	right:0; 
	margin-right:40px; 
	background:url(../images/slidebox_next.png) no-repeat left top;
	opacity:0.5;
	filter:Alpha(opacity=50);}

#slidebox .next:hover{
	background:url(../images/slidebox_next_hover.png) no-repeat left top;}
	
#slidebox .previous{
	margin-left:60px;
	background:url(../images/slidebox_previous.png) no-repeat left top;
	opacity:0.5;
	filter:Alpha(opacity=50);}
	
#slidebox .previous:hover{
	background:url(../images/slidebox_previous_hover.png) no-repeat left top;}
	
#slidebox .thumbs{
	position:absolute; 
	z-index:2; 
	bottom:10px; right:10px;
	/*visibility:hidden;*/}
	
#slidebox .thumbs a{
	display:block; margin-left:5px; 
	float:left;
	font-size:9px; 
	text-decoration:none; 
	padding:2px 4px; 
	background:url(../images/slidebox_thumb.png); color:#fff;}
	
#slidebox .thumbs a:hover{
	background:#fff; color:#000;}
	
#slidebox .thumbs .thumbActive{
	background:#fff; color:#000; 
	display:block; 
	margin-left:5px; 
	float:left;
	font-size:9px; 
	text-decoration:none; 
	padding:2px 4px;}
	
/* CONTENT PAGE */	

.content_page {
	width:960px;
	margin:50px auto;}
	
.content_page h1 {
	font-size:20px;
	text-transform:uppercase;
	position:none;
	color:#0055a6;
	padding-top:40px;
	padding-bottom:5px;
	/*text-align:center;*/
	margin-bottom:3px;
	font-weight:400;
	background:url(../images/title.png) no-repeat bottom left;}

.content_page h1 span {
	color:#474747;}

.content_page h2 {
	text-align:right;
	color:#0055a6;
	font-size:15px;
	margin-bottom:20px;}
	
.content_page h3 {
	color:#474747;
	font-size:14px;
	font-weight:bold;
	padding:5px 0;
	/*text-transform:uppercase;*/
	margin-bottom:5px;
	border-bottom:1px solid #EFEFEF;}
	
.content_page p {
	font-size:12px;
	padding:8px 0;
	text-align:justify;}

.content_page p.title, .content_page p.title-1  {
	background:url(../images/a3.png) repeat-x scroll 0 bottom transparent;
	font-weight:bold;
	font-size:15px;
	color:#0055A6;
	text-transform:uppercase;}

.content_page p.title-1 {
	border:none;}

.content_page table td, .content_page table tr {
	vertical-align:top;
	text-align: justify;}	
	
.content_page img {
	margin:0 auto;}	
	
.content_page ul li {
	padding:4px 0 4px 20px;
	font-weight:bold;
	background:url(../images/list-arrow.png) no-repeat 2px 8px;}

.content_page ul.list li {
	color:#0055A6;}
	
.content_page ul.list li p {
	color:#666;}

.content_page ul li.head1{
	color:#0055A6;
	padding:10px 0px 2px 0px;
	font-weight:bold;
	background:none;
	}

/* COLUMN */

.one_half, .one_half_last {
	width:460px;
	float:left;
	margin-right:20px;}
	
.one_half_last {
	margin:0 0 0 20px  ;}	

h5.title-head {
	margin:6px 0;
	font-weight:bold;
	font-size:14px;
	padding:5px;
	border-bottom:1px solid #0055A6;
	background:url(../images/divhead.jpg) repeat;
	color:#FFFFFF;
	/*text-align:center;*/}

/* BOX */

.widget4, .widget3 {
	float:left;	
	-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 1px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 2px 4px rgba(0,0,0, 0.15), 0 1px 1px rgba(0,0,0, 0.1);
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 1px rgba(0, 0, 0, 0.1);}

.widget3 {
	width:290px;
	margin:10px 15px;}
	
.widget4 {
	width:220px;
	margin:10px 10px 10px 10px;}	

.widget4 h3, .widget3 h3 {
	text-align: left;
	font-size: 14px;
	padding: 10px 10px;
	border-top: 2px solid #1CA0DE;
	border-bottom: 1px solid #DADADA;
	background: #FBFBFB;	}

.widget4 p, .widget3 p {
	text-align: left;
	padding-left:10px;}

/*COMPANY 

a.corporate :hover {
	background:url(../images/MONTH.png) no-repeat;
	width:auto;
	height:auto;}

table.col3 ,table.col2{
	width:960px;
	margin:10px auto;
	}
	
table.col2 td {padding:5px 5px 5px 0;}

table.col2 img { padding-right:25px;}

table.col3 td{ 
	padding:5px 20px 5px 5px;
	text-align:justify;}	

table.col3 th , table.col2 th {
	color:#474747;
	font-size:13px;
	font-weight:bold;padding:5px;
	text-transform:uppercase;
	}

table.col3 th {
	width:296px;
	padding: 10px;
}

table a {
	color:#0055A6;
}

table.col3 td.link{
	text-align:right;
	text-decoration:none;
	font-weight:bold}*/

hr {
	background: #EFEFEF;
	color: #EFEFEF;
	margin: 15px 0 10px;
	height: 1px;
	border: 0;}	
	
table.col3 th hr {
	width:290px;}	
	
.headlines {
	font-size:15px;
	padding:5px 0px;
	font-weight:400;
	color:#0055A6}	

table.background {
	margin-top:20px;}

table.background td {
	width:460px;}
	
table.background td.left{
	padding-right:10px;}	

table.background td.right{
	padding-left:10px;}
	
table.background img {
 	margin:0 auto;}	
	
table.principle{
	text-align:justify;}

table.principle td {
	padding-right:15px;
	padding-bottom:10px;
	padding-top:15px;
	vertical-align:top;}

/* CONTACT FORM */

#contactform input, #contactform textarea {
	display: block;
	width: 400px;
	padding: 10px;
	color:#666;
	font-weight: 400;
	margin-top: 2px;
	float: left;
	margin-bottom: 10px;
	outline: none;}

#contactform textarea  {
	width:648px;}

#contactform label {
	float: left;
	margin-left: 10px;
	margin-top: 12px;
	font-size: 11px;
	text-transform: uppercase;
	color: #999;
	font-weight: 600;}

#contactform #submit {
	display: inline;
	width: auto;
	margin: 10px 0 20px 0;
	text-decoration: none;
	font-weight: 700;
	background: #999;
	color: white;
	font-size: 12px;
	line-height: 12px;
	padding: 6px 12px;
	cursor: pointer;
	margin-bottom: 10px;}

#contactform #submit:hover {
	background-color: #0055A6;}

/* Flexible Slide-to-top Accordion Style */

.st-accordion{
    width:560px;
    min-width:560px;
    margin: 5px 0;
}
.st-accordion ul li{
    height: 50px;
    border-bottom: 1px dotted #ccc;
    border-top:1px solid #fff;
    overflow: hidden;
    BACKGROUND : NONE;
    padding:0px;
}
.st-accordion ul li:first-child{
    border-top:none;
}
.st-accordion ul li > a{
    text-shadow: 1px 1px 1px #fff;
    font-size: 14px;
    display: block;
	position: relative;
    line-height: 50px;
	outline:none;
    -webkit-transition:  color 0.2s ease-in-out;
	-moz-transition:  color 0.2s ease-in-out;
	-o-transition:  color 0.2s ease-in-out;
	-ms-transition:  color 0.2s ease-in-out;
	transition:  color 0.2s ease-in-out;
	color: #474747;
	
}
.st-accordion ul li > a span{
	background: transparent url(../images/down.png) no-repeat center center;
	text-indent:-9000px;
	width: 26px;
	height: 14px;
	position: absolute;
	top: 50%;
	right: -26px;
	margin-top: -7px;
	opacity:0;
	-webkit-transition:  all 0.2s ease-in-out;
	-moz-transition:  all 0.2s ease-in-out;
	-o-transition:  all 0.2s ease-in-out;
	-ms-transition:  all 0.2s ease-in-out;
	transition:  all 0.2s ease-in-out;
}
.st-accordion ul li > a:hover{
    color: #1693eb;
}
.st-accordion ul li > a:hover span{
	opacity:1;
	right: 10px;
}
.st-accordion ul li.st-open > a{
    color: #474747;
}
.st-accordion ul li.st-open > a span{
	-webkit-transform:rotate(180deg);
	-moz-transform:rotate(180deg);
    transform:rotate(180deg);
	right:10px;
	opacity:1;
}
.st-content{
    padding: 5px 0px 30px 0px;
}
.st-content p{
/*    font-size:  14px;
    line-height:  28px;
    padding: 0px 4px; */
}
.st-content img{
    width:125px;
    border-right:1px solid #fff;
    border-bottom:1px solid #fff;
}
@media screen and (max-width: 320px){
	.st-accordion ul li > a{
		font-size:36px;
	}
}

/* Booklet jQuery Plugin Style */

.booklet .b-wrap-left  {
	/*background:#fff url(../images/left_bg.jpg) no-repeat top left;*/
	-webkit-border-top-left-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-topleft:10px;
	-moz-border-radius-bottomleft: 10px;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
}
.booklet .b-wrap-right {
	/*background:#efefef url(../images/right_bg.jpg) no-repeat top left;*/
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomright: 10px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
}
.booklet .b-counter {
	bottom:10px;
	position:absolute;
	display:block;
	width:90%;
	height:10px;
	border-top:1px solid #ddd;
	color:#222;
	text-align:center;
	font-size:12px;
	padding:5px 0 0;
	background:transparent;
	-moz-box-shadow:0px -1px 1px #fff;
	-webkit-box-shadow:0px -1px 1px #fff;
	box-shadow:0px -1px 1px #fff;
	opacity:0.8;
}
.book_wrapper{
	margin:0 auto;
	padding-top:50px;
	width:905px;
	height:360px;
	position:relative;
	/*background:transparent url(../images/config/bg2.png) no-repeat 9px 27px;*/
}
.book_wrapper h1{
	color:#13386a;
	margin:5px 5px 5px 15px;
	font-size:26px;
	background:transparent url(../images/config/bg2.png) no-repeat bottom left;
	padding-bottom:7px;
}
.book_wrapper p{
	font-size:16px;
	margin:5px 5px 5px 15px;
}
.book_wrapper a.article,
.book_wrapper a.demo{
	background:transparent url(../images/config/bg2.png) no-repeat 50% 0px;
	display:block;
	width:95px;
	height:41px;
	text-decoration:none;
	outline:none;
	font-size:16px;
	color:#555;
	float:left;
	line-height:41px;
	padding-left:47px;
}
.book_wrapper a.demo{
	margin-left:50px;
}
.book_wrapper a.article:hover,
.book_wrapper a.demo:hover{
	background-position:50% -41px;
	color:#13386a;
}
.book_wrapper img{
	width:380px;
}
.booklet .b-wrap-right img{
	border:1px solid #E6E3C2;
	cursor: pointer;
}
a#next_page_button,
a#prev_page_button{
	display:block;
	position:absolute;
	width:41px;
	height:40px;
	cursor:pointer;
	margin-top:-20px;
	top:50%;
	background:transparent url(../images/config/buttons.png) no-repeat 0px -40px;
}
a#prev_page_button{
	left:-15px;
}
a#next_page_button{
	right:-10px;
	background-position:-41px -40px;
}
a#next_page_button:hover{
	background-position:-41px 0px;
}
a#prev_page_button:hover{
	background-position:0px 0px;
}
.loading{
	width:160px;
	height:56px;
	position: absolute;
	top:50%;
	margin-top:-28px;
	right:135px;
	line-height:56px;
	color:#fff;
	padding-left:60px;
	font-size:15px;
	background: #000 url(../images/config/ajax-loader.gif) no-repeat 10px 50%;
	opacity: 0.7;
	z-index:9999;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	border-radius:20px;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
}

/* TAB */

.usual {
  background:#FFFFFF;
  color:#111;
  padding:15px 10px;
  width:940px;
  margin:8px auto;}
  
.usual ul li { list-style:none; float:left; background:none; padding:0px; }

.usual ul a {
  display:block;
  padding:6px 10px;
  text-decoration:none!important;
  margin:1px;
  margin-left:0;
  color:#FFF;
  background:#0055A6;
}
.usual ul a:hover {
  color:#A6A6A6;
  background:#F0f0f0;
  }
.usual ul a.selected {
  margin-bottom:0;
  color:#0055A6;
  background:white;
  /*border: 1px solid #D5D5D5;*/
  border-top:1px solid #0055A6;
  cursor:default;
  }
.usual div {
  padding:10px 10px 8px 3px;
  *padding-top:3px;
  *margin-top:-15px;
  clear:left;
}
.usual div a { color:#000; font-weight:bold; }

#usual2 { background:#0A0A0A; border:1px solid #1A1A1A; }
#usual2 a { background:#222; }
#usual2 a:hover { background:#000; }
#usual2 a.selected { background:snow; }
#tab1, #tab2, #tabs3 { /*border: 1px solid #D5D5D5;*/ }

.col_first {
	width:470px;
	float:left;}
	
.col_second{
	width:450px;
	padding-left:20px;
	float:left;}	
	
.col_first h5, .col_second h5 {
	margin-bottom: 6px;}
	
.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;}

.col_left {
	padding-right:10px;}
	
.col_right {
	padding-left:10px;}	
	
table.services td {
	width:220px;
	padding:0 10px;
	text-align:left;}

/* BOX COLL */

ul.four_col, ul.three_col{
	float: left;
	width: 960px;
	list-style: none;
	margin-top:10px;}

ul.four_col li, ul.three_col li {
	border-top:2px solid #0055a6;
	background:#fbfbfb;
	width: 220px;
	margin-right:20px;
	padding:5px;
	float: left;-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 1px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 2px 4px rgba(0,0,0, 0.15), 0 1px 1px rgba(0,0,0, 0.1);
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 1px rgba(0, 0, 0, 0.1);
	height:165px;}

.three_col li {
	width:300px;
	height:185px;}
	
.four_col li h3 , .three_col li h3  {
	font-weight:bold;
	font-size:13px;
	text-align:center;
	padding:0 5px;
	border-bottom: 1px dotted #E4E4E4;
	height:35px;}
	
.four_col li p, .three_col li p {
	padding:3px 5px;
	text-align:center;} 
	

.icon_box {
	margin-bottom: 10px;
	min-height: 45px;
	width:300px;
	margin-right:10px;}

.icon_box  .icon {
	height: 44px;
	margin: 2px 14px 0 0;
	float: left;
	}

.icon_box h2 {
	/*padding-top:15px;*/
	margin-bottom: 0px;
	text-align:left;}

table.emedica {margin-top:20px;}

table.emedica p{
	border-top: 1px solid #E4E4E4;
	width:295px;}

/* BIT FOOTER */

#footer {
	background:url(../images/footer.png);
	width:1000px;
	height:100%;
	font-size:11px;
	color:#FFFFFF;}

#footer .foot {
	width:920px;
	margin:20px auto auto auto;
	}

#footer .foot a{
	text-decoration:none;
	color:#FFFFFF;
	-webkit-transition: margin-left 0.1s ease;
	-moz-transition: margin-left 0.1s ease;
	-o-transition: margin-left 0.1s ease;
	transition: margin-left 0.1s ease;}
	
#footer .foot a:hover{
	color:#0054A5;
	font-weight:bold;
	margin-left: 3px;}	
	
#footer table.foot th{
	font-weight:bold;
	background:url(../images/div_footer.png) no-repeat bottom left;
	width:72px;
	height:2px;
	padding-bottom:5px;
	padding-top:20px;
	color:#FFFFFF;
	}
#footer table.foot td {
	padding:2px 0px}
	
#footer .divi{
	background:url(../images/div_footer.png) repeat;
	width:920px;
	height:2px;
	margin:10px auto;}	
	
#footer .col1, #footer .col2{
	width:170px;
	float:left;
	padding: 5px 2px;
	margin:0px 5px;
	}

#footer p{
	font-weight:bold;
	background:url(../images/div_footer.png) repeat-x bottom left;
	padding-bottom:5px;
	padding-top:20px;
	color:#0B97F5;
	}

#footer ul li {
	padding:3px 0px;