/* CSS Document */

/*PAGE LAYOUT*/



html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
        margin: 0;
        padding: 0;
        border: 0;
        outline: 0;
        font-weight: inherit;
        font-style: inherit;
        font-size: 100%;
        font-family: inherit;
        vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
        outline: 0;
}
 

body {background-image:url(../images/background_web_i.jpg)}




ol, ul {
        list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
        border-collapse: separate;
        border-spacing: 0;
}
caption, th, td {
        text-align: left;
        font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
        content: "";
}
blockquote, q {
        quotes: "" "";
}



/**** BARRA *******************************/

#barra_b{
width:100%;
height:30px;
text-align: center;
margin:0 auto; 
background-color:#67d4d0;
padding:0px;}



#barra{
width:974px;
height:24px;
padding:6px 0 0 50px;
text-align: left; 
background-color:#67d4d0;
margin:0 auto;}


.navi { list-style: none;}
.navi li { float: left;}
.navi li a {width:auto; height:auto; padding:0px; margin:0 18px 0 0; display: block; font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#002957; text-align: left; text-decoration:none; float:left}

.navi li .nav { width:auto; }
.navi li .nav:hover {color: #fff;}
.navi li .nav_over {color: #fff; }


/**** HEADER *******************************/

#header_b{ 
position:absolute; z-index:10;
width:100%;
height:194px;
text-align: center;
margin:0 auto; 
background-image:url(../images/header_inn_b.png);
padding:0px;}



#header{
width:1024px;
height:194px;
padding:0px;
text-align: center;
background-image:url(../images/header_inn_b.png);
margin:0 auto;}


#header2{
width:1024px;
height:194px;
padding:0 73px 0 74px;
text-align: center;
background-image:url(../images/header_inn_b.png);
margin:0 auto;}


.box1_header{
width:450px;
height:127px;
padding:22px 0 0 0;
text-align: left; 
float:left}


.box2_header{
width:574px;
height:114px;
padding:35px 0 0 0;
text-align: right; 
float:left}

a.box2_l1{
width:111px;
height:100px;
padding:0px;
text-align: center; 
font-family: 'Roboto', sans-serif; font-weight:400; font-size:12px; color:#022a50; text-decoration:none; text-shadow:1px 1px 1px #fff;
float: right}

