/*
 *   Framework
 *   Copyright (C) 2011 CLMZ Internet
**/

/*HTML-BODY*/
html, body {height:auto !important; height:expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); font:normal 12px/16px Tahoma, Geneva, sans-serif; background: url(../images/jpg/bg-html.jpg) repeat-x #f2f2f2 top;}
body {background: url(../images/jpg/bg-body.jpg) repeat-x bottom;}

/*CONTAINER*/
#container {width: 976px; margin: 0 auto;}

/*HEADER*/
#header {width: 976px; height: 300px; background: url(../images/png/bg-header.png) no-repeat;}

#header #face {width: 85px; height: 17px; float: right; margin: 4px 30px 0 0; background: url(../images/png/face.png) no-repeat;}
#header #face:hover {background-position: 0 -17px;}
#header #fanpage2 {width: 85px; height: 17px; float: right; margin: 4px 10px 0 0; background: url(../images/png/fanpage2.png) no-repeat;}
#header #fanpage2:hover {background-position: 0 -17px;}

#header #navsup {float: right; width: 58px; height: 10px; margin: 3px 25px 0 0;}
#header #navsup li {float: left; height: 10px; margin-left: 2px; color: #fff;}
#header #navsup li a {float: left; height: 10px; color: #fff; margin-top: 3px; background: url(../images/png/nav-sup.png) no-repeat;}
#header #navsup li a#ns01 {width: 11px;}
#header #navsup li a#ns01:hover {background-position: 0 -10px;}
#header #navsup li a#ns02 {width: 13px; background-position: -11px 0; margin-top: 3px;}
#header #navsup li a#ns02:hover {background-position: -11px -10px;}
#header #navsup li a#ns03 {width: 11px; background-position: -24px 0;}
#header #navsup li a#ns03:hover {background-position: -24px -10px;}

#header #logomarca {width: 425px; height: 221px; float: left; background: url(../images/png/logomarca.png) no-repeat; margin: 35px 0 0 7px; position: relative; z-index: 1;}

#header #images {width: 648px; float: right; margin: -198px -8px 0 0;}
#header #images li {width: 143px; height: 173px; float: left; margin-right: 19px;}
#header #images li a {width: 143px; height: 173px; float: left;}

#header .data {float: left; color: #333; font-family: Arial; font-size: 11px; margin: -24px 0 0 68%;}

#header #navigation {width: 962px; height: 37px; float: left; border-top: 1px solid #E0DFE3; border-bottom: 1px solid #E0DFE3; margin: 7px 0 0 7px; background-color: #fff;}
#header #navigation li {height: 37px; float: left; color: #CCC; font-size: 14px; line-height: 37px; margin-left: 5px;}
#header #navigation li a {float: left; height: 37px; line-height: 37px; color: #333; font-family: Arial; font-size: 12px; text-align: center; padding: 0 5px 0 5px;}
#header #navigation li a:hover{background-color: #606; color: #fff;}
/*FIM HEADER*/

/*WRAPPER*/
#wrapper {width: 976px; background-color: #fff;}

/*CONTENT*/
#wrapper #content {width: 960px; float: left; border-left: 1px solid #dadada; border-right: 1px solid #dadada; min-height: 230px; margin: 0 0 0px 7px;}
/*FIM CONTENT*/
/*FIM WRAPPER*/

/*FOOTER*/
#footer {width: 976px; height: 270px; background: url(../images/png/bg-footer.png) no-repeat top left;}

#footer #carousel {width: 939px; margin-left: 18px; height:  112px; float: left; background-color: #f4f4f4;}
#footer #carousel .titulo {width: 960px; float: left; color: #666; font-size: 12px; font-family: Arial; font-weight: bold; margin: 10px 0 0 10px;}
#footer #carousel li {width: 91px; height: 61px; float: left; margin: 10px -20px 0 28px;}
#footer #carousel li a {width: 91px; height: 61px; float: left;}

#footer #navigation {width: 960px; height: 24px; float: left; border-bottom: 1px solid #b9b9b9; margin: 9px 0 0 8px;}
#footer #navigation li {float: left; height: 24px; color: #333; font-size: 11px; font-family: Arial; margin-left: 13px; line-height: 24px;}
#footer #navigation li a {float: left; height: 24px; color: #333; font-size: 11px; font-family: Arial; text-align: center; line-height: 24px;}
#footer #navigation li a:hover {color: #000;}

#footer .endereco {width: 122px; float: left; color: #333; font-family: Arial; font-size: 11px; border-right: 1px solid #ccc; height: 47px; margin: 22px 0 0 22px;}
#footer .telefone {width: 118px; height: 17px; float: left; background: url(../images/png/telefone.png) no-repeat; margin: 37px 0 0 15px;}
#footer .face {width: 330px; float: left; height: 47px; border-left: 1px solid #ccc; margin: 22px 0 0 116px; overflow: hidden;}
#footer .face li {min-width: 43px; height: 43px; float: left; margin: 1px 0 0 18px;}
#footer .face li a#ff {width: 43px; height: 43px; float: left; background: url(../images/png/face2.png) no-repeat;}
#footer .face li a#ff:hover {background-position: 0 -43px;}
#footer .face li a#fp {width: 120px; height: 43px; float: left; background: url(../images/png/fanpage.png) no-repeat;}
#footer .face li a#fp:hover {background-position: 0 -43px;}
#footer .face li a#gg {width: 43px; height: 43px; float: left; background: url(../images/png/googlemap.png) no-repeat;}
#footer .face li a#gg:hover {background-position: 0 -43px;}
#footer .face li a#you {width: 43px; height: 43px; float: left; background: url(../images/png/youtube.png) no-repeat;}
#footer .face li a#you:hover {background-position: 0 -43px;}

#footer #logo-clmz {width: 111px; height: 40px; float: right; background: url(../images/png/logo-clmz.png) no-repeat; margin: 31px 22px 0 0;}
#footer .copy {float: right; color: #fff; font-size: 10px; font-family: Arial; margin: 35px -120px 0 0;} 
/*FIM FOOTER*/
/*FIM CONTAINER*/
/*FIM HTML-BODY*/