/* HTML5 Boilerplate */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ""; content: none; }
ins { background-color: #ff9; color: #000; text-decoration: none; }
mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }
/*table { border-collapse: collapse; border-spacing: 0; }margin: 0 auto;TODO margin NA*/
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
input, select { vertical-align: middle; }

body { font:16px/1.231 sans-serif }/*TODO font:13px/1.231 sans-serif; *font-size:small;*/
select, input, textarea, button { font:99% sans-serif; }
pre, code, kbd, samp { font-family: monospace, sans-serif; }

html { overflow-y: scroll; }
a:hover, a:active { outline: none; }
ul, ol { margin-left: 2em; }
ol { list-style-type: decimal; }
nav ul, nav li { margin: 0; list-style:none; list-style-image: none; }
small { font-size: 85%; }
strong, th { font-weight: bold; }
td, th { vertical-align: middle; }/*TODO top*/
sub, sup { font-size: 75%; line-height: 0; position: relative; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; padding: 15px; }
textarea { overflow: auto; }
.ie6 legend, .ie7 legend { margin-left: -7px; }
input[type=radio] { vertical-align: text-bottom; }
input[type=checkbox] { vertical-align: bottom; }
.ie7 input[type=checkbox] { vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }
/*label, */input[type=button], input[type=submit], input[type=image], button { cursor: pointer; }
button, input, select, textarea { margin: 0; }
input:valid, textarea:valid   {  }
input:invalid, textarea:invalid { border-radius: 1px; -moz-box-shadow: 0px 0px 5px red; -webkit-box-shadow: 0px 0px 5px red; box-shadow: 0px 0px 5px red; }
.no-boxshadow input:invalid, .no-boxshadow textarea:invalid { background-color: #f0dddd; }

::-moz-selection{ background: #00C18C; color:#fff; text-shadow: none; }
::selection { background:#00C18C; color:#fff; text-shadow: none; }
a:link { -webkit-tap-highlight-color: #00C18C; }
button {  width: auto; overflow: visible; }
.ie7 img { -ms-interpolation-mode: bicubic; }

body, select, input, textarea { color: #444; }
h1, h2, h3, h4, h5, h6 { font-weight: bold; }
a, a:active, a:visited { color: #003728; }
a:hover { color: #007756; }

/**
 * Estilos principales
 *
 * Autor: Mareigua
 */
h1, h2, h3, h4, h5, h6, p, ul, ol, dl, dt, dd, li, a img, fieldset {
    border: 0 none;
    list-style: none outside none;
    margin: 0;
    padding: 0;
}

body {
 font-size: 62.5%;
 font-family: Arial, Helvetica, sans-serif;
 color: gray;
 text-align:center;

}
a, a:active, a:visited {
	color: #00805D;
}
a.ui-button:visited {
	color:#555555;
}
a.ui-button:hover {
	color:#00805D;
}
a img {
	text-decoration: none;
	border: 0 none;
}
legend { font-weight:bold; }
fieldSet {
    border-color: lightgrey;
    border-style: solid;
    border-width: 1px;
    padding: 4px;
    margin:2px;
}
.contenedor{
	margin: 10px auto 4px;
    width: 962px;
	background-color: #ffffff;
	border: 1px lightgrey solid;
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius:5px;
	font-size: 1.4em;
	text-align:left;
	box-shadow: 0px 0px 4px rgba(0,0,0,0.2);
}

.contenedorAutoservicio{
    width: 920px;
	background-color: #ffffff;
	font-size: 1.4em;
	text-align:left;
}

#frameAutoservicio{
    overflow: auto;
}

.underline 
{
    text-decoration: underline !important;
    font-weight: bold !important;
   
    
}
.grande
{
    font-size: 1em !important;
}
.negrilla
{
font-weight: bold !important;
}

.green
{
     color: #80C342 !important;
     font-weight: bold !important;
     position: absolute;
    top: 10%;
    left: 40%;   

}
.green1
{
     color: #80C342 !important;
     font-weight: bold !important;
     position: absolute;
    top: 20%;
    left: 40%; 
     
     

}
.greenDark
{
      color: #00805D !important;
      text-decoration: underline !important;
      font-weight: bold !important;
}
.orange
{
    color:#F68B1F !important;

}
.espacio
{
        line-height: 12px !important;
}
.normal
{
    font-weight: normal;
}
.posicion
{
    position: absolute;
    top: 20%;
    left: 42%; 
}

.posicionh4
{
    position: absolute;
    top: 52%;
    left: 42%; 
}

.posicionh1
{
    position: absolute;
    top: 30%;
    left: 42%; 
}


/*Secciones*/
/*Header*/
header {
	display: block;
	overflow: auto;
}
.header {
	margin: 4px;
	width: 954px;
}
.header em {
	color: #00805D;
}


h1#logo_ael a{
    background: url('../img/logoAEL70.png') no-repeat scroll 0 0 transparent;
    height: 75px;
    width: 200px;
    margin: 5px;
    overflow: hidden;
    text-indent: -9000px;
    float:left;
    display:inline;
}
#logo_ael {
    border: 0 none;
    color: #368512;
    padding: 0;
}
.login{
	display: inline;
	float: right;
	text-align:right;
	padding: 4px;
}
.login div, .login div{
	float: left;
	margin-left: 10px;
}
a#olvido {
	margin: 0 0 0 0;
	color: silver;
	font-size:0.8em;
}
a#olvido:hover {
	color: #CCC;
}
.datos_empleador {
	display: inline;
	float: right;
	text-align:right;
	padding: 4px;
	font-size:0.8em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

/*nav*/
nav
{
    display:block;
    float:none;
    padding:0em;
    margin:5px 0em 1px 0em;
    width:100%;
    overflow: auto;
    background-color:#F5F5F5;
    box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
}
nav div, .menu ul, .menu ul li{
    float: left;
	display: inline;
}
nav div{
	margin: 4px;
	text-align:right;
	clear:none !important;
}
.buscar{
	float:right;
    height:25px;
    color: #FAFAFA;
    font-weight:normal;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius:3px;
	vertical-align:middle;
}
.ie7 .buscar
{
    margin-top: -15px;
}
.buscar *{
	margin: 2px;
}
/*<reset menu*/
.menu img.icon, #mnuEmpresa img.icon { border-style:none;vertical-align:middle; }
.menu img.separator, #mnuEmpresa img.separator { border-style:none;display:block; }
.menu img.horizontal-separator, #mnuEmpresa img.horizontal-separator { border-style:none;vertical-align:middle; }
.menu ul, #mnuEmpresa ul { list-style:none;margin:0;padding:0;width:auto; }
.menu ul.dynamic, #mnuEmpresa ul.dynamic { z-index:1000; }
.menu a, #mnuEmpresa a { text-decoration:none;white-space:nowrap;display:block; }
.menu a.static, #mnuEmpresa a.static { padding-left:0.15em;padding-right:0.15em; }
.menu a.level1, #mnuEmpresa a.level1 { text-decoration:none;border-style:none; }
.menu a.level2, #mnuEmpresa a.level2 { text-decoration:none;border-style:none; }
.menu a.level3, #mnuEmpresa a.level3 { text-decoration:none;border-style:none; }
#Encabezado02_1_mnuCesantias ul li{float:left}
#Encabezado02_1_mnuCesantias ul li ul li{width:203px;}
#Encabezado02_1_mnuCesantias ul li ul{ display: none}
#mnuEmpresa { float: left; }
#mnuEmpresa ul.level1 { position: relative; width: auto; float: left; }
#mnuEmpresa li.static { position: relative; float: left; z-index: 2; }
#mnuEmpresa li.static > a { display:inline-block; text-decoration: none; border-style: none; white-space: nowrap; }
#mnuEmpresa ul.level2 { display: none; }
/*/reset menu>*/
.ie6 .menu, .ie7 .menu
{
    margin-top:-13px;
}
.ie6 .menu, .ie7 .menu, .ie7 #mnuEmpresa,  .ie6 #mnuEmpresa{
    z-index:1000;
    position: relative;
}
ul.level1
{
   height:26px;
   width:100%;
}
.level1 li
{
    height:25px;
    margin-right:3px;
}
#mnuEmpresa li{
    float: left;
}
#mnuEmpresa li.dynamic{
    float: none;
}