a.box2_l1:hover{color: #df2028;}


a.box2_l1_over{
width:111px;
height:100px;
padding:0px;
text-align: center; 
font-family: 'Roboto', sans-serif; font-weight:400; font-size:12px; color:#df2028; text-decoration:none; text-shadow:1px 1px 1px #fff;
float: right}

/**** MENU *******************************/

.menu{
width:1004px;
height:42px; 
padding:2px 0 0 20px; 
text-align:left; 
float:left  }


.nav { list-style: none;}
.nav li { float: left;}
.nav li a {width:auto; height:30px; padding:9px 24px 0 24px; display: block; font-family: 'Roboto', sans-serif; font-weight:300; font-size:19px; color:#022a50; text-align:center; text-shadow:1px 1px 1px #fff; text-decoration:none; float:left}

.nav li .nav { width:auto; }
.nav li .nav2 { width:auto; }
.nav li .nav1 { width:auto; height:33px; padding:6px 0 0 0 }

.nav li .nav:hover {color: #df2028;}
.nav li .nav2:hover {color: #df2028; background-image:url(../images/nav.jpg)}

.nav li .nav_over {color: #df2028; }
.nav li .nav2_over {color: #df2028; background-image:url(../images/nav.jpg)}


li ul {
display: none;
position: absolute; z-index:5;
width:105px;
top: 0;
left: 0;
padding:0 4px 4px 4px; 
margin:39px 0 0 0;
border-bottom-right-radius:6px;
border-bottom-left-radius:6px;

background: #f0f0ef; /* Old browsers */
background: -moz-linear-gradient(top, #f0f0ef 0%, #d5d6d4 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0f0ef), color-stop(100%,#d5d6d4)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #f0f0ef 0%, #d5d6d4 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #f0f0ef 0%, #d5d6d4 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #f0f0ef 0%, #d5d6d4 100%); /* IE10+ */
background: linear-gradient(to bottom, #f0f0ef 0%, #d5d6d4 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0ef', endColorstr='#d5d6d4',GradientType=0 ); /* IE6-9 */}


ul.nav li ul.sub li a{
width:105px;
height:25px; 
margin:0px;
padding:6px 0 6px 0;
font-family: 'Roboto', sans-serif; font-weight:300; font-size:17px; color:#022a50; 
background:url(../images/sub_nav.png) no-repeat top center;
text-align:center;}


ul.nav li ul.sub li a:hover{
color: #df2028}


li>ul {
top: auto;
left: auto;}

li:hover ul, li.over ul {
display: block;}





/**** CONTAINER *******************************/

#container_b{
position:absolute; z-index:5;
width:100%;
height:auto;
text-align: center;
margin:189px 0 0 0;  
padding:0px;}





#container{
width:1024px;
height:auto;
padding:0px;
text-align: center; 
margin:0 auto;}

#container_inn{
width:1171px;
height:auto;
padding:0px;
text-align: center; 
margin:0 auto; }


#center{
width:1024px;
height:auto;
padding:75px 0 55px 0;
text-align: center; 
margin:0 auto; background:url(../images/center.png) no-repeat bottom center; 
float:left;}

#center_inn{
width:1171px;
height:auto;
padding:75px 0 0 0;
text-align: center; 
margin:0 auto; 
float:left;
background:url(../images/center.png) no-repeat bottom center;}




.box1_home{
width:1024px;
height:100px; 
padding:0px;  
text-align: center;
font-family: 'Roboto', sans-serif; font-weight:700; font-size:72px; color:#022a50; text-shadow:1px 1px 1px #fff;
float:left }


.box2_home{
width:930px;
height:135px; 
padding:0 47px 0 47px; 
text-align: center; 
font-family: 'Roboto', sans-serif; font-weight:300; font-size:21px; color:#022a50; text-shadow:1px 1px 1px #fff;
float:left }


.box3_home{
width:1024px;
height:70px; 
padding:0px;  
text-align: center;
font-family: 'Roboto', sans-serif; font-weight:700; font-size:36px; color:#022a50; text-shadow:1px 1px 1px #fff;
float:left }






/**** BOTTOM *******************************/


#bottom { 
position:relative;
width:100%;
height:196px;
text-align: center;
margin:0 auto;
padding:0px; 
background-color:#022a50;  
float:left}



#bottom_cont{
width:1024px;
height:136px; 
text-align: center;
margin:0 auto; 
background-color:#022a50;
padding:60px 0 0 0;}


#bottom_cont2{
width:1024px;
height:136px; 
padding:60px 73px 0 74px; 
text-align: center;
margin:0 auto; 
background-color:#022a50;  }



.box1_foot{
width:1024px;
height:auto; 
text-align: center;
padding:0 0 12px 0; 
float:left;}

.box2_foot{
width:1024px;
height:auto; 
text-align: center;
padding:0px; 
font-family: 'Roboto', sans-serif; font-weight:300; font-size:10px; color:#8791a0; 
float:left;}






/**** INNER *******************************/


.box1_inn{
width:1024px;
height:auto; 
padding:0 0 35px 0;  
text-align: right;
font-family: 'Roboto', sans-serif; font-weight:400; font-size:60px; color:#022a50; 
float:left }


.box2_inn{
width:1024px;
height:auto; 
padding:0 0 20px 0;  
text-align: right;
font-family: 'Roboto', sans-serif; font-weight:300; font-size:21px; color:#022a50; text-shadow:1px 1px 1px #fff; 
float:left }

.box2_inn1{font-family: 'Roboto', sans-serif; font-weight:900; font-size:21px; color:#35ac64; text-transform:uppercase }
.box2_inn2{font-family: 'Roboto', sans-serif; font-weight:700; font-size:21px; color:#022a50; text-transform:uppercase }
.box2_inn3{font-family: 'Roboto', sans-serif; font-weight:700; font-size:21px; color:#df2028; text-transform:uppercase }
.box2_inn5{font-family: 'Roboto', sans-serif; font-weight:700; font-size:24px; }
.box2_inn6{font-family: 'Roboto', sans-serif; font-weight:700; font-size:36px; }

.box2_inn4{
width:964px;
height:auto; 
padding:0 60px 20px 0;  
text-align: right;
font-family: 'Roboto', sans-serif; font-weight:300; font-size:21px; color:#022a50; text-shadow:1px 1px 1px #fff; 
float:left }


.box3_inn{
width:auto;
height:auto; 
padding:0px; 
margin-bottom:30px;  
text-align: left; 
border:3px solid #67d4d0;
float: right}

.box4_inn{
width:auto;
height:auto; 
padding:25px; 
margin-bottom:30px;  
text-align: left; 
background-color:#cfe6e5;
font-family: 'Roboto', sans-serif; font-weight:500; font-size:21px; color:#022a50; text-shadow:1px 1px 1px #fff; 
border:1px solid #809fa0; border-radius:4px;
float: right }


.box5_inn{
width:1024px;
height:auto; 
padding:0 0 20px 0;  
text-align: right;
font-family: 'Roboto', sans-serif; font-weight:500; font-size:21px; color:#022a50; text-shadow:1px 1px 1px #fff; 
float:left }


.box6_inn{
width:1024px;
height:auto; 
padding:0 0 35px 0;  
text-align: right;
font-family: 'Roboto', sans-serif; font-weight:400; font-size:72px; color:#022a50; 
float:left }


.box7_inn{
width:1024px;
height:auto; 
padding:0 0 20px 0; 
text-align: right; 
font-family: 'Roboto', sans-serif; font-weight:700; font-size:30px; color:#022a50; text-transform:uppercase; text-shadow:1px 1px 1px #fff; 
float:left }


.box7_inn1{
width:auto;
height:auto; 
padding:6px 0 0 0; 
text-align: right; 
font-family: 'Roboto', sans-serif; font-weight:700; font-size:30px; color:#022a50; text-transform:uppercase; text-shadow:1px 1px 1px #fff; 
float: right }

.box8_inn{
width:auto;
height:auto; 
padding:0px; 
margin-bottom:25px; 
text-align: left; 
background-color:#FFF; 
border:3px solid #8bb0b9; 
float: right;
-moz-box-shadow: 0 4px 8px #97b3b2;
-webkit-box-shadow: 0 4px 8px #97b3b2;
box-shadow: 0 4px 8px #97b3b2;  }

.box9_inn{
width:922px;
height:auto; 
padding:30px 50px 30px 50px; 
text-align: right; 
background-color:#568192; 
border:1px solid #FFF; border-radius:10px; 
font-family: 'Roboto', sans-serif; font-weight:400; font-size:20px; color:#fff; font-style:italic;
float:left }


.box10_inn{
width:1024px;
height:auto; 
padding:0 0 20px 0;  
text-align: right;
font-family: 'Roboto', sans-serif; font-weight:500; font-size:21px; color:#022a50; text-shadow:1px 1px 1px #fff; text-transform:uppercase; line-height:30px; 
float:left }


.box11_inn{
width:1012px;
height:auto; 
padding:0px; 
margin-bottom:25px;  
text-align: left; 
border:6px solid #fff;
float:left;
-moz-box-shadow: 0 4px 4px #97b2b1;
-webkit-box-shadow: 0 4px 4px #97b2b1;
box-shadow: 0 4px 4px #97b2b1;  }


.box12_inn{
width:396px;
height:auto; 
padding:0px; 
margin:10px 0 0 0; 
text-align: left; 
border:6px solid #fff;
float:left;
-moz-box-shadow: 0 4px 4px #97b2b1;
-webkit-box-shadow: 0 4px 4px #97b2b1;
box-shadow: 0 4px 4px #97b2b1;  }


.box13_inn{
width:554px;
height:auto; 
padding:0 0 0 50px; 
text-align: left; 
float:left;}

.box13_inn1{
width:554px;
height:auto; 
padding:90px 0 30px 0; 
text-align: right;
font-family: 'Roboto', sans-serif; font-weight:400; font-size:60px; color:#022a50; 
float:left;}

.box13_inn2{
width:554px;
height:auto; 
padding:0px; 
text-align: right;
font-family: 'Roboto', sans-serif; font-weight:300; font-size:21px; color:#022a50; text-shadow:1px 1px 1px #fff; 
float:left;}

.box14_inn{
width:1024px;
height:auto; 
padding:0 0 70px 0;  
text-align: right;
font-family: 'Roboto', sans-serif; font-weight:300; font-size:21px; color:#022a50; text-shadow:1px 1px 1px #fff; 
float:left }

.box15_inn{
width:1024px;
height:auto; 
padding:0 0 29px 0;  
text-align: right;
font-family: 'Roboto', sans-serif; font-weight:400; font-size:21px; color:#022a50; font-style:italic; text-shadow:1px 1px 1px #fff; 
float:left }

.box16_inn{
width:1024px;
height:auto; 
padding:0 0 25px 0; 
text-align: right; 
font-family: 'Roboto', sans-serif; font-weight:500; font-size:25px; color:#022a50; text-shadow:1px 1px 1px #fff; line-height:39px; 
float:left }

.b_mail{font-family: 'Roboto', sans-serif; font-weight:500; font-size:25px; color:#022a50; text-decoration:none}
.b_mail:hover{color: #F30}


.box17_inn{
width:1096px;
height:auto; 
padding:0 0 35px 75px;  
text-align: right;
font-family: 'Roboto', sans-serif; font-weight:400; font-size:72px; color:#022a50; 
float:left }


.box17_inn_bis{
width:1096px;
height:auto; 
padding:0 75px 35px 0;  
text-align: right;
font-family: 'Roboto', sans-serif; font-weight:400; font-size:72px; color:#022a50; 
float:left }


.box18_inn{
width:1031px;
height:190px; 
padding:60px 70px 0 70px;  
text-align: left; 
background:url(../images/box18_inn.png) no-repeat top center;
float:left }


.box18_inn1{
width:1030px;
height:auto; 
padding:0 0 20px 0;  
text-align: right;
font-family: 'Roboto', sans-serif; font-weight:900; font-size:30px; color:#002957; text-transform:uppercase; 
float:left }

.box18_inn2{
width:1030px;
height:auto; 
padding:0 0 30px 0;  
text-align: right;
font-family: 'Roboto', sans-serif; font-weight:300; font-size:22px; color:#022a50; 
float:left }

.box18_inn3{
width:1030px;
height:auto; 
padding:0 0 20px 0;  
text-align: left;
font-family: 'Roboto', sans-serif; font-weight:700; font-size:30px; color:#002957; text-transform:uppercase; 
float:left }

.box18_inn4{
width:1030px;
height:auto; 
padding:0 0 30px 0;  
text-align: right;
font-family: 'Roboto', sans-serif; font-weight:400; font-size:21px; color:#022a50; 
float:left }

.box18_inn4_a{
width:1030px;
height:auto; 
padding:0 0 30px 0;  
text-align: right;
font-family: 'Roboto', sans-serif; font-weight:700; font-size:21px; color:#022a50; 
float:left }


.box18_inn5{
width:1030px;
height:auto; 
padding:0 0 20px 0;  
text-align: left;
float:left }

.box18_i5_a{
width:170px;
height:auto; 
padding:0px;  
text-align: left;
float:left }

.box18_i5_b{
width:825px;
height:auto; 
padding:0 35px 0 0; 
text-align: right;
font-family: 'Roboto', sans-serif; font-weight:400; font-size:18px; color:#022a50; 
float:left }


.box18_i5_b1{font-family: 'Roboto', sans-serif; font-weight:700; font-size:18px; color:#022a50;}

.box18_i5_b1_a{font-family: 'Roboto', sans-serif; font-weight:700; font-size:24px; color:#022a50;}


.box18_inn6{
width:1030px;
height:auto; 
padding:0 0 30px 0;  
text-align: right;
font-family: 'Roboto', sans-serif; font-weight:300; font-size:18px; color:#022a50; 
float:left }

.box18_i6_a{font-family: 'Roboto', sans-serif; font-weight:700; font-size:24px; color:#022a50; text-transform:uppercase  }



.box18_inn7{
width:1030px;
height:auto; 
padding:0 0 20px 0;  
text-align: right;
font-family: 'Roboto', sans-serif; font-weight:700; font-size:30px; color:#002957; text-transform:uppercase; text-shadow:1px 1px 1px #fff; 
float:left }



.box19_inn{ 
width:1031px;
height:auto; 
padding:43px 70px 0 70px;  
text-align: left; 
background:url(../images/box19_inn.png) no-repeat top center;
float:left }


.box19_inn1{
width:1031px;
height:auto; 
padding:0 0 25px 0;  
text-align: right;
font-family: 'Roboto', sans-serif; font-weight:700; font-size:30px; color:#44a6a2; text-transform:uppercase; text-shadow:1px 1px 1px #fff; 
float:left }

.box19_inn2{
width:971px;
height:auto; 
padding:0 60px 0 0;  
text-align: right;
font-family: 'Roboto', sans-serif; font-weight:300; font-size:21px; color:#022a50; 
float:left }


.box19_inn3{
width:971px;
height:auto; 
padding:0 60px 60px 0;  
text-align: right;
font-family: 'Roboto', sans-serif; font-weight:300; font-size:21px; color:#022a50; 
float:left }


.box20_inn{
width:1096px;
height:auto; 
padding:0 75px 15px 0;  
text-align: right;
font-family: 'Roboto', sans-serif; font-weight:400; font-size:72px; color:#022a50; 
float:left }

.box21_inn{
width:1096px;
height:auto; 
padding:0 75px 15px 0;  
text-align: right;
font-family: 'Roboto', sans-serif; font-weight:300; font-size:21px; color:#022a50; text-shadow:1px 1px 1px #fff;  
float:left }


.box22_inn{
width:1031px;
height:auto; 
padding:60px 70px 0 70px;  
text-align: left; 
background:url(../images/box22_inn.png) no-repeat top center;
float:left }