﻿/*----------------------------------------------------------
The base color for this template is #5c87b2. If you'd like
to use a different color start by replacing all instances of
#5c87b2 with your new color.
----------------------------------------------------------*/



/* ******************************************************************************
    FONTS
******************************************************************************  */ 
/*
@font-face {  
  font-family: 'avenir_site';
  src: url(avenir.ttf) format("truetype"); 
  src: local("avenir_site"), url(avenir.ttf) format("truetype"); 
}


@font-face {  
  font-family: 'din_site';
  src: url(din.ttf) format("truetype"); 
  src: local("din_site"), url(din.ttf) format("truetype");  
}
*/

@font-face {  
  font-family: 'Frutiger_site';
  src: url(FrutigerLT45Light.ttf) format("truetype"); 
  src: local("Frutiger_site"), url(FrutigerLT45Light.ttf) format("truetype"); /* non-IE */  
}
    
/* ******************************************************************************
    PAGE
******************************************************************************  */ 

html {
    height: 100%;
    min-height:100%;
    width:100%;
    min-height: 100%;
    
    margin-left: auto;
    margin-right: auto;

    outline: none;

}

*:focus
{
    outline: none;
}


body {
    
    min-height:100%;
    height:100%;
    min-width:100%;
    width:100%;
    
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
    padding: 0px;  
    
    background-color: #000;

   
    font-size: 10pt;
    line-height:16pt;
    
    font-family: "Arial","Calibri","Trebuchet MS", "Verdana", "Helvetica", "Sans-Serif";
    text-align:justify;
    color: #c9cbcd;


}
	
#wrapper {
    
    width: 100%;
    min-width:100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
    padding: 0px;  
    padding-top: 0px;
    
    height:100%;
    min-height:500px;
    height:auto;
    
    /*height:auto !important;*/
     
    background-color: #000;
    background-repeat:repeat-x;
    
    text-align: center;
    
}


header, #header {

    display:block;
    
    width: 100%;
    min-width:100%;
    height:275px;

    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
    padding: 0px;  
    padding-top: 30px;  
    background-color: #000;
    
    /*
    background: rgba(80,30,10);
    background: rgba(80,30,10, 1);
    background-repeat:repeat;
    
    background-image: url("/imgs/bgdisco1.jpg");*/
    background-color: #000;
	background-repeat: no-repeat;
    
}


