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

html, body {
	margin: 0; padding: 0; border:0;
	font: normal 12px Arial, Helvetica, sans-serif; color:#2d3133;
}

body {
	min-width:960px;
}

h1, h2, h3, h4, h5, h6, ol, hr, div, img, p, ul, li, dl, dd, dt, form, fieldset {
	padding: 0; margin: 0; border:0; text-align: left;
}

a, a:hover, a:visited, a:link {cursor:pointer; text-decoration:none; color:#2d3133; }
a:hover{ font-weight:normal; text-decoration:none}
a:active, object:active, div:active { outline: none; }
a:link { text-decoration:none; }
a:visited { text-decoration:none; }
a:active { text-decoration:none; }
a.disabled { cursor:default; }

input,textarea,select {	font: normal 12px Arial, Helvetica, sans-serif}
a img{ display:block}
h1 { font-size:20px;}
h2 { font-size:18px;}
h3 { font-size:16px;}
h4 { font-size:14px;}

.clear{ display:block; content:"."; clear:both; font-size:0; line-height:0; height:0; overflow:hidden; }
.hide { display:none}
.show { display:block}
.lnkdis { cursor:default}
.bold { font-weight:bold; }

.floatl { float:left; }
.floatr { float:right; }

.container { 
	position:relative; 
	width:1024px; /*960px;*/
	overflow:visible;
	margin:0 auto; 
}

#debug { display:none; position:fixed; z-index:999; padding:4px; font-size:12px; background:#ffffff; }

/************************************************
		HEADER
*************************************************/
#header{ position:relative; z-index:20; width:100%; height:137px; overflow:visible; background:url(../img/bg_header.gif) repeat-x 0 bottom;}
#header .container{ height:130px;}
#header .logo { width:254px; height:82px; padding:15px 0 0 361px;}

#header .menu{float:left; display:inline-block;  position:relative; z-index:20; height:40px; margin-left:-10px; list-style-type:none;}
#header .menu li{ float:left; position:relative; height:40px; line-height:40px; /*background:url(/layout/img/divater.png) right no-repeat;*/ list-style-type:none;}
#header .menu li a{ display:block; padding:0 8px; font-size:12px; color:#FFF;}
#header .menu li:hover,
#header .menu li.selected{background-color:#d4d4d4}
#header .menu li:hover a,
#header .menu li.selected a{color:#2d3133}
/*#header .menu .first{ padding-right:20px; background:none;}*/
#header .menu li .submenu{ position:absolute; left:0; top:40px; z-index:100; display:none;
	 overflow:hidden; padding:0 10px; 
	-webkit-border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px;
	
	/* Fallback for web browsers that doesn't support RGBa */
	background: rgb(232, 232, 232);
	/* RGBa with 0.6 opacity */
	background: rgba(232, 232, 232, 0.9);
	/* For IE 8*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#e6e8e8e8, endColorstr=#e6e8e8e8)";	
	/*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#b293551c, endColorstr=#b293551c);*/
	/* For IE 5.5 - 7*/
	/*background:transparent;*/
	/*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#e6e8e8e8, endColorstr=#e6e8e8e8);*/
}
#header .menu li .submenu .col{ float:left; width:95px; height:220px; margin:25px 0; padding-left:10px; border-left:1px solid #858383; line-height:20px;}
#header .menu li .submenu .col h4{ display:block; color:#ee2a7b; font-size:12px; text-transform:uppercase;}
#header .menu li .submenu .col h4 a{ display:block; color:#ee2a7b; font-size:12px; text-transform:uppercase;}
#header .menu li .submenu .col h4 a:hover{ font-weight:bold; }
#header .menu li .submenu .col a{ display:block; padding:0; font-size:12px; line-height:15px; margin-bottom:4px; color:#2d3133}
#header .menu li .submenu .col a:hover{ color:#ee2a7b}
#header .menu li .submenu .first{ /*padding-left:0;*/ border-left:0;}
#header .menu li .submenu .last{ }
#header .menu li .disabled{ cursor:default; }


#header .menu li .btn-mediterbio { 
  /*color: #ffffff; font-weight: 400; 
  background-color: #b6b7b7;*/ 
}

