@charset "utf-8";
/* CSS Document */

/* Elementos gerais*/

body {
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	background-color: rgb(240,240,240);
}

html, body {
	height: 100%;
}
.transparent_class {
        filter:alpha(opacity=50);
        -moz-opacity:0.5;
        -khtml-opacity: 0.5;
        opacity: 0.5;
}


a 
{
    text-decoration: none;
}
/*---*/

#header 
{
	position: relative;
	width: auto;
	min-width: 640px;
	height: 100px;
	background-color: rgb(153,180,209);
}
#header-div-1 
{
    position: relative;
    max-width: 900px;
    height: 100px;
    margin: auto;
    background-image: url(../Content/themes/base/images/logo.png);
    background-repeat: no-repeat;
}
#userInfo
{
    position: relative;
    background-color: White;
    display: block;
    width: 400px;
    margin: auto;
    color: Gray;
    font-size: 13px;
    padding: 5px;
    text-align: center;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

a#logout
{
    position: absolute;
    top: 7px;
    right: 7px;
    background-image: url(../Content/themes/base/images/sair-icone.png);
    text-decoration: none;
    width: 11px;
    height: 10px;
    margin-right:250px;
    
}
#logout:hover 
{
    cursor: pointer;
    background-image: url(../Content/themes/base/images/sair-icone-hover.png);
}
#systeName 
{
    position: relative;
    top: 21px;
    left: 190px;
	display: inline-block;	
	width: 470px;
	height: 14px;
	background-image: url(../Content/themes/base/images/nome.png);
}
#global-navigation {
	position: relative;
	top: -28px;
	width: auto;
	display: block;
	height: 51px;
	text-align: right;
	background-image: url(../Content/themes/base/images/menu-bg.png);
	max-width: 490px;
	border: 1px solid White;
	margin: auto;	
	border-radius: 10px;
    box-shadow: 2px 2px 2px rgba(0,0,0,0.3);
}
#global-navigation ul#menu
{
    list-style: none;
    margin: 0px;
    padding: 0px;
    
}
#global-navigation ul#menu li
{
    display: inline-block;
    border-left: 1px solid silver;
    border-right: 1px solid white;
    float: left;
}
#global-navigation ul#menu li:hover {
    background-image: url(../Content/themes/base/images/menu-bg-hover.png);
}
#global-navigation ul#menu li#first 
{
    border-left: none;
}
#global-navigation ul#menu li#first:hover
{
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}
#global-navigation ul#menu li#last
{
    border-right: none;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    padding-right: 2px;
}
#global-navigation ul#menu li a
{
    display: inline-block;
    cursor: pointer;
    padding: 16px 30px 16px 31px;
    color: rgb(96,113,133);
}
#frame {
	position: relative;
	width: 900px;
	min-width: 640px;
	height: auto;
	min-height: 80%;
	margin-right: auto;
	margin-left: auto;
	bottom: 0px;
}
#tbContent 
{
	position: relative;
	display: block;
	min-height: 100%;
	border-collapse: collapse;
	width: 900px;
	margin: auto;
	float: left;
	border: 1px solid rgb(153,180,209);
	border-radius: 10px;
}

#tbContentVisualizarImpressao 
{
    width:594.30px;
    height:840.51px;
    margin:auto;
    
    
}

#tbContentVisualizarImpressao tr td
{
    padding-top:50px;
    padding-bottom:30px;
}

#numFlash
{
    font-size: 90px;
    font-weight: bold;
    display: block;
    text-align: center;
    margin-top: 200px;
    
}

#numCodBarras
{
    font-size: 17px;
    font-weight: bold;
    display: block;
    text-align: center;
    margin: 7px;
    margin-top: 10px;
    border: 3px solid black;
    border-radius: 8px;
    padding: 7px 3px 7px 3px;
    
}

#divCodBarras
{
    margin-top: 50px;
    text-align:center;
    padding:15px;
    
}

#codBarras
{
    width:150px;
    height:50px;
}

