* {	
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0); 
	-webkit-tap-highlight:none;
	outline-color: #a8a8a8;
	outline: none !important;
	-moz-box-shadow: none !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	text-shadow: none !important;
}

body {
	width: calc(100vw - 2em);
	width: -webkit-calc(100vw - 2em);
	width: -moz-calc(100vw - 2em);
	margin: 0em;
	font-size: 1em;
	background:#FFFFFF;
	/*font-family:Open Sans;*/
	font-family: 'Roboto',Arial,Helvetica,sans-serif;
	font-weight: 300;
	overflow-x: hidden;
}

html {
	font-size: 10px;/*1em = 10px*/	
}


input {
	-moz-user-select: text;
}

input.ui-corner-all{
	-moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
}

textarea{
	resize:none;
}

div{
	display:block;
	position:relative;
}

div.titulo{
	display: block;
    margin: 0;
    font-size: 28px;
    font-weight: 500;
    padding: 5px 0;
    margin-bottom: 20px;
    color: #a3a3a3;
    border-bottom: 1px solid #c7c7c7;
    text-transform: none;
}

a, a:hover{
	text-decoration: none;
}

a{
	color: #293A58;
}

.ui-state-default{
	box-shadow: none !important;
}

.ui-widget {
   font-family:'Roboto',Arial,Helvetica,sans-serif;
	font-weight:300;
}

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button{
	font-family: 'Roboto',Arial,Helvetica,sans-serif;
	font-weight:300;
}

a:hover {
    color: #a80033;
}

.sidebar{
	padding: 40px;
    padding-left: 50px;
    padding-top: 25px;
    padding-right: 0;
    background: #EDEDED;
    width: 25em;
	border: none !important;
 	min-width: 2.05em;
	position:absolute !important;
	height: 100%;
	border-radius: initial;
}

ul.ui-tabs-nav li {
	outline: none !important;
}

fieldset legend.ui-fieldset-legend{
	border: 1px solid #293A58 !important;
    background: #293A58 !important;
    color: #FFFFFF !important;
    border-radius: 0px !important;
}

fieldset.ui-fieldset{
	margin-top: 1em;
}

#login{
	text-align: center;
}

#loginForm{
	display: inline-block;
}

#logo {
	height: 6.5em;
	width: 17%;    
	padding: 0em;
	background-color:transparent;
	float:left;
	
}

#cabeceraPrincipal {
	height:18em;
	background-image: url("/FormacionWeb/javax.faces.resource/img/fondoCabecera.png.xhtml?ln=0.1.0") !important;
    background-repeat: no-repeat !important;
    background-size: cover;
	padding: 0em;
    position: relative;
    width: 100%;
    font-size: 1em;
}

#cabecera {
	height:4em;
	padding: 0em;
    position: relative;
    width: 100%;
    font-size: 1em;
    background-color: #ededed;
    overflow: hidden;
}

#menuCabecera {
	height:8em;
	padding: 0em;
    position: relative;
    width: 100%;
    font-size: 1em;
    background: rgba(0, 0, 0, .5);
}

#pieCabecera{
	font-family: 'Roboto',Arial,Helvetica,sans-serif !important;
	position: absolute;
    bottom: 0;
    left: 0;
    background: #fff;
    padding: 10px 55px;
}


#migas{
	display: block;
    padding: 7px 0;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    overflow: hidden;
}

#zonaMigas{
	display: block;
    float: right;
    max-height: 2em;
    margin-right: 1.5em;
}

#zonaMigas div{
    float: left;
}

#pieCabecera span{
	margin: 0;
    padding: 0;
    font-size: 30px;
    color: #293a58;
    font-weight: 300;
    font-family: inherit;
    line-height: 1.1;
}

#migas ul{
	margin: 0em;
}

#migas ul li{
	display: block;
    float: left;
    padding: 3px 0;
    font-weight: 400;
    padding-left: 21px;
    margin-left: 14px;
    background: url("") left 6px no-repeat !important;
    text-transform: uppercase;
    font-size: 13px;
}

#migas ul li.inicio{
	background: url("") left 6px no-repeat !important;
    padding-left: 21px;
    margin-left: 0;
}

#migas ul li a{
	text-decoration: none !important;
}

#logoMenu{
	height: 100%;
    display: block;
    float: left;
    background: #FFFFFF;
}

#menuCabecera form{
	height: 100%;
	display: block;
    float: left;
}

#menuCabecera div.ui-menu{
	height: 100%;
	display: block;
    float: left;
    padding: 0em;
    border: none;
    background: transparent;
}

#menuCabecera  ul.ui-menu-list{
	height: 100%;
}

#menuCabecera  li.ui-menuitem{
	height: 100%;
	margin: 0em;
	border-left: 1px solid rgba(255, 255, 255, .5);
}


#menuCabecera  li.ui-corner-all {
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
}