.level1 li a {
	padding: 0 7px !important;
    display:block;
    width:inherit;
    line-height:25px;
    color: #FAFAFA;
    font-size:13px;
    font-family:Arial;
    font-weight:normal;
    background-color: #00805D;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.level1 li a:hover
{
    color:#FFFFFF;
    background-color: #008F69;
}
.level1 li a:visited
{
    color:#FFFFFF;
}

.level1 li a.static.selected
{
    background-color:#7FC343;
}
.level1 li a.dynamic.selected
{
    background-color:#7FC343;
}
.level1 li a.static.selected:hover
{
    background-color:#8ECA58;
}
.level1 li a.dynamic.selected:hover
{
    background-color:#8ECA58;
}
/* Tier 2+ items */
.level2 li,
.level3 li
{
	line-height:20px;
	height: 20px;
	display:block;
    z-index:1000;
    margin:0px;
    padding: 0px;
    color:#005133;
    text-align:left;
}
.level2 li a, .level2 li a:visited, .level3 li a, .level3 li a:visited
{
	line-height:20px;
    color: #666666;
    font-family:Arial, Helvetica, sans-serif;
    font-size:13px;
    font-family: Verdana;
    background-color:#FAFAFA;
    box-shadow: 0px 0px 3px rgba(0,0,0,0.25);
    border:1px solid #DDDDDD !important;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}
.level2 li a:hover, .level3 li a:hover
{
    background-color: #FCFCFC;
    color: #999999;
}
/* IE 7 */
.ie6 ul.level2, .ie6 ul.level3,
.ie7 ul.level2, .ie7 ul.level3
{
    text-align:left;
}
.ie6 .level2 li, .ie6 .level3 li,
.ie7 .level2 li, .ie7 .level3 li
{
    width:280px;
    text-align:left;
}

nav.secundaria {
	width:175px;
	float:left;
	text-align:right;
	margin: 15px 15px 15px 0;
	padding-left: 5px;
}
nav.secundaria li
{
    /*height:25px;*/
    margin:3px;
    -webkit-border-radius: 0 5px 5px 0;
    -moz-border-radius: 0 5px 5px 0;
    border-radius: 0 5px 5px 0;

}
nav.secundaria li a {
	text-decoration:none;
	padding:4px 8px;
    display:block;
    width:inherit;
    color: #FAFAFA;
    font-family:Arial;
    font-size:13px;
    /*line-height:25px;*/
    font-weight:normal;
    background-color: #00805D;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
nav.secundaria li a:hover
{
    color:#FFFFFF;
    background-color: #008F69;
}
nav.secundaria li a:visited
{
    color:#FFFFFF;
}
nav.secundaria h3
{
    font-weight:bold;
}
nav.secundaria .item_actual
{
	background-color:#008F69 !important;
}

/*Fin navegaciones*/
/*footer*/
footer{
	overflow: auto;
	display: block;
	width:100%;
	margin: 4px 0;
}
footer ul {
	list-style-type: none;
	width: 100%;
}
footer li {
	float:left;
    display:inline;
    width:137px;
	text-align:center;
	margin-top:10px;
}
/*Todo: ya no van a haber imágenes en el footer*/
footer img{
	padding: 0 3px 0;
}
footer img:hover{
	background-image: url('../img/btnSombra.png');
	background-position:center top;
	background-repeat: no-repeat;
}
footer a
{
    display:inline-block;
    cursor:pointer;
}
footer a:hover
{
	background-image: url('../img/footer.png');
	background-position: 0 -576px;
	background-repeat: no-repeat;
}
#copyright {
	text-align: center;
	color:gray;
}
/*Dialogos*/
.invisible {
	position: absolute; top: -10000em; left: -10000em;
}
.dialog img, .dialog2 img, .dialog .btn_footer, .dialog2 .btn_footer,
.dialog_c img, .dialog_c .btn_footer {
	float:right;
	margin: 0.5em 0.5em 0.5em 0;
}
.dialog div, .dialog ul, .dialog ol, .dialog p,
.dialog_c div, .dialog_c ul, .dialog_c ol, .dialog_c p{
	display:inline;
	float:left;
	margin: 0.5em;
	text-align:left;
}
.dialog2 div, .dialog2 ul, .dialog2 ol, .dialog2 p{
	display:inline;
	float:left;
	margin: 1em;
	text-align:left;
}
.dialog2 ul, .dialog2 ol{
	margin-left: 1em;
}
.dialog2 li{
	list-style:decimal outside none;
}

.dialog em, .dialog2 em {
	font-weight: bold;
}

#dialog_autoservicio {
    height:460px;
    width:945px;
}
/*article*/
article {
	overflow:auto; width:100%;
}
.numero2 {
    font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #FC0;
}
.numero2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #0C3;
}
.asterisco {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #00F;
}
.bol {
	font-weight: bold;
	color: #007755;
}
.coso {
	color: #F18700;
	font-size: 39pt;
	text-align: left;
}

/* positioning */
.btn-web { background-position: 0 0; }
.btn-indep { background-position: 0 -216px; }

.btn-sms { background-position: 0 0; }
.btn-mail { background-position: 0 -72px; }

.txt-web { background-position: 0 -149px; }
.txt-mail { background-position: 0 -169px; }
.txt-sms { background-position: 0 -189px; }
.txt-indep { background-position: 0 -209px; }

#nav {
	z-index: 50;
	position: absolute;
	bottom: 10px;
	right: 10px
}
#nav a {
	margin: 0 2px;
	padding: 2px 6px;
	border: 0;
	background: #00805D;
	text-decoration: none;
	color: white;
	-webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius:10px; }
#nav a:hover {
	background:#008F69;
}
#nav a.activeSlide { background: #7FC343; }
#nav a:focus { outline: none; }
#Nar {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 36px;
	color: #FF9900;
}
.noticias {
	height: 17px;
	width: 920px;
	margin: 9px;
	margin-bottom: 0px;
	padding: 6px 11px;
	border: 1px solid #DDD;
	-webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius:15px;
    background-color: #FCFCFC;
    background-image: url("../img/marca.png"), -moz-linear-gradient(0% 50% 0deg, #FFFFFF, #EEEEEE);
    background-image: url('../img/marca.png'), -webkit-gradient(linear, 90% 0%, 24% 100%, from(#EEEEEE), to(#FFFFFF));
    background-position:right top;
    background-repeat:no-repeat;
    box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.1);
}
.noticias li
{
    white-space:nowrap;
    display: none;
}
#navnews
{
    margin-top: -25px;
	z-index: 50;
	float:right;

}
#navnews a {
	margin: 0 2px;
	padding: 2px 6px;
	border: 0;
	background: #CCCCCC;
	text-decoration: none;
	color: white;
	-webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius:10px;
}
#navnews a:hover {
	background:#BBBBBB;
}
#navnews a.activeSlide { background: #AAAAAA; }
#navnews a:focus { outline: none; }