#header .menu li .btn-rehub { 
  position: relative; padding-right: 30px; color: #2d3133; font-weight: 400; 
  background-color: #b6b7b7; 
}
#header .menu li .btn-rehub::after { 
  content:'';
  position: absolute; right: 6px; top: -1;
  width: 20px; height: 100%;
  background: url(../img/shopping-cart_mini.png) no-repeat center;
  background-size: auto 15px;
}

#header .search{ float:right; display:inline-block; position:relative; height:25px; margin:8px 0 0 0;}
#header .search .field{ height:25px;}
#header .search .field .sx{ float:left; width:5px; height:25px; background:url(../img/input_left.gif) no-repeat 0 0;}
#header .search .field input{ float:left; width:96px; height:25px; line-height:25px; padding:3px; border:none; color:#FFF; font-style:oblique; background:url(../img/input_bg.gif) repeat-x 0 0;}
#header .search .field .btn{ float:left; width:25px; height:25px; padding:0; border:none; cursor:pointer; background:url(../img/lente.gif) repeat-x 0 0;}

#header .languages{ position:relative; z-index:100; height:auto; float:right; display:block; margin:14px 0 0 20px;}
#header .languages .change{ display:inline-block; height:20px; padding-right:10px; color:#ffffff; background:url(../img/fr_down.gif) no-repeat right 2px;}
#header .languages .layer{ position:absolute; top:20px; left:-15px; z-index:190; display:none; width:125px; padding:10px;
	-webkit-border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px;
	
	/* Fallback for web browsers that doesn't support RGBa */
	background: rgb(232, 232, 232);
	/* RGBa with 0.6 opacity */
	background: rgba(232, 232, 232, 0.9);
	/* For IE 8*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#e6e8e8e8, endColorstr=#e6e8e8e8)";	
	/*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#b293551c, endColorstr=#b293551c);*/
	/* For IE 5.5 - 7*/
	/*background:transparent;*/
	/*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#e6e8e8e8, endColorstr=#e6e8e8e8);*/
}
#header .languages .layer .box{ padding:0; }
#header .languages .layer .box a{ display:block; line-height:20px; border-bottom:1px solid #999999; color:#2d3133}
#header .languages .layer .box a:hover{ color:#ee2a7b}
#header .languages .layer .box .last{ border:none;}

/************************************************
		FOOTER
*************************************************/
#footer { width:100%; height:36px; background-color:#b6b7b7; }
#footer .copy { position:absolute; z-index:10; top:10px; width:100%; line-height:18px; font-size:11px; font-weight:bold; text-align:center; }
#footer .istit { position:relative; z-index:20; float:left; margin-top:10px; line-height:18px; font-size:11px; font-weight:bold; }
#footer .istit a{ font-weight:bold; }

#footer .social{ position:relative; z-index:20; float:right; margin:7px 0 0 205px;}
#footer .social a{ display:inline-block; float:left; height:22px;}
#footer .social span{ display:inline-block; float:left; height:22px; padding:0 6px; line-height:22px;}
#footer .social .fb{ width:12px; background:url(../img/facebook.gif) no-repeat 0 0;}
#footer .social .tw{ width:14px; background:url(../img/twitter.gif) no-repeat 0 0;}
#footer .social .in{ width:22px; background:url(../img/instagram.png) no-repeat 0 0;}
#footer .social .yt{ width:19px; background:url(../img/youtube.gif) no-repeat 0 0;}
#footer .social .pi{ width:22px; background:url(../img/pinterest.gif) no-repeat 0 0;}
#footer .social .gp{ width:23px; background:url(../img/googleplus.gif) no-repeat 0 0;}

#footer.fixed { position:fixed; bottom:0; z-index:888;}


/* ==============================
   Cookie Banner
   ============================== */