#menuCabecera  a.ui-corner-all {
     border-radius: 0px !important;
}

#menuCabecera  a.ui-menuitem-link{
	height: 92%;
	width: 10vw;
	padding: 0em;
    border: none;
    color: #FFFFFF;
    border-bottom: 6px solid transparent;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

#menuCabecera  span.ui-menuitem-text{
	text-transform: uppercase;
	float: none !important;
	display: grid;
	align-items: center;
    margin: 0px auto;
    text-align: center;
    line-height: 1.3em;
    font-size: 14px;
    height:100%;
}

.menuCabeceraSelected{
    border-bottom: 6px solid #A30D3B !important;
}

#menuCabecera  a.ui-state-hover{
    border-bottom: 6px solid #a80033 !important;
    background: none !important;
}

.logoImage{
	float: left;
    width: 24em;
    height: 100%;
   	background-repeat: no-repeat;
    /*background-size: 20em !important;*/
    background-position: 50% 50%;
    /*background-image: url("/FormacionWeb/javax.faces.resource/img/logoDipcasWeb.png.xhtml?ln=framework-0.0.70");*/
     background-image: url("https://www.dipcas.es//htdocs/public/temas/dipcas/img/logo.png");
    /*background-image: url("") !important;*/
}

.fondoLogo {
    background-image: url("/FormacionWeb/javax.faces.resource/img/fondo.gif.xhtml?ln=framework-0.0.70") !important;
    background-repeat: no-repeat !important;
    background-position: bottom right !important;
    background-size: 56% !important;
}

#inclusite {
	float: left;
	line-height: 4em;
	padding-left: 1em;
	padding-right: 1em;
	background: #ddd;
	border-right: 1px solid #c7c7c7;
}
#inclusite a {
	text-transform: uppercase;
	font-size: 1.3em;
}

#cabecera h1{
	display: inline-block;
    padding-left: 1em;
    padding-top: 0.2em;
    color: #404040;
    margin: 0em;
    font-size: 2.3em;
    font-weight: 100;
}

#cabecera h2 {
	display: inline-block;
    padding-left: 2em;
    padding-top: 0.675em;
    font-size: 2em !important;
    color: #a80033;
    margin: 0em;
    height: 2em;
}

#loginHeader {
	position: absolute;
	top: 0.5em;
    right: 55em;
    width: 22em;
    padding: 0em;
    /*
    background: url("/FormacionWeb/javax.faces.resource/img/iconoUsuario.png.xhtml?ln=framework-0.0.70") no-repeat 1em 50%;
    background-color: #3c7d8e;
    color: #FFFFFF;
    */
}

#logOutButton{
	float: left;
}

#infoHeader {
	position: absolute;
	top: 2em;
	right: 23em;
    width: 20em;
    padding: 0em;
    color: #a80033;
}

#infoHeader a {
    text-decoration: none;
    color: #3c7d8e;
    font-size: 1.5em;
}

#userData{
	width: calc(100% - 4em);
	width: -webkit-calc(100% - 4em);
	width: -moz-calc(100% - 4em);
    height: 100%;
    border-left: 2px solid #FFFFFF;
    border-bottom: transparent;
    border-top: transparent;
    border-right: transparent;
    margin-left: 3.65em;
}

#userHeaderName {
	padding-left: 0.8em;
	font-weight: 200;
    font-size: 1.5em !important;
    padding-top: 0.25em;
}

#userHeaderDep {
	padding-left: 0.8em;
	padding-bottom: 0.25em;
}

#content {
	overflow: hidden;
	margin: 0em;
	min-height: calc(100vh - 9em);
	min-height: -webkit-calc(100vh - 9em);
	min-height: -moz-calc(100vh - 9em);
}

#left {
	width: 20%;
	float: left;
	padding: 0em;
}

#center {
    margin: 0em 0em 0em 0em;
    padding: 0em;
    width: calc(100vw - 35em);
	width: -webkit-calc(100vw - 35em);
	width: -moz-calc(100vw - 35em);
    float: right;
    min-height: 45em;
    color: #293A58;
}

#centerTitle {
	font-size: 1.5em;
	margin-left: 30em;
}

#cierrePie {
    display: block;
    margin: 0;
    margin-bottom: 5px;
    position: relative;
    width: 100%;
    height: 250px;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-image: url("");
}

#cierrePie .mascara {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    z-index: 5;
}

#cierrePie .logo {
    display: block;
    position: absolute;
    width: 91px;
    height: 152px;
    top: 50%;
    left: 50%;
    margin-left: -45px;
    margin-top: -76px;
    z-index: 15;
}

#footer .footerInferior{
	display: block;
    position: relative;
    width: 100%;
    height: 60px;
    background: #1d1d1b;
}

#footer .redes{
	display: block;
    float: left;
    width: 25%;
    background: #ededed;
    height: 60px;
}

