﻿body {
	background: url(images/background_web.jpg) no-repeat top center fixed;
	background-size: 100% 100%;
}
* { 
    box-sizing: border-box;  
    margin: 0;
	padding: 0;
    border: 0;
    outline: 0;
}

:focus {
        outline: 0;
}
 
.sohotext p{
    font-family: inherit;
	margin: 10px 10px ;
	padding-left: 15px;
}

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

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

#header_b{
position:absolute;
width:100%;
height:220px;
text-align: center;
}

#header{
width:960px;
height:140px;
text-align: center; 
background-image:url(images/sombra_lateral.png); 
margin:0 auto;
} 

.box1_header{
width:100%;
line-height:24px;
padding:6px 35px 0 0;
text-align: right; 
background-color:#008dd0; 
float:left;
}

.box1_header1{
width:auto;
height:24px;
padding:0 0 0 30px; 
margin:0 0 0 30px;
text-align: left; 
background:url(images/ico1.png) no-repeat left;
font-family: 'Open Sans', sans-serif; font-weight:400; font-size:14px; color:#FFF; 
float: right;
}

a.box1_header2{
width:auto;
height:24px;
padding:0 0 0 30px; 
margin:0 0 0 30px;
text-align: left; 
background:url(images/ico2.png) no-repeat left;
font-family: 'Open Sans', sans-serif; font-weight:400; font-size:14px; color:#FFF; text-decoration:none; 
float: right;
}

