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

/* ----------------------- General ----------------------- */
body{background: #fff;}
*{font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #3a3a3a; line-height: 20px; letter-spacing: 0;}
#content{width: 880px; margin: 0 auto; padding: 0;}

/* ----------------------- Bar Top ----------------------- */
#top{ width: 880px; margin: 0; padding: 40px 0 0 0; float: left;}
#top #logo{width: 300px; margin: 0; float: left; height: 67px; padding: 0 0 0 15px;}
#top #menu{width: 545px; float:right; padding: 40px 0 0 0; margin: 0; height: 22px;}
#top #menu li{ float: right; height: 22px;}
#top #menu li a{ display: inline-block; font-size: 15px; text-decoration: underline; padding: 0 19px; margin: 0; border-right: 1px dotted #ff0000; color: #3a3a3a; }
#top #menu li a:hover, #top #menu ul li a.select{ color: #ff0000; text-decoration: none;}
#banner{ width: 879px; height: 317px; margin: 15px 0 0 0; background: url(../images/bannar-top.jpg) no-repeat top left; position: relative; float: left;}
#starbust{ position: absolute; top: 163px; right: -72px; background: url(../images/startbust.png) no-repeat top left; width: 150px; height: 150px;}

/* ----------------------- Text ----------------------- */
p{margin: 0 0 15px 0; padding :0; text-align: left;}
a{text-decoration: none; font-size: inherit; color: #ff0000;}
a:hover{text-decoration: underline;}
textarea{width:260px;font-size:10px;color:#666;margin:0 0 7px 0;height:150px;}
strong{font-size: inherit;}
h1{ font-size: 26px; font-weight: bold; color: #fd0000; margin: 0 0 20px 0; padding: 5px 0; border-bottom: #e9e9e9 1px solid;}
h2{ font-size: 20px; font-weight: bold; color: #fe3030; margin: 0 0 13px 0; padding: 5px 0; border-bottom: #e9e9e9 1px solid; text-align: center; letter-spacing: 1px;}
h3{ font-size: 24px; color: fd0000; margin: 0 0 17px; padding: 0; letter-spacing: -1px;}
h4{ font-size: 14px; font-weight: bold; color: #fff; padding: 3px 10px; margin: 30px 0 10px 0; background: #fd0000; float: left; width: 804px;}
.a{ text-decoration: underline;}
.a:hover{ text-decoration: none;}
span{ color: #FF0000;}
.black{ color: #000000;}
.red{ color: #fd0000;}
ul.ul {float: left; width:390px; padding: 0 0 0 0;}
ul.ul li{ background: url(../images/vinieta.gif) no-repeat 0 5px; padding: 0 0 0 21px;}

/* ----------------------- Content ----------------------- */
#data{ width: 880px; float: left; margin:8px 0 0 0; padding: 0; background: url(../images/fnd-content-middle.gif) repeat-y top left;}
#data .top{width: 880px; float: left; margin:0; padding: 0; background: url(../images/fnd-content-top.gif) no-repeat top left;}
#data .top .down{width: 824px; float: left; margin:0; padding: 28px; background: url(../images/fnd-content-down.gif) no-repeat bottom left;}
.form{width: 824px; float: left; margin: 10px 0 10px 0;}
.form .row{width: 824px; float: left; margin: 0 0 15px 0;}
.form .row2{width: 824px; float: left; margin: 0 0 5px 0;}
.form .left{ width: 70px; float: left;}
.form .left2{ width: 115px; float: left;}
.form .right{ width: 560px; float: left;}
.form .right input{width: 340px;}
.form .btn{ font-size: 12px; width: 100px;}
.form .right input.ch{width:70px; font-size: 12px;}
.form .card{ width: 208px; float: left;}
.form .text{ width: 190px; float: left; padding: 0 10px;}
.form em{ font-size: 20px; font-weight: bold; letter-spacing: -1px; padding-top: 7px; display: block; font-style:normal;}
.form .check{ width: 35px; float: left;}
.form .btn2{ font-size: 12px; width: 150px;}

#video{ width: 580px; float: left; margin:8px 0 0 0; padding: 0; background: url(../images/fnd-home.png) repeat-y top left;}
#video .top{width: 580px; float: left; margin:0; padding: 0; background: url(../images/home-top.jpg) no-repeat top left;}
#video .top .down{width: 541px; float: left; margin:0; padding: 15px 13px 13px 26px; background: url(../images/home-down.jpg) no-repeat bottom left;}
#video .text{width: 213px; float: left; padding: 14px 0 0 0;}
#video .vd{ width: 320px; float: right;}
#video p{ font-size: 13px; line-height: 17px;}
#video .home{ width: 198px; background: url(../images/vinieta.jpg) no-repeat 0 8px; padding: 0 0 0 15px;}
#video .home a{ font-size: 12px;}

#bienvenue{ width: 242px; float: right; background: url(../images/fnd-bienvenue.png) no-repeat top left; height: 237px; margin: 8px 0 0 0; padding: 30px 20px 0 28px;}
#bienvenue p{ color: #FFFFFF; margin: 0 0 13px 0; font-size: 17px; font-style: italic; line-height: 17px;}
#bienvenue img{ margin: 0 0 30px 0;}

#margintop{ margin-top: 14px; float: left;}

#gallery{ width: 824px; float: left; margin: 0 0 35px 0;}
#gallery .left{width: 406px; float: left;}
#gallery .right{width: 406px; float: right;}

#gallery2{ width: 824px; float: left; margin: 0 0 35px 0;}
#gallery2 .row{ width: 824px; float: left; padding: 0 0 35px 0;}
#gallery2 .left{width: 399px; float: left;}
#gallery2 .right{width: 399px; float: right;}
#gallery2 img{ border: 3px solid #999;}
#gallery2 img:hover{ border: 3px solid #575655;}

#montage{ width: 824px; float: left; margin: 0 0 25px 0;}
.image{ border: 3px solid #999; float: right;}
.image2{ border: 5px solid #606060; float: right; margin: 40px 0 0 0;}

#gallery3{ width: 824px; float: left; margin: 0 0 35px 0;}
#gallery3 .row{ width: 824px; float: left; padding: 0 0 23px 0;}
#gallery3 .left{width: 259px; float: left;}
#gallery3 .right{width: 259px; float: left; padding: 0 23px;}
#gallery3 img{ border: 3px solid #999;}
#gallery3 img:hover{ border: 3px solid #575655;}
#gallery3 .row .image{ border: 3px solid #999; float: none; margin: 0 auto;}
#gallery3 .row .image:hover{ border: 3px solid #575655; float: none; margin: 0 auto;}

#contact-form{ width: 460px; float: left; margin: 40px 0 0 0;}
#contact-form .row{ width: 460px; float: left; margin: 0 0 8px 0;}
#contact-form .left{ width: 110px; float: left;}
#contact-form .right{ width: 340px; float: left;}
#contact-form .input{ width: 340px; float: left; font-size: 12px; border: 1px solid #999999;}
#contact-form .input2{ width: 340px; float: left; font-size: 12px; border: 1px solid #999999;}
#contact-form textarea{ width: 340px; float: left; font-size: 12px; height: 185px; border: 1px solid #999999;}
#contact-form .input:hover, #contact-form .input2:hover, #contact-form .input:focus, #contact-form .input2:focus, #contact-form textarea:hover, #contact-form textarea:focus{ border: 1px solid #606060;}
#contact-form .btn{ float: right; width: 100px;}

/* ----------------------- Footer ----------------------- */
#footer{padding: 5px 0 0 0; width: 880px; margin: 0; float: left;}
#footer .left{padding: 0 0 0 12px; width: 580px; margin: 0; float: left; font-size: 12px;}
#footer .right{padding: 0 12px 0 0; width: 230px; margin: 0; float: right; font-size: 12px; text-align: right;}

/* ----------------------- Clearfix ----------------------- */ 
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}

/* Esconde de IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* Fin esconde de IE-mac */