@import url("@.css");


body {
    color: #000000;
	margin:auto;
	margin-bottom:2em;
	outline:red solid 0px;
    background: #e7e7e7;
    background: #f0f0f0;
    background: #faf7f7;
    line-height:135%;
	outline: none;
    overflow-y:scroll;
    background: #fff;
}

a {
	text-decoration:none;
}

td {
	vertical-align:top;
}

P {
    color: #000000;
}

form {
    padding: 15px;
}
::selection {
    background: #bdf;
}

option {
    background: #f8f8f8;
    line-height:200% !important;
}

select option :active {
    border:1px solid lime !important;
}

#body {
    min-height:650px !important;
    background: #e8e8e8;
    padding: 5px;
    margin: 0 auto;
	border:1px solid #bbb;
    webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
	-webkit-box-shadow: #dddddd 4px 4px; 
	-moz-box-shadow: #dddddd 4px 4px; 
	box-shadow: #dddddd 4px 4px;
    box-shadow:none;
	width:950px;
    background: #fff;
	margin-top:2em;

}

#bodyed {
    padding: 0;
    margin: 0 0;
    background: #c0c0c0;
    background: #fff;
	border:0px solid #f00;
	height:690px;
	overflow:hidden;
	
}

.dd {
    padding-right:10px;
    margin: 0;
    margin-left: 1em;
    background: #c0c0c0;
    background: #fff;
	border:0px solid #f00;
	height:390px;
	overflow:hidden;
    width:195px;
	
}

/* LOCALE*/

ul.locmn {
    padding: 0;
    margin: 0;
    list-style-type: none;
    display: table;
    font-size:0.9em;
}

    ul.locmn > li {
        float: left;
        background: none;
    }

    ul.locmn > li a {
        padding: 0.15em 0.35em;
        webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
          border: 1px solid #7ac;
         margin: 1px;
}

    ul.locmn > li a:hover {
        color: white;
        background: #f00;
         background: #f8a !important;
   }

    ul.locmn .act a {
        color: white;
        color: white !important;
        background: #f00;
}


/* MAIN LOCALE*/

#navb td {
    vertical-align:middle;
}

ul.plocmn {
    padding: 0;
    margin: 0;
    list-style-type: none;
    display: table;
    font-size:11px;
    margin-right:10px;
	border:0px solid #fdd;
    webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
        float: right;
    
}

    ul.plocmn > li {
        float: left;
        background: none;
     display: table-cell;
   }

    ul.plocmn > li a {
        /*padding: 0.15em 0.35em;
        webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
          border: 1px solid #7ac;*/
         margin-left: 5px;
        color: #888 !important;
}

    ul.plocmn > li a:hover {
        color: white;
         background: none !important;
        color: #880000 !important;
   }

    ul.plocmn .act a {
        color: white;
        color: #880000 !important;
        background: none;
        color: #444 !important;
}

#ed_locale {
        text-align:right;
    }


    
ul.fo_tools {
    float: right;
    padding: 0.5em;
    margin: 0;
	margin-top:-1em;
    list-style-type: none;
    display: table;
    background: #c0c0c0;
        webkit-border-radius: 7px;
        -moz-border-radius: 7px;
        border-radius: 7px;
}

    ul.fo_tools > li {
        float: left;
        margin: 1px;
        webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        background: #909090;
    }

    ul.fo_tools > li a {
        padding: 0.15em 1em;
        webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        background: #404040;
    }

ul.ed_select {
    padding: 0em;
    margin: 0;
    list-style-type: none;
    display: block;
    width:150px;
    font-size: 0.8em;
}

    ul.ed_select > li {
        margin: 1px;
        display:block;
        height:22px;
        line-height:22px;
        vertical-align:middle;
         background: #69b;
         background: #58a;
         background: #69b;
 }

    ul.ed_select > li a {
        padding: 0 0.5em;
        display:block;
        vertical-align:middle;
        font-weight:bold;
        height:22px;
        background: #58a;
        color:#fff;
      vertical-align:middle;
 }

    ul.ed_select > li a:hover {
        background: #69b;
   }

     ul.ed_select .act a {
        background: #368;
        color: #fff !important;
    }

   td.ed_select {
    width:150px;
    vertical-align:middle;
   }