#divContent 
{
	position: static;
	display: block;
	min-height: 100%;
	width: 900px;
	margin: auto;
	border: 1px solid rgb(153,180,209);
	border-radius: 10px;
}
#divContent ul li fieldset 
{
    border: 1px solid rgb(240,240,240);
}
#divContent ul li fieldset select
{
    border: 1px solid rgb(153,180,209);
    padding: 2px;
}
#divContent ul li fieldset input[type=text] 
{
    border: 1px solid rgb(153,180,209);
    padding: 3px;
}
table#tbContent tr
{
    display: inline-block;
    width: 100%;
}
table#tbContent tr.roudRight, table#tbContent tr td.roudRight
{
    border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
}



table#tbContent tr.roudRight td#search fieldset#filters label
{
    display: block;
    font-size: 13px;
    color: White;
    margin-left: 1px;
}


#search 
{
    vertical-align: top;
    background-color: rgb(153,180,209);
    width: 250px;
	height:100%;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
}
#search fieldset#filters
{
    margin: 7px 10px 10px 10px;
    border: 1px solid white;
    border-radius: 3px;
    padding-bottom: 13px;
    min-height: 200px;
}

#search fieldset#filters legend, #search fieldset.fields legend
{
    color: White;
    font-size: 14px;
    padding: 0px 5px 0px 5px;
}
#search fieldset#filters select.legendDropDown, #search fieldset#filters input[type=text].textBox
{
    border: none;
    padding: 2px;
    margin-top: 7px;
    padding: 3px;
}
#select.legendDropDown 
{
    display: inline-block;
    margin-top: 7px;
}
#search fieldset#filters input[type=text].textBox 
{
    padding: 4px;
    width: 196px;
}
.buttonsSearch 
{
    margin-top: 12px;
}
.buttonsSearch input[type=submit].btGrande, .buttonsSearch a.btGrande
{
    background-color: rgb(120,151,188);
    border: none;
    color: White;
    padding: 10px;
    border-radius: 5px;
    width: 204px;
    cursor: pointer;
    font-size: 14px;
}

.buttonsSearch a.btGrande
{
    background-color: rgb(120,151,188);
    border: none;
    color: White;
    padding: 10px 0px 10px 0px;
    border-radius: 5px;
    width: 204px;
    cursor: pointer;
    font-size: 14px;
    display: inline-block;
    text-align: center;
    margin-top: 10px;
}

a.btGrande_
{
    display: block;
    background-color: rgb(120,151,188);
    border: none;
    color: White;
    padding: 10px;
    border-radius: 5px;
    width: 210px;
    cursor: pointer;
    font-size: 14px;
    margin: auto;
    text-align: center;
}
a.btGrande_2
{
    display: block;
    background-color: rgb(120,151,188);
    border: none;
    color: White;
    padding: 10px;
    border-radius: 5px;
    width: 200px;
    cursor: pointer;
    font-size: 14px;
    margin: auto;
    text-align: center;
}


.buttonsSearch a.btPequeno
{
    background-color: rgb(120,151,188);
    border: none;
    color: White;
    padding: 10px;
    border-radius: 5px;
    width: 77px;
    cursor: pointer;
    font-size: 14px;
    float: left;
    text-align: center;
    margin-top: 10px;
}
.buttonsSearch input[type=submit].btGrande:hover, .buttonsSearch a.btPequeno:hover, a.btGrande_:hover, .pager a:hover, .buttonsSearch a.btGrande:hover
{
    background-color: rgb(96,130,173);
}
#local-content {
	width: 100%;
	vertical-align: top;
	
}

#lvisualizarImpressao {
	width: 594.30px;
	height:840.51px;
	vertical-align: top;
	
	position: relative;
	padding: 10px;
}

#titulo 
{
    background-color: rgb(204,215,227);
    border-radius: 3px;
    margin: 0px;
    padding: 10px;
    font-size: 16px;
    font-weight: normal;
    color: rgb(96,113,133);
    margin: 10px;
}
.details 
{
    background-color: White;
    position: relative;	
	border-radius: 10px;
    box-shadow: 2px 2px 2px rgba(0,0,0,0.3);
    margin: 10px;
    padding: 10px;
    
}
.detailsApenso 
{
    background-color: White;
    position: relative;	
	border-radius: 10px;
    box-shadow: 2px 2px 2px rgba(0,0,0,0.3);
    background-image: url(../Content/themes/base/images/apenso.png);
    background-repeat: no-repeat;
    background-position: top right;
    margin: 10px;
    padding: 10px;
    
}
.detailsApenso ul 
{
    margin: 0px;
    padding: 0px;
}
.detailsApenso ul li 
{
    list-style: none;
    
}
.detailsApenso ul li fieldset 
{
    border: 1px solid rgb(153,180,209);
    display: inline-block;
    border-radius: 3px;
    padding: 5px;
}
.detailsApenso ul li fieldset legend 
{
    font-size: 11px;
    padding: 0px 7px 0px 7px;
}
.detailsApenso ul li fieldset span 
{
    font-size: 15px;
}
.detailsApenso ul li fieldset.cod 
{
    width: 50px;
    text-align: right;
}