#divNoticia{
    font-size: 13px;
}
#divNoticia h5{
    font-size: 14px;
    margin-bottom: 10px;
}
#divNoticia p{
    display: block;
    float: none;
}
#divNoticia a{
    color: #00805D;
}
#divNoticia ul li
{
    list-style-position:inside;
    list-style-type:circle;
}
#divNoticia ol li
{
    list-style-position:inside;
    list-style-type:decimal;
}
.paneles{
	margin: 8px 0;
}
.panel{
	float:left;
	width:308px;
	height: 120px;
	background-color: #00805D;
	-webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius:10px;
	color: white;
	text-align:center;
	background-image: url('../img/marca.png');
}
.panel h2{
	margin-top: 11px;
	font-size: 1.9em;
	font-weight: bold;
}
.panel a{
	color: white;
	text-decoration:none;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
}
.panel a:hover{
	color: mintcream;
}
.panel a:visited{
	color: white;
}
.panel ul a{
	padding: 2px 5px;
    display:inline-block;
	color: white;
	border: 1px #FFF solid;
	font-size: 1.2em;
	-webkit-border-radius: 15px;
    -moz-border-radius: 15px;
	border-radius: 15px;
	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
}

.panel2 a{
	color: white;
	text-decoration:none;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
}

.panel2 ul a{
	padding: 2px 5px;
	color: white;
	border: thin white solid;
	font-size: 1.2em;
	-webkit-border-radius: 15px;
    -moz-border-radius: 15px;
	border-radius: 15px;
	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
}

.central{
	margin: 0 10px;
    background: #98CB36 url('../img/marca.png') center no-repeat;
    background: url('../img/Fondo-Servicios.png') center no-repeat, -webkit-gradient(linear, 90% 0%, 24% 100%, from(#CDDB28), to(#61BB45));
	background: url('../img/Fondo-Servicios.png') center no-repeat, -moz-linear-gradient(0% 50% 65deg,#61BB45, #CDDB28);
}
.lateral{
	background-repeat: no-repeat;
	background-position: center;
    background: url('../img/Fondo-por-qué-elegirnos.png')
}
.izquierdo{
	margin-left:9px;
    background: url('../img/Fondo-Autoservicio.png')
}
.central ul a{
	background-image:url('../img/fondo_link_central.png');
}

.panel ul a:hover{
	background-image:url('../img/fondo_link_hover.png')
}
.cyclelinks li{
    display: none;
    width: 100% !important;
    background-color: transparent !important;
}
.cyclelinks li:first-of-type
{
	display: inline;
}
.numero2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #FC0;
}
.numero2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #0C3;
}
.asterisco {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #00F;
}
.bol {
	font-weight: bold;
	color: #007755;
}
.coso {
	color: #F18700;
	font-size: 39pt;
	text-align: left;
}
.contenido{
	margin: 15px;
	overflow: auto;
	text-align:justify;
}
.contenido h2, .contenido h3, .contenido h4, .contenido h5{
	margin-bottom: 10px;
	font-weight: bold;
}
.contenido p, ul, ol{
	margin-bottom: 7px;
}
.contenido h2{
	font-size: 1.8em;
}
.contenido h3{
	font-size: 1.5em;
}
.contenido h4{
	font-size: 1.2em;
}
.contenido h5{
	font-size: 1.0em;
}
.contenido ul, ol{
	margin-left:20px;
}
.contenido em
{
	color:#00805D;
}
.contenido li{
	list-style:disc;
}
.contenido li li{
	list-style:decimal;
}

.contenido ol li{
	list-style:decimal;
}

.contenidoAutoservicio{
	text-align: justify;
}
.contenidoAutoservicio h2, .contenidoAutoservicio h3, .contenidoAutoservicio h4, .contenidoAutoservicio h5{
	margin-bottom: 10px;
	font-weight: bold;
}
.contenidoAutoservicio p, ul{
	margin-bottom: 7px;
}
.contenidoAutoservicio h2{
	font-size: 1.8em;
}
.contenidoAutoservicio h3{
	font-size: 1.5em;
}
.contenidoAutoservicio h4{
	font-size: 1.2em;
}
.contenidoAutoservicio h5{
	font-size: 1.0em;
}
.contenidoAutoservicio ul{
	margin-left:20px;
}
.contenidoAutoservicio em
{
	color:#00805D;
}
.contenidoAutoservicio li{
	list-style:disc;
}
.contenidoAutoservicio li li{
	list-style:decimal;
}
/*Formularios*/
.autoform {
	float:left;
	width:210px; margin: 15px;
}
article.transaccional {
	margin: 15px 0;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:0.9em;
}
.title{
	background-color:#FCFCFC;
	color:#888888;
	display:block;
	text-align:center;
	box-shadow: 0 1px 3px 0 rgba(0,0,0,0.15);
	text-shadow: 1px 1px 0.5px rgba(0, 0, 0, 0.15);
}
article.transaccional h2, article.transaccional h3, article.transaccional h4, article.transaccional h5{
	margin-bottom: 10px;
	font-weight: bold;
	color:gray;
}
.panelAutoservicio {
	float:left;
	margin-right: 30px;
	margin-bottom: 35px;
	font-size:1.0em;
	Width:240px;
	height:440px;
}
.panelAutoservicio label
{
     vertical-align: top;
     margin: 0;
     padding: 0;
}
.panelAutoservicio select
{
     margin-bottom:2px;
     margin-top:2px;
}
.panelAutoservicio input[type="radio"]
{
     margin-bottom:0;
     margin-top:0;
}
.panelAutoservicio input[type="checkbox"]
{
     margin-bottom:0;
     margin-top:0;
}
article.Autoservicio {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:0.9em;
}
.pnlNoBold legend
{
    font-weight:normal;
}
/*Grillas*/
.panelDataGrid
{
    width: 812px;
}
.gridPanel
{
    width:940px;
    margin:auto;
}
.gridControls{
    margin-top: 1em;
    margin-bottom: 4px;
    text-align: right;
    overflow: auto;
}
.grid
{
    border-width: 0px;
    width: 100%;
    font-size:11px;
}
.grid td
{
    padding:2px;
}
.gridEmptyStyle td
{
    border-width: 0px;

}
.gridHeaderStyle
{
    color: #FFFFFF;
    background-color: #00805D;
    text-align: center;
    vertical-align: middle;
}

.gridHeaderStyle th a:link
{
    color: white;
    background-color:#00805D;
    text-decoration: none;
}

.gridHeaderStyle td, .gridHeaderStyle th
{
    border-style: solid;
    border-width: 1px;
    border-color: #00704D;
    white-space:normal;
}
.gridHeaderStyle td.locked, .gridHeaderStyle th.locked
{
    color: #FFFFFF;
    background-color: #00805D;
}
.gridHeaderStyleSelected
{
    color: #585858;
    background-color: #edfaeb;
    text-align: center;
    vertical-align: middle;
}
tr.gridHeaderStyle th table
{
	margin:auto;
	border:0;
	border-collapse: collapse;
}
tr.gridHeaderStyle th table td
{
	padding: 0;
	color: #FFFFFF;
	border: 0;
}
.gridItemStyle
{
    color: #000000;
    background-color: #DFDFDF;
    text-align: center;
}
.gridItemStyle td
{
    border-style: solid;
    border-width: 1px;
    border-color: #CCCCCC;
}
.gridItemStyle td.locked
{
    color: #000000;
    background-color: #DFDFDF;
}
.gridAlternatingItemStyle
{
    background-color: #FFFFFF;
    text-align: center;
}
.gridAlternatingItemStyle td
{
    border-style: solid;
    border-width: 1px;
    border-color: #CCCCCC;
}
.gridAlternatingItemStyle td.locked
{
    color: #000000;
    background-color: #FFFFFF;
}
.grid2
{
    border-style: solid;
    border-color: #CCCCCC;
    border-bottom-width: 1px;
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-right-width: 1px;
}
.grid2HeaderStyle
{
    background-color: #DFDFDF;
    height: 30px;
}
.grid2HeaderStyle td
{
    padding: 2px;
    border-style: solid;
    border-color: #CCCCCC;
    border-bottom-width: 1px;
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 0px;
    border-right-width: 0px;
}
.grid2HeaderStyleBoldTop
{
    background-color: #00805D;
    font-weight: bolder;
    color: #FFFFFF;
    height: 30px;
}
.grid2HeaderStyleBoldBottom
{
    background-color: #DFDFDF;
    font-weight: bolder;
    height: 30px;
}
.grid2HeaderStyleBoldTop td
{
    padding: 2px;
    border-style: solid;
    border-color: #05733F;
    border-bottom-width: 1px;
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 0px;
    border-right-width: 0px;
}
.grid2HeaderStyleBoldBottom td
{
    padding: 2px;
    border-style: solid;
    border-color: #CCCCCC;
    border-bottom-width: 1px;
    border-top-width: 0px;
    border-bottom-width: 1px;
    border-left-width: 0px;
    border-right-width: 0px;
}
/*Grillas Afiliaciones*/
.gridHeaderStyle1
{
    color: #FFFFFF;
    background-color: #00805D;
    font-size: 9px;
    text-align: center;
    vertical-align: middle;
}
.gridHeaderStyle1 td, .gridHeaderStyle1 th
{
    border-style: solid;
    border-width: 1px;
    border-color: #05733F;
}
.gridItemStyle1
{
    color: #000000;
    background-color: #DFDFDF;
    font-size: 9px;
    text-align: center;
    vertical-align: middle;
}
.gridItemStyle1 td
{
    border-style: solid;
    border-width: 1px;
    border-color: #CCCCCC;
}
.gridAlternatingItemStyle1
{
    background-color: #FFFFFF;
    font-size: 9px;
    text-align: center;
    vertical-align: middle;
}
.gridAlternatingItemStyle1 td
{
    border-style: solid;
    border-width: 1px;
    border-color: #CCCCCC;
}
/*Fin Grillas*/

.tabla_inner_boxes {
	padding:0 4px;
}
.table_boxes td {
	vertical-align:top;
	border-collapse:separate;
}
.table_boxes table{
	border-collapse:separate;
	border:thick;
	margin: 0 auto;
}
.tabla_centrada
{
    margin: 0 auto;
}
.tabla_ta_left
{
    text-align:left;
}
.link table
{
    border-collapse: separate;
    border-spacing: 3px;
}

.text-center
{
    text-align:center;
}
.dialog_buttons
{
    margin:2px;
}
#divResultadoBusquedas iframe {
    height: 890px !important;
}
/*terminos y condiciones*/
div.terminos{
	text-align:justify;
	height:350px;
	overflow-y:scroll;
    width:930px;
}
ol.terminos{
  counter-reset: contadorItem;
}
ol.terminos > li{
	list-style-type: decimal;
    margin: 2em 1em;
    display:block;
    counter-increment: contadorItem;
}
ol.terminos > li:before{
	margin-right: .2em;
	content: counter(contadorItem) ". ";
    font-weight: bold;
}
ol.terminos > ol.terminosSubLista {
  list-style-type: decimal;
  counter-reset: contadorItem2;
}
ol.terminosSubLista2 {
  list-style-type: lower-alpha;
  margin: 2em;
}
li.terminosSubLista2 {
  list-style-type: lower-alpha;
  margin: 1em;
}
ol.terminos > ol.terminosSubLista li{
  display:block;
  margin-left: 2em;
  margin-right: 1em;
  margin-top: 2em;
  counter-increment: contadorItem2;
}

