html {
	background: #ddd; /* For browsers that do not support gradients */
}

body {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	margin: 0;
	background: #fff; /* For browsers that do not support gradients */
	background: -webkit-linear-gradient(#fff, #ddd);
	/* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#fff, #ddd);
	/* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#fff, #ddd);
	/* For Firefox 3.6 to 15 */
	background: linear-gradient(#fff, #ddd);
}

h2 {
	font-weight: normal;
	font-size: xx-large;
	/*padding-left: 2.6em;*/
	color: #5C9132;
	margin: 0 auto;
}

.ui-accordion-header {
	border-radius: 0px !important;
	margin-top: 4px !important;
	border: green solid 1px !important;
}

#pnlBusquedaAvanzada .ui-state-active {
	background: #e6e6e6 /*{bgColorDefault}*/  
		
		url("/ResolucionesAdm/javax.faces.resource/images/default.png.xhtml?ln=primefaces-casablanca")
		/*{bgImgUrlDefault}*/ 50% /*{bgDefaultXPos}*/ 50% /*{bgDefaultYPos}*/
		 repeat-x /*{bgDefaultRepeat}*/ !important;
	text-decoration: underline !important;
}

.ui-datepicker-trigger {
	border-radius: 0 !important;
	vertical-align: top !important;
	padding: 0.5px !important;
	background: none;
	background-color: #ff4000 !important;
	border: 1px solid #ff4000 !important;
}

.header {
	margin: 0 auto;
	margin-bottom: 30px;
	padding-top: 20px;
	width: 800px;
}

.titulo {
	text-align: right;
	color: green;
	font-size: 27px;
	font-weight: bold;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.btn {
	display: inline-block;
	/*padding: 6px 12px;*/
	margin-bottom: 0;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.42857143;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	touch-action: manipulation;
	cursor: pointer;
	-webkit-user-select: none;
	background-image: none;
	border: 1px solid transparent;
}

.btn-or {
	background-color: #ff4000;
	color: #fff !important;
	border-radius: 0px !important;
	margin: 10px 0px 10px 10px;
	width: 30%;
}

#divBotones .ui-state-hover, #divBotones .ui-state-active {
	background-color: #DD4000 !important;
}

#divBotones .ui-state-active {
	background-image: none;
	outline: 0;
	-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
	box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}

#advSearch>a:hover {
	background-color: #777 !important;
}

#advSearch>a:active {
	background-color: #777 !important;
	-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
	box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}

#formResults .ui-state-default {
	background: none;
	background-color: #77bd43;
	color: #fff;
}

#formResults .ui-widget-header {
	background: #fff;
}

#formResults>.main {
	background: none;
	border: none;
	max-width: 900px;
	padding: 0;
}

.btn-or span {
	padding: 6px 12px !important;
}

.separador {
	margin-bottom: 10px;
	border-top: 1px solid #ccc;
	width: 100%;
}

.a-to-btn {
	font-size: 14px;
	background-color: #999;
	font-size: 14px;
	text-decoration: none;
	padding: 5px 0px;
}

.label {
	display: inline-block;
	max-width: 100%;
	font-weight: 700;
	text-align: left;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 14px;
	line-height: 1.42857143;
}

#buscadorChico .ui-inputfield {
	box-shadow: none !important;
	border: 1px solid !important;
	border-color: green !important;
	border-radius: 0px !important;
	padding: 6px 12px !important;
}

.ui-radiobutton-box {
	background: none;
	background-color: #fff !important;
	border: 2px solid green !important;
	border-bottom-style: inset !important;
}

#numAcuerdo>.ui-corner-right {
	border: 1px solid grey !important;
	height: 95% !important;
	border-radius: 0;
}

.main {
	background-color: #ffffff;
	/*width:85%;*/
	max-width: 800px;
	margin: 0 auto;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 0.8em;
	padding: 1.2em;
	/*border-radius: 5px;*/
	border: green solid 1px;
	/*border-style:solid; 
		 	border-width:thin; 
		 	border-color:#e7e7e7;
		 	border-bottom: 2px solid #5C9132;*/
	padding: 20px 30px 20px 30px !important;
	max-width: 750px;
}

.column3 {
	width: 55%;
}

.cambio .ui-accordion-content {
	padding: 0;
}

.ui-accordion-content {
	border: 1px solid green !important;
}

.tblStyle .ui-column-filter {
	width: 90%;
}

.column1 label {
	font-weight: initial;
	font-size: larger;
}

.columnLabel {
	width: 35%;
	text-align: right;
	vertical-align: bottom;
	font-weight: bold;
	padding-bottom: 5px;
}

.resposiveDiv {
	min-width: 190px;
	display: inline-block;
	vertical-align: top;
}

.upperBarra {
	display: inline-block;
	vertical-align: middle;
	width: 20%;
}

#divBuscadorChico {
	width: 75%;
}

.numAcuerdoClass {
	width: 260px;
	/*max-width: 580px;*/
	border: none;
}

.botones {
	width: 25%;
}

#divBotones {
	text-align: right;
	margin-bottom: 0.5em;
}

.panelClass {
	width: inherit;
	font-size: 0.75em;
	max-width: 550px;
}

.escobita {
	background: transparent
		url("/ResolucionesAdm/resources/images/escoba.png") no-repeat top
		!important;
}

#keysInput {
	width: 96%;
	/*width: 570px;*/
}

#numAcuerdo {
	/*width:440px !important;*/
	/*width:940px !important;*/
	width: 750px !important;
	border-radius: 0;
}

#numAcuerdo input {
	/*width:430px !important;*/
	/*width: 95% !important;*/
	width: 720px !important;
}

#menuOper_NomCom td label {
	margin-right: 20px;
}

#msgs_container {
	width: 450px !important;
}

#msgs_container .ui-growl-message {
	width: 350px !important;
}

#msgs_container .ui-growl-item-container {
	opacity: 1 !important;
}

#opciones {
	margin-bottom: 1.5em;
}

#calendario1_input, #calendario2_input {
	width: 80%;
}

@media screen and (max-width: 700px) {
	.main {
		font-size: 0.75em;
		width: 90%
	}
	.upperBarra {
		display: block;
		width: 100%;
	}
	#divBuscadorChico {
		width: 100%;
		text-align: center;
	}
	h2 {
		padding: 0;
	}
}

@media screen and (max-width: 630px) {
	.main {
		font-size: 0.65em;
	}
	h2 {
		font-size: x-large;
	}
	#keysInput {
		width: 310px;
		min-width: 200px;
	}
	#numAcuerdo {
		width: 310px !important;
	}
	#numAcuerdo input {
		width: 300px !important;
	}
	.panelClass {
		width: 300px;;
		font-size: 0.75em;
	}
}

@media screen and (max-width: 450px) {
	.main {
		font-size: 0.65em;
		width: 90%;
	}
	h2 {
		font-size: large;
		margin: 0;
	}
	.upperBarra {
		display: block;
		width: 100%;
	}
	#keysInput {
		width: 200px;
		min-width: 200px;
	}
	#numAcuerdo {
		width: 200px !important;
	}
	#numAcuerdo input {
		width: 190px !important;
	}
	.botones {
		width: 45%;
	}
	#divBotones {
		text-align: center;
	}
	.panelClass {
		width: 210px;
		font-size: 0.6em;
	}
}