#footer .redes ul{
	margin: 0 auto;
    padding-left: 0;
    width: 210px;
    display: block;
    overflow: hidden;
}

#footer .redes ul li{
    display: block;
    float: left;
    margin: 0 8px;
    margin-top: 15px;
}

#footer .menuPie{
	display: block;
    float: left;
    width: 75%;
}

#footer .menuPie ul{
    margin: 0 20px;
}

#footer .menuPie ul li{
	display: block;
    float: left;
    padding: 0 10px;
    padding-right: 12px;
    background: url("") right 29px no-repeat;
}

#footer .menuPie ul li a{
	display: block;
    line-height: 60px;
    text-align: center;
    font-size: 14px;
    color: #9e9e9e;
    font-weight: 300;
}

#footer .footerInferior .redes ul li a {
    display: block;
    width: 28px;
    height: 28px;
    text-indent: -9999px;
}

#footer .footerInferior .redes ul li a.youtube {
    background: url("") 0 0 no-repeat;
}

#footer .footerInferior .redes ul li a.facebook {
    background: url("") 0 0 no-repeat;
}

#footer .footerInferior .redes ul li a.twitter {
    background: url("") 0 0 no-repeat;
}

#footer .footerInferior .redes ul li a.flickr {
    background: url("") 0 0 no-repeat;
}

.menuLateral ul li{
	width:100% !important;
}

.buttons{
	overflow: hidden;
	text-align: center;
}

.buttonsContent{
	display: inline-block;
}

.buttons form{
	display: inline-block;
}

.ui-confirm-dialog{
	overflow: hidden;
	text-align: center;
}

.ui-dialog-buttonpane{
	display: inline-block;
}

.panelWithBorder{
	-webkit-border-radius: 1em;
	-moz-border-radius: 1em;
	border-radius: 1em;	
	border:1px solid #EEEEEE;
	background:#FFFFFF;	
	font-size:1em;
	margin:1em;
}
.panelWithoutBorder{
	background:#FFFFFF;	
	border:none !important;
	font-size:1em !important;
}
.panelWithoutBorder tr,
.panelWithoutBorder > .ui-panelgrid-content {
	border:none !important;
}
.cabecera{
	border:none !important;
	background:transparent !important;	
}

.cabecera tr{
	border:none !important;
	background:transparent !important;
}

#left .panelWithBorder{
	margin:1em 0em 1em 0em;
}
#center .panelWithBorder{
	margin:1em 0em 1em 1em;
}

.fullWidth{
	width:100%;	
}
.complete{
	overflow:hidden;	
}
.clear{
	clear:both;
}
.left{
	float:left;
}
.center-align {
	text-align: center;
}
.hidden{
	display:none !important;
}
.right-align {
	text-align: right;
}
.block{
	display:block !important;
}

.ui-menu-list a.ui-state-hover{
	background: #D7D7D7 !important;
    box-shadow: none !important;
}

.ui-panel-titlebar-icon{
	background: #c4c4c4 !important;
}

.ui-panel-titlebar-icon.ui-state-hover{
	background: #a8a8a8 !important;
}