ol.terminos > ol.terminosSubLista li:before{
  content:  counter(contadorItem) "." counter(contadorItem2);
  margin-right: .5em;
  font-weight: bold;
} 

ul.terminos li{
	list-style-type: circle;
	margin-left: 3.0em;
}
p.terminos{
    margin: 1em;
}
h1.terminos{
    margin: 1em auto 2em;
    text-align:center;
}

h2.terminos{
    margin: 2.0em;
}

h3.terminos{
    margin: 2.0em;
}

.resumenVal{
    text-align: left;
    font-size:11px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

.resumenVal ul{
    margin-top:10px;
    color:#4F4F4F !important;
}
.resumenVal li{
    list-style-type: circle;
    list-style-position:outside;
    font-weight:normal !important;
    white-space: normal;
    width:270px;
    margin-left:13px;
}

.resumenVal img{
    float:left;
    margin-right:10px;
    margin-top:5px;
}

.resumenVal p
{
    margin-top:5px;
    float:right;
    width:286px;
}

.resumenVal a
{
    float:right;
    width:286px;
}

.resumenVal div
{
    margin-top:5px;
    float:right;
    overflow:auto;
    font-size:11px !important;
}

.ie7 .resumenVal div{
    padding-left:3px;
    overflow:visible;
    font-size:11px !important;
}

.criteriosReportForm {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
}

.criteriosReportForm input[type="submit"]
{
    margin-top: 10px;
}

.criteriosReportForm select{
	width: 120px;
}

.criteriosReportForm select{
    margin: 15px;
}
.criteriosReportForm #ddcl-Contenido_lstTiposPlanilla-ddw,
.criteriosReportForm #ddcl-Contenido_lstEstados-ddw{
    text-align: left;
}
.criteriosReportForm #ddcl-Contenido_lstTiposPlanilla,
.criteriosReportForm #ddcl-Contenido_lstEstados{
    vertical-align: middle;
}
/*Sprites*/

/* states and images */
.icono { width: 16px; height: 16px; background-image: url(../img/sprite.png);
         display:inline-block; background-repeat:no-repeat;  overflow: hidden; float:left; }

/* positioning */
.icono-editar { background-position: -1px -1px; }
.icono-eliminar { background-position: -1px -21px; }
.icon-03 { background-position: -1px -41px; }
.icon-04 { background-position: -1px -61px; }
.icono-guardar { background-position: -1px -81px; }
.icono-consultar { background-position: -21px -1px; }
.icono-ok { background-position: -21px -21px; }
.icon-08 { background-position: -21px -41px; }
.icon-09 { background-position: -21px -61px; }
.icono-adicionar { background-position: -21px -80px; }
.icon-11 { background-position: -41px -1px; }
.icono-cancel { background-position: -41px -21px; }
.icon-13 { background-position: -41px -41px; }
.icon-14 { background-position: -41px -61px; }
.icon-15 { background-position: -41px -81px; }
.icono-filtro { background-position: -61px -1px; width: 15px; height: 12px; }
.icono-sortc { background-position: -61px -21px; }
.icono-sort { background-position: -61px -41px; width: 14px; height: 12px; }
.icono-sortasc { background-position: -61px -61px; width: 14px; height: 12px; }
.icono-sortdesc { background-position: -61px -81px; width: 14px; height: 12px; }

.icono-search { background-position: 0px -100px; }
.icono-search-lower { background-position: 0px -98px; float:none;}
.icon-22 { background-position: -21px -101px; }
.icon-23 { background-position: -41px -101px; }
.icono-hoversub { background-position: -61px -101px; width: 7px; height: 10px; float:none; display:inline-block; }


/* states and images */
.btn_footer { width: 108px; height: 72px; background-image: url(../img/footer.png);
         display:inline-block; background-repeat:no-repeat;  overflow: hidden;}