a{ color:#474747;font-weight:bold;font-size:12pt;text-decoration:none;}
a:hover{ color:#000; text-decoration:none;}



.a2 a{ color:#fff000;font-weight:bold;font-size:12pt;text-decoration:underline;}
.a2 a:hover{ color:#fff; text-decoration:none;}



.titleLink {
    font-family: "Arial","Calibri","Trebuchet MS", "Verdana", "Helvetica", "Sans-Serif";
    font-weight:bold;
    color:#525252;
    font-size:13pt;
    margin-bottom:10px;
 }

#title {
    padding:0px;
    padding-left: 15px;
    margin-top: -8px;
    height:44px;
    line-height:44px;
    position:fixed;
    color:#1172A8; /* mesmo do hover do menu */
    font-family: "Arial","Calibri","Trebuchet MS", "Verdana", "Helvetica", "Sans-Serif";
    font-weight:bold;
    font-size: 32px;
 }
 
 
 .title{
    color:#fff;
 	height:46px; 	
 	line-height:50px;
 	text-align: center;
 	vertical-align: middle;
 	display:block;
 	font-size:14pt;
 	background: rgb(163,37,37); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(163,37,37,1) 0%, rgba(127,8,8,1) 53%, rgba(163,37,37,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(163,37,37,1)), color-stop(53%,rgba(127,8,8,1)), color-stop(100%,rgba(163,37,37,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(163,37,37,1) 0%,rgba(127,8,8,1) 53%,rgba(163,37,37,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(163,37,37,1) 0%,rgba(127,8,8,1) 53%,rgba(163,37,37,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(163,37,37,1) 0%,rgba(127,8,8,1) 53%,rgba(163,37,37,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(163,37,37,1) 0%,rgba(127,8,8,1) 53%,rgba(163,37,37,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a32525', endColorstr='#a32525',GradientType=0 ); /* IE6-9 */

	margin-top: -20px;

 }
 
.content {
    
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;
    /*background-color:#000000;*/
    min-height:200px;
    height:auto;
    
    /*min-height:100%; se habilitar estoura o rodape da pag*/
    width:720px;

    text-align: center;
   
     /*background-color: #fcfbef;
   background: rgb(250, 240, 230);
    background: rgba(250, 240, 230, 0.85);*/
    
   
    
    vertical-align:top;
    position:relative;
  
	padding:0px;
  
  
    font-size: 14pt;
    line-height:22pt;
    
    letter-spacing:1px;
    
 }
 
 .content-shadow{
 	
 	    
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;
    /*background-color:#000000;*/
    min-height:200px;
    height:auto;
    
    /*min-height:100%; se habilitar estoura o rodape da pag*/
    width:720px;

    text-align: center;
   
     /*background-color: #fcfbef;
   background: rgb(250, 240, 230);
    background: rgba(250, 240, 230, 0.85);*/
    
   
    
    vertical-align:top;
    position:relative;
  
	padding:20px;
  	
  
    font-size: 14pt;
    line-height:22pt;
    
-webkit-box-shadow: -2px 4px 61px 7px rgba(255,94,94,1);
-moz-box-shadow: -2px 4px 61px 7px rgba(255,94,94,1);
box-shadow: -2px 4px 61px 7px rgba(255,94,94,1);

 }
 
 .section{
 	width:100%;
	text-align: center;
 }
 
#menu {
-webkit-box-shadow: 10px 10px 32px 2px rgba(82,68,0,1);
-moz-box-shadow: 10px 10px 32px 2px rgba(82,68,0,1);
box-shadow: 10px 10px 32px 2px rgba(82,68,0,1);
 }
 .menu-bar{
 
 height:60px;
 vertical-align:middle;
 text-align:center;
 background-color:#F5C139;
 color:#424242
 
background: rgb(249,209,95); /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover,  rgba(249,209,95,1) 0%, rgba(193,130,13,1) 100%); /* FF3.6+ */
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(249,209,95,1)), color-stop(100%,rgba(193,130,13,1))); /* Chrome,Safari4+ */
background: -webkit-radial-gradient(center, ellipse cover,  rgba(249,209,95,1) 0%,rgba(193,130,13,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(center, ellipse cover,  rgba(249,209,95,1) 0%,rgba(193,130,13,1) 100%); /* Opera 12+ */
background: -ms-radial-gradient(center, ellipse cover,  rgba(249,209,95,1) 0%,rgba(193,130,13,1) 100%); /* IE10+ */
background: radial-gradient(ellipse at center,  rgba(249,209,95,1) 0%,rgba(193,130,13,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9d15f', endColorstr='#c1820d',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

 
 }



.link-box{ background-color:#fff; color:#000; }
.link-box:hover{ 
    color:#000;
    -webkit-box-shadow: -1px 1px 12px 2px rgba(178,178,178,1);
    -moz-box-shadow:    -1px 1px 12px 2px rgba(178,178,178,1);
    box-shadow:         -1px 1px 12px 2px rgba(178,178,178,1);
}





#footer
{
    height:200px;
    width:800px;
    font-size: 16px !important;
    background-color: #000;
    color:#000; 
    font-family: "Calibri","avenir_site","Trebuchet MS", "Verdana", "Helvetica", "Sans-Serif";
    margin:0px;
    padding:0px;
    vertical-align:middle;
    display:inline-block;
    text-align:center;
}

 



/* ******************************************************************************
    TEXT-FORMAT
******************************************************************************  */ 
    



p, ul {
    margin-bottom: 20px;
    line-height: 1.6em;
}



/* HEADINGS   
----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
    font-size: 1.5em;
    color:  #1172A8;
}

h1 {
    font-size: 2em;
    padding-bottom: 0;
    margin-bottom: 0;
}

h2 {
    padding: 0 0 0 0;
}

h3 {
    font-size: 1.2em;
}

h4 {
    font-size: 1.1em;
}

h5, h6 {
    font-size: 1em;
}


#executando{
    background-image: url(../images/executando.gif);
    background-repeat:no-repeat;
    background-position:center;
    background-color:#E7F5E5;
    height:80px;
    vertical-align:middle;
    float:none;
}





/* ******************************************************************************
    UI ELEMENTS
******************************************************************************  */ 
    


.botao
{
     border: 2px ridge #55af48; 
     background: #00673B 50% 50% repeat-x; 
     color: #E7F5E5; 
     padding:  .1em .4em .2em .4em;
     min-width:70px;
    -moz-border-radius-topleft: 6px; -webkit-border-top-left-radius: 6px; -khtml-border-top-left-radius: 6px; border-top-left-radius: 6px;                
    -moz-border-radius-topright: 6px; -webkit-border-top-right-radius: 6px; -khtml-border-top-right-radius: 6px; border-top-right-radius: 6px;            
    -moz-border-radius-bottomleft: 6px; -webkit-border-bottom-left-radius: 6px; -khtml-border-bottom-left-radius: 6px; border-bottom-left-radius: 6px;    
    -moz-border-radius-bottomright: 6px; -webkit-border-bottom-right-radius: 6px; -khtml-border-bottom-right-radius: 6px; border-bottom-right-radius: 6px;   
    cursor:pointer;
}
.botao:hover{
     background: #4a9a3f;
     color: #E7F5E5;
}
.botao:active{
      border: 1px solid #C1E1C6; background: #ECF4EC  50% 50% repeat-x; font-weight: normal; color: #09AF46; 
}




/*  TAB  */

.tab ul {
	list-style: none;
	height: 1%;
	display: table;
	margin: 0px;
	padding: 0px;  
	
}
.tab ul li 
{
    font-size:16px;
    font-family: "Calibri","avenir_site","Trebuchet MS", "Verdana", "Helvetica", "Sans-Serif";
	float: left;
	margin: 0 4px;
	margin-left: 0;
	border: 2px ridge ;
	border-color:#55af48;
	/*border-bottom:0px solid;*/
	display: block;
	padding: 5px 12px;
	/*color: #2364DD;*/
	color: #0A9A16; 
	text-shadow:0px 0px 0px #000000;
	font-weight: bold;
	cursor: pointer;
	width:75px;
    text-align:center;
    -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -khtml-border-top-left-radius: 4px; border-top-left-radius: 4px;                
    -moz-border-radius-topright:4px; -webkit-border-top-right-radius:4px; -khtml-border-top-right-radius:4px; border-top-right-radius:4px;    

    -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -khtml-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px;                
    -moz-border-radius-bottomright:4px; -webkit-border-bottom-right-radius:4px; -khtml-border-bottom-right-radius:4px; border-bottom-right-radius:4px;    

	
}

.tab ul li.selecionado {
	background-color:#4a9a3f;
	color: #E7F5E5;
}
.tab ul li.normal:hover {
    background-color:#4a9a3f;
	color:#E7F5E5;
}
.tab ul li.normal {
	/*background-color:#EBF5F5;*/
	background: #00673B;
    color: #E7F5E5;
}

.tab-container {
	/*background-color: #FFFFFF;*/
	margin-top: -15px;
	margin-bottom: 0px;
	padding: 15px 0px 0px 0px;
	border: 2px ridge ;
	border-color:#27b61b;
	width:420px;
	max-width:420px;
	min-height:320px;
	height:320px;
	height:auto;
}                       











/* ******************************************************************************
    FORM
******************************************************************************  */ 
    

input[type="button"], input[type="submit"] {
	font-size:9pt;
	font-family:Segoe UI,Calibri,Verdana,Arial;
	font-weight:normal;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	border:1px solid #dd986a;
	padding: 5px 20px;
	text-decoration:none;
    background: #eabbbb; /* Old browsers */
    background: -moz-linear-gradient(top,  #eabbbb 6%, #f5e8df 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(6%,#eabbbb), color-stop(100%,#f5e8df)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #eabbbb 6%,#f5e8df 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #eabbbb 6%,#f5e8df 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #eabbbb 6%,#f5e8df 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #eabbbb 6%,#f5e8df 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eabbbb', endColorstr='#f5e8df',GradientType=0 ); /* IE6-9 */

	background-color:#f5e8df;
	color:#a64b05;
	display:inline-block;
	text-shadow:-5px 32px 0px #ffffff;
 	-webkit-box-shadow:inset 0px 0px 0px 0px #ffffff;
 	-moz-box-shadow:inset 0px 0px 0px 0px #ffffff;
 	box-shadow:inset 0px 0px 0px 0px #ffffff;
     cursor:pointer;
}
input[type="button"]:hover, input[type="submit"]:hover {
    background: #ffbdb7; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffbdb7 6%, #f5e8df 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(6%,#ffbdb7), color-stop(100%,#f5e8df)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffbdb7 6%,#f5e8df 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffbdb7 6%,#f5e8df 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffbdb7 6%,#f5e8df 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffbdb7 6%,#f5e8df 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffbdb7', endColorstr='#f5e8df',GradientType=0 ); /* IE6-9 */
	background-color:#ffd5bf;
}

.fileUpload {
	position: relative;
	overflow: hidden;
	margin: 10px;
}
.fileUpload input.upload {
	position: relative;
	top: 0;
	right: 0;
	margin: 0;
	padding: 8px;
	font-size: 11px;
	cursor: pointer;
    background: #fff2f2; /* Old browsers */
    background: -moz-linear-gradient(top,  #fff2f2 7%, #f5e8df 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(7%,#fff2f2), color-stop(100%,#f5e8df)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #fff2f2 7%,#f5e8df 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #fff2f2 7%,#f5e8df 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #fff2f2 7%,#f5e8df 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #fff2f2 7%,#f5e8df 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff2f2', endColorstr='#f5e8df',GradientType=0 ); /* IE6-9 */
}

input[type="file"] {

}

fieldset {
    border: 1px solid #e2b6b6;
    padding: 0 1.4em 1.4em 1.4em;
    margin: 0 0 1.5em 0;
}

legend {
    font-size: 1.2em;
    font-weight: bold;
}



body input[type="password"],input[type="text"],select,textarea{

    -moz-border-radius-topleft:     3px; -webkit-border-top-left-radius:    3px; -khtml-border-top-left-radius:     3px; border-top-left-radius:    3px;                
    -moz-border-radius-topright:    3px; -webkit-border-top-right-radius:   3px; -khtml-border-top-right-radius:    3px; border-top-right-radius:   3px;            
    -moz-border-radius-bottomleft:  3px; -webkit-border-bottom-left-radius: 3px; -khtml-border-bottom-left-radius:  3px; border-bottom-left-radius: 3px;    
    -moz-border-radius-bottomright: 3px; -webkit-border-bottom-right-radius:3px; -khtml-border-bottom-right-radius: 3px; border-bottom-right-radius:3px;   
    
    font-size:9pt;
    
    width:160px;
    height:28px;

    padding-left: 4px;
    padding-right:4px;

    color:#b26037;
    border: 1px solid #cbab9b; 
    background-color: #FFFEFD ; 

}

body input[type="password"]:hover,input[type="text"]:hover, input[type="password"]:focus,input[type="text"]:focus{
    border: 1px solid #a15f3e; 
    background-color: #fff ; 
}

select option:focus
    {
   color:#FEECE2; 
    background-color: #D36F39 ; 

    }




select:selected {
    background-color : #1172A8;
    color : #ffffff;
}
select option {
    background-color : #000000;
    color : #1172A8;
}
select option:hover {
    background-color : #1172A8;
    color : #000;
}
select option:checked {
    background-color : #1172A8;
    color : #000;
}
select option[active] {
    background-color : #1172A8;
    color : #ffffff;
}
option.moz::-moz-selection {
	background:#1172A8;
	color:#fff;
}
/*option:checked {
    background-color: #1172A8;
    color:#fff;
    background:url(../imagens/bg_select.jpg);
}*/
#dropdown option:checked {
    background-color: #1172A8;
    background: #1172A8;
    color:#fff;
    /*background:url(../imagens/bg_select.jpg);*/
}
::selection {
   background: rgba(0, 0, 0, 0.99);
   color: #FFF;
}

#dropdown select::selection {
background:#fd9;
color: #FFF;
}
#dropdown select::-moz-selection {
background:#1172A8;
color: #FFF;
}
#dropdown select::-webkit-selection {
background:#1172A8;
color: #FFF;
} 





/* ******************************************************************************
    TABLES
******************************************************************************  */ 
    


.listTable                          { border: solid 0px;cursor:pointer;}
.listTable tr:nth-child(odd)		{ background-color:#C7FAC0; }
.listTable tr:nth-child(even)		{ background-color:#DCF6E0; }
.listTable tr:hover                 { background-color:#BAF3B7;}
/*.listTable tr:hover  td             { background-color:#BAF3B7;}*/
/*.listTable tr.highlight             { background-color:#BAF3B7;}*/

.tablet tr:nth-child(even)		    { background-color:#BCF3B7; }

table {
    border: solid 0px #f2f4e8;
    border-collapse: collapse;
}

td {
    padding: 5px;
    border: solid 0px #f1efdb;
}


table th {
    padding: 6px 5px;
    background-color:  #1172A8;
    color:#fffce9;
    border: solid 1px #f4f2e8;
}


table thead {
    padding: 6px 5px;
    background-color: #1172A8;
    color:#fffce9;
    border: solid 1px #f4f0e8;
}



.tableClean{
    border:0px;
    padding:0px; 
}
.tableClean tr td{
     border:0px;
     padding:0px; 
}




/* ******************************************************************************
    MIX
******************************************************************************  */ 
    


.clear {
    clear: both;
}

.error {
    color: #d31f1f;
}



.subtitle
{
    margin: 0;
    border: none;
    color:#1486C4; /* mesmo do hover do menu */
    font-family: "Calibri","Frutiger_site","Trebuchet MS", "Verdana", "Helvetica", "Sans-Serif";
    font-size: 11pt;
}



/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error {
    color: #bc0606;
}

.field-validation-valid {
    display: none;
}

.input-validation-error {
    border: 1px solid #bc0606;
    background-color: #ffeeee;
}

.validation-summary-errors {
    font-weight: bold;
    color: #bc0606;
}

.validation-summary-valid {
    display: none;
}


/* Styles for editor and display helpers
----------------------------------------------------------*/
.display-label, 
.editor-label {
    margin: 1em 0 0 0;
}

.display-field, 
.editor-field {
    margin: 0.5em 0 0 0;
}

.text-box {
    width: 30em;
}

.text-box.multi-line {
    height: 6.5em;
}

.tri-state {
    width: 6em;
}








.executando{
    background-image: url(../images/executando.gif);
    background-repeat:no-repeat;
    background-position:center;
    height:80px;
    vertical-align:middle;
    float:none;
}

