@font-face {
    font-family: "MyriadProRegular";
    src: url("fonts/MyriadProRegular.eot");
    src: url("fonts/MyriadProRegular.eot?#iefix")format("embedded-opentype"),
    url("fonts/MyriadProRegular.woff") format("woff"),
    url("fonts/MyriadProRegular.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}

@font-face {
    font-family: "MyriadProBold";
    src: url("fonts/MyriadProBold.eot");
    src: url("fonts/MyriadProBold.eot?#iefix")format("embedded-opentype"),
    url("fonts/MyriadProBold.woff") format("woff"),
    url("fonts/MyriadProBold.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}


body,
html
{
width:100%;
min-height:100%;
margin:0;
padding:0;
}

ul.nonstyle
{
list-style:none;
margin:0;
padding:0;
}

.site
{
font-family: "MyriadProRegular";
color:#000;
font-size:16px;
line-height:120%;
background:#fff url(../images/bg.jpg) no-repeat center top;
background-attachment: fixed;
background-size:cover;
}

h1, h2, h3, h4, h5, h6
{
font-family: "MyriadProBold";
font-size:32px;
color:#000000;
line-height:120%;
font-weight:bold;
}

h2{font-size:20px;}
h3{font-size:18px;}
h4{font-size:16px;}
h5{font-size:14px;}
h6{font-size:12px;}

strong
{
font-weight:normal;
font-family: "MyriadProBold";
}

img
{
border:0;
}

a
{
font-family: "MyriadProRegular";
color:#223749;
font-size:16px;
text-decoration:none;
}

a:hover
{
color:#444444
text-decoration:none;
}

.clr,
.clear
{
clear: both;
display: block;
overflow: hidden;
visibility: hidden;
width: 0px;
height: 0px;
}


.site,
.site_wr,
.header,
.content,
.footer,
.cont
{
width:100%;
min-width:320px;
}

.header_wr,
.content_wr,
.footer_wr,
.cont_wr
{
overflow:hidden;
min-width:300px;
margin:0 auto;
position:relative;
max-width:1180px;
padding:20px 10px;
}

.header_wr
{
padding:0px 10px;
}

.cont_wr
{
background: url(../images/spacer.png) repeat center top;
}

.header
{
/*background:#0073b4;*/
}

.header .zag
{
opacity:0.7;
background:#fff;
padding:20px 0;
text-align:center;
font-size:50px;
line-height:50px;
color:#0073b4;
font-family: "MyriadProBold";
}

.header ul
{
text-align:center;
}

.header li
{
text-align:left;
display:inline-block;
width:45%;
margin:2%;
}

.header li a
{
font-family: "MyriadProBold";
font-size:20px;
color:#0073b4;
}

.header li a:hover
{
text-decoration:underline;
}

.header li div
{
margin:0 0 15px 0;
padding:0 0 15px 0;
border-bottom:1px solid #fff;
}

.header li img
{
width:100%;
}

.figure_zag .col1,
.figure_zag .col2
{
display:inline-block;
}

.figure_zag .col1
{
background:#00a9d1;
width:150px;
height:50px;
}

.figure_zag .col2
{
background:#dcdddf;
height:30px;
width:30px;
}

.header .logo,
.header .top_cont
{
padding:10px 0;
float:left;
display:inline-block;
vertical-align:top;
text-align:left;
}

.header .logo
{
/*margin-top:20px;*/
width:20%;
}

.header .logo img
{
width:100%;
}

.header .top_cont
{
text-align:right;
float:right;
color:#0073b4;
font-size:20px;
width:75%;
margin-top:15px;
}

.header .top_cont div
{
margin:0 0 10px 0;
}

.blue
{
color:#006aab;
}

.cont
{
/*margin-top:20px;*/
}

.cont p
{
margin:0 0 20px 0;
}

.mtop20
{
margin-top:20px;
}

.mbottom10
{
margin-bottom:10px;
}

.lblue
{
color:#00a9d1;
}

.cont_zag
{
word-wrap: break-word;
background:#006aab;
color:#fff;
font-size:30px;
line-height:30px;
padding:10px 20px;
font-family: "MyriadProBold";
margin-bottom:20px;
}

.sub_zag
{
position:relative;
z-index:1;
display:inline-block;
color:#fff;
padding:10px 20px;
/*margin-bottom:20px;*/
background:#00a9d1;
font-size:23px;
line-height:23px;
}

.sub_zag span
{
z-index:2;
display:inline-block;
width:50px;
height:30px;
background:#0073b4;
position:absolute;
right:-50px;
bottom:0;
}

.lblue_zag
{
font-size:20px;
color:#00a9d1;
margin:20px 0 10px 0;
}

.bg_grey
{
background:#dcdddf;
}

.p10
{
padding:10px;
}

.p20
{
padding:20px;
}

.pnn
{
padding: 0 20px 0 20px;
margin: 10px 0 0 0 !important;
}

.cont_img_line
{

}

.cont_img,
.cont_img_line
{
width:100%;
height:auto;
}

.cont_img_line
{
width:auto;
padding:2% 2%;
}

.cont_img_line .l_z,
.cont_img_2line .l_z
{
padding-top:5px;
border-top:1px solid #00a9d1;
text-align:right;
font-family: "MyriadProBold";
color:#00a9d1;
font-size:20px;
margin-bottom:5px;
}

.cont_img_line .l_z.l_z_b,
.cont_img_2line .l_z.l_z_b
{
padding-top:0px;
margin-bottom:0px;
padding-top:5px;
margin-top:15px;
}

.cont_img_line,
.cont_img_2line
{
/*padding:20px;*/
}

.cont_img_2line
{
display:inline-block;
width:45.8%;
margin:2% 2%;
}

.cont_img_line img,
.cont_img_2line img
{
width:100%;
height:auto;
}

ul.ullblue
{
list-style:none;
margin:0;
padding:0;
}

ul.ullblue li
{
margin:0 0 5px 0;
padding:0 0 0 15px;
background: url(../images/ullblue.png) no-repeat left center;
}

table
{
width:100%;
border-collapse:collapse;
}

table th
{
font-weight:normal;
}

table th,
table td
{
vertical-align:top;
border:2px solid #fff;
padding:10px;
}

table.grey th,
table.grey td
{
text-align:center;
background:#e7e8e9;
color:#00a9d1;
}

table.grey th
{
text-align:left;
}

table.figure th,
table.figure td
{
text-align:center;
}

table.figure th
{
font-family: "MyriadProBold";
color:#fff;
background:#00a9d1;
}

table.figure td
{
color:#00a9d1;
background:#e7e8e9;
}

#backtotop
{
cursor:pointer;
width: 45px;
height:45px;
bottom: 50px;
right: 0px;
overflow: hidden;
z-index: 300;
position: fixed;
display: block;
text-align: center;
-webkit-border-radius: 3px 0 0 3px;
-moz-border-radius: 3px 0 0 3px;
border-radius: 3px 0 0 3px;
color: #fff;
background: #666 url(../images/top.png) no-repeat center center;
}

.backtotop:hover,
.backtotop:focus {
text-shadow: 0 0 7px rgba(255,255,255,0.7);
}

.mob_menu
{
display:none;
background:#60A7C0;
border-right:1px solid #000;
border-bottom:1px solid #000;
position:fixed;
left:0;
top:0px;
/*width:300px;*/
padding:10px 20px 10px 0;
z-index:5;
}

.mob_menu .cor
{
cursor:pointer;
position:relative;
z-index:1;
top:0;
left:10px;
width:40px;
height:40px;
background: url(../images/menu.png) no-repeat center center;
}

.mob_menu ul
{
display:none;
position:relative;
top:30px;
left:10px;
z-index:1;
padding-bottom:30px;
}

.mob_menu li
{
display:block !important;
width:300px !important;
margin:0 0 10px 0 !important;
}

#frame_menu ul
{
background:url(../images/navhoriz.png);
display:block;
margin:0px 0px 1px 0px;
text-align:center;
list-style-type:none;
padding:10px 0px 10px 0px;
}

#frame_menu ul li a:link,
#frame_menu ul li a:visited
{
text-transform:uppercase;
padding:10px;
display:inline
}

#frame_menu ul.menu li
{
display:inline ;
padding:0 ;
margin:0;
}

#frame_menu ul.menu li a:link,
#frame_menu ul.menu li a:visited
{
color:#fff;
border:0;
border-right:solid 1px #237D85;
background:transparent;
padding:10px ;
}

#frame_menu ul.menu li a:link,
#frame_menu ul.menu li a:visited
{
text-decoration:none;
padding:0px 10px;
margin:0 ;
}

#frame_menu ul li a:hover,
#frame_menu ul li a:active,
#frame_menu ul li a:focus
{
color:#000 !important;
}

#frame_menu ul li.active a:link,
#frame_menu ul li.active a:visited
{
text-transform:uppercase;
padding:10px 10px;
}


@media (max-width: 768px) {
.mob_menu{display:block;}
.header li a{color:#fff;font-size:18px;font-family:"MyriadProRegular";}
.header li{width:100%;margin:2% 0;}
.header .logo,.header .top_cont{width:100%;float:none;}
.header .top_cont{text-align:left;}
.header .top_cont div {display:inline-block;margin:10px 10px 10px 0;}
.header .logo{text-align:center;}
.header .logo img{width:300px;}
.cont_img_2line{width:auto; margin:2%;}
table th,table td{padding:5 !important;font-size:13px  !important;word-wrap: break-word;}
table.compres_mob th,table.compres_mob td{padding:0 !important;font-size:10px  !important;word-wrap: break-word;}
}