ul.ed_tools {
    padding: 0em;
    margin: 0;
	margin-top:0em;
    list-style-type: none;
    display: table;
	border:0px solid #fdd;
}

    ul.ed_tools > li {
        float: left;
        margin: 1px;
        display:table-cell;
    }

    ul.ed_tools > li a {
        padding: 0.15em 1em;
        webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        background: #7ac;
    }

ul.mm {
    padding: 0em;
    margin: 0;
	margin-top:0em;
    list-style-type: none;
    display: block;
    background: none;
        webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px;
    margin-top:0px !important;
    margin-left:0px;
    text-transform:uppercase;
margin-top:-20px !important;
margin-bottom:-20px !important;
}

    ul.mm > li {
        float: left;
        margin: 1px;
        margin: 0;/**/
    }

    ul.mm > li a {
        padding: 3px 0px 3px 0px;
        webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px;
        background: none !important;
        border: 1px solid silver;
        color: #880000;
        padding-bottom:6px !important;
        display:inline-block !important;
        margin: 0 10px 0 15px;
        border-bottom:2px solid #fff !important;
   }

    ul.mm .act a {
        background: none !important;
        color: #f00 !important;
        border: 0px solid #880000;
        background: none !important;
        border-bottom:2px solid #f00 !important;
        display:inline-block;

    }

/* MENU DAS OPÇÕES DO EDITOR */

table#ed_mm {
        background: none;
    }

ul.ed_mm {
    padding: 0;
	margin:0;
	margin-left:15px;
	margin-top:15px;
    list-style-type: none;
    background: none;
}

    ul.ed_mm > li {
        float: left;
        margin: 0px;
        background: none;
    }

    ul.ed_mm > li a {
        padding: 0 0.5em;
        background: #fff;
        border: 1px solid red;
        border: 0px solid red;
         webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
   display: block;
         background: #7ac;
       borderz: 4px solid #58a;
       border: 1px solid #7ac;
        margin: 0px;
         margin-right: 3px;
         background: #fff;
   }

    ul.ed_mm .act a {
        background: #58a;
        color: #fff !important;
        border: 1px solid #7ac;
   }


#comandos {
    float: left;
    margin: 0 !important;
    padding: 0 !important;
         margin-right:2px !important;
   display: inline-block;
        
        text-align:right;
        /*width: 100px;*/
}

    #comandos a {
        display: inline-block;
        margin: 0 !important;
        padding: 0 !important;
        border: 1px solid #7ac !important;
        border: 1px solid #7ac !important;
        webkit-border-radius: 4px !important;
        -moz-border-radius: 4px !important;
        border-radius: 4px !important;
        font-size: 18px;
        width: 18px;
        height: 18px;
        line-height: 18px;
        text-align:center;
        vertical-align:middle;
        margin-left:2px !important;
        margin-right:2px !important;
        font-weight:bold;
    color: #58a !important;
    }
    
    #comandos a:hover {
        color:white !important;
        background:red;
    }
    
    
    
#header {
    background: #c0c0c0;
    webkit-border-top-left-radius: 7px;
    -moz-border-top-left-radius: 7px;
    border-top-left-radius: 7px;
    webkit-border-top-right-radius: 7px;
    -moz-border-top-right-radius: 7px;
    border-top-right-radius: 7px;
	/*height:70px;
    display:table;
	margin-bottom:1em;*/
    width:100%;
    border-bottom: 0px solid #f3f3f3;
border-bottom:3px solid #99a !important;	

}

#foot {
    background: none;
    webkit-border-bottom-left-radius: 5px;
    -moz-border-bottom-left-radius: 5px;
    border-bottom-left-radius: 5px;
    webkit-border-bottom-right-radius: 5px;
    -moz-border-bottom-right-radius: 5px;
    border-bottom-right-radius: 5px;
	min-height:20px;
    	/*display:table;*/
	margin-top:5em;
	padding-top:0.5em;
    width:100%;
	padding-bottom:0.5em;
}

