@charset "utf-8";
/* CSS Document */
* { margin:0; padding:0; border:0;}
body { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666;}
a {color:#666;}
a:hover {color:#0c669f;}
h1 {}
h2 { font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#0c669f; border-bottom:1px solid #ccc; margin-bottom:20px;}
.g-line { width:548px; height:10px; padding:5px 0 9px 5px; float:left; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#0c669f; border-bottom:1px dotted #9db8c9;  margin-bottom:20px;}
.sub-nav a:hover { color:#ccc;}
.sub-nav li { list-style:none; margin-bottom:5px;}
.sub-btn { background:url(../images/sub-nav-bg.gif) 0 0 no-repeat; width:206px; height:25px; display:block; padding:6px 0 0 6px; color:#FFF; font-size:11px;}
.active-sub {color:#0c669f; border-bottom:1px dotted #9db8c9;}

.con-img { float:left; margin:0 10px 0 0px;}
.blue-18 {font-weight:; font-size:18px; color:#0c669f;}
.grau-14 {font-weight:; font-size:14px; color: #0c669f;}
.withe-14  {font-weight:; font-size:14px; color:#FFF;}

.main {width:890px; margin:auto;}
.top-info { width:35%; padding-left:65%; height:38px; border-top:12px solid #121212;}
.tel-box { width:171px; height:20px; color:#FFF; margin-top:-1px; padding-left:47px; background:url(../images/br-top-tel.jpg) no-repeat;}
.logo { width:289px; height:150px; float:left; padding:30px 0 0 0;}
.top-nav { width:421px; height:150px; float:left; padding:30px 0 0 180px;}
.top-nav li { list-style:none;}
.top-nav a { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#666; line-height:12px;}
.top-nav a:hover { color:#3399CC; text-decoration:underline;}
.top-nav-headline { font-size:14px; color:#3399CC; margin-bottom:10px;}
.top-nav-l { width:190px; float:left; border-right:1px solid #ccc;}
.top-nav-r { width:200px; float:left; padding:0 0 0 30px;}

.short-con { width:890px; float:left; color:#FFF;}
.short-con a { color:#FFF;}
.wrapper a:hover { color:#0c669f;}
.pri-content { width:890px;}
.con-left { width:558px; float:left; padding:10px 20px 20px 30px; min-height:340px; color:#666; background:url(../images/bg-con-l.jpg) no-repeat;}
.con-right { width:237px; float:left; padding:25px 30px 0 15px; min-height:340px; color:#666; background: url(../images/bg-con-r.jpg) no-repeat;}

.footer { width:830px; height:21px; font-size:11px; padding:0 30px 0 30px; }
.footer li { list-style:none; margin-right:10px; font-size:11px; float:left;}
.footer-info { width:548px; height:21px; float:left; margin-right:40px;  border-top:1px solid #ccc;}
.footer-nav { width:237px; height:21px; float:left; border-top:1px solid #ccc;}


/* slides styling */

.photo {width:635px; text-align:left; position:relative;}

.photo ul.topic {padding:0; margin:0; list-style:none; width:635px; height:auto; position:relative; }

.photo ul.topic li {display:block; width:125px; height:31px; float:left;}
.photo ul.topic li a.set {display:block; font-size:11px; width:124px; height:30px; text-align:center; line-height:30px; color:#000; text-decoration:none; border:1px solid #fff; border-width:1px 1px 0 0; background:#ccc; font-family:arial, sans-serif;}

.photo ul.topic li a ul, 
.photo ul.topic li ul 
{display:none;}

.photo ul.topic li.active a
{color:#000; background:#bbb;}

.photo ul.topic li a:hover,
.photo ul.topic li:hover a
{color:#fff; background:#aaa;}

.photo ul.topic li.active ul
{display:block; position:absolute; left:0; top:31px; list-style:none; padding:0; margin:0; height:375px; width:464px;}

.photo ul.topic li a:hover ul, 
.photo ul.topic li:hover ul
{display:block; position:absolute; left:0; top:31px; list-style:none; padding:0; margin:0; height:375px; width:464px; }

.photo ul.topic li ul li
{display:inline; width:112px; height:87px; float:left; border:1px solid #fff; margin:1px;}

.photo ul.topic li ul li a
{display:block; width:110px; height:85px; float:left; text-decoration:none; background:#444; border:1px solid #888;}

.photo ul.topic li ul li a img
{display:block; width:100px; height:75px; border:5px solid #eee;}

.photo ul.topic li a:hover ul li a:hover, 
.photo ul.topic li:hover ul li a:hover 
{white-space:normal; position:relative;}

.photo ul.topic li a:hover ul li a:hover img, 
.photo ul.topic li:hover ul li a:hover img 
{ border-color:#fff;}