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

@import url(../fonts.css);

/* Index Css */

body{ 
      background:#fff;
      border: 0;
      direction:ltr;
      font-family: 'HelveticaNeue', Arial;      
}

a { text-decoration:none;}

.wrapper{
    margin: 0 auto;
    text-align:left;
    width:950px;
}
.header{height: 260px;border-bottom: 5px solid #eff1f2;padding: 20px 0 0;}
.header .logo{padding-top: 10px;}
.header .logo img{width: 180px;}
.header .top_menu{left: 102px;
    position: relative;
    top: 15px; float: left;}
.header .top_menu ul li {
    float: left;
    list-style-type: none;
    padding: 0 10px;
}
.header .top_menu ul li a{font-size: 10px; color: #333;font-weight: bold;}

.search{float: right;width: 206px;}

.search input[type="text"]{
    border: 1px solid #dcdcdc;
    color: #333;
    display: inline-block;
    height: 20px;
    margin-top: 10px;
    min-width: 140px;
    padding: 0 0 1px 6px;
    width: 190px;
}
.search input[type="submit"]{
    background: rgba(0, 0, 0, 0) url("/images/search_icon.png") no-repeat scroll 0 0;
    border: medium none;
    cursor: pointer;
    display: inline-block;
    height: 33px;
    margin-left: -22px;
    margin-top: 13px;
    position: absolute;
    text-indent: -9999px;
    width: 35px;
}

.menu{float: right;margin: 45px 0 0;}

.menu ul li {
    border-right: medium none;
    float: left;
    list-style: none;
    padding-left: 5px;
    padding-right: 15px;
}
.menu ul li a{font-size: 1.2em; color: #333333;height: 2.5em;
    line-height: 2em;}
.menu ul li a:hover{color: #4aaceb;}
.menu ul li.activ a{color: #4aaceb;}

.title{
    margin-bottom: 15px;
    margin-top: 15px;
    min-height: 50px;
    min-width: 600px;
    padding-top: 0;
    text-align: center;
    text-shadow: none;}
.title h1{color: #333;
    line-height:1.6em;color: #333;
    font-size: 2.5em;
    font-weight: lighter;}

.slider{height: 340px;}    
    
.about{margin-top: 55px; height: 285px;border-top: 5px solid #ecf1f3;}

.about .side_left{width: 65%; float: left;margin: 25px 0;}
.about .side_left h2{font-size: 2.4em; font-weight: lighter; color: #333333;}
.about .side_left p{font-size: 75%; margin: 20px 0; color: #727272; line-height: 19px;}
.about .side_right{width: 30%; float: right; margin: 25px 0;}
a.more:hover{opacity: 0.7;}
.boxs{border-top: 1px solid #f3f3f3; height: 310px; margin-bottom: 30px;}
.boxs .box{width: 30%; margin: 0 26px 0 5px; float: left; height: 310px; padding-top: 15px; margin-bottom: 30px;}
.boxs .box h2{font-size: 2.4em; font-weight: lighter; color: #333333;}
.boxs .news h4{font-size: 75%; font-weight: bold; margin-bottom: 5px; color: #727272;}
.boxs .news p{font-size: 75%; line-height: 19px; text-align: justify; color: #727272; margin-bottom: 10px;}
.date {font-size: 75%;width: 50px; padding: 5px; background: #3db9f7; text-align: center; color: #fff; float: left;margin: 0 10px 0 0;}
.boxs .box .date span{font-size: 30px !important; color: #fff;}
.boxs .events h4 a{ font-weight: bold; margin-bottom: 5px; color: #4aaceb;}
.boxs .events h4 a:hover{text-decoration: underline;}
.boxs .events p{font-size: 75%; line-height: 19px; text-align: justify; color: #727272; margin-bottom: 10px;}
.footer{background-color: #333;
    border-top: 5px solid #ccc; height: 290px;}
.footer .box_left{width: 46%; float: left;}
.coordinated{float: left;}
.footer .box_left .coordinated h4{ color: #fff; font-size: 75%;margin: 10px 0 0;}
.footer .box_left .coordinated img{height: 165px;margin: 20px 0 0;
    width: 172px;}
.footer .box_left .eu{float: right; width: 220px;}    
.footer .box_left .eu img{max-width:100%; height: auto; margin: 10px 0 0 10px;}
.footer .box_left .eu p{font-size: 70%;color: #fff;line-height: 13px;}    
.footer .box_right{width: 48%; float: right;}

.menu_footer{float: right;margin: 15px 0 0;}

.menu_footer ul li {
    border-right: medium none;
    float: left;
    list-style: none;
    padding: 0 4px;
}
.menu_footer ul li a{font-size: 70%; color: #4aaceb;}
.menu_footer ul li a:hover{color: #fff;}
.menu_footer ul li.activ a{color: #fff;}

.box_right p{
    font-size: 2.8em;
    line-height: 57px;
    left: 50px;
    position: relative;
    top: 40px;
    text-shadow: 2px 2px 3px rgba(255, 255, 255, 0.1);
    color: rgba(0, 0, 0, 0.6);
    }
.copy{text-align: center;}
.copy p{color: #fff; font-size: 80%; margin: 20px 0 0;}

    
/* About Css */ 

.breadcrumb{border-bottom: 1px solid #eff1f2; margin-bottom: 40px; margin-top: 15px;}

.breadcrumb ol li{display: inline; font-size: 75%; color: #727272;}
.breadcrumb ol li.first a{color: #4aaceb;}
.breadcrumb ol li.first a:hover{text-decoration: underline;}
h2.title_inside{color: #4aaceb ; font-size: 1.8em; margin-bottom: 20px; }
.content{ font-size: 75%; color: #727272; margin-bottom: 30px; line-height: 25px;}

/* work_packages Css */ 

.half{
    width: 75%;
    float: left;
}   

.right_menu{float: right; width: 25%;border-bottom: 1px solid #ccc; padding-bottom: 10px;}
.right_menu p{font-size: 75%; color: #727272; margin-bottom: 15px;} 

/* News Css */
.box_news{padding: 0 60px 0 0; margin-bottom: 40px;}
.box_news p{line-height: 20px;}
.box_news .date{font-size: 17px;}
.box_news .date span{font-size: 30px !important;}
.box_news h4 a{font-weight: bold; color: #4aaceb; font-size: 17px;}
.box_news h4 a:hover{text-decoration: underline;}
.more_inside{float: right;}
.pager {
    margin-bottom: 30px;
    text-align: center;
}
ul.pagination {
    display: inline-block;
    margin: 0;
    padding: 0;
}
ul.pagination li {
    display: inline;
}
ul.pagination li a {
    color: black;
    float: left;
    padding: 8px 16px;
    text-decoration: none;
}
ul.pagination li a:hover {
    background: #4aaceb none repeat scroll 0 0;
    color: #fff;
}
ul.pagination li a.active {
    background: #4aaceb none repeat scroll 0 0;
    color: #fff;
}

/*  Pageing */
.pagination {
    clear: both;
    display: inline;
    margin: 20px;
}
.tdright {width: 100%;text-align: center;}
.tdright .num { margin-right:5px;line-height:10px;font-size:18px; text-align: center; display: inline-block;}
.tdright b{color:#000;display:block;padding:9px 12px;background:#fff;}
.tdright a:link, .tdright a:visited{text-decoration:none;color:#000;background: #fff;padding: 9px 12px;display:block;/* border:1px solid #ccc; */font-size: 10px;}
.tdright a:active, .tdright a:hover{text-decoration:none; color:#fff; background:#3db9f7; padding:9px 12px;display:block;}
/*  Pageing */