#header h1 {
    margin: 10px;
    color: #fff;
}

#ed_header table {
    color: #000000;
    background: none;
	height:70px;
    width:100%;
    padding:0;
    margin:0;
}

#ed_header td {
    padding:0;
    margin:0;
}

#ed_header {
    background: #7ac;
	height:70px;
    margin:0;
    width:100%;
    border-bottom:6px solid #58a;
}

#ed_header h1 {
    margin: 0 0.5em;
    color: #fff;
        line-height:70px;
}

#locale {
    
    /*float:right;*/
}

#locale td {
    
    text-align:right;
}


.dd_full {
    
    width: 185px !important;
    margin-left: 0em;
    margin-top: 0px;
    border:1px solid #7ac;
    height:529px;
    line-height:135% !important;
}


/*
#form input[type="text"], textarea, iframe {
    
    width:75%;
    text-align:left;

}
*/
#form .obi {
    
}


body, #body, p, #catalog li, #pane .texto p, 
#pane .texto li, #blog p, #blog li, #catalog p,
#catalog .op, #catalog .opb, #catalog .bookz p, #catalog .sbio p 
{font: 15px/22px 'Cardo', serif;letter-spacing:0.5px;}

body, #body, p, #catalog li, #pane .texto p, 
#pane .texto li, #blog p, #blog li, #catalog p,
#catalog .op, #catalog .opb, #catalog .bookz p, #catalog .sbio p 
{font: 14px/21px 'Domine', serif;letter-spacing:0.5px;}

body, #body, p, #catalog li, #pane .texto p, 
#pane .texto li, #blog p, #blog li, #catalog p,
#catalog .op, #catalog .opb, #catalog .bookz p, #catalog .sbio p, td, table 
{font: 14px/21px 'PT Serif', serif !important;letter-spacing:0.5px;}

.abertura 
{font: 15px/22px 'PT Serif', serif !important;letter-spacing:0.5px;}

p
{margin-top:0;}

#browser  {font-family: 'BitstreamVeraSansMonoRoman', Arial, sans-serif;margin-top:10px !important;font-size:11px !important;}

h2 {font: 29px 'Fjalla One', Arial, sans-serif !important;margin-top:20px}
h3 {font: 18px 'Fjalla One', Arial, sans-serif;letter-spacing:0px !important;}
h4 {font: 14px 'Fjalla One', Arial, sans-serif !important;letter-spacing:0px !important;}
h5 .op h5 {font: 15px 'Fjalla One', Arial, sans-serif !important;letter-spacing:0px !important;}

#mm {font: 14px 'BitstreamVeraSansMonoBold', Arial, sans-serif;letter-spacing:1px;}
#mm {font: 15px 'Roboto Condensed', Arial, sans-serif;letter-spacing:0.5px;}
#mm {font: 14px 'Averia Libre', cursive, Arial, sans-serif;letter-spacing:0.5px;}
#mm {font: 13px 'Special Elite', cursive, Arial, sans-serif;letter-spacing:0.5px;}
#mm {font: 13px 'Capriola', cursive, Arial, sans-serif !important;letter-spacing:0.5px;}
#mm {font: 13px 'Montserrat', sans-serif !important;letter-spacing:0.5px;}

#mctmn {font: 13px Arial, sans-serif;letter-spacing:1px;}
#mctmn {font: 11px 'BitstreamVeraSansMonoRoman', Arial, sans-serif;letter-spacing:0px;text-transform:uppercase !important;}
#mctmn {font: 11px 'Averia Libre', Arial, sans-serif;letter-spacing:0px;text-transform:uppercase !important;}
#mctmn {font: 11px 'Averia Libre', Arial, sans-serif;letter-spacing:0px;text-transform:uppercase !important;}
#mctmn {font: 11px 'Montserrat', sans-serif !important;letter-spacing:0px;text-transform:uppercase !important;}