/* positioning */
.btn-home { background-position: 0 0; }
.btn-preguntenos {background-position: 0 -72px}
.btn-consultor { background-position: 0 -144px; }
.btn-consultor-xs { background-position: -25px -144px;  width: 58px; float: right; margin-top: 9px; }
.btn-independientes { background-position: 0 -216px; }
.btn-empresariales { background-position: 0 -288px; }
.btn-facebook { background-position: 0 -360px; }
.btn-twitter { background-position: 0 -432px; }
.btn-youtube { background-position: 0 -504px; }
.btn-sombra { background-position: 0 -576px; }

.relative-pos { position:relative; }


.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }
.hidden { display: none; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }


@media all and (orientation:portrait) {

}

@media all and (orientation:landscape) {

}

@media screen and (max-device-width: 480px) {

  /* html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } */
}


@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important;
  -ms-filter: none !important; }
  a, a:visited { color: #444 !important; text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; }
  tr, img { page-break-inside: avoid; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
}
.tituloSeccion
{
    color:rgb(127, 195, 67);
}
.subtituloSeccionServicios
{
    color:rgb(0, 128, 93);
}

.navlist li { list-style-type: square; }

.CompletionListCssClass
{
    z-index: 4003 !important;
    min-width: 100%;
    max-height: 400%;
    font-size: 12px;
    overflow: auto;
}
.AutoCompleteExtenderItemHighlighted
{
    background-color: #00C18C;
    color: White;
    min-width: 80%;
    max-height: 40%;
    z-index: 4003 !important;
    font-size: 12px;
}
.AutoCompleteExtenderItem
{
    background-color: White;
    min-width: 80%;
    max-height: 40%;
    z-index: 4003 !important;
    font-size: 12px;
}

        .checkbox-accordion {
            text-align: left ;
        }
        .ie7 .ui-accordion{width: 92% !important}
        .ui-accordion-content {
            background-color: #F5F5F5 ;
            box-shadow: 0px 0px 3px;
        }

        .ui-accordion-header {
            position: absolute ;
            padding-left: 30px !important;
            font-size: 14px ;
            text-align: left;
        }

        .titulo-panel {
            width: 300px;
            /*font-size: 15px;*/
            box-shadow:none !important;
            padding-left:15px;
        }

        .InputFecha-panel {
            display: block;
            margin-bottom: 0.5em;
            text-align: inherit;
            color: black;
        }

        .checkbox-item {
            text-align:left;
        }
        .ie7 .panel-desplegable{border: solid #DDD 1px}
        .panel-desplegable {
            height: auto;
            position: absolute;
            top: 0;
            left: 0;
            display: none;
            background: #F5F5F5;
            border: 1px hsl(0, 0%, 83%) solid;
            color: hsl(0, 0%, 50%);
            -moz-border-radius-topleft: 0px;
            -webkit-border-top-left-radius: 0px;
            -moz-border-radius-bottomleft: 0px;
            -webkit-border-bottom-left-radius: 0px;
            -moz-border-radius-topright: 20px;
            -webkit-border-top-right-radius: 20px;
            -moz-border-radius-bottomright: 20px;
            -webkit-border-bottom-right-radius: 20px;
            border-radius: 0px 20px 20px 0px;
            width: 350px;
            box-shadow: 0px 0px 3px;
            z-index:1000;

        }

        .panel-desplegable-titulo {
            height: auto;
            width: 350px;
            border-left: 30px;
            background-color: #FCFCFC;
            -moz-border-radius-topleft: 0px;
            -webkit-border-top-left-radius: 0px;
            -moz-border-radius-bottomleft: 00px;
            -webkit-border-bottom-left-radius: 00px;
            -moz-border-radius-topright: 20px;
            -webkit-border-top-right-radius: 20px;
            -moz-border-radius-bottomright: 0px;
            -webkit-border-bottom-right-radius: 0px;
            border-radius: 0px 20px 0px 0px;
            -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.15);
            -moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.15);
            box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.15);
        }

            .panel-desplegable-titulo h5 {
                padding-top: 5px;
                margin-left: 15px !important;
                -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.15);
                -moz-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.15);
                box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.15);
            }


        .panel-desplegable-contenido {
            padding: 0px 30px 30px 30px ;
        }


        .panel-desplegable-contenido {
            color: black;
            font-weight: normal;
        }

        .a.trigger {
            border: 3px solid #000 ;
            -moz-border-radius-topleft: 30px ;
            -webkit-border-top-left-radius: 30px ;
            -moz-border-radius-topright: 30px ;
            -webkit-border-top-right-radius: 30px ;
            -moz-border-radius-bottomright: 30px ;
            -webkit-border-bottom-right-radius: 30px ;
            -moz-border-radius-bottomleft: 30px ;
            -webkit-border-bottom-left-radius: 30px;
            display: inline;
        }


.checkbox-accordion tbody tr td label
{
    padding-left:5px;
}


.checkbox label
{
    padding-left:5px
}

.padding-top-15
{
    padding-top:15px;
}

.marketplace-text
{
    text-align:justify !important;
    font-size:medium;
}

.padding-15
{
    padding:15px;
}

ul.bullet, ul.bullet > li
{
    list-style-type:circle !important;
    margin-left:15px !important;
    list-style:circle inherit inherit !important;
}

ul.bullet > li
{
    padding-top:5px !important;
}

.title-marketplace{
	color:#888888;
	display:block;
    font-weight:bold  ;
	text-shadow: 1px 1px 0.5px rgba(0, 0, 0, 0.15);
}

@font-face {
  font-family: 'Glyphicons Halflings';
  src: url('../marketplace/fonts/Bootstrap/glyphicons-halflings-regular.eot');
  src: url('../marketplace/fonts/Bootstrap/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../marketplace/fonts/Bootstrap/glyphicons-halflings-regular.woff') format('woff'), url('../marketplace/fonts/Bootstrap/glyphicons-halflings-regular.ttf') format('truetype'), url('../marketplace/fonts/Bootstrap/glyphicons-halflings-regular.svg#glyphicons-halflingsregular') format('svg');
}

.talls > div > img {
  width:100%; height:100%;align-content:center;
}
.carousel-inner{
  width:100%;
  height:400px;
  border:1px solid gray;
}


a.carousel-control
{
  top: 45%;
  left: 8px;
  width: 60px;
  height: 60px;
  margin-top: 0px;
  font-size: 10px !important;
  font-weight: 100 !important;
  line-height: 30px !important;
  color: #fff;
  text-align: center;
  background: #222;
  border: 3px solid #fff;
  border-radius: 50%;
  opacity: 0.3;
}

a.carousel-control.right
{
  right:0px;
}
.carousel-caption
{
  background:#111;
  opacity:0.5;
  transition:opacity 0.3s;
  padding:20px;
  border-radius:20px 20px 0 0;
  bottom:0px;
  font-size:12px;
}
.item.active:hover > .carousel-caption
{
  opacity:0.8;
}
.carousel-indicators
{
  bottom:-20px;
}
.carousel-indicators li
{
  border-color:#888;
  opacity:1;
  border-width:2px;
  width:8px;
  height:8px;
  margin-top:10px;
}
.carousel-indicators li.active
{
  width:10px;
  height:10px;
}
.carousel-indicators li:hover
{
  opacity:1;
}

.carousel-inner > .item, .carousel-inner > .item > img
{
    height:100% !important;
    width:100%;
}

#divRatprom > i
{
    color:orange;
    font-size:30px;
}

#divRat > i
{
    color:orange;
    font-size:20px;
}

.padding-top-40
{
    padding-top:40px !important;
}

