﻿@import url(../../Templates/UI/Css/Layout.css);
* {padding:0;margin:0;border:0;}
body,html{color:#fff;font-family: Verdana,Arial,Tahoma;height:100%;}
body{font-size:70%;min-width:760px;}
p {padding: 7px 0 7px 0;}
a {color: #fff;text-decoration: none;}
h1, h2, h3, h4 {font-weight: bold;padding-bottom: 5px;}
h1 {font-size: 2em;}
h2 {font-size: 1.4em;}
h3 {font-size: 1.3em;}
h4 {font-size: 1.3em;}

h1 a, #header h2{}
.clear { clear: both; }
#mainContainer {min-height: 100%;}
* html #mainContainer {height: 100%; }
#mainHeader {padding: 10px;}
.outer {padding-left: 110px; /*** Same width as margin-left for the float-wrap div ***/
        padding-right: 158px; /*** Our right column width ***/}
.inner {width: 100%;padding-bottom: 20px; /*** Padding-bottom value is the same value as the total height of the footer ***/}
.float-wrap {float: left;width: 100%;margin-left: -110px; /*** Same length as .outer padding-left but with negative value ***/}
#mainContent {float: right;margin-right: -110px; /*** Same length as .outer padding-left but with negative value ***/
        width: 100%;position: relative; /*** IE needs this  ***/}
.contentWrap{padding: 5px;}
.contentWrap ol, .contentWrap ul {margin: 3px 0 5px 35px;}
.contentWrap li {padding-bottom: 2px;}
#left {float: left;width: 110px;padding: 5px;position: relative; /*** IE needs this  ***/}
#left ul {list-style: none;padding-bottom: 4px;}
#left li {padding-bottom: 2px;}
#left h3, #right h3, #left a, #right a {}
#right {float: right; width: 142px;padding: 5px 5px 5px 16px;position: relative; /*** IE needs this  ***/
        margin-right: -163px; /** This negative margin-right value is the same as the right column width (width + padding). ***/
        position: relative; /*** IE needs this  ***/}
#right ul {list-style: none;padding-bottom: 4px;}
#right li {padding-bottom: 2px;}
#mainFooter {height: 20px; /*** The drawback with this solution is that the height of the footer can't have a flexible height. If you add so much content to the footer that it extends 45px, you will get a vertical scrollbar and the content will overflow the footer if you don't set overflow to hidden ***/
margin-top: -20px; /*** By using a negative margin-top we now moves the footer up the same amount as the footer height to avoid vertical scrolling. Remember, if you use borders and padding on your footer you will have to calculate this in your negative margin-top value also. ***/
text-align: center;}
#footer p {clear: both;}
/********* LAYOUT *********/
#header{}
#header .top{}
#header .top h2{}
#header .top .siteLogo{}
.siteHeader{}
.siteHeader a{}
.siteLogo img{position:fixed;left:0px;top:120px;}

#footer{}
#footer .n2{font-size:.8em;}



/*menu*/
.topMenu{}
#tmt{background-image:url(menulat_a.png);height:16px;width:143px;}
#tmb{position:relative;top:-4px;background-image:url(menulat_c.png);height:16px;width:143px;}
#menu ul li{background-image:url(menulat_b.png);font-size:1.3em;text-align:right;height:31px;width:143px;}
#menu ul li a{padding:5px 5px 0px 0px;}
#menu ul li:hover, #menu ul li:active{background-image:url(menulat_bx.png);}

.languageMenu{width:100%;position:fixed;top:0px;left:0px;padding:5px;text-align:left;background-image:url(bg_preto60.png);}
.languageMenu a{opacity:.4;}
.languageMenu .current{cursor:default;opacity:1;}
.languageMenu a:hover{opacity:1;}

#submenu{}
#submenu .boxTitle{}
#submenu .box{background-image:url(bg_verme.png);margin-bottom:10px;padding:0px 5px 0px 5px;}
#submenu .box .inner {}
#submenu h4{background-image:url(bg_verme.png);padding:5px;}
#submenu h4 a{}
#submenu h4 a:visited{}
#submenu ul li {margin-bottom:8px;}


#pagina{padding:10px 3px 0px 3px;position:fixed;top:1000px;height:390px;width:0px;min-height:390px;}

#esquerda{}
#esquerda .boxTitle{}
#esquerda .box{background-image:url(bg_preto60.png);margin-bottom:10px;padding:5px;}
#esquerda .box .inner{}
#esquerda h4{background-image:url(bg_preto80.png);padding:5px 5px 5px 5px;}
#esquerda h4 {}
#esquerda h4 a:visited{margin-bottom:10px;}
#esquerda .uc .box .inner p a{margin-bottom:10px;padding-bottom:10px;}
#esquerda .uc .box .inner p a:visited{margin-bottom:10px;padding-bottom:10px;}

#principal{background-image:url(bg_preto80.png);padding:0px 10px 10px 10px;margin:0px 10px 10px 10px;height:370px;overflow:auto;}
#principal .box
#principal .box .inner{}

/* sitemap */
#principal ul{list-style:square;margin-left:20px;}
#principal ol{margin-left:20px;}

#direita{}
#direita .boxTitle{}
#direita .box{background-image:url(bg_preto60.png);margin-bottom:10px;padding:0px 5px 0px 5px;}
#direita .box .inner{}
#direita h4{background-image:url(bg_preto80.png);padding:5px;}
#direita h4 a{}
#direita h4 a:visited{}
#direita .box .inner .sidelist .news{margin-bottom:8px;}

/*secondary*/
.secondary .uc{}

/* lists */
.list .a0{background-image:url(bg_preto60.png);}
.list,.list .a1{}
.list{padding-bottom:26px;}
.list .item{padding:25px;}

/* path */
.path{margin-bottom:10px;}
.path .current{}
.path a.current:hover{cursor:default;text-decoration:none;}

/* content */
.introduction{font-size:1.1em;font-style:italic;}

/* date */
.date{font-size:1.1em;display:block;}

/* intro */
.intro{font-style:italic;font-size:1.2em;}
.list .intro{font-style:normal;font-size:1em;}

/*columns*/
.columns .left{float:left;width:245px;}
.columns .right{float:right;width:245px;}

.socialBookmarks a{white-space:nowrap;}

/* login */
.login .tb{width:160px;}
.login .ff{margin-bottom:5px;}
.register td{padding:0 5px 5px 0;}

/* gallery */
.thumbnail{opacity:.4;}
.thumbnail:hover, .selected{opacity:1;}
#thumbnails{padding-bottom:10px;}
#thumbnails .text{display:none;}
.thumbnail{margin-bottom:10px;margin-right:5px;}

/* comments */
.commentList{border-top:solid 1px #D0CFCB;margin-top:10px;}

.tabelas {width:100%; height:100%;}
.tabela1{background-image: url(qinfo_01.png);width:17px;height:16px;min-width:17px;}
.tabela2{background-image: url(qinfo_02.png);}
.tabela3{background-image: url(qinfo_03.png);width:17px;}
.tabela4{background-image: url(qinfo_04.png);}
.tabela5{background-image: url(bg_tab.png);}
.tabela6{background-image: url(qinfo_06.png);min-width:17px;}