li.ui-selectonemenu-item.ui-state-hover{
	background: #85b2cb !important;
	box-shadow: none !important;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{
	color: #293A58;
	font-size: 1.2em;
	font-weight: 100;
	text-align: left;
}

table tbody{
	border: none !important;
}

table thead th{
	background: #e6e6e6 !important;
	border: none !important;
}

table tbody tr{
	border: none !important;
}

.ui-widget-content{
	color: #293A58;
}

.ui-datatable table tr th{
	white-space:normal;
	font-size:1.4em !important;
	color: #293A58;
	padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd;
    border-bottom: none;
    border-right: none;
    border-left: none;
}

.ui-datatable table tr td{
	white-space:normal;
	font-size:1.2em;
	padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd;
    border-bottom: none;
    border-right: none;
    border-left: none;
}

.ui-datatable tr.ui-state-highlight{
	color: #FFFFFF !important;
	text-shadow: none !important;
}

.ui-datatable tr.ui-state-highlight a{
	color: #FFFFFF !important;
}

table tr.ui-state-hover{
	box-shadow: none !important;
	border: none !important;
	background:#D7D7D7 !important;
	color: #293A58 !important;
}

th.filterInputMedium input{
	width: 7em !important
}

th.filterInputBig input{
	width: 14em !important
}

tr.ui-datatable-odd, tr.ui-datatable-odd div{
	background-color: #f9f9f9;
}

tr.ui-state-highlight{
	color: #FFFFFF !important;
	text-shadow: none !important;
}

tr.ui-state-highlight a{
	color: #FFFFFF !important;
}

.ui-selectonemenu-trigger{
	background: #c4c4c4 !important;
}

.ui-selectonemenu-trigger.ui-state-hover{
	background: #D7D7D7 !important;
	/*border: 1px solid #a8a8a8;*/
}

.ui-paginator{
	background: #e6e6e6 !important;
/*	position: relative;*/
}

.ui-paginator span.ui-state-default{
	background: #c4c4c4 !important;
	border: 1px solid #a8a8a8;
	font-weight: bold;
    color: #293a58;
    text-shadow: none;
}

.ui-paginator span.ui-state-active{
	background: #293A58 !important;
	color: #FFFFFF !important;
}

.ui-paginator span.ui-state-hover{
	background: #777777 !important;
	border: 1px solid #a8a8a8;
	color: #FFFFFF !important;
}

.ui-datatable-scrollable-body{
	overflow: hidden;
}

.ui-datatable table{
	table-layout:auto !important;
}
.ui-datatable.fixed table{
	table-layout:fixed !important;
}
.ui-datatable.noPad thead th, .ui-datatable.noPad tbody td, .ui-datatable.noPad tfoot td{
	padding:0px 10px;
}
.ui-datatable.noPad tbody td.first{
	padding:0px 10px 0px 0px;
}
.ui-datatable.noHeader thead, .ui-datatable.noHeader th{
	display:none;
}

.ui-datatable table tr td .ui-inputfield{
	font-size:1em !important;
}
.ui-datatable tr.ui-state-highlight{
	background:#293A58;
	border:none;
}

.colLabelForm{
	width: 11em;
}

.inputSmall input, .inputLarge div.ui-selectonemenu, .comboSmall div.ui-selectonemenu{
	width: 7em !important;
}

.inputMedium input, .inputLarge div.ui-selectonemenu, .comboMedium div.ui-selectonemenu{
	width: 14em !important;
}

.inputLarge input, .inputLarge div.ui-selectonemenu, .comboLarge div.ui-selectonemenu{
	width: 40em !important;
}

.columnLabelTabGeneral{
	width:14em !important;
}

.button {
    display: block !important;
    height: 2em;
    padding: 0.25em 0.5em !important;
    min-width: 6em;
    text-shadow: none !important;
    background: none repeat scroll 0 0 #FFFFFF !important;
    font-size: 1.3em !important;
    /*font-weight: bold !important;*/
    line-height: 2em;
    text-align: center !important;
    text-decoration: none;
    border-color:#293A58 !important;
    color:#293A58 !important;
    font-family:inherit;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.button span{
	font-weight: normal !important;
}

.button.center{
	margin: 0.5em auto !important;
	float:none;
}
.button.left{
	float:left !important;
	margin:1em !important;
}

.ui-dialog-buttonpane{
	padding: 0 !important;
}

.button.leftTras{
	float:left !important;
	margin-left:0.5em;
}

.button.ui-corner-all{
	-moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
}

.button:hover {
	background: #293A58 !important;
	color: #FFFFFF !important;
}
.button.red:hover {
	background: #FF7A6B !important;
}

.ui-button-text-only .ui-button-text {
    padding: 0em 1em !important;
}

.ui-panelgrid .ui-panelgrid-cell{
	border-style:none !important;
}

.ui-inputfield, .ui-widget-content .ui-inputfield, .ui-widget-header .ui-inputfield{
	background: #FFFFFF;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    color: #293a58;
}

.ui-chkbox-box{
	background: #c4c4c4 !important;
}

#rightHeader{
	
	width:20em;
	float:right;
	
}

.labelFormulario{
	color: #293a58;
    font-weight: bold !important;
}

.labelDatos{
	color:#293a58 !important;
	font-weight: 500 !important;
}

#globalMessages_container div.ui-growl-item-container.error {
	font-size: 1.1em !important;
    font-weight: bold !important;
    color: white;
    background: #a80033 -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.25)), to(rgba(0,0,0,0))) !important;
}

.dialogEditarFicha{
	width:80em;
	height:100em;
}

/* Localizacion ficha */
#mapaLocalizacion {
	width: 650px;
	height: 350px;
}
.gm-style div {
	width: auto;
	height: auto;
}
/* Fin localizacion ficha */

/* Visitas */
.mapContainer {
	position: relative;
}
#mapVisitas {
	width: 100%;
	height: 250px;
}
#mapOverlay {
	width: 100%;
	height: 250px;
	position: absolute;
	background: rgba(85,85,85,0.5);
	z-index: 1000;
	display: none;
}
#mapOverlay span {
	display: block;
	color: #FFF;
	text-align: center;
	font-weight: bold;
	font-size: 3em;
	margin: auto;
	line-height: 250px;
}

.menuInformes {
	
	height: 2em;
	background: none !important;
    border: none;
    margin-bottom: 2em;
    
}

.menuInformes .ui-menubar .ui-menu-child .ui-menuitem-link{
	width : 80%;
}

.subMenuInformes{
	padding-top: 0em;
    background: none !important;
    height: 1.8em;
    
}

