@charset "utf-8";
/* CSS Document */

/*--------------------------------------------------
########### CSS RESET
--------------------------------------------------*/
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,
center, u, b, i {margin: 0;padding: 0;border: 0;outline: 0;font-weight: normal;font-style: normal;font-size: 100%;font-family: inherit;vertical-align: baseline;}
body {line-height: 1;}
:focus {outline: 0;}
ol, ul {list-style: none;}
table {border-collapse: collapse;border-spacing: 0;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
input, textarea {margin: 0;padding: 0;}
hr {margin: 0;padding: 0;border: 0;color: #000;background-color: #000;height: 1px;}
strong{font-weight:bold;}
article, aside, nav, section, dialog, figure, header, footer, hgroup {display:block;}
.clearfix:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix{display: inline-block;}
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/*=====================================================
################## Fonts
=====================================================*/
body{font-family:'Open Sans', sans-serif;}

/*=====================================================
################## Images
=====================================================*/
body{background:url('../images/bg.jpg') repeat}
/* header */
header{background:url('../images/head.jpg') repeat-x top}
.phone{background:url('../images/phone.png') no-repeat left;}


/* slide */
#bannerhome {background:url('../images/slidehome.jpg') no-repeat}

#banner, #banner02{background:url('../images/boxslide.png') no-repeat}


/* Footer */
footer {background:url('../images/footer.png') repeat-x bottom; }
footer #social li a{background:url('../images/sprite.png') no-repeat; }


/*=====================================================
################## Structure
=====================================================*/
.wrapper{width:990px;margin:0 auto;}
header {height:168px;position:relative}
footer{ height:205px; margin-top:40px;}
section{overflow:hidden; margin-top:30px; text-align:center; padding-bottom:10px; }
.content{overflow:hidden; width:990px;margin:0 auto;}

#logo{width:390px; height:62px; float:left; padding-top:20px; margin-bottom:24px;}
.phone{width:180px; height:30px; float: right; padding-top:12px; font-size:16px; color:#093b5b;font-weight:400; padding-left:35px; margin-top:40px;}

/*=====================================================
################## Home
=====================================================*/
#bannerhome{ height:470px;position:relative;width:990px;}
#banner{ height:328px; width:360px;  position:absolute;margin:0 auto; left:-27px; z-index:99; margin-top:50px; padding:30px 20px 30px 40px;}

#banner h1{color:#fff;font-size:26px;letter-spacing: -0.05em; margin-bottom:30px;}
#banner p{color:#fff;font-size:15px;letter-spacing: -0.05em; line-height:20px; padding-left:5px; padding-right:66px;}

#bannerpage {height:270px;width:990px;}
#banner02{ height:120px; width:360px;  position:absolute;margin:0 auto; left:-27px; z-index:99; margin-top:50px; padding:30px 20px 30px 40px;}
#banner02 p{color:#fff;font-size:15px;letter-spacing: -0.05em; line-height:20px; padding-left:5px; padding-right:66px;}

#banner02 h1{color:#fff;font-size:26px;letter-spacing: -0.05em; margin-bottom:30px;}

header nav {float: left;font-size: 17px; width:990px;display: block; }
header nav ul { margin-top:19px; }
header nav ul li {display: inline; position:relative;}
header nav ul li a{text-decoration: none;color:#fff;font-weight:400;padding:22px 10px; margin-right:1px;}
header nav ul .active{color:#5fa0dc;background:url('../images/menu_over.png') repeat-x}
header nav ul li a:hover{color:#fff;background:url('../images/menu_over.png') repeat-x}

header nav ul li ul{display:none; }
header nav ul li:hover ul{width:180px; height:140px; display:block;position:absolute;left:0px;top:24px; background:#0154a3;color:#5fa0dc;z-index:99;}

header nav ul li ul li{display:block;padding:0px 15px;position:relative; text-align:left; height:27px; }
header nav ul li ul li a{display:block;font-size:15px; color:#fff;}
header nav ul li ul li a:hover{font-size:15px; color:#5fa0dc; text-decoration:none;background:none; }



/*=====================================================
################## section
=====================================================*/

section .left{ float:left; width:480px; padding-top:10px; }
section .right{ float:right; width:480px;padding-top:10px;  }
section h1{font-size:29px; color:#093c5c;letter-spacing: -0.05em;margin-bottom:18px; border-bottom:solid 1px #ddd; padding-bottom:10px; }
section h1 span{font-weight:600; }
section h2{ font-size:20px; color:#093c5c; margin-bottom:8px; text-transform:uppercase}
section h2 span{ font-weight:600;}

section h3{font-size:17px; color:#0054a4; font-weight:600; line-height:22px;}

section p{font-size:15px; color:#555555; line-height:20px;}
section p span{ color:#093c5c;}
section a{color:#093c5c; line-height:20px; font-weight:700; text-decoration:none}
section a:hover{ color:#093c5c; line-height:20px; font-weight:700; text-decoration:underline}

section .boxhome{ float:left; width:226px; margin-right:10px; margin-left:11px; text-align:center; margin-bottom:20px;}
section .boxhome img{ background-color:#fff; border:solid 1px #ddd; padding:7px; margin-bottom:10px;}

section .left, .right  p{text-align:left}
section .left ul, .right  ul {text-align:left}
section .left li, .right  li {padding-top: 10px;padding-left: 24px;background: url('../images/bullet5.png') no-repeat 0px 14px; line-height:22px;color:#555555;}

section ul {text-align:left; overflow:hidden;}
section li {padding-top: 10px;padding-left:22px;background: url('../images/bullet.png') no-repeat 0px 14px; line-height:22px;color:#555555; }

section img{ background-color:#fff; border:solid 1px #ddd; padding:7px; margin-bottom:15px; margin-right:25px; float:left;}

section .boxfotorama{ width: 614px; margin-right:30px; float:left}

section .partner{ float:left; width:300px; margin-right:13px; margin-left:13px; text-align:center; margin-bottom:20px;}
section .partner img{ background-color:#fff; border:solid 1px #ddd; margin-bottom:10px;}

/*=====================================================
################## footer
=====================================================*/

footer #social ul{float: right; margin-top:10px;width:120px;padding-top:15px;}
footer #social li{display:inline;}
footer #social strong{display:none;}
footer #social li a{display:block;float:left;width:29px;height:29px;margin-left:15px;}
footer #social li a:hover{opacity:0.6;filter:alpha(opacity=60);}
footer #social li a.fb{background-position:-37px 0;}
footer #social li a.tw{background-position:0 0;}


footer p{font-size:14px; color:#10496d; line-height:19px; text-align:center; padding-top:15px; }
footer a{font-size:14px; color:#10496d; line-height:19px; font-weight:600; text-decoration:none; }
footer a:hover{color:#888; text-decoration:none}

footer #legal {float:left;  width:990px; margin-top:12px;text-align:left;}
footer #legal a{color:#a8b4bb; font-size:13px; text-decoration:none; font-weight:400}
footer #legal a:hover{color:#3e7bae; font-size:13px; text-decoration:none; font-weight:400}
footer #legal p{color:#a8b4bb; font-size:13px;text-align:left;}
footer #legal span{color:#3e7bae; font-size:13px; font-weight:700;}

footer #legal .boxdatos {float:left;  width:260px; text-align:left;}