a.box1_header2:hover{color: #FC0;}


.box2_header{
width:960px;
height:110px;
text-align: left; 
background-color:#FFF; 
float:left}


.box2_header1{
width:250px;
height:110px;
padding:0px;
text-align: left; 
float:left}


.box3_header{
width:960px;
height:80px;
text-align: center; 
background-image:url(images/sombra_menu.png); 
float:left}


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

.menu{
width:695px;
height:65px; 
padding:45px 15px 0 0; 
text-align: right; 
float:left  }


.nav { list-style: none;}
.nav li { float: right;}
.nav li a {width:auto; height:60px; padding:0 25px 0 25px; margin:0 0 0 25px; display: block; font-family: 'Open Sans', sans-serif; font-weight:400; font-size:16px; color:#000000; border-bottom:5px solid #FFF; text-align:center; text-decoration:none; float:left}

.nav li .nav1 { width:auto; }
.nav li .nav2 { width:auto; background:url(images/arrow.png) no-repeat right top }

.nav li .nav1:hover { width:auto; border-bottom:5px solid #009cde}
.nav li .nav2:hover { width:auto; }

.nav li .nav1_over { width:auto; border-bottom:5px solid #009cde}
.nav li .nav2_over { width:auto; }


li ul {
display: none;
position: absolute; z-index:5;
width:190px;
top: 0;
left: 0;
font-weight: normal;
padding:0px; 
margin:65px 0 0 0}


ul.nav li ul.sub li a{
width:180px;
height:25px; 
margin:0px;
padding:5px 0 0 10px; 
border-bottom:1px solid #08a8ec;
font-family: 'Open Sans', sans-serif; font-weight:400; text-align:left; font-size:14px; color:#ffffff;
background-color:#009cde; 
font-weight: normal!important;}


ul.nav li ul.sub li a:hover{
color:#FFF;
background-color: #0c6b98;}


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

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






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

#container_b{
width:100%;
height:auto;
text-align: center;
margin:0 auto; 
padding:0px;}



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




#center{
width:1020px;
height:auto; 
margin:140px 0 0 0;
padding:0px;
text-align: center; 
background-image:url(images/sombra_lateral.png); 
float:left }



.box1_home{
width:960px;
height:auto; 
padding:5px 0 0 0; 
/* margin:0 30px 0 30px; hkispl */
text-align:left; 
background-color:#FFF; 
float:left }




.box1_home1{
width:960px;
height:493px; 
padding:0px; 
text-align:left; 
float:left }


a.box1_6{ 
position:absolute; 
margin:10px 0 0 60px;
width:146px;
height:126px; 
padding:20px 0 0 0; 
text-align: center; 
border:2px solid #499fc7; border-radius:100px; 
background-color:#FFF;
font-family: 'Open Sans', sans-serif; font-weight:400; font-size:12px; color:#000; text-decoration:none; 
float:left }
a.box1_6:hover{background-color:#499fc7; color:#FFF}

a.box1_7{ 
position:absolute; 
margin:0 0 0 290px;
width:146px;
height:126px; 
padding:20px 0 0 0; 
text-align: center; 
border:2px solid #499fc7; border-radius:100px; 
background-color:#FFF;
font-family: 'Open Sans', sans-serif; font-weight:400; font-size:12px; color:#000; text-decoration:none; 
float:left }
a.box1_7:hover{background-color:#499fc7; color:#FFF}

a.box1_8{ 
position:absolute; 
margin:7px 0 0 497px;
width:146px;
height:126px; 
padding:20px 0 0 0; 
text-align: center; 
border:2px solid #499fc7; border-radius:100px; 
background-color:#FFF;
font-family: 'Open Sans', sans-serif; font-weight:400; font-size:12px; color:#000; text-decoration:none; 
float:left }
a.box1_8:hover{background-color:#499fc7; color:#FFF}

a.box1_9{ 
position:absolute; 
margin:-20px 0 0 705px;
width:146px;
height:126px; 
padding:20px 0 0 0; 
text-align: center; 
border:2px solid #499fc7; border-radius:100px; 
background-color:#FFF;
font-family: 'Open Sans', sans-serif; font-weight:400; font-size:12px; color:#000; text-decoration:none; 
float:left }
a.box1_9:hover{background-color:#499fc7; color:#FFF}

a.box1_1{ 
position:absolute; 
margin:118px 0px 0px 793px;
width:146px;
height:126px; 
padding:20px 0 0 0; 
text-align: center; 
border:2px solid #499fc7; border-radius:100px; 
background-color:#FFF;
font-family: 'Open Sans', sans-serif; font-weight:400; font-size:12px; color:#000; text-decoration:none; 
float:left }
a.box1_1:hover{background-color:#499fc7; color:#FFF}

a.box1_2{ 
position:absolute; 
margin:318px 0 0 752px;
width:146px;
height:126px; 
padding:20px 0 0 0; 
text-align: center; 
border:2px solid #499fc7; border-radius:100px; 
background-color:#FFF;
font-family: 'Open Sans', sans-serif; font-weight:400; font-size:12px; color:#000; text-decoration:none; 
float:left }
a.box1_2:hover{background-color:#499fc7; color:#FFF}

a.box1_3{ 
position:absolute; 
margin:307px 0 0 384px;
width:146px;
height:126px; 
padding:20px 0 0 0; 
text-align: center; 
border:2px solid #499fc7; border-radius:100px; 
background-color:#FFF;
font-family: 'Open Sans', sans-serif; font-weight:400; font-size:12px; color:#000; text-decoration:none; 
float:left }
a.box1_3:hover{background-color:#499fc7; color:#FFF}


a.box1_4{ 
position:absolute; 
margin:311px 0 0 110px;
width:146px;
height:141px; 
padding:5px 0 0 0; 
text-align: center; 
border:2px solid #499fc7; border-radius:100px; 
background-color:#FFF;
font-family: 'Open Sans', sans-serif; font-weight:400; font-size:12px; color:#000; text-decoration:none; 
float:left }
a.box1_4:hover{background-color:#499fc7; color:#FFF}


a.box1_5{ 
position:absolute; 
margin:177px 0 0 10px;
width:146px;
height:126px; 
padding:20px 0 0 0; 
text-align: center; 
border:2px solid #499fc7; border-radius:100px; 
background-color:#FFF;
font-family: 'Open Sans', sans-serif; font-weight:400; font-size:12px; color:#000; text-decoration:none; 
float:left }
a.box1_5:hover{background-color:#499fc7; color:#FFF}



.box2_home{
/* width:1020px; hkispl */
width:960px;
height:auto; 
padding:0px; 
text-align: left; 
background:url(images/box2_home.png) no-repeat center bottom; 
float:left }


.box2_home1{
/* width:930px; hkispl */
width: 945px;
height:auto; 
/* padding:0 15px 0 15px; hkispl */
/* margin:0 30px 0 30px; hkispl */
margin: 0 15px;
text-align: left; 
background-color:#FFF;
float:left }

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

.box2_h1_a1{
width:525px;
height:auto; 
padding:0 0 5px 0; 
text-align: left; 
font-family: 'Open Sans', sans-serif; font-weight:700; text-align:left; font-size:16px; color:#008dd0; text-transform:uppercase;
float:left }

.box2_h1_a2{
width:515px;
height:auto; 
padding:0 10px 5px 0; 
text-align: left; 
font-family: 'Open Sans', sans-serif; font-weight:400; text-align:left; font-size:12px; color:#000000; line-height:17px; 
float:left }


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

.box2_h1_c{
width:200px;
height:auto; 
padding:33px 0 0 0; 
text-align: left; 
float:left }

.navs { list-style: none;}
.navs li { float: left;}
.navs li a {width:155px; height:22px; padding:3px 0 0 20px; margin-bottom:2px; display: block; font-family: 'Open Sans', sans-serif; font-weight:400; font-size:14px; color:#000000; text-align: left; background:url(images/navs.png) no-repeat left #FFF; border-radius:5px; text-decoration:none; float:left}

.navs li .nav { width:155px; }
.navs li .nav:hover {color:#fff; background:url(images/navs_r.png) no-repeat left #008dd0; }
.navs li .nav_over {color:#fff; background:url(images/navs_r.png) no-repeat left #008dd0;}


.box2_h1_d{
width:165px;
height:auto; 
padding:33px 0 0 0; 
text-align: left; 
float:left }

.navd { list-style: none;}
.navd li { float: left;}
.navd li a {width:145px; height:22px; padding:3px 0 0 20px; margin-bottom:2px; display: block; font-family: 'Open Sans', sans-serif; font-weight:400; font-size:14px; color:#000000; text-align: left; background:url(images/navs.png) no-repeat left #FFF; border-radius:5px; text-decoration:none; float:left}

.navd li .nav { width:145px; }
.navd li .nav:hover {color:#fff; background:url(images/navs_r.png) no-repeat left #008dd0; }
.navd li .nav_over {color:#fff; background:url(images/navs_r.png) no-repeat left #008dd0;}


.box3_home{
width:960px;
height:auto;
padding:30px 0px;
margin:0 30px;
text-align:left;
background-color:#FFF;
font-family: 'Open Sans', sans-serif; font-weight:400; font-size:14px; color:#000000;
float:left
}

/* hkispl */
.home{
width:900px;
height:auto; 
margin:0 30px 0 30px;  
text-align:left; 
background-color:#FFF;
font-family: 'Open Sans', sans-serif; font-weight:400; font-size:14px; color:#000000; 
float:left }

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


#bottom {
width:100%;
height:58px; 
text-align: center;
margin:0 auto;
padding:0px;
float:left}



#bottom_cont{
width:960px;
height:58px; 
text-align: center;
margin:0 auto; 
padding:0 30px 0 30px;}



.box1_foot{
width:960px;
height:43px; 
text-align:left;
padding:15px 0 0 0; 
background:url(images/box1_foot.png); 
float:left;}




.box1_foot1{
width:660px;
height:auto; 
text-align: center;
padding:0 0 5px 300px; 
float:left;}


.navp { list-style: none;}
.navp li { float: left;}
.navp li a {height:auto; padding:0px; margin:0 13px 0 13px;  display: block; font-family: 'Open Sans', sans-serif; font-weight:400; font-size:12px; color:#000000; text-align: center; text-transform:uppercase; text-decoration:none; float:left}

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


.box1_foot2{
width:960px;
height:auto; 
text-align: center;
padding:0px; 
font-family: 'Open Sans', sans-serif; font-weight:400; font-size:12px; color:#000000;
float:left;}


