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

/* ----------------------- General ----------------------- */
body { background: #fff; padding: 0; margin: 0; }
* { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333; line-height: 18px; }
#content { width: 680px; margin: 11px 0 0; padding: 0 0 0 38px; }

/* ----------------------- Top ----------------------- */
#top{ width: 680px; margin: 0; padding: 0; float: left; height: 160px;}
#logo { width: 332px; padding: 0 0 0 173px; float: left; height: 82px; margin: 0; }
#menu { width: 670px; float: left; margin: 20px 0 0; padding: 3px 0 0 10px; background: url(../images/fnd-menu.gif) no-repeat top left; height: 32px; }
#menu ul li { padding: 0 13px 0 13px; float: left; background: url(../images/separador-menu.gif) no-repeat 0 1px;}
#menu ul li a { color: #fff; text-decoration: none; font-size: 12px; display: inline-block; font-weight: bold; text-align: center; background: url(../images/btn-over.gif) no-repeat 0 -12px; height: 24px; padding: 8px 0 0; }
#menu ul li a:hover, #menu ul li a.select{ color: #003366; background-position: top; }

/* ----------------------- Homepage ----------------------- */  
.eye{width: 680px; background: url(../images/central-image.jpg) no-repeat top left; margin: 0 0 30px; float:left; height: 295px;}
.eye .top-left{width: 263px; margin: 15px 0 70px; float:left; text-align: center; color: #000; font-size: 14px; padding: 0 40px 0 38px;}
.eye .top-left p{ font-size: 28px; letter-spacing: 1px; text-align: center; padding: 1px 0; margin: 0 0 7px; color: #2d7397; font-weight: normal;}
.eye .top-left strong{ font-weight: normal; font-size: 17px;}
.eye .top-right{width: 260px; margin: 25px 0 70px; float: right; text-align: left; color: #333; font-size: 13px; padding: 0;}
.eye .top-right strong, .eye .bottom-right strong, .eye .bottom-left strong{ font-size: 13px; letter-spacing: 0; text-align: left; padding: 1px 0; margin: 0 0 0; color: #7d9dac; font-weight: bold; text-transform: uppercase;}
.eye .bottom-right{width: 260px; margin: 0; float: right; text-align: left; color: #333; font-size: 13px; padding: 0;}
.eye .bottom-left{width: 263px; margin: 0; float: left; text-align: left; color: #333; font-size: 13px; padding: 0 0 0 38px;}
.eye .bottom-left a, .eye .bottom-right a, .eye .top-right a, .eye .bottom-left a:hover, .eye .bottom-right a:hover, .eye .top-right a:hover{ color: #333; text-decoration: none;}

.row{width: 680px; margin: 0 0 25px; float: left;}
.box{ background: url(../images/box.jpg) no-repeat top right; width: 181px; height: 106px; padding: 16px 15px 0 17px; float: left;}
.box1{ background: url(../images/box1.jpg) no-repeat top right; width: 181px; height: 106px; padding: 16px 15px 0 34px; float: left;}
.box .title, .box1 .title{ font-size: 12px; letter-spacing: 1px; text-align: left; padding: 1px 0; margin: 0 0 12px; color: #2d7397; font-weight: bold; text-transform: uppercase; display: block;}
.box1 .title{ margin: 0 0 0px;}
.box a, .box1 a{ font-size: 11px; padding: 0; line-height: 16px;}

.best{ font-size: 20px; letter-spacing: 1px; text-align: center; padding: 1px 0; margin: 0 0 12px; color: #2d7397; font-weight: normal; display: block; float: left; width: 680px;}

/* ----------------------- Text ----------------------- */
p { margin: 0; padding :0; text-align: left; color: #000; }
a { text-decoration: none; font-size: inherit; color: #333; }
a:hover { text-decoration: none; }
textarea { width:260px; font-size:11px; color:#666; margin:0 0 7px 0; height:150px; background: #FFFFFF; outline: none; border: #999999 1px solid; }
strong { font-size: inherit; }

/* ----------------------- Footer ----------------------- */
#footer { padding: 11px 0 0; width: 680px; margin: 10px 0 0; float: left; border-top: 1px solid #006699; font-size: 11px; text-align: center;}
#footer a{ font-size: 11px; color: #006699; text-align: center;}

/* ----------------------- Clearfix ----------------------- */ 
/* slightly enhanced, universal clearfix hack */
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; line-height: 0; }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */