@charset "utf-8";
/* CSS Document */
body {
padding : 0;
margin : 0;
font-family : Arial, Helvetica, sans-serif;
font-size : 14px;
color : #333;
}
img {
border : none;
}
#main {
width : 100%;
height : auto;
margin : auto;
position : relative;
}
* {
padding : 0;
margin : 0;
}
.clear {
clear : both;
}
.wrapper {
width : 957px;
height : auto;
margin : auto;
}
#nav2 li a:hover {
background : url(../images/menu/ono.png) repeat-x;
}
#nav1 ul li:hover ul {
display : block;
position : absolute;
}
#top-image {
background : url(../images/certificate/top.png) no-repeat;
width : 967px;
height : 19px;
}
#bottom-image {
background : url(../images/certificate/bottom.png) no-repeat;
width : 967px;
height : 77px;
}
#bottom-image {
background : url(../images/certificate/bottom.png) no-repeat;
width : 967px;
height : 77px;
}
#blue-left {
width : 900px;
float : left;
height : auto;
padding : 30px 0 0 25px;
}
.one {
width : 220px;
float : left;
padding : 5px;
position : relative;
}
#main-image_reselear {
background : url("../images/certificate/middel.png") 0 0 repeat-y scroll transparent;
overflow : hidden;
padding : 0 0 10px;
width : 967px;
}
#wrapper-123 {
width : 100%;
height : auto;
}
#main-image_builder {
background : url("../images/certificate/middel.png") 0 0 repeat-y scroll transparent;
width : 967px;
min-height : 650px;
}
#wrapper-123 {
width : 100%;
height : auto;
}
* {
margin : 0;
padding : 0;
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
}
img {
border : none;
}
body {
background : url(../images/bg.png) left top repeat-x;
}
.row {
width : 100%;
}
#site-wrap {
width : 100%;
min-width : 1076px;
margin : 0 auto;
overflow : hidden;
border-top : 5px solid #283752;
}
.clearfix {
clear : both;
}
.center-wrap {
width : 1076px;
margin : 0 auto;
overflow : hidden;
}
#header, #middle, #footer, #top-row {
float : left;
width : 100%;
}
#footer {
padding-top : 13px;
background : url(../images/footer-shadow.png) center top no-repeat;
margin-top : -13px;
line-height : 18px;
}
#footer .row {
min-height : 50px;
background : #172239;
border-top : 1px solid #415fa0;
padding-top : 19px;
}
#user-menu li a:hover {
background : url(../images/user-menu-hover.png) 1px top no-repeat;
}
#footer p, #footer p a {
font-size : 11px;
color : #fff;
text-align : center;
text-decoration : none;
}
#footer p {
padding-bottom : 5px;
}
#top-menu li a:hover {
background : #fff;
color : #000000;
}
#top-menu li:hover {
background : #fff;
color : #000000;
border-radius : 15px 15px 0 0;
}
#top-menu li a:hover, #top-menu > li ul li a {
color : #000000;
}
#top-menu > li ul li:hover {
border-radius : 0;
}
#top-menu ul li a:hover {
color : #293D65;
}
#top-menu ul li:hover a, #top-menu li:hover li a {
background : none 0 0 repeat scroll transparent;
text-align : left;
}
#top-menu li:hover > ul {
display : block;
}
#top-menu li a:hover > ul {
display : block;
}
#social a:hover img {
opacity : 1;
}
#site-wrap #top-rowInnerPage {
margin-left : -7px;
margin-top : -15px;
position : relative;
z-index : 200;
}
#top-rowInnerPage {
margin-left : -7px;
margin-top : -15px;
position : relative;
z-index : 200;
}
#page-footer, #page-footer a {
color : #ccc;
text-decoration : none;
}
#page-footer a:hover {
text-decoration : none;
color : #fff;
}
#footer-wrapper {
margin : 0 auto;
padding-left : 85px;
background-color : #172239;
}
.footer-cols {
overflow : hidden;
color : #172239;
background-color : #172239;
alignment-adjust : middle;
}
.footer-cols .col {
float : left;
width : 165px;
background : #172239;
margin-right : 19px;
padding-top : 10px;
}
.footer-cols .misc {
margin : 0;
}
.footer-cols .col h4 {
font : bold 15px Arial, Helvetica, sans-serif;
color : #f1f1f1;
text-shadow : 1px 1px 1px #000;
}
.secondary-links {
margin : 0 0 10px;
padding : 0;
list-style : none;
width : 100%;
clear : both;
}
.secondary-links li {
margin : 5px 0 0 0;
font : normal normal 12px Arial, Helvetica, sans-serif;
padding : 3px 0;
}
.secondary-links li:last-child {
border-right : 0 none;
margin-right : 0;
padding-right : 0;
}
.headerWrap {
width : 982px;
margin : 0 auto;
padding-top : 10px;
}
.headerWrap .divLeft {
width : 400px;
float : left;
padding-left : 18px;
}
.headerWrap .divRight {
width : 200px;
float : right;
margin-right : 15px;
margin-top : 30px;
}
ul.socialIcon {
margin : 0;
padding : 0;
list-style-type : none;
}
ul.socialIcon li {
font-family : Arial;
font-size : 12px;
float : left;
display : block;
margin : 5px;
height : 48px;
line-height : 44px;
text-align : center;
}
li.fbk a {
width : 48px;
height : 44px;
opacity : 0;
}
li.fbk {
background : url(../images/fbk.png) top left no-repeat;
width : 48px;
height : 44px;
}
li.fbk:hover {
background : url(../images/fbk.png) bottom left no-repeat;
cursor : pointer;
transition : all 350ms 0s ease;
}
li.twr a {
width : 48px;
height : 44px;
opacity : 0;
}
li.twr {
background : url(../images/twr.png) top left no-repeat;
width : 48px;
height : 44px;
}
li.twr:hover {
background : url(../images/twr.png) bottom left no-repeat;
cursor : pointer;
transition : all 350ms 0s ease;
}
li.gop a {
width : 48px;
height : 44px;
opacity : 0;
}
li.gop {
background : url(../images/gop.png) top left no-repeat;
width : 48px;
height : 44px;
cursor : pointer;
}
li.gop:hover {
background : url(../images/gop.png) bottom left no-repeat;
transition : all 350ms 0s ease;
}
select {
color : #333333;
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
height : 32px;
margin : 2px 0 0 20px;
padding : 5px;
vertical-align : top;
line-height : 32px;
}
option {
padding : 5px 10px 5px 5px;
}
.homeLink a:hover {
color : #304770;
}