.erro
{
    /*background-color: White;*/
    position: relative;	
    margin: 10px;
    padding: 10px;
}


#detailsVisualizarImpressao 
{
    background-color: White;
    position: relative;	
	border-radius: 10px;
    box-shadow: 2px 2px 2px rgba(0,0,0,0.3);
    margin: auto;
    padding: 10px;
    width: 594.30px;
    height: 840.51px;
    
}

.details ul 
{
    margin: 0px;
    padding: 0px;
}
.details ul li 
{
    list-style: none;
    
}
.details ul li fieldset 
{
    border: 1px solid rgb(153,180,209);
    display: inline-block;
    border-radius: 3px;
    padding: 5px;
}
.details ul li fieldset legend 
{
    font-size: 11px;
    padding: 0px 7px 0px 7px;
}
.details ul li fieldset span 
{
    font-size: 15px;
}
.details ul li fieldset.cod 
{
    width: 50px;
    text-align: right;
}
.num 
{
    text-align: right;
}
.num legend 
{
    text-align: left;
}
.txt 
{
    text-align: left;
}
.btnDetails 
{
    margin: 5px;
    margin-top: 13px;
    border-top: 1px dashed rgb(185,203,223);
    padding-top: 12px;
}
.btnDetails span.text 
{
    font-size: 12px;
    display: inline-block;
}
.btnDetails a, .btnDetails input[type=submit], .btnDetails span.button
{
    display: inline-block;
    background-color: rgb(153,180,209);
    color: White;
    padding: 3px 7px 3px 7px;
    font-size: 12px;
    float: right;
    border-radius: 3px;
    border: none;
    margin: 0px;
}

.btnGrandeIncluir
{
     display: block;
    background-color: Gray;
    border: none;
    color: White;
    padding: 10px;
    border-radius: 5px;
    width: 200px;
    font-size: 14px;
    margin: auto;
    text-align: center;
    
}

.btnDetails span.button
{
    background-color: rgb(230,230,230);
    color: Gray;
}

.btnDetails span.button:hover
{
    cursor:default;
}

.btnDetails a:hover, .btnDetails input[type=submit]:hover
{
    background-color: rgb(96,130,173);
    cursor: pointer;
}
.pager 
{
    text-align: right;
    padding: 10px;
}
.pager span a 
{
    font-size: 12px;
    padding: 3px;
    background-color: rgb(153,180,209);
    width: 15px;
    display: inline-block;
    text-align: center;
    color: White;
    border-radius: 3px;
    border: 1px solid rgb(153,180,209);
}
.pager span.selected a
{
    color: rgb(96,130,173);
    background-color: White;
}
.mensagem 
{
    display: block;
    color: Blue;
    text-align: center;
    font-size: 13px;
    margin: 10px;
}
.ajuda
{
    font-size: 11px;
    color: Gray;
    text-align: center;
    padding: 4px;
    display: inline-block;
}
.details fieldset.fields input[type=text]
{
    padding: 5px;
    margin-top: 7px;
}

#detalhesApensoLista
{
    margin: auto;
    list-style-type: none;
    text-indent: 0;
    -webkit-padding-start: 0;
}

#detalhesApensoLista li
{
    margin-bottom: 3px;
    padding: 0px;
}

.labelsPesquisa
{  
    font-size: 13px;
    color: White;
    font-weight: bold;
}

.camposPesquisa
{
    font-size: 13px;
    color: #0F4BA8;   
} 

