legend { border: 1px solid #CAC7CE; background-color: #fff; color: #1274BB; padding: 4px;}
fieldset { border: 1px solid #8FC839; padding: 10px; margin-top: 10px;}
.mfuex { padding:5px;margin:5px;background:#eee; }
.mfuex .wicket-mfu-container { padding: 5px; margin-top: 3px; background-color: white; border:1px solid black; font-size: xx-small; }
.mfuex .wicket-mfu-caption { font-weight: bold; }
.mfuex .wicket-mfu-container input { margin-left: 5px; font-size: xx-small; }

.menuitemlink {
	color : #000;
	background: #CAC7CE; /* Gris #8FC839 Naranja #e9601a */
}
.menubar ul li ul li a {
	color : #000;
}
.menubar ul li ul {
	color : #000;
	background: #CAC7CE; /* Gris */
}
.menubar ul li {
	color : #000;
	background: #CAC7CE; /* Gris */
}
.menubar {
	color : #000;
	/* background: #1274BB; */
	/* background: #CAC7CE; // Gris */
}

body {
	background-color: white;
	/* background-image: url('wicket-logo.png'); */
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: 96% 96%;
	color: grey;
	font-family: 'Lucida Sans', 'Helvetica', 'Sans-serif', 'sans';
	font-size: 9pt;
	line-height: 1.8em;
	padding: 10px 10px 10px 10px;
	margin: 10px 10px 10px 10px;
        
        min-width: 800px;
        width: auto !important;  /* Firefox will set width as auto */
        width: 800px;
}

table {
	font-size: 9pt;
	color: grey;
}

h1,h2,h3,h4,h5,h6,h7,h8 {
	color: #1274BB;
}

.ui-accordion-header-active{
	background: #1274BB;
} 
.ui-state-active {
	background: #1274BB;
}

#extitle {
	font-size: 12pt;
	font-weight: bold;
	color: #E9601A;
	padding: 10px 10px 10px 10px;
}

.feedbackPanelERROR {
	color: red;
	list-style: circle;
	font-weight: bold;
}

.feedbackPanelINFO {
	color: green;
	list-style: circle;
	font-weight: bold;
}

#hellomessage {
	font-size: 30pt;
}

#titleblock {
	background: #DEDEDE;
	color: white;
	font-weight: bold;
	border-bottom: solid #E9601A;
	border-width: thin;
	padding: 2px 2px 2px 6px;
}

h2 {
	font-size: 1.25em;
}

h3 {
	font-size: 1em;
}

a {
	color: #6F6F6F;
	text-decoration: underline;
}

img {
	border: none;
}

pre {
	font-family: 'Lucida Sans', 'Helvetica', 'Sans serif', 'sans';
}

th {
	background: #C3C3C3;
	color: white;
	font-weight: normal;
}

tr.b {
	background: #F5F5F5;
}

tr.a {
	background: #E6E6E5;
}

tr.none {
	background: transparent;
}

a.none {
	background: transparent;
	padding-right: 0px;
}

#inputForm {
	width: 300px;
}

#inputForm label {
	display: block;
	margin-top: 5px;
}

#inputForm label.non {
	display: inline !important;
}

#inputFormTable td {
	vertical-align: top;
	padding: 10px;
}

#nestedExampleTree {
	width: 300px;
}

#feedbackPanel {
	width: 600px;
}

#siteSelection {
	width: 200px;
}
.titulo{
	font-size : 20px;
	text-decoration : none;
	font-style : normal;
	font-weight: bold;
	color: #1274BB;
        vertical-align: middle;
}
.small_button { 
    font-size : 8px;
    height: 10px; 
    line-height: 8px;
    margin: 0;
    box-shadow: none;
    border: none;
}

.pointer {
    cursor: pointer;
}