.subMenuInformes .ui-menuitem-link .ui-submenu-link .ui-corner-all{
	
	width: 100% !important;
    float:right;
}
.linkListado{
	font-size: 1.1em !important;
}

.redBorder{
	border-color:red !importantant;
}

.panelEditarPrimero{
	margin-top: 4em !important;
}

#center .ui-menu {
	width: 95%;
	width: calc(100% - 2em);
	width: -webkit-calc(100% - 2em);
	width: -moz-calc(100% - 2em);
	background: #FFFFFF;
	-webkit-border-radius: 1em;
	-moz-border-radius: 1em;
	border-radius: 1em;	
	border:1px solid #EEEEEE;
	background:#FFFFFF;	
	font-size:1em;
	margin:1em;
}

.ui-panel.ui-panel-collapsed-h {
	width: 8px !important;
}

.ui-panel .ui-panel-titlebar, 
#center .ui-menu .ui-menu-list .ui-widget-header {
	background: transparent;
    border-left: none;
    border-right: none;
    border-top:none;
   	border-color: #aB0033;
    color:  #aB0033;
    font-size: 1em;
    font-weight: bolder;
    width: 95%;
	width: calc(100% - 2em);
	width: -webkit-calc(100% - 2em);
	width: -moz-calc(100% - 2em);
    border-radius: initial;
}

#center .ui-menu .ui-menu-list .ui-widget-header h3 {
	padding: 0.25em 0.25em;
	font-weight: normal;
}

#center .ui-menu .ui-menu-list .ui-widget-header:not(:first-child) {
	margin-top: 1.5em;
}

#center .ui-menu .ui-menu-list .ui-widget-header {
	width: 100%;
}

#center .ui-menu .ui-menuitem-link {
	width: 98%;
	width: calc(100% - 0.5em);
	width: -webkit-calc(100% - 0.5em);
	width: -moz-calc(100% - 0.5em);
}

.ui-tabs.ui-tabs-top > .ui-tabs-nav li{
	border-top: 1px solid #a80033;
	border-bottom:0px;
	border-left:0px;
	border-right:0px;
	background:#e6e6e6;
	font-size:1em;
	border-radius: inherit;
}

.ui-tabs.ui-tabs-top > .ui-tabs-nav {
    padding: .2em .2em 0;
    background: #e6e6e6;
}

.ui-tabs.ui-tabs-top .ui-tabs-nav li.ui-tabs-selected{
	border-top: 2px solid #a80033 !important;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a{
	color:#a80033;
}

.ui-tabs .ui-tabs-nav li.ui-state-hover{
	border-top: 2px solid #a80033 !important;
}
.ui-tabs .ui-tabs-nav li.ui-state-hover a{
	color:#a80033;
}


.tableErroresTraslado {
	width: 70%;
    margin-left: 6em;
}


#formSideBar\:resizableSidebar_header {
	width: 100%;
	min-height: 1.3em;
	margin: 0em;
    padding: 0em;
    border-bottom:none !important;
    position: relative !important;
    float: right;
}

#formSideBar .ui-panel-content{
	padding: 0em !important;
}

#formSideBar\:resizableSidebar_content {
	background-color:#21444c !important;
	padding: 0em;
}

#formSideBar .ui-menu {
	width: 100%;
	margin: 0em;
	padding: 0em;
	background: transparent;
    border: transparent;
}

#formSideBar .ui-menu-item{
	list-style: none;
    margin: 5px 0;
}

#formSideBar .ui-corner-all{
	-moz-border-radius: 0px !important;;
    -webkit-border-radius: 0px !important;;
    border-radius: 0px !important;;
}

#formSideBar .ui-menu .ui-menu-list .ui-widget-header {
	color: #4d6a86;
	background: none;
	border: none;
}

#formSideBar .ui-menu .ui-menuitem {
	position: relative;
}

#formSideBar .ui-menu:not(.ui-tieredmenu) .ui-menu-list .ui-menuitem {
	margin-left: 2em;
	width: 91%;
    width:  calc(100% - 1.4em);
	width: -webkit- calc(100% - 1.4em);
	width: -moz- calc(100% - 1.4em);
}

#formSideBar .ui-menu .ui-menuitem .ui-menuitem-link {
	padding: 0em;
	width: 100%;
	border: none;
}

#formSideBar .ui-menuitem-link{
	font-weight: 300;
    display: block;
    padding: 2px 0;
    padding-top: 0.5em !important;
    padding-bottom: 0.5em !important;
    padding-left: 6px;
    color: #4d6a86;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

#formSideBar .ui-menuitem-link span{
	padding-left: 0.3em;
	font-size: 16px;
	-webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}

#formSideBar .ui-state-hover span{
	padding-left: 1em !important;
}

#formSideBar .ui-menu .ui-menuitem .aviso {
	position: absolute;
	display: block;
	right: 1em;
	margin: 0em;
	padding: 0em;
	line-height: 2.25em;
}