.btnGerarFilme a
{
    display: block;
    background-color: rgb(120,151,188);
    border: none;
    color: White;
    padding:  10px 10px 10px 10px;
    float: left;
    border-radius: 5px;
    width: 185px;
    cursor: pointer;
    font-size: 14px;
    margin:  10px 10px 10px 0px;
    text-align: center;
    
}
.btnGerarFilme a:hover
{
background-color: rgb(96,130,173);
 display: block;
   
    border: none;
    color: White;
    padding:  10px 10px 10px 10px;
    float: left;
    border-radius: 5px;
    width: 185px;
    cursor: pointer;
    font-size: 14px;
    margin:  10px 10px 10px 0px;
    text-align: center;
}

div.miniButtons {
	margin-top: 12px;
	text-align: right;
}


.miniButtons a
{
    cursor: pointer;
	display: inline-block;
	background-color: rgb(185,203,250);
	padding: 3px;
	font-size: 12px;
	text-decoration: none;
	min-width: 80px;
	text-align: center;
	color: White;	
	border: none;
	border-radius: 3px;
}

.miniButtons a:hover
{
    cursor: pointer;
	display: inline-block;
	background-color: rgb(96,130,173);
	padding: 3px;
	font-size: 12px;
	text-decoration: none;
	min-width: 80px;
	text-align: center;
	color: White;	
	border: none;
	border-radius: 3px;
}

div.miniButtons input
{
       cursor: pointer;
	display: inline-block;
	background-color: rgb(185,203,223);
	padding: 3px;
	font-size: 12px;
	text-decoration: none;
	min-width: 80px;
	text-align: center;
	color: White;	
	border: none;
	border-radius: 3px;
}
div.miniButtons input:hover
{
    cursor: pointer;
	display: inline-block;
	background-color: rgb(96,130,173);
	padding: 3px;
	font-size: 12px;
	text-decoration: none;
	min-width: 80px;
	text-align: center;
	color: White;	
	border: none;
	border-radius: 3px;
}

#boxLogin 
{
    box-shadow: 5px 5px 5px rgba(0,0,0,0.3);
    width: 350px;
    height: 210px;
    border: rgb(153,180,209) 3px solid;
    display: block;
    margin: auto;
    margin-top: 50px;
    background-color: rgb(140,171,208);
	border-radius: 7px;
	padding: 36px;
	padding-bottom: 0px;
	border-color: White;	
}

#boxLogin ul 
{
    display: block;
    margin: 0px;
    padding: 0px;
    list-style: none;
    width: 350px;
}

#boxLogin ul li 
{
    margin-bottom: 10px;
}

#boxLogin span 
{
    color: Red;
    display: block;
    font-size: 12px;
}

#boxLogin label 
{
    font-size:14px;
    display: inline-block;
    color: White;
    font-weight: lighter;
}
#boxLogin input[type="text"], #boxLogin input[type="password"]
{
    font-size: 13px;
    padding: 5px;
    height:15px;
    width: 336px;
    border-radius: 5px;
    background-color: rgb(239,239,239);
    border: 2px solid rgb(239,239,239);
}

#boxLogin input[type="text"]:focus, #boxLogin input[type="password"]:focus
{
    background-color: white;
    border: 2px solid #febd4d;
}
#boxLogin input[type="checkbox"] 
{
	margin-top: 20px;
}

#boxLogin input[type="submit"], .btnEmail
{
    background-color: rgb(185,203,223);
    cursor: pointer;
	padding: 8px; 
	margin-top: 30px;
	font-size: 12px;
	text-decoration: none;
	color: White;	
	border: White 2px solid;
	border-radius: 3px;
}

#boxLogin input[type="submit"]:hover, .btnEmail:hover
{
    background-color:  rgb(96,130,173);
}

/*#boxLogin a.blogin
{
     background-color: rgb(185,203,223);
    cursor: pointer;
	padding: 8px; 
	margin-top: 30px;
	font-size: 12px;
	text-decoration: none;
	color: White;	
	border: White 3px solid;
	border-radius: 3px;
}*/

.msgForms 
{
    margin-left: 177px;
	color: red;
	font-size: 12px;
	display: block;
	margin-top: 10px;
}


.divContent2 
{
   
	width: 800px;
	margin: auto;
	border: 1px solid rgb(153,180,209);
	border-radius: 10px;
}
.divContent5 
{
    padding: 5px;
	margin: auto;
	border-radius: 10px;
    margin: 0px 0px 30px 0px;
}