#cookie{ position:fixed; left:0; bottom:0px; z-index:9999; width:100%; min-height:100px; background:#000000; opacity:0.8; }
body.home #cookie{ left:auto; right:0; bottom:100px; width:35%; background:#ffffff; }
#cookie .container { position:relative; width:96%; max-width:960px; margin:0 auto; padding:20px 0; font-size:11px; color:#ffffff; background:none; }
body.home #cookie .container { color:#000000; }
#cookie p { max-width:80%; margin:0; }
#cookie p a { font-weight:bold; color:#ffffff; text-decoration:underline; }
body.home #cookie p a { color:#000000;  }
#cookie h3{ margin:0 0 5px; font-size:12px; }
#cookie .btn { position:absolute; right:0; bottom:15px; font-weight:bold; }
#cookie a.btn-mod{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 4px 13px;
color: #ffffff;
background: rgba(66,66,66, 1);
border: 2px solid transparent;
font-size: 11px;
font-weight: 400;
text-transform: uppercase;
text-decoration: none;
letter-spacing: 2px;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-webkit-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);  
-moz-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
-o-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
-ms-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}
#cookie .btn-mod:hover,
#cookie .btn-mod:focus,
#cookie a.btn-mod:hover,
#cookie a.btn-mod:focus{ font-weight: 400; background: rgba(0,0,0, 1); text-decoration: none; outline: none; }
#cookie .btn-mod:active{ cursor: pointer !important; }


/************************************************
		MAIN CONTENT
*************************************************/
#main{ position:relative; z-index:10; width:100%;}


/************************************************
		CRUMB
*************************************************/
#crumb{ height:auto; border-bottom:1px solid #000000; line-height:36px; text-transform:uppercase;}
#crumb .active{ color:#ee2a7b}

/*#crumb .container{ text-align: right; }*/
#crumb .container > a{ font-size: 10px;}



/************************************************
		LIGHTBOX BOX CUSTOM IN HP
*************************************************/
#lb_cst{ width:450px; padding:23px 37px; background-color:#ffffff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
/*#lb_cst .meseanno{ height:50px; border-bottom:1px solid #000000; line-height:40px; font-size:40px; font-weight:bold; }*/
#lb_cst .spacetop{ height:50px; border-bottom:1px solid #000000; line-height:40px; }
#lb_cst h1{ /*height:46px;*/ line-height:44px; font-size:40px; }
#lb_cst .subtitle{ /*height:26px;*/ line-height:26px; font-size:24px; font-weight:bold; }
#lb_cst .photo{ margin:20px 0; padding-top:10px; border-top:1px solid #000000; text-align:center;}
#lb_cst .descr{ margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #000; line-height:12px; font-size:11px; }
/*#lb_cst .date{ height:36px; font-size:24px; font-weight:bold; }
#lb_cst .gallery{ width:100%; overflow:hidden;}
#lb_cst .gallery .big{ float:left; width:300px;}
#lb_cst .gallery .thumbnail{ float:right; width:156px; overflow:hidden;}
#lb_cst .gallery .thumbnail a{ float:left; display:inline-block; width:72px; height:72px; margin:0 0 6px 6px;}*/

/************************************************
		LIGHTBOX NEWS
*************************************************/
#lb_news{ width:450px; padding:23px; background-color:#ffffff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
#lb_news .spacetop{ height:50px; border-bottom:1px solid #000000; line-height:40px; }
#lb_news h1{ /*height:46px;*/ line-height:44px; font-size:40px; }
#lb_news .subtitle{ /*height:26px;*/ line-height:26px; font-size:24px; font-weight:bold; }
#lb_news .photo{ margin:20px 0; padding-top:10px; border-top:1px solid #000000;}
#lb_news .descr{ padding-bottom:10px; line-height:12px; font-size:11px; }

/************************************************
		LIGHTBOX EDUCATION
*************************************************/
#lb_education{ width:480px; padding:23px; background-color:#ffffff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
#lb_education .spacetop{ height:50px; border-bottom:1px solid #000000; line-height:40px; }
#lb_education .top{ position:relative; min-height:200px; border-bottom:1px solid #000000;}
#lb_education .photo{ position:absolute; right:0; top:0;}
#lb_education h1{ width:270px; padding-top:10px; line-height:36px; font-size:30px; }
#lb_education .subtitle{ width:270px; height:36px; font-size:18px; font-weight:bold; }
#lb_education .abstract{ margin-bottom:10px; padding:10px 0; border-bottom:1px solid #000000; line-height:12px; font-size:11px; }
#lb_education .descr{ padding-bottom:10px; line-height:12px; font-size:11px; }


/************************************************
		FANCYBOX
*************************************************/
/*#fancybox-outer {
	padding: 0;
	border: 0;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}*/
#fancybox-overlay {
	position: fixed;
}