#formSideBar a.ui-state-hover{
	border: none !important;
	color: #000000;
}

#formSideBar a.menuSelected{
	border: none !important;
	color: #FFFFFF;
	background: #293A58 !important;
}

/*

#formSideBar\:resizableSidebar_content .ui-menu .ui-menuitem .aviso a:not(:first-child) {
	margin-left: 0.2em;
}

#formSideBar\:resizableSidebar_content .ui-menu .ui-menuitem .aviso .fa:before {
	color: #FFFFFF;
}

#formSideBar\:resizableSidebar_content div.avisos {
	display: none;
}

#formSideBar\:resizableSidebar_content ul.avisos {
	position: absolute;
	top: 1.5em;
	right: 1em;
	margin: 0em;
	padding: 0em;
	padding-right: 1em;
	list-style-type: none;
}

#formSideBar\:resizableSidebar_content ul.avisos li {
	width: 100%;
	height: 2.25em;
	line-height: 2.25em;
	text-align: right;
}

#formSideBar\:resizableSidebar_content ul.avisos li a {
	margin-left: 0.25em;
	position: relative;
	top: 0.1em;
}

#formSideBar\:resizableSidebar_content ul.avisos li a:before {
	color: #FFFFFF;
} */

.menuSelected{
	background:#a80033;
}

.separatorCabecera{
	width: 100%;
	height: 1px;
    border: transparent;
    background-color: #DDD;
    border-radius: inherit;
    background: #DDD !important;
    margin: 0em;
}

.ui-menu .ui-menu-parent .ui-menu-child{
	background:#21444c !important;
}
    
.invisible {
	visibility: hidden !important;
}

/* Loadin dialog */
#loadingDialog {
    text-align: center;
}

#loadingDialog_modal {
	opacity: .0;
    filter: Alpha(Opacity=0);
}

#loadingDialog_modal.visible {
	opacity: .3;
    filter: Alpha(Opacity=30);
}

#tabViewEditar table {
	    margin-bottom: 0.1em !important;
}

#formSideBar span.ui-icon-minusthick {
	background-image: url("/FormacionWeb/javax.faces.resource/img/iconoMenuCerrar.png.xhtml?ln=framework-0.0.70") !important;
	background-position: 50% 50%;
	background-size: 1em;
}

#formSideBar span.ui-icon-plusthick {
	background-image: url("/FormacionWeb/javax.faces.resource/img/iconoMenuAbrir.png.xhtml?ln=framework-0.0.70") !important;
	background-position: 50% 50%;
	background-size: 1em;
}

#formSideBar a.ui-panel-titlebar-icon {
	position: absolute;
    top: 0.25em;
    right: 0.25em;
    margin: 0em;
    z-index: 1;
	border: none !important;
	background: none !important;
}

#formSideBar a.ui-panel-titlebar-icon.ui-state-hover {
	border: none !important;
	background: none !important;
}

li.subMenuInformes ul {
	left: -80px !important;
}


.menuInformes {
	float: right !important;
}

.menuInformes div, .menuInformes li {
	background: none !important;
}

.menuInformes a.ui-submenu-link {
	color: #4f4f4f !important;
	font-weight: bold !important;
}

.menuInformes a.ui-submenu-link.ui-state-hover {
	color: #a80033 !important;
	background: none !important;
	font-weight: bold !important;
}

.menuInformes ul.ui-menu-child {
	background: #e6e6e6 !important;
}

.menuInformes ul.ui-menu-child span {
	color: #4f4f4f !important;
}

.menuInformes ul.ui-menu-child a.ui-state-hover span {
	color: #a80033 !important;
}

.menuInformes ul.ui-menu-child a.ui-state-hover {
	background: none !important;
	font-weight: bold !important;
}

.menuInformes ul.ui-menu-child a {
	background: none !important;
	font-weight: bold !important;
}

.menuInformes .ui-menu .ui-menu-parent .ui-menu-child{
	background: #EEEEEE !important;
}



#formListFichasSearch {
	margin-top: 1em !important;
}

.gm-style-iw button.smallButton {
	height: 1em;
    overflow: hidden;
    width: 2em;
    font-size: 20px !important;
    margin: 0.2em 0em 0em 0em !important;
    float: none !important;
}

.gm-style-iw button.smallButton span {
	font-size: 10px !important;
	padding: 0em 0em 0em 0em !important;
	margin-top: -0.4em;
}

.ui-datatable .ui-filter-column .ui-column-filter {
	width: calc(100% - 1em);
	width: -webkit-calc(100% - 1em);
	width: -moz-calc(100% - 1em);
	max-width: 12em;
}

.ui-datatable .ui-filter-column .ui-selectonemenu {
	width: calc(100% - 2em);
	width: -webkit-calc(100% - 2em);
	width: -moz-calc(100% - 2em);
	max-width: 12em;
}