table#details {
	border-collapse: separate;
	border-spacing: 10px;
	background-color: rgb(185,203,223);
	width:100%;
   
	border-radius: 10px;
	position: relative;
}
table tr td.details {
	background-color: white;
	padding: 20px;
}

table tr td.details hr.sp {
	border-width: 0px;
	padding-top: 1px;
	margin-top: 1px;
}

table tr td.details div.txt {
	border-bottom: rgb(185,203,223) 2px solid;
	padding-bottom: 5px;
	margin-bottom: 5px;
}

table tr td.details div.txt strong {
	font-size: 14px;
	margin-right: 3px;
	font-weight: normal;
	color: gray;
}

table tr td.details div.txt em,
div.detailsView div.details div.txt em {
	font-style: normal;
	font-weight: bold;
}

table tr td.details div.txt {
	top: 5px;
	display: inline-block;
	border: #eee6d2 1px solid;
	padding: 5px;
	margin-top: 5px;
}

table tr td.details div.txt strong {
	font-size: 14px;
	color: gray;
	font-weight: normal;
}

table tr td.details div.desc {
	font-family: Arial, Helvetica, sans-serif;
	border: #eee6d2 1px solid;
	font-size: 15px;
	padding: 5px;
}

.lembrasenha
{
    font-size: small;
    color: Blue;
    margin-left: 5px;
    margin-top: 5px;    
    text-decoration: underline;
}

#footer 
{
    position: relative;
	width: auto;
	height: 50px;
	margin-right: auto;
	margin-left: auto;
	color: White;
	text-align: center;
	font-size: 15px;
	
	background-color:  rgb(185,203,223) ;
}




.fieldSet_addMenu
{
 
    border: 2px solid rgb(153,180,209);
    display: inline-block;
    border-radius: 2px;
    padding: 55px;
    font-size: 12px;
    padding: 0px 7px 0px 7px;
    
    
    
}

.fieldSet_addMenu table
{
    border: 1px;
    margin: 5px;
}

.fieldSet_addMenu tr td
{

}

.fieldSet_addMenu legend
{
    
    color: #607185;
    font-size: 14px;
    font-weight: normal;
    
    
}

table.alter tr td
{
    background: rgb(242,243,245);
}

table.alter  tr.dif td
{
    background: white;
}



.carregando 
{
    display: block;
    margin: auto;
    margin-top: 80px;
    padding-top: 57px;
    width: auto;
    background-image: url(../Content/themes/base/images/updateProgress.gif);
    background-position: top center;
    background-repeat: no-repeat;
    z-index: 1001;
    text-align: center;
}

.imgBranco
{
    width: 100px;
    height: 100px;
    background-color:Silver;
    margin-left: 10px;
}

.clear
{
    clear: both;
}

/*.dataAtual 
{
    color: White;
    position: absolute;
    bottom: 10px;
    right: 10px;
    float: right;
    font-size: 12px;
}
#tbContent 
{
    display: block;
	position: relative;
	width: 100%;
	height: 100%;
	border-collapse: collapse;
}

#tbContent tr td 
{
    vertical-align: top;
}

#local-navigation {
	width: 250px;
	height:100%;
	background-color: rgb(235,235,235);
}

#local-navigation ul {
	display: block;
	margin: 0px;
	padding: 0px;
}

#local-navigation ul li {
	display: block;
	list-style: none;
	
}

#local-navigation ul li a {
	display: block;
	padding: 10px;
	padding-top: 20px;
	padding-bottom: 20px;
	text-decoration: none;
	color: black;	
	background-image: url(themes/base/images/bg-item-menu.png);
	background-repeat: no-repeat;
	border-bottom: silver 4px solid;
}

#local-navigation ul li a.selected, #local-navigation ul li a.selected:hover {
	background-color: #eee6d2;
}

#local-navigation ul li a:hover {
	background-color: white;
}
		
#local-content {
	height: 100%;
	padding: 10px;
}*/
/*

/* Validation helpers
-----------------------------------------------------------*/
.field-validation-error
{
    color: Red;
    font-size: 12px!important;
}

.field-validation-valid
{
    display: none;
}

.input-validation-error
{
    border: 1px solid #ff0000!important;
}

.validation-summary-errors
{
    font-weight: bold;
    color: #ff0000;
}

.validation-summary-valid
{
    display: none;
}

