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

body{ background: #000; color: #DDD;}

/* Footer Fix */
html, body { height: 100%;}
* html #site{ height: 100%;}
#site{ min-height: 100%; position: relative;}
#footerBg{ position: absolute; bottom: 0px;}
/* End of Footer Fix */


/* CLASS */
.clear{ clear: both;}
.floatLeft{ float: left;}
.floatRight{ float: right;}

.external{ background: url(../images/ico-external.gif) no-repeat right center; padding-right: 15px;}
.mail{ background: url(../images/ico-mail.gif) no-repeat right center; padding-right: 15px;}

.cont{ float: left; margin: 0px 0 20px; width: 700px;}
.cont h1{ margin-top: 15px;}
.cont p{ font: normal 15px/170% "Trebuchet MS", Verdana; margin-bottom: 10px; text-align: justify;}

.boxRounded{ background: #222; border: 1px solid #595959;}
.boxRounded #slides{ margin: 0 auto; width: 225px;}
.boxRounded #slides img { width: 225px; height: 318px;}
.sidebar{ background: url(../images/boxReflection.png) no-repeat center bottom; float: left; margin: 20px 30px 20px 0; padding-bottom: 60px; width: 236px;}
.sidebar .boxRounded{ padding: 4px; text-align: center; width: 235px;}

.contactsType h3{ margin: 10px 0 0; padding: 0; text-align: right; width: 115px; float: left;}
.contactsType p{ border-left: 2px solid #666; float: left; margin: 10px 0 10px 15px; padding-left: 15px; width: 520px;}


/* TAGS */
a{ color: #FFF;}
a:hover{ color: #09F;}
p{ color: #DDD; font: normal 12px/160% Verdana, Arial; margin: 0 10px 7px;}
li{ list-style: none;}


/* HEADERS */
h1,h2,h3{ cursor: default;}
h1{ border-bottom: 1px solid #666; color: #FFF; font: normal 24px/130% "Trebuchet MS", Verdana; margin: 0 0 15px; padding: 0 10px; text-align: left;}
h2{ border-bottom: 1px dashed #333; color: #FFF; font: normal 22px/130% "Trebuchet MS", Verdana; margin: 5px 0 10px; padding: 5px 0; text-align: center;}
h3{ color: #FFF; font: normal 18px/130% "Trebuchet MS", Verdana; margin: 10px 0 0px; padding: 5px 0; text-align: left;}


/* SITE */
#site{ width: 100%;}
#top,
#middle,
#footer{ margin: 0 auto; width:970px;}

/* TOP */
#topBg{  background: url(../images/topBg.png) repeat-x center top; width: 100%; height: 111px;}
#top #logo{ float: left; margin: 18px 20px 0 0;}


/* MENU */
#menu{ float: right; list-style: none; margin: 50px 0 0 0;}
#menu li{ float: left; margin: 0 8px; padding-top: 5px; text-align: center; width: 102px; height: 25px;}
#menu li a{ display: block;}
#menu li a:hover{ border-bottom: 5px solid #FFF;}
#menu li.selected{ background: url(../images/menuOnBg.png) no-repeat center top; cursor: default;}
#menu li.selected a:hover{ cursor: default; border-bottom: none;}


/* MIDDLE */
#middle{ padding-bottom: 75px;}


/* FOOTER */
#footerBg{ background: url(../images/topBg.png) repeat-x top; border-top: 2px solid #FFF; width: 100%; height: 50px; z-index:2}
#footer p{ color: #FFF; font: normal 10px/50px Verdana; width: 400px;}
#footer p.copy{ float: left;}
#footer p a{ color: #FFF; margin-left: 10px; text-decoration: none;}
#footer p a:hover{ text-decoration: underline;}
#footer p.dev{ float: right; text-align: right;}
#footer p a.valid{ background: url(../images/valid.png) left bottom no-repeat; padding-left: 17px;}
#footer p a.visual7{ border-left: 1px solid #fff; padding-left: 14px;}


/* HOME */
.home .cont h1{ border-bottom: none; text-align: center;}
.home .cont p.links{ margin: 20px 0 30px; text-align: center;}
.home .cont p.links a{ font: normal 16px/170% "Trebuchet MS", Verdana; text-decoration: underline; margin: 0 10px; text-align: center;}

/* ABOUT */
.about .cont p{ font: normal 15px/170% "Trebuchet MS", Verdana; margin-bottom: 10px; text-align: justify;}


/* DESIGNERS */
.designers ul{ margin: 0 0 40px 40px;}
.designers ul li{ float: left; font: normal 15px/170% "Trebuchet MS", Verdana; list-style: square; line-height: 180%; width: 220px;}
.designers .contactsType{ margin-top: 40px;}

/*#designersPage{ width: 100%; height: 100%; overflow: scroll;}*/

/* CONTACT */
#contact{ position: fixed; top: 0px; left: 50%; background: url(../images/contactBg.png) center top no-repeat; margin-left: -315px; padding: 0 11px 11px; width: 630px; height: 335px; z-index: 19;}
#contactItens{ border-right: 1px solid #777; float: left; margin: 0 20px; padding:0 20px 26px 8px; width: 180px;}
#contactItens p{ margin: 4px 0 0 15px;}
#contactItens p strong{ display: block;}
#contactItens a{ font: normal 10px/150% Verdana; margin-left: 10px; }


#contact #contact_form{ float: left; margin-right: 20px; width: 350px;}
#contact form h2{ margin-bottom: 15px;}
#contact form label{ border-right: 2px solid #666; color: #FFF; display:block; float:left; font: normal 17px/20px "Trebuchet MS", Verdana; padding-right: 10px; text-align:right; width:80px;}
#contact form input,
#contact form textarea{ background: #CCC; border: 1px solid #000; float:left; font: normal 14px/20px "Trebuchet MS", Verdana, Arial; padding: 0px 2px; margin:0 0 12px 10px; width: 230px}
#contact form input:focus,
#contact form textarea:focus{ background: #FFF; border: solid 1px #FFF}
#contact form .error{ border: #F00 1px solid; background:#FFE1E2}

#contact #message{ width: 350px; height:180px; z-index: 20;}

#contact form .send{ border: none; background: none; margin: 8px 0 0 154px; padding: 0; width: 66px; height: 22px;}
#contact #close{ position: absolute; top: 288px; right: 59px; border: none; background: none; margin: 12px 0 0 43px; padding: 0; width: 67px; height: 16px; z-index: 88888;}
#contact .btnslide{ cursor: pointer;}

#ie6{ display: none;}