.paragraph-marketplace{
	color:#888888;
	display:block;
	text-shadow: 1px 1px 0.5px rgba(0, 0, 0, 0.15);
    font-size:small !important;
}

#iframeDetailMarketplace
{
    height:100%;
    width:100%;
}

#divComentAddin1, #formAddinActivosDetails, #htmlAddinActivosDetails
{
    overflow-y: hidden !important;
    overflow-x: hidden !important;
}

.padding-left-15
{
    padding-left:15px !important;
}

.margin-left-15
{
    margin-left:15px !important;
}

.marketplace-button-text
{
    font-weight:bold !important;
    color:white !important;
}

.float-left
{
    float:left;
}
.float-right {
    float: right;
}

.marketplace-rate
{
    font-size:30px !important;
    font-weight:bold !important;
    /*text-align:right !important;*/
}

.align-left
{
    text-align:left;
}

.marketplace-central{
    /*cursor:pointer;*/
	background-repeat: no-repeat;
	background-position: center;
    margin: 0 10px;
    float:none;
}
.marketplace-lateral{

    /*cursor:pointer;*/
	background-repeat: no-repeat;
	background-position: center;
    float:none;
    width: 150px;
    height: 150px;
    border-radius: 150px;
    background-color:white;
}

.marketplace-logo-addin-Activos
{
    background-image:  url('../Marketplace/images/Addins/verde.jpg');
}

.marketplace-logo-addin-Activos-masivo
{
    background-image:  url('../Marketplace/images/Addins/amarillo.jpg');
}

.marketplace-logo-addin-pensionados
{
    background-image:  url('../Marketplace/images/Addins/naranja.jpg');
}

.padding-top-bot-5
{
    padding-top:5px;
    padding-top:5px;
}

.margin-top-bot-5
{
    margin-top:5px;
    margin-bottom:5px;
}

.invisible-button
{
    background: transparent;
    border: none !important;
    font-size:0;
}

.marketplace-addin-activos-button
{
    color:#00805D !important;
    border-color:#00805D  !important;
    vertical-align:central !important;
    font-weight:bold  !important;
}
.marketplace-addin-activos-button:hover
{
    background-color:#00805D  !important;
    border-color:#00805D  !important;
    color:white  !important;
    vertical-align:central  !important;
    font-weight:bold  !important;
}

.marketplace-addin-activos-masivos-button
{
    color:#FCAF17 !important;
    border-color:#FCAF17  !important;
    vertical-align:central !important;
    font-weight:bold  !important;
}
.marketplace-addin-activos-masivos-button:hover
{
    background-color:#FCAF17  !important;
    border-color:#FCAF17  !important;
    color:white  !important;
    vertical-align:central  !important;
    font-weight:bold  !important;
}

.marketplace-addin-pensionados-button
{
    color:#F68B1F !important;
    border-color:#F68B1F  !important;
    vertical-align:central !important;
    font-weight:bold  !important;
}
.marketplace-addin-pensionados-button:hover
{
    background-color:#F68B1F  !important;
    border-color:#F68B1F  !important;
    color:white  !important;
    vertical-align:central  !important;
    font-weight:bold  !important;
}

.ui-button-solo
{
    margin-top:20px
}

span.chkGridOptions
{
    padding-right:10px;
}
.chkGridOptions input[type=checkbox]
{
    vertical-align:middle;
}
.chkGridOptions label
{
    padding-left: 4px;
    vertical-align: middle;
}
/*Iteración 68*/
/*Estilos para la interfaz de las planillas M,N,N(sin pago),J,U */
/*Contenedor global de la interfaz*/
.wrapContenido{
    font-size: 12px;
    margin-top: -10px;
    padding-bottom: 1em;
}
/*Contenedor de los paneles laterales*/
.asideContenido{
    display:inline-block;
    margin-left:10px;
    vertical-align:top;
    width:210px;
}
/*margen superior de los botones imagen*/
.asideContenido input[type=image]{
    margin-top: 1em;
}
/*Paneles con titulo*/
.asideContenido .panelesBorderRadius{
    border-radius: 0 0 1em 1em;
    padding-top:0;
}
/*parrafos de descripción de los paneles*/
.asideContenido .panelesBorderRadius p, .asideContenido .panelesBorderRadius span{
    display: block;
    padding-top: 1em;
}
/*radio buttons de los paneles mi pimes y ley 1429*/
.asideContenido .panelesBorderRadius div{
    width:48%;
}
/*Contenedor de paneles principales*/
.sectionContenido{
    display:inline-block;
    margin:0 10px 0 0;
    width: 732px;
}
/*división izquierda del contenedor de panles*/
.divSectionContenido{
    display: inline-block;
    width:492px;
}
.divSectionContenido .panelesBorderRadius, .sectionContenido .panelGrilla{
    margin-left: 9px;
}
.divSectionContenido .panelesBorderRadius{
    width:229px;
}


/*división derecha de paneles principales*/
.divSectionContenido2{

    display: inline-block;
    margin-left:10px;
    vertical-align:top;
    width:229px;
}
.panelesBorderRadiusPlanillaU {
    padding-right: 15px !important;
    padding-left: 20px !important;
}
.panelesBorderRadiusPlanillaURadioGroup {
    padding-right: 25px !important;
    padding-left: 14px !important;
}