.ui-grid-row input[type="text"]:not([size]),
.ui-grid-row textarea {
    width: calc(100% - 10px);
    width: -webkit-calc(100% - 10px);
    width: -moz-calc(100% - 10px);
}

.ui-grid-row .ui-selectonemenu {
    width: calc(100% - 24px);
    width: -webkit-calc(100% - 24px);
    width: -moz-calc(100% - 24px);
}

.ui-grid-row .ui-calendar input[type="text"]:not([size]) {
    width: inherit;
}

.ui-grid-row label {
	color: #AB0033;
}

.ui-grid-row .ui-datalist .ui-datalist-content {
	border: none;
}

.ui-grid-row .ui-datalist .ui-datalist-content .ui-datalist-data {
	margin: 0em;
	padding: 0em;
}

.ui-widget-header .ui-filter-column {
	border: 1px solid #a8a8a8 !important;
}

.ui-outputpanel.titulo_pestanyas {
	float: right;
	font-size: 1.25em;
	font-weight: bold;
	margin: 0.25em 0.25em 0em 0.25em;
	padding: 0.5em 1em;
	z-index: 1;
	width: 100%;
	width: calc(100% - 2.5em);
	width: -webkit-calc(100% - 2.5em);
	width: -moz-calc(100% - 2.5em);
	background: #7F7F7F;
	color: #FFFFFF;
	overflow: hidden;
	min-height: 1.3em;
}

.ui-outputpanel.titulo_pestanyas .right-button {
	background: none;
	border: none;
	position: absolute;
	right: 0;
	top: 0.2em;	
}

.ui-outputpanel.titulo_pestanyas .right-button .ui-icon:before {
	color: #FFF;
}

.imagenEliminar {
	background: url("/FormacionWeb/javax.faces.resource/img/eliminar.png.xhtml?ln=framework-0.0.70") !important;
	background-size: 20px 20px !important;
	width: 2em;
    height: 2em;
    border: none !important; 
    cursor:pointer;
    background-repeat:no-repeat !important;
    float: left;
}

.imagenEliminar span{
	display:none;
}

td.eliminarFila button.ui-state-hover{
	background: url("/FormacionWeb/javax.faces.resource/img/eliminar.png.xhtml?ln=framework-0.0.70") !important;
	background-size: 20px 20px;
	background-repeat:no-repeat;
	border: none !important;
	box-shadow: none;
}

td.eliminarFila button.ui-state-focus{
	background: url("/FormacionWeb/javax.faces.resource/img/eliminar.png.xhtml?ln=framework-0.0.70") !important;
	background-size: 20px 20px;
	background-repeat:no-repeat;
	border: none !important;
	box-shadow: none;
}

td.eliminarFila button.ui-state-active{
	background: url("/FormacionWeb/javax.faces.resource/img/eliminar.png.xhtml?ln=framework-0.0.70") !important;
	background-size: 20px 20px;
	background-repeat:no-repeat;
	border: none !important;
	box-shadow: none;
	text-shadow: none;
	color: #FFFFFF
}

a.ui-commandlink.pdf {
	background: url("/FormacionWeb/javax.faces.resource/img/pdf.png.xhtml?ln=framework-0.0.70") 50% 50% no-repeat;
	height: 2em !important;
    width: 2em !important;
    display: inline-block;
}

.column_width_1 {
	width: 2em !important;
}

.column_width_2 {
	width: 4em !important;
}

.column_width_3 {
	width: 6em !important;
}

.column_width_4 {
	width: 8em !important;
}

.column_width_5 {
	width: 10em !important;
}

.column_width_6 {
	width: 12em !important;
}

.column_width_7 {
	width: 14em !important;
}

.column_width_8 {
	width: 16em !important;
}

.column_width_9 {
	width: 18em !important;
}

.column_width_10 {
	width: 20em !important;
}

.column_width_11 {
	width: 22em !important;
}

.column_width_12 {
	width: 24em !important;
}

.column_width_13 {
	width: 26em !important;
}

.column_width_14 {
	width: 28em !important;
}

.column_width_15 {
	width: 30em !important;
}

.column_width_16 {
	width: 32em !important;
}

.column_width_17 {
	width: 34em !important;
}

.column_width_18 {
	width: 36em !important;
}

.column_width_19 {
	width: 38em !important;
}

.column_width_20 {
	width: 40em !important;
}

.input_width_1 {
	width: 2em !important;
}

.input_width_2 {
	width: 4em !important;
}

.input_width_3 {
	width: 6em !important;
}

.input_width_4 {
	width: 8em !important;
}

.input_width_5 {
	width: 10em !important;
}

.input_width_6 {
	width: 12em !important;
}

.input_width_7 {
	width: 14em !important;
}

.input_width_8 {
	width: 16em !important;
}