.boton  {
/*	font-family : "Verdana", Geneva, Arial, Helvetica, sans-serif; */
	font-size : 11px;
/*	font-weight : lighter;
	text-decoration : none;
	font-style : normal; */
	color : #fff;
	background: #1274BB;
	border : thin outset  #6699cc;
}
.botonGris  {
/*	font-family : "Verdana", Geneva, Arial, Helvetica, sans-serif; */
	font-size : 11px;
/*	font-weight : lighter;
	text-decoration : none;
	font-style : normal; */
	color : white;
	background: #6A676E;
	border : thin outset  #E4F1D5;
}
.botonMailGris  {
/*	font-family : "Verdana", Geneva, Arial, Helvetica, sans-serif; */
	font-size : 11px;
/*	font-weight : lighter;
	text-decoration : none;
	font-style : normal; */
	color : white;
/*	background: #6A676E; */
	border : thin outset  #E4F1D5;
        background: url('../../../../images/mail.gif') no-repeat;
}
.botonVerde  {
/*	font-family : "Verdana", Geneva, Arial, Helvetica, sans-serif; */
	font-size : 11px;
/*	font-weight : lighter;
	text-decoration : none;
	font-style : normal; */
	color : white;
	background: #6FA819;
	border : thin outset  #E4F1D5;
}
.botonDisable  {
/*	font-family : "Verdana", Geneva, Arial, Helvetica, sans-serif; */
	font-size : 11px;
/*	font-weight : lighter;
	text-decoration : none;
	font-style : normal; */
	color : #6A676E;
	background: #CAC7CE;
	border : thin outset  #E4F1D5;
}
.topcellborder {
        border-top: 1px solid #CAC7CE;
}
.cellborder {
        border: 1px solid #CAC7CE;
}
.title_bar {
/*	font-family : "Verdana", Geneva, Arial, Helvetica, sans-serif; */
	font-size : 11px;
	font-weight : normal;
	text-decoration : none;
	font-style : normal;
	color : #FFFFFF;
	background: #1274BB;
	border-bottom: thin outset #8DC442;
}
.title_bar2 {
/*	font-family : "Verdana", Geneva, Arial, Helvetica, sans-serif; */
	font-size : 14px;
	font-weight : normal;
	text-decoration : none;
	font-style : normal;
	color : #FFFFFF;
	background: #1274BB;
	border-bottom: thin outset #8DC442;
}
.title_bar_verde {
/*	font-family : Geneva, Arial, Helvetica, sans-serif; */
	font-size : 13px;
	font-weight : normal;
	text-decoration : none;
	font-style : normal;
	color : #FFFFFF;
	background: #8FC839;
	border-bottom: thin outset #8DC442;
}
.title_bar_azul {
/*	font-family : Geneva, Arial, Helvetica, sans-serif; */
	font-size : 13px;
	font-weight : normal;
	text-decoration : none;
	font-style : normal;
	color : #FFFFFF;
	background: #1274BB;
	border-bottom: thin outset #8DC442;
}
.title_bar_gris {
/*	font-family : Geneva, Arial, Helvetica, sans-serif; */
	font-size : 13px;
	font-weight : normal;
	text-decoration : none;
	font-style : normal;
	color : #FFFFFF;
	background: #AAA7AE;
	border-bottom: thin outset #8DC442;
}
.bar_verde {
	font-size : 10px;
	font-weight : normal;
	text-decoration : none;
	font-style : normal;
	color : #FFFFFF;
	background: #8FC839;
	border-bottom: thin outset #8DC442;
}
.bar_azul {
	font-size : 10px;
	font-weight : normal;
	text-decoration : none;
	font-style : normal;
	color : #FFFFFF;
	background: #1274BB;
	border-bottom: thin outset #8DC442;
}
.bar_gris {
	font-size : 10px;
	font-weight : normal;
        text-align: center;
	text-decoration : none;
	font-style : normal;
	color : #6A676E; /* #FFFFFF; */
	background: #CAC7CE; /* #AAA7AE; */
	border-bottom: thin outset #8DC442;
}
.table_head {
/*	font-family : "Verdana", Geneva, Arial, Helvetica, sans-serif; */
	font-size : 10px;
	font-weight : normal;
	text-decoration : none;
	font-style : normal;
	color : #000000;
	background: #CAC7CE;
	border-bottom: thin outset #CAC7CE;
}
.buttons_menu {
/*	font-family : "Verdana", Geneva, Arial, Helvetica, sans-serif; */
	font-size : 10px;
	font-weight : normal;
	text-decoration : none;
	font-style : normal;
	color : #000000;
	background: #CAC7CE; /* #CAC7CE; (gris)  #8FC839 (verde)   #1274BB; (azul) */
}
.odd {
/*	font-family : "Verdana", Geneva, Arial, Helvetica, sans-serif; */
	font-size : 9px;
	font-weight : normal;
	text-decoration : none;
	font-style : normal;
	color : #000000;
	background: #FFFFFF;
}
.even {
/*	font-family : "Verdana", Geneva, Arial, Helvetica, sans-serif; */
	font-size : 9px;
	font-weight : normal;
	text-decoration : none;
	font-style : normal;
	color : #000000;
	background: #E4F1D5;
}
.detalle {
/*	font-family : "Verdana", Geneva, Arial, Helvetica, sans-serif; */
	font-size : 9px;
	font-weight : normal;
	text-decoration : none;
	font-style : normal;
	color : #000000;
	background: #FFFFFF;
	border-bottom: thin outset #CAC7CE;
}
.total {
/*	font-family : "Verdana", Geneva, Arial, Helvetica, sans-serif; */
	font-size : 9px;
	font-weight : normal;
	text-decoration : none;
	text-align: right;
	font-style : normal;
	color : #000000;
	background: #CAC7CE;
	border-bottom: thin outset #CAC7CE;
	border-bottom-color: #333333;
}
.table_form {
/*	font-family : "Verdana", Geneva, Arial, Helvetica, sans-serif; */
	font-size : 10px;
	font-weight : normal;
	text-decoration : none;
	font-style : normal;
	color : #000000;
	background: #E4F1D5;
}
.realzar {
/*	font-family : "Verdana", Geneva, Arial, Helvetica, sans-serif; */
	font-size : 10px;
	font-weight : bold;
	text-decoration : none;
	font-style : normal;
	color : #1274BB;
}
.realzar12 {
/*	font-family : "Verdana", Geneva, Arial, Helvetica, sans-serif; */
	font-size : 12px;
	font-weight : bold;
	text-decoration : none;
	font-style : normal;
	color : #1274BB;
}
.realzar12rojo {
/*	font-family : "Verdana", Geneva, Arial, Helvetica, sans-serif; */
	font-size : 12px;
	font-weight : normal;
	text-decoration : none;
	font-style : normal;
	color : #E96061;
}
.realzarLogin {
/*	font-family : "Verdana", Geneva, Arial, Helvetica, sans-serif; */
	font-size : 16px;
	font-weight : bold;
	text-decoration : none;
	font-style : normal;
	color : #1274BB;
}
.texto_gris {
/*	font-family : "Verdana", Geneva, Arial, Helvetica, sans-serif; */
	font-size : 10px;
	font-weight : normal;
	text-decoration : none;
	font-style : normal;
	color : #666666;
}
.texto_azul {
/*	font-family : "Verdana", Geneva, Arial, Helvetica, sans-serif; */
	font-size : 10px;
	font-weight : normal;
	text-decoration : none;
	font-style : normal;
	color : #1274BB;
}
.normal_azul {
	font-weight : normal;
	text-decoration : none;
	font-style : normal;
	color : #1274BB;
}
.texto_azul_login {
/*	font-family : "Verdana", Geneva, Arial, Helvetica, sans-serif; */
	font-size : 12px;
	font-weight : normal;
	text-decoration : none;
	font-style : normal;
	color : 000000;
}

