/* start chrome scrollbar */

::-webkit-scrollbar-track-piece{
	background-color:#fff;
	-webkit-border-radius:0;
}
::-webkit-scrollbar{
	width:7px;
	height:8px;
}
::-webkit-scrollbar-thumb{
	height:50px;
	background-color:#999;
	-webkit-border-radius:4px;
	outline:2px solid #fff;
	outline-offset:-2px;
	border: 2px solid #fff;
}
::-webkit-scrollbar-thumb:hover{
	height:50px;
	background-color:#9f9f9f;
	-webkit-border-radius:4px;
}

/* end chrome scrollbar */

@media print {
    @page {
        margin: 1cm;
        page-break-inside: auto;
    }
	.noprint { display: none; }

    table {
    	font-size: 5pt;
    	padding:0;
    	margin:0;
    	page-break-inside:auto;
    }

	tr {
		page-break-inside:avoid;
		page-break-after:auto
	}

}
html {
	/* background:url(stripes.png); */
	font-family: Verdana, Arial, sans-serif;
	font-size: 13px;
	/* padding-bottom: 1.5em; */
	/* background-color: #e7e7e7; */
	border-top: 0.25em solid #f0652c;
}

body {
	/* width: 96%; */
	margin: 1em 2em;
	background-color: white;
	min-height: 55em;
	/* border-radius: 3px; */
	/* box-shadow: 15px 15px 40px #777777; */
	/* padding-bottom: 1.5em; */
	/* color: #00599b; */
	color: black;
}

header {
	margin-bottom: 1ex;
}

#logo {
	float: left;
	width:25%;
	height:100px;
	background-image:url(pan.png);
	background-size: 75px;
	background-repeat: no-repeat;
	margin: 1.5em;
	margin-bottom: 0;
}

h1, h2, h3, h4, h5, h6 {
	color: #f0652c;
	text-align:center;
	clear: both;
}

#menu1 {
	float: right;
	text-align: right;

}
#menu1 a, .mbutton {
	color: white;
	font-weight: bold;
	background-color: #f0652c;
	display: inline-block;
	border-radius: 3px;
	padding: 1ex 1em;
	text-decoration: none;
	border: white solid 2px;

}
#menu1 a:hover, .mbutton:hover {
	border: #f0652c solid 2px;
}

#menu2 {
	float: right;
	text-align: right;
	margin-bottom: 2em;
}
#menu2 a{
	color: #f0652c;
	font-weight: bold;
	background-color: white;
	display: inline-block;
	border-radius: 3px;
	padding: 1ex 1em;
	text-decoration: none;
	border: #f0652c dotted 2px;
}
#menu2 a:hover{
	border: #f0652c solid 2px;
}

#menu1 .inverted {
	color: #f0652c;
	font-weight: bold;
	background-color: #efefef;
	display: inline-block;
	border-radius: 3px;
	padding: 1ex 1em;
	text-decoration: none;
	border: white solid 2px;
}
#menu1 .inverted:hover {
	border: #f0652c solid 2px;
}

a, .link {
	color: #f0652c;
	text-decoration: none;
}
a:hover, .link:hover {
	text-decoration: underline;
}

a img { border:none; }

fieldset {
	font-size: 90%;
	border: 1px solid #dddddd;
	box-shadow: 5px 5px 7px #dddddd;
	border-radius: 5px;
	padding: 2em;
	clear:both;
}
fieldset legend {
	border: 1px solid #dddddd;
	padding: .85ex 1.85em;
	margin-left: 2em;
	color: #f0652c;
	border-radius: 5px;
	box-shadow: 3px 3px 3px #dddddd;
	font-size: 115%;
}
fieldset fieldset {
	margin-bottom: 2em;
	padding-left: 2em;
	padding-bottom: 1.35em;
	box-shadow: 3px 3px 7px #dddddd;
}
fieldset fieldset legend {
	font-size: 90%;
	margin-left: 2em;
}

table {
	padding: 1ex;
	border-spacing: 0;
	margin: auto;
	margin-bottom: 3em;
}
table td {
	padding: 1ex;
}
table thead tr{
	background-color: #555555;
	color: white;
	text-align:left; 
	font-weight: bold;
}
table thead th{
	padding: 1ex 1.5ex;
}

table tbody tr:hover {
  /* cursor: pointer; */
  background-color: #FFFACD;

}
table tbody td, table tfoot td {
	border-bottom: 1px solid #dddddd;
	padding: 1ex 1.5ex;
}
table tbody .zebra {
	background-color: #f3f3f3;
}

/*

form label, form .label {
	font-size: 90%;
	line-height: 2.2em;
 	margin-right: 1.5em;
	color: #f0652c;
}
*/

form {

}

form .label {
	display: block;
	font-size: 95%;
	line-height: 2.2em;
 	margin-right: 1.5em;
	color: #f0652c;
	text-align: left;
}

form .item {
	float: left;
	margin-right: 1.2em;
}

form select, select {
	color: white;
	background-color:#f0652c;
	padding: 1ex 2ex;
	margin-right: 1em;
}
form select:hover, select:hover {

}
form select:focus, select:focus {
	color: black;
}
form input[type='checkbox']  {
	margin: .75ex 1ex;
}
form input[type='text'],
form input[type='password'],
textarea {
	border: 1px solid silver;
	padding: .7ex;
	border-radius: 3px;
	box-shadow: 4px 4px 5px #dddddd;
	font-size: 105%;
}
form input[type='text']:active,
form input[type='password']:active {
	background-color: #f0652c;
	color: white;
}
form input[type='submit'],
form input[type='reset'],
form input[type='button'] {
	background-color: #f0652c;
	color: white;
	border-radius: 2px;
	/* font-size: 100%; */
	/* margin-top: 1ex; */.2

}

form input[type='submit'],
form input[type='reset'],
form input[type='button'] {
	border: none;
	padding: 1ex 2ex;
	margin-right: 1em;
}
form input[type='text']:hover,
form input[type='password']:hover,
form input[type='submit']:hover,
form input[type='button']:hover,
form input[type='reset']:hover,
form textarea:hover {
	background-color: #f0652c;
	color: white;
}

.azul {
	color: #00599b;
}

.message  {
	padding : 1.5ex;
	border: 1px solid #dedede;
	text-align : center;
	margin-top: 1em;
	border-radius: 4px;
}

.error {
	color: white;
	background-color: #b80000;
}

.warning {
	color: white;
	background-color: darkorange;
}

.success {
	color: white;
	background-color: green;

}