.input_width_9 {
	width: 18em !important;
}

.input_width_10 {
	width: 20em !important;
}

.input_width_11 {
	width: 22em !important;
}

.input_width_12 {
	width: 24em !important;
}

.input_width_13 {
	width: 26em !important;
}

.input_width_14 {
	width: 28em !important;
}

.input_width_15 {
	width: 30em !important;
}

.input_width_16 {
	width: 32em !important;
}

.input_width_17 {
	width: 34em !important;
}

.input_width_18 {
	width: 36em !important;
}

.input_width_19 {
	width: 38em !important;
}

.input_width_20 {
	width: 40em !important;
}

.ui-inputNum.input_width_1,
.ui-inputNum.input_width_2,
.ui-inputNum.input_width_3,
.ui-inputNum.input_width_4,
.ui-inputNum.input_width_5,
.ui-inputNum.input_width_6,
.ui-inputNum.input_width_7,
.ui-inputNum.input_width_8,
.ui-inputNum.input_width_9,
.ui-inputNum.input_width_10,
.ui-inputNum.input_width_11,
.ui-inputNum.input_width_12,
.ui-inputNum.input_width_13,
.ui-inputNum.input_width_14,
.ui-inputNum.input_width_15,
.ui-inputNum.input_width_16,
.ui-inputNum.input_width_17,
.ui-inputNum.input_width_18,
.ui-inputNum.input_width_19,
.ui-inputNum.input_width_20 {
	display: inline-block !important;
}

.fa {
	text-decoration: none;
}

.fa:before {
	font: normal normal normal 14px/1 FontAwesome !important;
	color: #293A58;
}

.fa.fa-1x:before {
	font-size: 1em !important;
}
.fa.fa-1_7x{
	font-size: 1.7em !important;
}
.fa.fa-1_7x:before {
	font-size: 1.7em !important;
}
.fa.fa-2x:before {
	font-size: 2em !important;
}
.fa.fa-3x:before {
	font-size: 3em !important;
}
.fa.fa-4x:before {
	font-size: 4em !important;
}
.fa.fa-5x:before {
	font-size: 5em !important;
}
.fa.fa-6x:before {
	font-size: 6em !important;
}

.ui-autocomplete-panel {
	max-height: 20em !important;
}

.break_lines {
	white-space: pre-wrap !important;
}

.ui-dialog {
	max-width: 90vw;
}

.ui-dialog-content {
	max-height: 80vh;
}

.ui-inputtextarea.ui-state-disabled {
	opacity: 1 !important;
	border: none !important;
	padding: 0px;
}

.ui-datatable .ui-datatable-footer {
	min-height: 2.175em;
    padding: 0.2em;
}

.ui-notificationbar.notas {
	background: rgba(255,255,255,0.9);
	z-index: 1000;
	left: 0;
	height: auto;
	max-height: 50vh;
	overflow: auto;
	width: 98.5%;
}

.ui-notificationbar.notas .element {
	clear: both;
	border-bottom: 0.1em solid #6F6F6F;
	color: #000;
	font-size: 1.2em;
	display: block;
	padding: 0.5em 2em 0.5em 0;
}

.ui-notificationbar.notas .element:last-of-type {
	border-bottom: none;
}

.ui-notificationbar.notas .ui-button {
	position: absolute;
	right: 1em;
	top: 1em;
	background: none;
	border: none;
}

.custom-icon-button{
	background: none !important; 
    border: none !important;
}

.textoEstatico{
	font-size:17px !important;
	padding: 2em 4em 2em 4em;
}

.tituloSeccion{
	font-size: 1.8em !important;
    font-weight: 400 !important;
}
#accionesCabecera{
	float: right;
}

#accionesCabecera ul{
    margin: 0em 0em 0em 0em;
}

#accionesCabecera li{
   list-style-type: none; 
   float: left;
   margin-right: 4em;
}

#accionesCabecera li.idioma{
   position: relative;
   top: 1em;
}

#accionesCabecera li a{
	font-size: 1.7em;
}

#accionesCabecera button.lupaButton{
	width: 4em;
    height: 4em;
}

#accionesCabecera button.zoomButton{
	width: 4em;
    height: 4em;
}

#accionesCabecera button span.ui-icon.fa{
    width: 2.4em;
    height: 2.2em;
    left: 0%;
    margin: 0.3em 0em 0em 0em;
    top: -1px;
}

#accionesCabecera input.inputSearchLupa{
    font-size: 1.6em !important;
    position: relative;
    width: 20em !important;
    top: 2px;
}

.localeSelected{
	font-weight: bold;
}
#loginGrid, #loginGrid input{
	border: 1px solid #a8a8a8;
}
.ui-accordion-header{
	background: none !important;
}
.linkDownloadFile{
	background: none;
    border: none;
}
.linkDownloadFile.ui-state-hover{
	color: #AC145B;
}