a:link {color:#BBBBBB;}

div.tabpanel div.tab-row{
    float:left;
    width:100%;
    background:#DAE0D2 url("tabs/bg.gif") repeat-x bottom;
    line-height:normal;
}

div.tabpanel div.tab-row ul {
    margin:0;
    padding:10px 10px 0;
    list-style:none;
}

div.tabpanel div.tab-row li {
    float:left;
    background:url("tabs/left.gif") no-repeat left top;
    margin:0;
    padding:0 0 0 9px;
}

div.tabpanel div.tab-row a {
    display:block;
    background:url("tabs/right.gif") no-repeat right top;
    padding:5px 15px 4px 6px;
    text-decoration:none;
/*    font-weight:bold; */
    white-space:nowrap;
    color:#eee;
}

div.tab-panel {
    clear: left;
}

div.tabpanel div.tab-row a:hover {
    color:#fff;
}

div.tabpanel div.tab-row li.selected {
    background-image:url("tabs/left_on.gif");
}

div.tabpanel div.tab-row li.selected a {
    background-image:url("tabs/right_on.gif");
    color:#333;
    padding-bottom:5px;
}
.titulo-azul {
	/* font-family : "Century Gothic", Geneva, Arial, Helvetica, sans-serif; */
	font-size : 14px;
	font-weight: bold;
	text-decoration : none;
	font-style : normal;
	color:#1274BB;
}
.titulo-verde {
	/* font-family : "Century Gothic", Geneva, Arial, Helvetica, sans-serif; */
	font-size : 14px;
	font-weight: bold;
	text-decoration : none;
	font-style : normal;
	color:#8FC839;
}

select {
    /* margin:40px; */
/*        background: #E6E6E5; */
        color:#555;
        font-size : 12px;
	font-weight: normal;
	font-style : normal;
	text-decoration : none;
    /* text-shadow:0 1px 0 rgba(0,0,0,0.4); */
}

input {
    /* margin:40px; */
/*        background: #E6E6E5; */
        color:#555;
        font-size : 11px;
	font-weight: normal;
	font-style : normal;
	text-decoration : none;
        /* text-shadow:0 1px 0 rgba(0,0,0,0.4); */
}

.input_gris {
    /* margin:40px; */
        background: #DEDEDE;
        color:#555;
        font-size : 11px;
	font-weight: normal;
	font-style : normal;
	text-decoration : none;
        border-width: 1px;
    /* text-shadow:0 1px 0 rgba(0,0,0,0.4); */

}

.input_obligatorio {
    /* margin:40px; */
        background: blanchedalmond;
        color:#555;
        font-size : 11px;
	font-weight: normal;
	font-style : normal;
	text-decoration : none;
    /* text-shadow:0 1px 0 rgba(0,0,0,0.4); */

}

.input_obligatorio_ce {
    /* margin:40px; */
        background: lightblue;
        color:#555;
        font-size : 11px;
	font-weight: normal;
	font-style : normal;
	text-decoration : none;
    /* text-shadow:0 1px 0 rgba(0,0,0,0.4); */

}

/* Estilo para los texto de Autocompletar , NOTA: nolo toma */
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
    background: blanchedalmond;
}