/*estilos para todos los paneles*/
.panelesBorderRadius{
    background: #cbe9cf;
    display: inline-block;
    border-radius: 1em;
    padding: 1em .3em;
}
/*estilos para los titulos de los paneles*/
.tituloPanelesBorderRadius{
    background: url(../Images//title-center.png);
    border-radius: 1em 1em 0 0 ;
    color: #FFF;
    display:block;
    padding: 0.2em 0;
    text-align:center;
}
/*estilos para las divisiones dentro de los paneles (contenedores de controles)*/
.panelesBorderRadius>div{
    display: inline-block;
    max-width:40%;
}
/*Estilos para los campos de texto dentro de los paneles*/
.panelesBorderRadius>div>input[type=text]{
    display: inline-block;
    margin:0;
    max-width:90%;
}
.panelesBorderRadius input[type=text]{
    margin-top: .3em;
}

/*margen superior para los paneles con titulo en el aside del 1 en adelante*/
.asideContenido .tituloPanelesBorderRadius, .sectionContenido .panelesBorderRadius{
    margin-top: 10px;
}

/*posicion para los controles ocultos*/
.divSectionContenido>.panelesBorderRadius>span[style*="hidden;"],
.divSectionContenido>.panelesBorderRadius>span[style*="visible;"]{
    position:absolute;
}
.panelEmpleados{
    margin:1em auto 0;
    width:70%;
}
.panelEmpleados table{
    margin: auto;
}
.panelEmpleados label{
    margin-left:.3em;
}
.panelEmpleados input{
    margin-left:2em;
}
/*grilla de empleados*/
.panelGrilla{
    position:relative;
    margin-top:1em;
    text-align:left;
}
.gridEmptyStyle img{
    vertical-align: middle;
    width:38px;
}
/*label paginación grilla*/
.panelGrilla>span{
    display:inline-block;
    margin-bottom:1em;
    padding-top:.5em;
    text-align:left;
    vertical-align:bottom;
    width:49%;
}
/*boton de borrado de registros de la grilla*/
.panelGrilla>input{
    display:inline-block;
    position:absolute;
    right:0;
}
/*dialogos de validación*/
.dialogo{
    text-align: justify;
    font-size: 12px;
    margin-bottom: 1em;
}
.ie7 .divSectionContenido,
.ie7 .divSectionContenido .panelesBorderRadius,
.ie7 .divSectionContenido .panelesBorderRadius div,
.ie7 .divSectionContenido2,
.ie7 .asideContenido .panelesBorderRadius div{
    display: inline;
}
/*it70*/
.panelesCesantias{background:#cbe9cf;border-radius:.5em;margin:0 auto 1em;padding:1em;width:70%}
.panelesCesantias p{text-align:justify}
.panelesCesantias p img{vertical-align:middle}
.panelesCesantias p em{background:#00805D;border-radius:3px;color:#FFF;font-family:Arial,sans-serif;padding:.3em .7em;line-height:2em}
.fieldset{font-size:.95em;margin-top:1em; text-align: justify; padding: .5em}
.link-table{background:#DDD;border:solid 1px #CCC;color:#00805D;padding:.2em .5em;text-decoration:underline}
.file{margin:auto;width:340px;border:1px solid #CCC; position:relative}
legend{text-align:left}
.bigPanelMediosMagneticos{height:330px;overflow-x:hidden;overflow-y:auto;position:relative;width:300px}
.pnlBotones{position:relative}
.pnlBotones #Contenido_btnVerReporte{position:absolute;right:0}
.validacion{position:absolute}
.progreso{width:50%; margin-left:15em; margin-top:2.5em; margin-bottom:1em}
.progreso div{width:100px;float:left;line-height:2.5em;}
.progreso div#uno{background:center url("../Images/bn20.gif")} .progreso div#dos{background:center url("../Images/b000.gif")} .progreso div#tres{background: center url("../Images/b000.gif")} .progreso div#cuatro{background: center url("../Images/b00n.gif")}
/*grid*/
.col-12{width:99.7%}.col-11{width:91.3%}.col-10{width:83%}.col-9{width:74.7%}.col-8{width:66.3%}.col-7{width:58%}.col-6{width:49.7%}.col-5{width:41.3%}.col-4{width:33%}.col-3{width:24.7%}.col-2{width:16.3%}.col-1{width:8%}
.col-12,.col-11,.col-10,.col-9,.col-8,.col-7,.col-6,.col-5,.col-4,.col-3,.col-2,.col-1{float:left;box-sizing:border-box;vertical-align:middle}
.left{text-align:left}.right{text-align:right !important}.justify{text-align: justify}
.asterisk,.asterisk-md,.asterisk-lg{position:absolute;height:.8em;top:.3em}
.asterisk-md{top:.5em}
.asterisk-lg{top:1.5em}
/*i*/
.ui-icon { width: 16px; height: 16px; background-image: url(images/ui-icons_222222_256x240.png); }
.divError {
    margin: 0.5em auto;
}
.divPrincipalError {
    margin: 4em auto;
    text-align:center;
    width: 100%;
}
/*style forms*/
.cont-form fieldset{padding: 0 .5em 1em; margin: 0 0 .4em}
.cont-page{margin: auto}
.cont-form, .cont-page, .cont-form-ct {text-align: left; color: #888}
.section-content-middle{
    display: inline-block;
    width: 46%;
} 
.section-content p, .section-content .field{
    display: inline-block;
    vertical-align: middle;
    margin-bottom: .5em;
    position: relative;
    width: 49%;
}
.field input[type=radio]{
    margin-right: .3em;
    vertical-align: middle;
}
.field ul, .field ul li{
    display: inline-block;
}
.field ul li label{
    width: auto;
    margin-right: 1em;
    text-transform: lowercase;
}
.field ul.text-transform-none li label{
    text-transform: none;
}
.field p{
    width: 100%;
}
.cont-form-ct{
    width: 37%;
    margin: auto;
    padding: 1em;
    font-size: 11px;
}
.cont-form-ct p label{display: inline-block; width: 15em; font-weight: bold; vertical-align: middle}
.cont-form-ct p{margin-bottom: .5em;}
.cont-form-ct input{width: 15em}
.section-content p span input[type=checkbox],
.section-content p span input[type=radio],
.section-content div input[type=checkbox],
.section-content p input[type=image],
.section-content p .field-small{
    height: auto;
    width: auto;
    max-width: 3em;
    vertical-align: middle;
}
.inline-block input[type=radio] + label{
    vertical-align: baseline;
    margin-left: .3em;
    margin-right: .5em;
}
.cont-form p span input{
    margin-right: .3em;
}
.section-content p label, .section-content div label{width: 15em;font-weight:bold; display:inline-block; vertical-align: middle}
.ie7 .cont-form p {display:inline}
.section-content p input,
.section-content p label,
.section-content p span,
.section-content table,
.periodo span,.periodo
{
    display:inline-block;
    vertical-align:middle;
}
.section-content .checkbox-container label{
    width: 5em;
}
.section-content .checkbox-container p{
    width: 24%;
    display:inline-block;
}
.checkbox-container{
    overflow: auto;
    width: auto;
}
.checkbox-container input[type=checkbox]{
    margin-right: 5em;
}
.cont-form div .input-grande{
    width: 666px;
}
.text-info{
    text-align: justify;
    margin-bottom:1em;
}
.text-color{
    padding: 1em;
}
.text-green, .text-color-green{
    color: rgb(0,128,93) !important;
}
.text-red, .text-color-red{
    color: rgb(200,100,100);
}
.text-color-green{
    background-color: rgb(204,230,223) !important;
}
.text-color-red{
	background-color: rgb(250,220,220);
}
.font-size-small{
    font-size: .8em;
}
.periodo fieldset label,.periodo fieldset span label,.periodo fieldset span,.periodo fieldset select{vertical-align:middle; color:#444}
.cont-form p input, .cont-form p select,.cont-form div select{width: 18em; box-sizing: border-box; font-size: .7rem; padding:.2em; height:auto}
.cont-form p span input[type=image] {
    width: auto;
    margin-right: 0em;
    margin-left: 0em;
    display: inline-block;
}
.cont-form p span input[type=checkbox]{width:auto; margin-right: .4em; margin-left: .4em; display:inline-block;}
.cont-form p span {
    min-height: 1em;
}
.cont-form .spanFieldset span label{
    margin-bottom: .3em;
}

.btns,.btn{ margin: 1em auto; text-align: center !important; clear:both}
.btn { min-width: 6em}
.btnDisabled {background: lightgrey !important; color: #888 !important}
.btnDisabled:hover{cursor:not-allowed !important}
.section-content{margin-bottom: 1em; padding: 0 1em; text-align: left; font-size: 11px;}
.cont-page .section-content p{padding: .5em; text-align: justify; width: auto}
.cont-form label,.cont-page label {
    font-weight: bold;
    font-size: 11px;
}

.cont-form p.exito{ color:#00805D; padding: 1em 0; text-align: justify}
#Contenido_Terminos{font-size:1.1em;color:gray}
#Contenido_Terminos h1,#Contenido_Terminos h2,#Contenido_Terminos p {margin:1em}
#Contenido_Terminos h1{font-size:1.2em;text-align:center}
#Contenido_Terminos h2{font-size:1.1em}
.top-plus {margin-top:2em !important}
.inline-block,.optionlist td label,.optionlist td input
{display:inline-block;vertical-align:middle !important}
.v-align-top{vertical-align: top !important}
.ie7 .inline-block {float: left; display:block !important}
.margin-top-box {margin-top: 6%}
.ie7 .margin-top-box{margin-top:10%}
.margin-bottom{
    margin-bottom: 1em;
}
.margin-bottom-05{
    margin-bottom: 0.5em;
}
.margin-left-1 {margin-left: 1em !important}
.margin-rihgt-1 {margin-right: 1em}
.margin-left-7 {margin-left: 7em}
.option {margin-left: .5em}
.optionlist {
    position: absolute;
    left: 1em;    
    top: 1em;
    border: none;
    width: 90%;
    height: 10.5em;
    overflow-y: scroll;
}
    .optionlist li,.radiolist li {
        margin-top: .2em;
    }
.optionlist label,.radiolist label{
    display: inline-block;
    max-width: 14em;
    margin-left: .5em;
}
.ie7 .radiolist li{
    margin-top:-.2em;
}
.ie7 .radiolist{
    margin-top: .2em;
}
.radiolist input{padding: 0}
.small-box{
    width: 250px;
    margin: 3em auto 0;
    min-height: 160px;
    position: relative;
    padding: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    text-align: left;
}
.ie7 .small-box input{vertical-align: middle}
.line-ie7 {
    display: none;
}
.ie7 .line-ie7 {
    display: block;
    position: absolute;
    top: -13px;
    left: 0;
    z-index: 0;
}
.ie7 .small-box, .ie7 .optionlist {
    display: block;
}    
.small-box legend {
    position: absolute;
    top: -1.8em;
    left: 1em;
    width: 89%;
    z-index: 10;
}
.small-box input, .small-box label,.radiolist label,.radiolist input{
    vertical-align:middle;        
}
.checkbox input[type='checkbox'],.radio-list input[type=radio]{
    margin-right: .5em;
}
.radio-list input[type=radio]{
    margin-left: 1em;
}
.radio-list-bin{
    text-align: left;
}
.radio-list-bin td{
    border: none;
}
.radio-list-bin input[type=radio]{
    vertical-align: middle;
    margin-right: .5em;
}

.checkbox-v-list{
    float:left;
    margin:20px;
    text-align:left;
}
.checkbox-v-list.n-sin-pago {
    margin-right:20px;
    margin-left:5px;
}
.checkbox-v-list li {
    margin-bottom: 5px;
}
.checkbox-v-list input {
    margin-right: 5px;
}
.checklist-tabs {
    float:left;
    clear:right;
    margin:20px 0;
    text-align:left;
    color: gray;
}
.checklist-tabs > div {
    width:860px;
}
.checklist-tabs p, .checklist-tabs h3{
    text-align: center;
}
.checklist-tabs input[type=text], .checklist-tabs select {
    margin-top: 4px;
    margin-bottom: 10px;
    display: block;
    clear: right;
}
.checklist-tabs .ui-tabs-panel li {
    margin-top: 12px;
    margin-bottom: 12px;
}
.checklist-tabs input[type=radio], .checklist-tabs input[type=checkbox] {
    margin-right: 5px;
    vertical-align: middle;
    position: relative;
    bottom: 1px;
}
.checklist-tabs input.datepicker
{
    width: 115px
}
.inner-form{
    margin: 0 auto;
    width: 230px;
    overflow: visible;
    /*white-space: nowrap;*/
    text-align:left;
    background-color: #FFFFFF;
    padding:10px;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,0.15);
    border-radius: 5px;
}
.inner-form.form-ingret {
    width: 300px;
}
div.inner-form h3 {
    text-align:left;
    margin-bottom: 15px;
}
div#div-gridview
{
	width: 940px;
	overflow-x: scroll;
	white-space: nowrap;
    margin: 10px 0;
}
.checklist-tabs .ui-tabs .ui-tabs-panel {
    background-color:#FEFEFE;
}
.opciones-grid {
    margin: 10px 0;
}
.tab-riesgo {
    width:340px;
}
.tab-riesgo::after { 
   content: " ";
   display: block; 
   height: 0; 
   clear: both;
}
.tab-riesgo label,  .tab-riesgo input, .tab-riesgo p{
    display:block;
    float:left;
    margin-bottom: 3px;
}
.tab-riesgo p {
    position:relative;
    margin-top:4px;
    margin-left:3px;
}
.tab-riesgo label {
    width:230px;
    height:22px;
    margin-top:3px;
    margin-right: 20px;
   border-bottom:inset;
   border-width:thin;
   border-color:#eeeeee;
}
.tab-riesgo input {
    clear:right;
    /*width:100px;*/
    height:20px;
    width:63px;
}
.tab-riesgo input.mini-txt {
    width:33px;
}
.tab-riesgo input.maxi-txt {
    width:80px;
}
.tab-salud {
    width:540px;
}
.tab-salud label {
     width:430px;
}
.tab-riesgos{
    width:390px;
}
.tab-riesgos label {
     width:280px;
}
.panel-totales {
    text-align:center;
}
.panel-totales input {
    margin-left:10px;
    margin-right:20px;
}
.invisible {
    display:none;
}
.estructuras {
    text-align:left;
    width: 317px;
    margin: 20px auto;
}
.estructuras li {
    margin-top: 10px;
}
.estructuras label.etiqueta {
    font-weight:bold;
    margin-bottom:10px;
}
.estructuras input[type=radio] {
    margin-right: 5px;
    vertical-align: middle;
    position: relative;
    bottom: 1px;
}
.one-column-form{
    width: 750px;
    margin: 1em auto;
    text-align: left;
}
.one-column-form fieldset{
    padding: 0 1em;
    margin: 0;
    border: none;
}
.one-column-form p{
    margin-bottom: 1em;
}

.one-column-form h2{
    font-size: 1.8em;
    margin-bottom: .5em;
}
.g-recaptcha{
    display: inline-block;
    margin-bottom: 1em;
}
.linkterminos{text-decoration:underline;cursor:pointer}
.dropDownListBlocked {
    background-color:rgb(235, 235, 229);
}
.sectionContenidoBlock{
    margin:auto 10px;
    width: 732px;
}
.redText{
    color:red;
}
.contentBtnConfig {
    display: flex;
    justify-content: center;
}

.contentBtnConfig button {
    margin-inline: 10px;
}
.input-variant-default {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
    height: 40px;
    border-radius: 8px;
    border: 1px solid #CDCED9;
    background: transparent;
    background-color: white;
    cursor: pointer;
    font-family: Rubik, sans-serif;
    font-size: medium;
    padding-left: 16px;
    box-sizing: border-box;
}
.container-ael-modal {
    font-family: Rubik, sans-serif;
}

.container-select label {
    font-family: Rubik, sans-serif;
    font-weight: 600;
}

.container-select {
    display: flex;
    font-size: medium;
    align-items: center;
    gap: 8px;
}

.w-select {
    width: 150px
}

.form-report {
    display: flex;
    justify-content: center;
    gap: 90px
}

.ael-button {
    font-weight: 600;
}
.f-v-center {
    color: #333;
}
.titulo-adicionar-sucursal {
    color: #086 !important;
    font-family: Rubik-regular, sans-serif;
    font-size: 22px;
    font-weight: 900;
    margin-bottom: 20px;
}
.icono-add-dark {
    width: 18px;
    height: 18px;
    background-image: url("../img/iconAdd.png");
    background-repeat: no-repeat;
    background-size: contain;
    transition: background-image 1s, transform 1s;
}

.icono-add {
    width: 18px;
    height: 18px;
    background-image: url("../img/iconAdd.png");
    background-repeat: no-repeat;
    background-size: contain;
    transition: background-image 1s, transform 1s;
    filter: invert(0.8);
}

.ael-button:hover .icono-add-dark {
    width: 18px;
    height: 18px;
    transition: background-image 1s, transform 1s;
    transform: rotate(180deg);
    filter: invert(0.8);
}

.ael-button-2:hover {
    background: #007a5e;
    color: white;
}

.ael-button-2:hover .icono-add {
    width: 18px;
    height: 18px;
    transform: rotate(180deg);
    filter: invert(0);
}

.ael-button:hover {
    background: white;
    border: 1px solid #cdced9;
    background-color: #fff;
    color: #30313f;
}