#mctmn, #altmenu, #plmn_nav {font: 11px 'Special Elite', Arial, sans-serif;letter-spacing:0px;text-transform:uppercase !important;}
#mctmn, #altmenu, #plmn_nav {font: 11px 'Capriola', Arial, sans-serif !important;letter-spacing:0px;text-transform:uppercase !important;}
.pl_snd, #mctmn, #altmenu, #plmn_nav, #pl_yer li, #pane .pl_yer li a {font: 11px 'Montserrat', sans-serif !important;letter-spacing:0px;text-transform:uppercase !important;}

#bbox {font: 9px 'Capriola', Arial, sans-serif !important;letter-spacing:0px;text-transform:uppercase !important;}
#bookbox, .subhead {font: 11px 'Capriola', Arial, sans-serif !important;letter-spacing:0px;text-transform:none !important;}

.ui_small {font: 9px 'BitstreamVeraSansMonoBold', Arial, sans-serif;letter-spacing:0.5px !important;}
.ui_small {font: 9px 'Averia Libre', Arial, sans-serif;letter-spacing:0.5px !important;}
.ui_small {font: 9px 'Capriola', Arial, sans-serif !important;letter-spacing:0.5px !important;}
.ui_small, div.ui_small {font: 9px 'Montserrat', Arial, sans-serif !important;letter-spacing:0.5px !important;}

#fmn a {font-family: 'BitstreamVeraSansMonoBold', Arial, sans-serif !important;letter-spacing:0px !important;}

#nano a, #namesarray a {font-size:10px}

.conteudo li {font-size:13px}


.col {font: 14px/24px sans-serif;letter-spacing:0.35px;}

.cliptitle {font-family: 'PT Serif', serif !important;letter-spacing:0px !important;}
/*.abertura {font: 24px/30px 'Montserrat', sans-serif !important;letter-spacing:0px !important;}*/


#form label, #mailform label {
  font-family: sans-serif !important;
}



input:focus {
  outline-width:0px !important;
}


#bhsplash {
  font: 13px 'BitstreamVeraSansMonoBold', Arial, sans-serif;
  float:right;
  text-align:right;
  margin-right:60px;
  margin-top:-65px;
  color:#338;
}
#bhsplashclaim {
  font: 10px Arial, sans-serif;
  color:#999999;
}


/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */

.jspContainer
{
	overflow: hidden;
	position: relative;
    width:100% !important;
  outline-width:0px !important;
}

.jspPane
{
	position: absolute;
  outline-width:0px !important;
}

.jspVerticalBar
{
	position: absolute;
	top: 0;
	right: 0;
	width: 10px;
	height: 100%;
	background: red;
}

.jspHorizontalBar
{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 16px;
	background: red;
}

.jspVerticalBar *,
.jspHorizontalBar *
{
	margin: 0;
	padding: 0;
}

.jspCap
{
	display: none;
}

.jspHorizontalBar .jspCap
{
	float: left;
}

.jspTrack
{
	background: #f9f9f9;
	position: relative;
}

.jspDrag
{
	background: #ddd;
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag
{
	float: left;
	height: 100%;
}

.jspArrow
{
	background: #50506d;
	text-indent: -20000px;
	display: block;
	cursor: pointer;
}

.jspArrow.jspDisabled
{
	cursor: default;
	background: #80808d;
}

.jspVerticalBar .jspArrow
{
	height: 16px;
}

.jspHorizontalBar .jspArrow
{
	width: 16px;
	float: left;
	height: 100%;
}

.jspVerticalBar .jspArrow:focus
{
	outline: none;
}

.jspCorner
{
	background: #eeeef4;
	float: left;
	height: 100%;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner
{
	margin: 0 -3px 0 0;
}

















div#qTip {
padding: 5px 10px 5px 10px;
border: 0px solid #666;
display: none;
background: #f00;
color: #FFF;
font: normal 10px sans-serif;
position: absolute;
z-index: 10000;
max-width:170px;
        webkit-border-radius: 4px !important;
        -moz-border-radius: 4px !important;
        border-radius: 4px !important;

}