/* Estilo para los texto de Autocompletar */
div.wicket-aa {
/*    font-family:"Century Gothic", Geneva, Arial, Helvetica, sans-serif; */
    font-size: 12px;
    background-color: rgba(200, 200, 200, 0.8);
    border-width: 1px;
    border-color: #cccccc;
    border-style: solid;
    padding: 2px;
    margin: 1px 0 0 0;
    text-align:left;
}            
div.wicket-aa ul { list-style:none; padding: 2px; margin:0; }
div.wicket-aa ul li.selected { color: white; background-color: rgba(18, 116, 187, 0.8); padding: 2px; margin:0; }

/* Colores de los Menus */
.sf-menu li {
        background: #CAC7CE; /* Color del menu general */
}
.sf-menu ul li {
        background: rgba(202, 199, 206, 0.9); /* Color Gris = #CAC7CE */
}
.sf-menu ul ul li {
        background: rgba(202, 199, 206, 0.9); /* Color Gris = #CAC7CE */
}
.sf-menu li:hover,
.sf-menu li.sfHover {
        background: rgba(182, 179, 186, 1); /* Color Gris Oscuro */
}
.sf-menu span {
     color: #1274BB;    /* Azul */
}

/* Color para Header del calendario */
.calheader {
    color: #1274BB;     /* Azul */
}

#bullet1 {
  animation: move 2s, 3s;
  -webkit-animation: 2s, move 3s;
}

@keyframes move {
  from {
    margin-left: 100%;
    width: 300%; 
  }

  to {
    margin-left: 0%;
    width: 100%;
  }
}

@-webkit-keyframes move {
  from {
    margin-left: 100%;
    width: 300%; 
  }

  to {
    margin-left: 0%;
    width: 00%;
  }
}

/* LIST #3 */
#list3 {
  position: absolute;
  top: 280px;
  left: 55%;
}
#list3 ul { 
    list-style-image: url("../../../../images/arrow.png"); 
    font-size:16px; 
}
#list3 ul li { 
    line-height:30px; 
}

.selectGreen {
    background: #6FA819;
    color: #FFF;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
}

/* Divs auto contenidos flotantes usondo flexbox CCS3 */

.container {
  display: flex;
}
.container > div {
  flex: 1; /*grow*/
}

/* https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Using_CSS_flexible_boxes */
.colFix {
	width: 200px;
	word-break: break-all;
	white-space: normal;
}