@charset "utf-8";
*, *:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
html, body, div, span, applet, object, iframe, p, blockquote, pre, a,
	abbr, acronym, address, big, cite, code, del, dfn, font, img, ins, kbd,
	q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr,
	th, td, center, u, b, i {
	vertical-align: baseline;
	border: 0;
	outline: 0;
	font-weight: normal;
	font-style: normal;
	font-size: 100%;
}

* {
	margin: 0;
	padding: 0
}

:focus {
	outline: 0
}

ol, ul {
	list-style: none
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

blockquote, q {
	quotes: "" ""
}

hr {
	border: 0;
	color: #000;
	background-color: #000;
	height: 0px
}

blockquote:before, blockquote:after, q:before, q:after {
	content: ""
}

html {
	position: relative;
	min-height: 100%;
	width: 100%;
}

body {
	/*margin: 0 0 80px; /* bottom = footer height */
	background: #fbfeff;
	padding: 0px;
	font-family: Tahoma, Geneva, sans-serif;
	min-height: 100%;
	min-width: 400px;
}

strong, .strong {
	font-weight: bold;
}

p, ul, ol {
	font-size: 12px;
	color: #666;
	margin: 0px;
	line-height: 18px;
}
.gray-500{
	color: #ADB5BD !important;
}
a, .btn-enlace {
	text-decoration: none;
	color: #00c3ff;
	font-weight: bold;
	cursor: pointer;
}

a:hover, .btn-enlace:hover {
	color:#00c3ff;
	transition: .25s;
}

a:visited {
	color: #00c3ff;
	transition: .25s;
}

a.boton {
	background: #00498e;
	padding: 2px 15px;
	margin: 0px;
	color: #FFF;
	font-weight: normal;
	font-size: 12px;
	text-decoration: none;
	border: 1px solid #069;
	border-radius: 3px;
	box-shadow: 1px 1px 1px rgba(50, 50, 50, 0.5);
}

/*a:hover.boton{
	color:#FFF;
	background:#62CDF6;
	-webkit-box-shadow:0px 0px 1px rgba(50, 50, 50, 1);
	-moz-box-shadow:0px 0px 1px rgba(50, 50, 50, 1);
	box-shadow:0px 0px 1px rgba(50, 50, 50, 1);
	-o-transition:.5s;
  	-ms-transition:.5s;
  	-moz-transition:.5s;
  	-webkit-transition:.5s; 	
	transition:.5s;
}*/
.tope {
	clear: both;
}

.rounded-corners {
	behavior: url(/sistemas/estilos/htc/border-radius.htc);
	border-radius: 10px;
}

/*-------------------------------- LOGIN*/
#login {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -160px 0 0 -240px;
	padding: 5px;
	width: 480px;
	color: #FFF;
	background: #00498e;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.5);
	box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0px 0px 50px 25px rgba(255, 255, 255, 1);
	-moz-box-shadow: 0px 0px 50px 25px rgba(255, 255, 255, 1);
	box-shadow: 0px 0px 50px 25px rgba(255, 255, 255, 1);
}

#login form {
	margin: 0 10px 10px;
}

#login fieldset {
	display: inline;
	margin: 0px 10px 20px;
	width: 180px;
	vertical-align: top;
}

#login legend {
	font-size: 14px;
	font-weight: bold;
	font-family: Verdana, Geneva, sans-serif;
}

#login label {
	display: inline-block;
	width: 200px;
	font-size: 12px;
	margin: 5px 0px;
}

#login input, #login select {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px #036 solid;
	width: 100%;
	height: 30px;
	padding: 0px;
	line-height: 30px;
	text-indent: 5px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-moz-box-shadow: inset 1px 1px 2px #333;
	-webkit-box-shadow: inset 1px 1px 2px #333;
	box-shadow: inset 1px 1px 2px #333;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

#login input:focus, #login select:focus {
	border: 1px #62CDF6 solid;
}

/*-------------------------------- SESION*/
#sesion {
	height: 24px;
	width: 100%;
	font-size: 12px;
	text-align: right;
	background: #0067b9;
}

#fileupload, #fileuploadvideos {
	height: 130px !important;
}

#sesion li {
	display: inline;
	line-height: 24px;
	margin-right: 20px;
}

#sesion a {
	color: #FFF;
	background: url(../imagenes/sprites.png) no-repeat;
	padding-left: 24px;
}

#sesion a:hover {
	text-decoration: underline;
}

#sesion a.productor {
	background-position: -215px -379px;
}


#sesion a.cambiar {
	background-position: -215px -347px;
}

#sesion a.cerrar {
	background-position: -215px -315px;
}

#sesion a.contacto {
	background-position: -215px -288px;	
}

  /* *************** submenu de sesion ******************** */

#sesion li.sesion-submenu {
	position: relative;
}
#sesion li.sesion-submenu:hover{
    background: #009ddf;
    padding: 10px 8px 10px 8px;
	margin-right: 12px;
}

#sesion li.sesion-submenu:hover .desplegable-sesion {
  display: block;
  animation: 100ms ease desplegar 1;
}

.desplegable-sesion {
	display: none; 
	color: #fff;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	top: 29px;
    left: 0;
	padding:0px 15px;
    height: auto;
    /*min-height: 125px;*/
    position: absolute;
    box-shadow: 2px 2px 4px rgba(50, 50, 50, 0.25);
    z-index: 50;
    background: rgb(0,157,223);
    background: -moz-linear-gradient(180deg, #009ddf 2%, rgba(0,131,192,1) 14%, rgba(0,73,142,1) 100%);
    background: -webkit-linear-gradient(180deg, rgba(0,157,223,1) 0%, rgba(0,131,192,1) 14%, rgba(0,73,142,1) 100%);
    background: linear-gradient(180deg, rgba(0,157,223,1) 0%, rgba(0,131,192,1) 14%, rgba(0,73,142,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#009ddf",endColorstr="#00498e",GradientType=1);
	text-align: left;

  /* En en este caso, se modifica el origen de la 
     transformación de este elemento desde la posición
     izquierda y superior. Esto adyudará a dar el efecto 
     de despliegue del submenú */
	 transform-origin: left top;
	 min-width: 260px;
	 width: max-content;
}

/* Animaciones */
@keyframes desplegar {
	from {
	  transform: scaleY(0.5);	  
	  /* 
		 La propiedad transform: scaleY(0.5) junto a la 
		 propiedad transform-origin: left top; permitirá 
		 crear un efecto visual de un submenú que se desenrrolla.
	  */
	}
}

.desplegable-sesion p{
	color:#fff;
}
.datos-contacto{
	padding: 14px 0px;
}
.datos-contacto p.tipo{
	font-size: 13px;
	font-weight: bold;
}
.datos-contacto p.nombre{
	font-size: 12px;
	font-weight: normal;
}

.datos-contacto.linea {
	border-bottom: 1px solid #99C2DC;
 }

#sesion .desplegable-sesion ul.datos {
	margin: 8px 0 0 12px;
} 

#sesion .desplegable-sesion ul.datos > li{
	display: block ;
	line-height: 19px;
} 
#sesion .desplegable-sesion ul.datos li a{
	background: none ;
	padding-left:10px;
	font-weight: normal;
} 

#sesion .desplegable-sesion ul.datos li a::after{
	font-family: "FontAwesome"; 
	content: "\f24d";
	font-size: 11px;
	padding-left: 6px;
	opacity: 0;
	color: #B6D5EB;
} 
#sesion .desplegable-sesion ul.datos li a:hover{
	text-decoration: none;
} 
#sesion .desplegable-sesion ul.datos li a:hover::after{
	opacity: 1;
} 

.icon::before {
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	color: #FFF;
	text-align: right;
	width: 15px;
	font-weight: 400;
  }
	
.cel::before {
	font-family: "FontAwesome"; 
	content: "\f10b";
	font-size: 16px;
  }

.mail::before {
	font-family: "FontAwesome"; 
	content: "\f0e0";	 
	font-size: 11px;
  }

  .icon-contacto {
	background: url('../imagenes/iconos/circle-user-solid.svg') no-repeat;	
	background-size: 28px 28px;
	content: ' ';
	display: block;
	float: left;
	width: 28px; 
  	height:28px;
	margin: 5px 10px 0px 0px;	
  }  

  .copied-toast{
	position:absolute; 
	background:#000000B3; 
	padding: 1px 8px; 
	border-radius:3px; 
	right:10px; 
	/*bottom: 115px; */
	font-size:11px
  }

  
  /* *********************************** */
  

#matriculas {
	position: absolute;
	right: 20px;
	background: #FFF;
	margin: 0px;
	padding: 10px 20px;
	text-align: left;
	z-index: 100;
	-webkit-box-shadow: 1px 1px 1px rgba(50, 50, 50, 0.25);
	-moz-box-shadow: 1px 1px 1px rgba(50, 50, 50, 0.25);
	box-shadow: 1px 1px 1px rgba(50, 50, 50, 0.25);
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
}

#matriculas li {
	display: block;
	margin: 5px;
}

#matriculas a {
	color: #00498e;
	background: none;
	padding: 0;
}

#sesion span.combo {
	display: inline-block;
	width: 12px;
	height: 12px;
	margin: 0 8px;
	background: url(../imagenes/sprites.png) no-repeat;
	background-position: -160px -409px;
}

/*-------------------------------- CABECERA*/
#cabecera {
	height: 79px;
	width: 100%;
	border-bottom: #dfdfdf 1px solid;
	background: #ffffff;
}

.logo {
	padding: 0px;
	float: left;
	height: 28px;
	width: 160px;
	margin: 24px 5px 24px 20px;
	background: url(../../imagenes/rs/Rivadavia_horizontal_sm.png) no-repeat 0 0;
	text-indent: -9999px;
}

.logo h1 {
	padding: 0px;
	margin: 0px;
}

.logo a {
	padding: 0px;
	display: block;
	height: 50px;
}

#cabecera p {
	margin: 10px 20px;
	float: right;
	clear: right;
}

ul#navegacion {
	clear: right;
	float: right;
	margin: 0px 20px;
}

#navegacion li {
	display: inline-block;
	background-color: #dedede;
}

#navegacion li a {
	display: inline-block;
	background: url(../imagenes/sprites.png) no-repeat;
	text-indent: -9999px;
	width: 32px;
	height: 32px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: inset 1px 1px 1px #cccccc;
	box-shadow: inset 1px 1px 1px #bbbbbb;
	-o-transition: .5s;
	-ms-transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
	transition: .5s;
}

#navegacion a:hover {
	background: #62cdf6 url(../imagenes/sprites.png) no-repeat;
	-o-transition: .5s;
	-ms-transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
	/* ...and now for the proper property */
	transition: .5s;
	-webkit-box-shadow: 1px 1px 1px #333;
	box-shadow: 1px 1px 1px #333;
}

#navegacion a.inicio {
	background-position: 2px -278px;
}

#navegacion a.notificaciones {
	background-position: -28px -278px;
}

#navegacion a.perfil {
	background-position: -59px -278px;
}

#navegacion a.asesoramiento {
	background-position: -88px -278px;
}

#navegacion a.alertas {
	background-position: -185px -278px;
}
#navegacion a.consultas {
    background-position: -150px -278px;
}

#navegacion spans{
	display: inline-block;
	background: #F00;
	color: #FFF;
	font-size: 9px;
	line-height: 15px;
	margin: 2px;
	min-width: 16px;
	text-align: center;
	text-indent: 0px;
	padding: 1px 3px;
	position: relative;
	float: right;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 1px 1px 1px #333;
	box-shadow: 1px 1px 1px #333;
}

.badge_table span {
	display: inline-block;
    background: #F00;
    color: #FFF;
    font-size: 9px;
    line-height: 15px;
    margin: 0px -7px;
    min-width: 16px;
    text-align: center;
    text-indent: 0px;
    padding: 1px 3px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    text-align: center;
    white-space: nowrap;
    vertical-align: top;
}
/*-------------------------------- CONTENIDO*/
#menu {
	float: left;
	width: 240px;
	margin: 0px;
	padding: 0px;
	background: #e5e5e5;
	left: 0;
	top: 105px;
	bottom: 40px;
	position: absolute;
	display: inline;
}

#foto_perfil {
	height: 150px;
	width: 230px;
	border: 5px solid #FFF;
	/*background:url(../imagenes/foto_perfil.jpg) no-repeat;*/
}

#foto_perfil .flotante {
	position: absolute;
	float: left;
	top: 120px;
	right: 20px;
}

#buscador {
	height: 50px;
	background: #DDD;
	padding: 5px 15px;
}

#buscador ul.filtros {
	margin: 5px 0px;
}

#buscador ul.filtros li {
	display: inline;
	font-size: 12px;
	padding-right: 6px;
	color: #121e4a;
}

#buscador input.barra {
	height: 24px;
	border: 1px solid #fff;
	padding: 0px 10px;
	padding-top: 5px\9;
	color: #7d7d7d;
	width: 150px;
	border-radius: 4px;
}
#buscador input.barra:focus { border:1px solid #ccc;}
#buscador input.zona {
	width: 30px;
}

#buscador input.numero {
	width: 90px;
}

input.buscar {
	width: 24px;
	height: 24px;
	padding-top: 5px\9;
	border: none;
	background: #00498e url(../imagenes/sprites.png) no-repeat;
	background-position: -124px -284px;
	text-indent: -9999px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	cursor: pointer;
	-webkit-box-shadow: 1px 1px 1px rgba(50, 50, 50, 0.5);
	-moz-box-shadow: 1px 1px 1px rgba(50, 50, 50, 0.5);
	box-shadow: 1px 1px 1px rgba(50, 50, 50, 0.5);
	display: inline-block;
	margin-bottom: -10px\9;
}

input.buscar:hover {
	background: #62cdf6 url(../imagenes/sprites.png) no-repeat;
	background-position: -124px -284px;
	-webkit-box-shadow: inset 1px 1px 1px rgba(50, 50, 50, 0.5);
	-moz-box-shadow: inset 1px 1px 1px rgba(50, 50, 50, 0.5);
	box-shadow: inset 1px 1px 1px rgba(50, 50, 50, 0.5);
	-o-transition: .5s;
	-ms-transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
	transition: .5s;
}

#menu ul.botonera {
	margin: 5px 0px;
}


#menu ul.botonera li a {
	line-height: 40px;
	display: block;
	padding: 0px 40px;
	margin: 0px 0px 0px 5px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #314c59;
	background: url(../imagenes/sprites.png) no-repeat;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-bottomleft: 4px;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
	-o-transition: .5s;
	-ms-transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
	transition: .5s;
}

/*#menu ul.botonera li a:hover,*/
#menu ul.botonera li a.seleccionado {
	background: #fff ;
	transition: .25s;
	text-decoration: none;
}

#asociados {
	width: 240px;
	position: absolute;
	bottom: 0px;
}

#asociados h4 {
	color: #a0a0a0;
	font-size: 14px;
	margin: 5px 10px;
	padding: 0px 5px;
	line-height: 24px;
	border-bottom: 1px solid #a0a0a0;
}

#asociados a.cleas {
	background: url(../imagenes/sprites.png) no-repeat;
	background-position: 0px -320px;
	display: block;
	margin: 0px 15px;
	height: 50px;
	text-indent: -99999px;
}

.menu_flotante {
	/*width:210px;*/
	min-height: 200px;
	background: #FFF;
	padding: 20px;
	position: absolute;
	left: 240px;
	top: 160px;
	box-shadow: 2px 2px 4px rgba(50, 50, 50, 0.25);
	border: 1px solid #CCC;
	z-index:50;
}
/* estos estilos son para abogados */
#div_honorarios {
	width: 210px;
	background: #FFF;
	padding: 20px;
	position: absolute;
	left: 240px;
	-webkit-box-shadow: 2px 2px 2px rgba(50, 50, 50, 0.25);
	-moz-box-shadow: 2px 2px 4px rgba(50, 50, 50, 0.25);
	box-shadow: 2px 2px 4px rgba(50, 50, 50, 0.25);
	border: 1px solid #EEE;
}

#div_demandas {
	width: 210px;
	background: #FFF;
	padding: 20px;
	position: absolute;
	left: 240px;
	-webkit-box-shadow: 2px 2px 2px rgba(50, 50, 50, 0.25);
	-moz-box-shadow: 2px 2px 4px rgba(50, 50, 50, 0.25);
	box-shadow: 2px 2px 4px rgba(50, 50, 50, 0.25);
	border: 1px solid #EEE;
}

#div_cambio_clave {
	width: 210px;
	background: #FFF;
	padding: 20px;
	position: absolute;
	left: 240px;
	box-shadow: 2px 2px 4px rgba(50, 50, 50, 0.25);
	border: 1px solid #EEE;
}

#div_consulta_mediciones {
	width: 210px;
	background: #FFF;
	padding: 20px;
	position: absolute;
	left: 240px;
	box-shadow: 2px 2px 4px rgba(50, 50, 50, 0.25);
	border: 1px solid #EEE;
}

#div_seguimiento_reclamo {
	width: auto; /* 210px */
	background: #FFF;
	padding: 20px;
	position: absolute;
	left: 240px;
	box-shadow: 2px 2px 4px rgba(50, 50, 50, 0.25);
	border: 1px solid #EEE;
}
/* fin estilos estos estilos son para abogados */
#div_unidades {
	min-width: 240px;/*210*/
	width:240px;
	background: #FFF;
	padding: 20px;
	position: absolute; /* Required */
	left: 240px;
	box-shadow: 2px 2px 4px rgba(50, 50, 50, 0.25);
	border: 1px solid #EEE;
	z-index:50;
}

.menu_flotante h3, #div_unidades h3, #div_operaciones h3 {
	background: none repeat scroll 0 0 #0067B9;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #CCC;
	color: #fff;
	display: block;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	font-weight: bold;
	margin: 0;
	padding: 5px 10px;
}

.menu_flotante ul {
	float: left;
/*	width:210px; */
}
.menu_flotante li {
	border-bottom: 0px ;
}
#menu .menu_flotante ul li {
	float: left;
	padding-right: 20px;
/*	width: 210px; */
}

#menu .menu_flotante ul.crea_submenu li {
	padding: 0px;
	border-bottom: 0px;
	float: none;
}
#menu .menu_flotante ul.crea_submenu li a{
	line-height: 18px;
	font-size: 12px;
	margin: 0px;
}

#menu .menu_flotante a{
	background: none;
	border-radius: 3px;
	display: block;
	font-size: 12px;
	font-weight: normal;
	transition: all 0.2s ease 0s;
	padding: 5px 10px !important;
}

#menu #datepicker a {
	padding: 2px 4px !important;
}

#menu .menu_flotante a:hover{
	background: #DFECF6;
	-o-transition: all 0.25s ease 0s;
	-ms-transition: all 0.25s ease 0s;
	-moz-transition: all 0.25s ease 0s;
	-webkit-transition: all 0.25s ease 0s;
	transition: all 0.25s ease 0s;
}

#div_unidades p, #div_operaciones form {
	margin: 10px;
}

#div_operaciones {
	min-width: 460px;/*430*/
	width:auto;
	background: #FFF;
	padding: 20px;
	position: absolute; /* Required */
	left: 240px;
	border: 1px solid #EEE;
	box-shadow: 2px 2px 4px rgba(50, 50, 50, 0.25);
	z-index:55;
}

/*@media screen and (max-height: 640px) {
#div_operaciones{
	bottom:40px;		
}
}*/
#div_operaciones input {
	width: 100%;
	height: 35px;
	margin: 10px 0;
	border-radius: 3px;
	border:1px solid #CCC;
	padding:0 10px;
}
#div_operaciones input:focus { box-shadow: inset 1px 1px 3px 0px rgba(100, 100, 100, 0.25); }
#div_operaciones label {
	width: 200px;
	margin: 10px 10px 10px 0px;
	float: left;
	color: #999;
	font-size: 14px;
	line-height: 18px;
	font-weight: bold;
}

#div_operaciones button {
	margin: 10px 0;
	float: left;
	font-size: 14px;
	line-height: 20px;
	height: 34px;
	font-weight: bold;
}

#div_operaciones .ultimo_margen{
	margin-right:0px;
}

/*-------------------------------- CONTENIDO*/
#contenido {
	margin: 0px 0px 0px 240px;
	padding-bottom: 40px;
}

h2 {
	font-family: Verdana, Geneva, sans-serif;
	color: #121f4b;
	margin: 10px 20px;
	font-size: 18px;
	line-height: 32px;
	border-bottom: 1px solid #e7e7e7;
}
#formularios {
	width: 100%;
	min-width: 720px;
	max-width:1200px;
	margin: auto;
	padding-bottom: 60px;
	
}

.formulario-popup {
	width: 100%;
	padding:0px 6px;
}
.formulario-popup .alert {
	background:#d3effa;
	padding:5px 12px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-bottom:10px;
	border: 1px solid #addcee;
	}
.formulario-popup .alert p {
	margin: 5px auto !important;
	color:#666;
	font-size:14px;
}
.formulario-popup .identificacion {
  color:#666;
  border-bottom:1px solid #ccc;
  border-top:1px solid #ccc;
  font-size:14px;
  line-height:22px;
  display: block;
  padding:2px 0 3px;
  margin:0px 0 10px 0;
}
.formulario-popup .identificacion span{
	font-weight:bold;
}
#formularios fieldset {
	margin: 10px 0px 10px;
}
.formulario-popup fieldset {
	margin: 0px 5px 10px;
}	
#formularios legend {
	display: block;
	width: 100%;
	background: #62CDF6;
	text-align: center;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	line-height: 30px;
	color: #FFF;
	font-weight: bold;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
#formularios legend.font-normal {
	font-weight: normal;
}
#formularios legend.border {
	background: none;
	text-align: left;
	color: #666;
	font-weight: bold;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	border-bottom: 1px solid #ccc;
	margin-top: 10px;
	line-height: 24px;
}

.error-clave {color:#C03}
.aviso {
    border-radius: 2px;
    line-height: 1.25em;
    margin: 10px 0 !important;
    padding: 7px 10px;
}
.aviso_error {
    background-color: #ffe9e9;
    border: 1px solid #bd3d3d !important;
    color: #670101 !important;
}
/*
#formularios label {
	width:28%;
	padding:0 2%;
	float:left;
	margin:5px auto;
	color:#666;
	font-size:12px;
	line-height:24px;
	font-weight:bold;
}*/
.columna, .columna_doble, .columna_triple, .columna_full {
	padding: 0;
	min-height: 60px;
	float: left;
	margin: 5px 3% 5px 0;
	color: #666;
	font-size: 12px;
	line-height: 24px;
	font-weight: bold;
}

.columna {
	width: 30.3%;
}

.columna_doble {
	width: 60.6%;
}

.columna_triple {
	width: 90.9%;
}

.columna_full {
	width: 100%;
}

#editar_clave, #editar_telefono, #editar_email {
	font-weight: bold;
}

label button, .columna button {
	margin: 10px 10px 10px 0;
	height: 34px;
	line-height: 30px;
}

#formularios input, #formularios select, #formularios textarea, .formulario-popup input{
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	color: #666;
	border: 1px solid #CCC;
	line-height: 30px;
	height: 30px;
	margin: 0;
	text-indent: 5px;
	-webkit-box-shadow: inset 1px 1px 5px 0px rgba(50, 50, 50, 0.25);
	-moz-box-shadow: inset 1px 1px 5px 0px rgba(50, 50, 50, 0.25);
	box-shadow: inset 1px 1px 5px 0px rgba(50, 50, 50, 0.25);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

#formularios .ui-datepicker input, #formularios .ui-datepicker select,
	#formularios .ui-datepicker textarea {
	width: 45%;
	color: #666;
	border: none;
	height: 20px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0;
	text-indent: 5px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

#formularios .ui-datepicker table td {
	line-height: normal;
	padding: 0;
	font-size: 12px;
}

#formularios .ui-datepicker table tr {
	border: none;
}

#formularios .ui-datepicker table tr:nth-child(2n+1) {
	background-color: transparent;
}

#formularios .ui-datepicker table th {
	background-color: transparent;
	color: #121e4a;
}

#formularios .medio {
	width: 42%;
	margin-right: 5%;
}

#formularios input.tercio, #formularios select.tercio, #formularios textarea.tercio
	{
	width: 28%;
	margin-right: 5%;
}

#formularios input:focus, #formularios select:focus, #formularios textarea:focus, .formulario-popup input:focus
	{
	border: 1px solid #62CDF6;
}

#formularios textarea {
	height: 72px;
}
/*
#formularios label.error{
	color:#900;
	background:#FFECEC;
	border: 1px solid #FCC;
	padding-bottom:10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}*/
#formularios .error {
	color: #900;
	background: #FFECEC;
	border: 1px solid #FCC;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding:0 5px;
	margin-bottom: -1px;
}

#formularios input.check {
	display: inline-block;
	width: 16px;
	height: 16px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

#formularios .caja ul {
	margin: 0px;
	padding: 0px;
}

#formularios .caja li {
	display: inline-block;
	margin-right: 10px;
}

#formularios ul.lista li {
	display: block;
	width: 50%;
}

#formularios table {
	border-collapse: collapse;
	border-spacing: 0;
	margin: 10px 0px;
	width: 100%;
	font-size: 14px;
	color: #a0a0a0;
	text-align: center;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	overflow: hidden;
}

#formularios table th:first-child{
	-moz-border-radius: 3px 0 0 3px;
	-webkit-border-radius: 3px 0 0 3px;
	border-radius: 3px 0 0 3px;
}

#formularios table th:last-child {
	-moz-border-radius: 0 3px 3px 0;
	-webkit-border-radius: 0 3px 3px 0;
	border-radius: 0 3px 3px 0;
}

#formularios table th{
	background: #62CDF6;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	line-height: 30px;
	color: #FFF;
	font-weight: bold;
	padding: 5px;
}

#formularios table td {
	line-height: 30px;
	padding: 5px;
}

#formularios table tr {
	border-bottom: 1px solid #CCC;
}


#formularios table.listado td {
	line-height: 14px;
	padding: 5px;
}

#formularios table.galeria {
	margin: 5px 0px;
}

#formularios table.galeria a.agregar {
	display: block;
	line-height: 25px;
	background: #00498e;
	padding: 2px 15px;
	margin: 0px;
	color: #FFF;
	font-weight: bold;
	font-size: 14px;
	text-decoration: none;
	border: 1px solid #069;
	border-radius: 3px;
	box-shadow: 1px 1px 1px rgba(50, 50, 50, 0.5);
}

#formularios table.galeria a.agregar:hover {
	background: #62cdf6;
	-webkit-box-shadow: inset 1px 1px 1px rgba(50, 50, 50, 0.5);
	-moz-box-shadow: inset 1px 1px 1px rgba(50, 50, 50, 0.5);
	box-shadow: inset 1px 1px 1px rgba(50, 50, 50, 0.5);
}

#formularios table.galeria th {
	background: #e4e4e4;
	line-height: 20px;
}

#formularios table ul.acciones li {
	display: inline-block;
	margin: 0;
	margin-right:5px;
	width:auto;
}
#formularios table ul.acciones a {
	display: inline-block;
	color:#7d7d7d;
	}
#formularios table ul.acciones a:hover { color:#62cdf6; }	
#formularios table ul.acciones a span { font-size:14px;}	
ul.acciones li a.sin_pago:hover, ul.acciones li a.sin_pago { 
	color:#ccc !important; text-decoration: none; background: none !important ;
}
/*
#formularios table ul.acciones a {
	display: inline-block;
	height: 16px;
	width: 20px;
	margin: 0 2px;
	text-indent: -9999px;
	background: url("../imagenes/sprites.png") no-repeat;
}

#formularios table ul.acciones a.ver {
	background-position: -5px -589px;
}

#formularios table ul.acciones a.imprimir {
	background-position: -35px -589px;
}

#formularios table ul.acciones a.pago_banco {
	background-position: -65px -589px;
}

#formularios table ul.acciones a.pago_facil {
	background-position: -95px -589px;
}

#formularios table ul.acciones a.formalizar_denuncia {
	background-position: -125px -589px;
}

#formularios .acciones a.ingresar {
	background-position: -155px -589px;
}
*/
a.editar {
	float: right;
	margin: 0px;
	padding: 0px;
	background: url("../imagenes/sprites.png") no-repeat scroll -123px
		-373px;
	border: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	cursor: pointer;
	text-indent: -9999px;
	width: 24px;
	height: 24px;
}

#formularios a.buscar {
	float: right;
	margin: 0px;
	padding: 0px;
	background: url("../imagenes/sprites.png") no-repeat scroll -153px
		-373px;
	border: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	cursor: pointer;
	text-indent: -9999px;
	width: 24px;
	height: 24px;
}

.boton_principal, .boton_secundario {
	cursor: pointer;
	width: 47%;
	height: 50px;
	line-height: 50px;
	margin: 0 1%;
	color: #FFF;
	-webkit-box-shadow: 1px 1px 1px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow: 1px 1px 1px 0px rgba(50, 50, 50, 0.75);
	box-shadow: 1px 1px 1px 0px rgba(50, 50, 50, 0.75);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.boton_principal {
	border: 1px solid #2b65ad;
	background: #00488d; /* Old browsers */
	background: -moz-linear-gradient(top, #00488d 0%, #003975 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #00488d),
		color-stop(100%, #003975)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #00488d 0%, #003975 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #00488d 0%, #003975 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(top, #00488d 0%, #003975 100%);
	/* IE10+ */
	background: linear-gradient(to bottom, #00488d 0%, #003975 100%);
	/* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00488d',
		endColorstr='#003975', GradientType=0); /* IE6-9 */
}

.boton_secundario {
	border: 1px solid #aaaaaa;
	background: #9f9f9f; /* Old browsers */
	background: -moz-linear-gradient(top, #9f9f9f 0%, #7b7e84 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #9f9f9f),
		color-stop(100%, #7b7e84)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #9f9f9f 0%, #7b7e84 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #9f9f9f 0%, #7b7e84 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(top, #9f9f9f 0%, #7b7e84 100%);
	/* IE10+ */
	background: linear-gradient(to bottom, #9f9f9f 0%, #7b7e84 100%);
	/* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9f9f9f',
		endColorstr='#7b7e84', GradientType=0); /* IE6-9 */
}

.boton_principal.deshabilitado, .boton_secundario.deshabilitado {
	color: #999;
	border: 1px solid #aaaaaa;
	background: #9f9f9f; /* Old browsers */
	background: -moz-linear-gradient(top, #999 0%, #CCC 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #999),
		color-stop(100%, #CCC)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #999 0%, #CCC 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #999 0%, #CCC 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(top, #999 0%, #CCC 100%); /* IE10+ */
	background: linear-gradient(to bottom, #999 0%, #CCC 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#999',
		endColorstr='#CCC', GradientType=0); /* IE6-9 */
}

:hover.boton_principal, :hover.boton_secundario, .boton_principal.deshabilitado,
	.boton_secundario.deshabilitado {
	-webkit-box-shadow: inset 1px 1px 1px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow: inset 1px 1px 1px 0px rgba(50, 50, 50, 0.75);
	box-shadow: inset 1px 1px 1px 0px rgba(50, 50, 50, 0.75);
}

.boton_principal span, .boton_secundario span {
	display: inline-block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	background: url(../imagenes/sprites.png) no-repeat;
}

.boton_secundario span.anterior {
	background-position: -160px -442px;
}

.boton_principal span.siguiente, .boton_secundario span.siguiente {
	background-position: -190px -442px;
}

h2.novedades {
	padding: 0px 30px;
	background: url(../imagenes/sprites.png) no-repeat;
	background-position: -210px -4px;
}

h2.recuperadores {
	padding: 0px 35px;
	background: url(../imagenes/sprites.png) no-repeat;
	background-position: -210px -402px;
}

#destacados {
	background: #ededed;
	border-bottom: 1px solid #dbe2e5;
	color: #121f4b;
	margin: 0px;
	height: 159px;
	width: auto;
}

table.polizas {
	border-spacing: 10px 0px;
	border-collapse: separate;
	color: #a0a0a0;
	font-size: 12px;
	padding: 10px;
}

table.polizas th {
	font-weight: bold;
}

table.polizas .cabecera {
	border-bottom: 1px #a0a0a0 solid;
}

table.polizas td, table.polizas th {
	padding: 0px 10px;
	text-align: center;
}

ul.accesos-directos {
	margin: 0px 10px;
}

.accesos-directos li {
	float: left;
	position: relative;
	height: 70px;
	width: 200px;
	border-radius: 3px;
	transition: 0.25s;
	margin: 5px 10px;
	background: #f5f5f5;
    border: 1px solid #f9f9f9;
}
.accesos-directos li:hover { 
	background: #fff;
}
.accesos-directos a {
	font-weight: bold;
	display: block;
	color: #999;
	font-size: 14px;
	/* padding: 16px 10px 10px 80px; */  /* *** modifico cuando agrego sucursal bco credicoop *** */ 
	padding: 16px 10px 10px 75px;
	line-height:18px;
	position:relative;
}

.accesos-directos a.link_sucursales_bco {
	padding-left: 70px;
}

.accesos-directos a.link_sucursales_bco span.icono_acceso { 
    font-size: 34px;
}

.accesos-directos a span.icono_acceso { 
    position: absolute;
	/* left: 25px; */ /* *** modifico cuando agrego sucursal bco credicoop *** */ 
    left: 20px;
    top: 17px;
    font-size: 40px;
	color:#d3d3d3;
}

.accesos-directos a:hover {
	text-decoration: none;
	color: #62CDF6;
}

/*
.accesos-directos a.link_certificado {}

.accesos-directos li:hover {}

.accesos-directos .icono_acceso {
	display: block;
	width: 65px;
	height: 55px;
	position: absolute;
	top: 5px;
	left: 10px;
	background: transparent url(../imagenes/sprites.png) no-repeat;
}

.accesos-directos .icono_acceso:hover {
	
}

.accesos-directos .icono_acceso.cotizacion {
	background-position: 10px -55px;
}

.accesos-directos .icono_acceso.certificado {
	background-position: 10px -530px;
}

.accesos-directos .icono_acceso.denuncia {
	background-position: 10px -110px;
}

.accesos-directos .icono_acceso.rendicion {
	background-position: 5px -168px;
}

.accesos-directos .icono_acceso.renovacion {
	background-position: 10px -228px;
}

.accesos-directos .icono_acceso.polizas {
	background-position: 10px -470px;
}
*/
/*
ul.paginacion{
	text-align:right;
	display:block;
	margin:0 10px;
	clear:both;
	height:36px;
}

ul.paginacion li{
	display:inline;	
	margin:0 5px;
	height:24px;
}
*/
#formularios ul.paginacion select {
	width: 80px;
	height: 36px;
	color: #62cdf6;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	line-height: 36px;
	text-indent: 5px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: #e7e7e7 1px solid;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 1px 1px 2px rgba(50, 50, 50, 0.5);
	-moz-box-shadow: 1px 1px 2px rgba(50, 50, 50, 0.5);
	box-shadow: 1px 1px 2px rgba(50, 50, 50, 0.5);
}

ul.paginacion ul.seleccion {
	display: inline-block;
	background: #e2f6ff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 5px;
	margin: -5px 0;
}

ul.paginacion .volver {
	float: left;
	margin: 0 10px;
}

ul.paginacion a {
	color: #62cdf6;
	font-size: 12px;
	display: inline-block;
	height: 14px;
	line-height: 14px;
	padding: 10px 15px;
	background: #FFF;
	border: #e7e7e7 1px solid;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 1px 1px 2px rgba(50, 50, 50, 0.5);
	-moz-box-shadow: 1px 1px 2px rgba(50, 50, 50, 0.5);
	box-shadow: 1px 1px 2px rgba(50, 50, 50, 0.5);
}

ul.paginacion a.siguiente {
	color: #FFF;
	border: 1px solid #069;
	background: #00488d; /* Old browsers */
	background: -moz-linear-gradient(top, #00488d 0%, #003975 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #00488d),
		color-stop(100%, #003975)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #00488d 0%, #003975 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #00488d 0%, #003975 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(top, #00488d 0%, #003975 100%);
	/* IE10+ */
	background: linear-gradient(to bottom, #00488d 0%, #003975 100%);
	/* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00488d',
		endColorstr='#003975', GradientType=0); /* IE6-9 */
}

ul.paginacion a.anterior {
	color: #FFF;
	border: 1px solid #aaaaaa;
	background: #9f9f9f; /* Old browsers */
	background: -moz-linear-gradient(top, #9f9f9f 0%, #7b7e84 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #9f9f9f),
		color-stop(100%, #7b7e84)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #9f9f9f 0%, #7b7e84 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #9f9f9f 0%, #7b7e84 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(top, #9f9f9f 0%, #7b7e84 100%);
	/* IE10+ */
	background: linear-gradient(to bottom, #9f9f9f 0%, #7b7e84 100%);
	/* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9f9f9f',
		endColorstr='#7b7e84', GradientType=0); /* IE6-9 */
}

ul.paginacion a:hover, ul.paginacion a.pagina {
	-webkit-box-shadow: inset 1px 1px 2px rgba(50, 50, 50, 0.5);
	-moz-box-shadow: inset 1px 1px 2px rgba(50, 50, 50, 0.5);
	box-shadow: inset 1px 1px 2px rgba(50, 50, 50, 0.5);
	-o-transition: .5s;
	-ms-transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
	transition: .5s;
}

.caja {
	clear: both;
	background: #fff;
	border: 1px solid #dbe2e5;
	margin: 20px;
	padding: 10px 20px 20px;
	width: auto;
	background: #fff;
	-webkit-box-shadow: 0px 0px 4px rgba(50, 50, 50, 0.25);
	-moz-box-shadow: 0px 0px 4px rgba(50, 50, 50, 0.25);
	box-shadow: 0px 0px 4px rgba(50, 50, 50, 0.25);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color: #121f4b;
	overflow: hidden;
	zoom: 1;
	filter: progid:DXImageTransform.Microsoft.Shadow(Color=#dddddd, Strength=5,
		Direction=0), progid:DXImageTransform.Microsoft.Shadow(Color=#dddddd,
		Strength=5, Direction=90), progid:DXImageTransform.Microsoft.Shadow(Color=#dddddd,
		Strength=5, Direction=180), progid:DXImageTransform.Microsoft.Shadow(Color=#dddddd,
		Strength=5, Direction=270);
}
.caja_invisible {
	clear: both;
	margin: 20px;
	width: auto;
	overflow: hidden;
}
.caja h3 {
	font-size: 16px;
	margin: 5px 0px;
}
.h3{
	font-family: Verdana, Geneva, sans-serif;
	color: #121f4b;
	margin: 10px 20px;
	font-size: 16px;
	line-height: 20px;
}
.subtitulo{
	color: #666;
	font-size: 14px;
    font-weight: normal;
}
.bold{
	font-weight: bold;
}
.caja p, .caja ul {
	color: #999;
	margin: 0px 0px 5px;
}

.caja ul {
	line-height: 18px;
	list-style-type: square;
	padding: 0px 10px;
}

.recuadro {
	margin: 30px 20px;
	padding: 20px;
	border: 1px solid #CCC;
	-webkit-box-shadow: 1px 1px 2px rgba(50, 50, 50, 0.5);
	-moz-box-shadow: 1px 1px 2px rgba(50, 50, 50, 0.5);
	box-shadow: 1px 1px 2px rgba(50, 50, 50, 0.5);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

#formularios .recuadro legend {
	background: #a0a0a0;
}

#formularios buton.boton_secundario, #formularios buton.boton_principal
	{
	width: 45%;
	margin: 0;
	padding: 2px;
	height: 12;
	line-height: 12px;
	font-size: 12px;
	margin-left: 5%;
}

#formularios ul.listado {
	width: 100%;
}

ul.listado li {
	vertical-align: top;
	overflow: hidden;
	display: inline;
	width: 45%;
	margin: 0;
	line-height: 30px;
}

ul.listado.simple li {
	width: 90%;
}

.clearfix :before, .clearfix :after {
	display: table;
	content: "";
	line-height: 0;
}

.clearfix:after {
	clear: both;
}
/* Colapsable */

.colapsable {
	cursor: pointer;
	transition: all 0.25s;
}

.colapsable .sub_text {
	margin-top: 5px;
	display: block;
}

.colapsable:hover:not(legend) {
	color: #62CDF6 !important;
}

.colapsable .fa {
	transition: all 0.25s;
	margin-left: 10px;
}

.colapsable.abierto {
	color: #62CDF6;
}

.abierto .fa {
	transform: rotate(180deg);
	margin-top: 4px;
}

.colapsable_contenido table:first-child {
	margin-top: 20px !important;
}

ul.solapas {
	clear: both;
	display: block;
	-webkit-box-shadow: inset 3px 3px 3px 0px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: inset 3px 3px 3px 0px rgba(0, 0, 0, 0.25);
	box-shadow: inset 3px 3px 3px 0px rgba(0, 0, 0, 0.25);
	background: #30b131;
	background: #0193cf;
	background: -moz-linear-gradient(top, #0193cf 0%, #028bcf 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0193cf),
		color-stop(100%, #028bcf));
	background: -webkit-linear-gradient(top, #0193cf 0%, #028bcf 100%);
	background: -o-linear-gradient(top, #0193cf 0%, #028bcf 100%);
	background: -ms-linear-gradient(top, #0193cf 0%, #028bcf 100%);
	background: linear-gradient(to bottom, #0193cf 0%, #028bcf 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0193cf',
		endColorstr='#028bcf', GradientType=0); 
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	line-height: 40px;
	color: #FFF;
	font-weight: bold;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}

#formularios .solapas li {
	display: inline-block;
	line-height: 30px;
	margin: 5px 0 0 10px;
	padding: 0px 10px;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}

#formularios .solapas li a {
	color: #FFF;
}

#formularios .solapas li a:hover, #formularios .galeria li a:hover {
	text-decoration: underline;
}

#formularios .solapas li.actual {
	background: #FFF;
}

#formularios .solapas li.actual a {
	color: #62cdf6;
}

ul.galeria {
	clear: both;
}

ul.galeria li {
	display: inline-block;
	width: 170px;
	margin: 10px;
	text-align: center;
}

ul.galeria img, ul.galeria a.cargar {
	display: inline-block;
	width: 160px;
	height: 120px;
	margin-bottom: 5px\9;
	border: #ccc solid 1px;
    border-radius: 5px;
}

a.cargar span {
	display: inline-block;
	background: url(../imagenes/sprites.png) no-repeat;
	background-position: 5px -675px;
	width: 60px;
	height: 60px;
	margin: 27px auto;
}

a.cargar span.croquis {
	display: inline-block;
	background: url(../imagenes/sprites.png) no-repeat;
	background-position: 0px -612px;
}

a.cargar span.pdf {
	display: inline-block;
	background: url(../imagenes/sprites.png) no-repeat;
	background-position: -55px -612px;
}

a.cargar span.doc {
	display: inline-block;
	background: url(../imagenes/sprites.png) no-repeat;
	background-position: -115px -612px;
}

a.cargar span.xls {
	display: inline-block;
	background: url(../imagenes/sprites.png) no-repeat;
	background-position: -175px -612px;
}

a.cargar span.archivo {
	display: inline-block;
	background: url(../imagenes/sprites.png) no-repeat;
	background-position: 0px -530px;
}

#formularios ul.galeria a.icon-galeria-pdf > img, #formularios ul.galeria a.icon-galeria-doc > img { display: none}

ul.galeria a.icon-galeria-pdf, ul.galeria a.icon-galeria-doc {
	max-width: 100%;
	max-height: 100%;
	line-height: 0;
	border: 3px solid #fff;
	border-radius: 3px;
	box-shadow: 1px 1px 2px rgba(50, 50, 50, 0.25);
}

.icon-galeria-pdf:before, .icon-galeria-doc:before {
	content: "";
	width: 62px;
	height: 62px;
	background: url(../imagenes/sprites.png) no-repeat;
    background-position-x: 0%;
    background-position-y: 0%;
	background-position: -55px -612px;
	margin: 20px auto;
}
.icon-galeria-doc:before {
	background: url(../imagenes/sprites.png) no-repeat;
	background-position: -115px -612px;
}

#formularios .galeria li img:hover, a.icon-galeria-pdf:hover,
#formularios .galeria li img:hover, a.icon-galeria-doc:hover{
    transition: all 0.5s ease 0s ; opacity: .75;
}


.ancho_completo {
	width: 50%;
	margin: 0 25%;
}

.ultimo_margen {
	margin-right: 0 !important;
}

/*-------------------------------- PIE*/
#pie {
	padding: 0px;
	color: #FFF;
	position: absolute;
	left: 0px;
	bottom: 0;
	/*height: 40px; */
	width: 100%;
	background: #313131;
	border-top: 1px solid #CCC;
}

#pie p {
	margin: 0px 20px;
	font-size: 10px;
	line-height: 40px;
	text-align: right;
}

/*------------------------------------------ CUADRO DE ALERTA */
.blockMsg {
	padding: 20px;
	margin: 0;
	width: 30%;
	top: 40%;
	left: 35%;
	text-align: center;
	border: 1px solid #aaa;
	background: #FFF;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-shadow: 1px 1px 4px rgba(50, 50, 50, 0.5);
	-moz-box-shadow: 1px 1px 4px rgba(50, 50, 50, 0.5);
	box-shadow: 1px 1px 4px rgba(50, 50, 50, 0.5);
	color: #A0A0A0;
}

.blockMsg.detalle {
	width: 40%;
	left: 30%;
	top: 50%;
	margin-top: -250px;
}

.blockMsg .columna, .blockMsg .columna_doble, .blockMsg .columna_triple	{
	margin: 2px !important;
	text-align: left;
	min-height: 0px !important;
	text-overflow: ellipsis;
}

.blockMsg .columna p, .blockMsg .columna_doble p, .blockMsg .columna_triple p,
	.blockMsg .columna ul, .blockMsg .columna_doble ul, .blockMsg .columna_triple ul {
	margin: 0;
	max-height: 60px;
	overflow: auto;
}

.blockMsg li {
	line-height: 18px !important;
}

.blockUI h2 {
	color: #040a20;
	margin: 0px 10px;
	line-height: 26px;
}

.blockUI p {
	margin: 20px;	
    color: #666;
}

.blockUI a.boton, #contenido-principal table a.boton {
	background: #121F49;
	padding: 2px 15px;
	margin: 0px 5px;
	color: #FFF;
	text-decoration: none;
	border: 1px solid #069;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 1px 1px 1px rgba(50, 50, 50, 0.5);
	-moz-box-shadow: 1px 1px 1px rgba(50, 50, 50, 0.5);
	box-shadow: 1px 1px 1px rgba(50, 50, 50, 0.5);
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px;
}
.blockUI .form input, .blockUI .form select{
    border: 1px solid #ccc;
    border-radius: 3px;
    height: 30px;
    font-size: 14px;
    color: #666;
    box-shadow: inset 1px 1px 3px 0px rgba(100, 100, 100, 0.25);
	padding: 6px;
    width: 100%;
	background: #fff;
}
.blockUI .form textarea {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    color: #666;
    border: 1px solid #CCC;
    line-height: 20px;
    margin: 0;
    text-indent: 5px;
    -webkit-box-shadow: inset 1px 1px 5px 0px rgb(50 50 50 / 20%);
    -moz-box-shadow: inset 1px 1px 5px 0px rgba(50, 50, 50, 0.20);
    box-shadow: inset 1px 1px 5px 0px rgb(50 50 50 / 20%);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
/*------------------------------------------ Validacion de Formularios*/
#formularios .error_campo, #buscador .error_campo {
	border: 1px solid #C30 !important;
	background: #f2dede !important;
}
.campo_obligatorio { color:#C30; float:left;}
.campo_obligatorio:after { content:"*"; display:inline-block; padding:0 5px 0 0; font-size:11px;}
.box_obligatorio { color:#999; margin-bottom:10px;}

/*------------------------------------------ Mensajes e Informes*/
.box_mensaje { background:#d3effa; padding:15px; border-radius:3px; margin:20px 0;}

#uploadDoc {
     height: 120px !important; 
	 width: 160px !important;
}
.disabled { pointer-events:none; background:#dfdfdf; opacity:.6;}
.box-hidden {display:none !important}
.form .text-center > .btn {
    float: none;
    margin: 0px auto;
}
.text-center {
    text-align: center !important;
}
.left{
    text-align: left;
}
.right{
    text-align: right;
}
.top-0{ margin-top: 0px !important;}
.top-5{ margin-top: 5px !important;}
.top_10 {margin-top:10px}
.top_15 {margin-top:15px !important;}
.top_20 {margin-top:20px !important;}
.bottom_15 {margin-bottom:15px !important}
.bottom_20 {margin-bottom:20px !important}
.bottom_30 {margin-bottom:30px !important}
.mr-15{	margin-right:15px !important}
.py-5{
	padding-bottom:5px !important;
	padding-top:5px !important;
}
.colapsable_contenido table.mt-5:first-child {
	margin-top:5px !important;
}

.py-10{	padding-bottom:10px !important;	padding-top:10px !important;}
.py-15{	padding-bottom:15px !important;	padding-top:15px !important;}
.pt-10{	padding-top:10px !important;}
.pt-15{	padding-top:15px !important;}
.pb-10{	padding-bottom:10px !important;}
.pb-15{	padding-bottom:15px !important;}

.fa-left { margin-right: 10px; }
.fa-right { margin-left: 10px; }
.left-5 { margin-right: 5px; }
.right-5 { margin-left: 5px; }
.my-5 {margin-left:5px !important; margin-right: 5px !important;}
.bottom-5 { margin-bottom: 5px; }
.bottom-10 { margin-bottom: 10px !important;}
.top-40{margin-top:40px !important;}
.mt-30{margin-top:30px !important;}
.mb-0 { margin-bottom: 0px !important}

/*------------------------------------------ */
.linea_horizontal::before {
    border-top: 1px solid #CACACA;
    content: "";
    width: 100%;
    display: block;
}
.uploadLink {
        width: 0.1px;
        height: 0.1px;
        opacity: 0 !important;
        overflow: hidden;
        position: absolute;
        z-index: -1;
 }
 .uploadLink + label {
    font-weight: 600;
        color: #62CDF6;
    transition: .25s;
        cursor: pointer;
    display: inline-block;
        line-height: 20px;
}
.uploadLink:focus + label,
.uploadLink + label:hover {
        color: #47c0f0;
        text-decoration: underline;
}
.uploadLink:focus + label {
        outline: 1px dotted rgb(0, 174, 255);
        outline: -webkit-focus-ring-color auto 5px;
}

/* ****************************************** */
/* /////////// INPUT FILE FACTURA ////////// */
.form label.custom-file-input, label.custom-file-input {
	cursor: pointer;	
	display: inline-block;
	transition: all .5s ease;
	text-transform: capitalize;
	z-index: 1;
	position: relative;
	background-color: transparent;
/*	background: #fff;*/
	border: 1px solid #dbe2e5;
	color: #00c3ff;
	font-weight: 400;
	padding: 5px 25px;
	font-size: 16px;
	line-height: 1.42857143;
	border-radius: 3px;
	outline: none;
	white-space: nowrap;  
	-webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; 
}
#uploadPDF, #uploadPDF2 {
	visibility: hidden;
  }
label.custom-file-input:hover {
	color: #333333;
	background: #f9f9f9;
  }

label.custom-file-input:active {
	color: #333333; 
	background: #f9f9f9;
  }

.div_txt_info, .alert{
  padding: 10px 15px;
  margin: 20px 0;
  background: #DEEFFF;
  border: 1px solid #b8daff;
  border-radius: 5px;
}
.div_txt_info p{
	color: #004085 !important;
	font-size: 14px;
	line-height: 18px;
	margin-bottom: 0px;
  }

.alert p{
	font-size: 14px;
	line-height: 18px;
	margin-bottom: 0px;
  }

.alert-warning {
    background-color: #fff3cd;
    border-color: #ffecb5;
}
.alert-warning p{
    color: #664d03 !important;
	font-size: 14px;
	line-height: 18px;
	margin-bottom: 0px;
  }
.alert-warning a {
	color: #664d03 !important;
  }
.alert-warning span {
	color: #664d03 !important;
  }
.td-con-boton { 
	display: flex;
    justify-content: right;
    align-items: center;
}

.badge {  
	display: inline-block;
    padding: 0.35em 0.4em;
    font-size: 85%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  }
  
  .badge-primary {
    color: #fff !important;
    background-color: #0099e0;
}

element.style {
    text-align: left;
}

/* Estilos de interruptor switch */

.switch {
    position: relative;
    display: inline-block;
    width: 32px;
    height: 16px;
	margin-top: 5px;
}

.switch input { 
    opacity: 0;
    width: 0;
    height: 0;
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ffffff;
    -webkit-transition: .4s;
    transition: .4s;
    border: 1px solid #bfbfbf;
}

.slider:before {
    position: absolute;
    content: "";
    height: 10px;
    width: 10px;
    left: 3px;
    bottom: 2px;
    background-color: #BFBFBF;
    -webkit-transition: .4s;
    transition: .4s;

}

input:checked + .slider {
    background-color: #2196F3;
    border-color: transparent;
}

input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
    -webkit-transform: translateX(15px);
    -ms-transform: translateX(15px);
    transform: translateX(15px);
    background-color: #ffffff;
}

/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}

.slider.round:before {
    border-radius: 50%;
}

.switch-container {
    display: flex;
    /* align-items: center; */
}

.width-100 {
	width: 100% !important;
}

.resize-vertical {resize: vertical;}
.no-resize {resize: none;}
.w-80 {width: 80%;}
.w-15 {width: 15%}
.w-5 {width: 5%;}
.sin-border {border: 0px;}

.p-10 {padding: 10px;}
.fs-sm {font-size: 13px;}
.fs-m {font-size: 14px !important;}
.fs-l {font-size: 16px !important;}
.fs-xl {font-size: 20px !important;}
.fs-xxl {font-size: 24px !important;}
.d-flex-ycenter {
	display: flex !important;
	align-items: center !important;
}
.texto-ellipsis {
	white-space: nowrap; /* Evita que el texto se divida en varias líneas */
	overflow: hidden; /* Oculta el texto que exceda el ancho del contenedor */
	text-overflow: ellipsis; /* Agrega puntos suspensivos al final */
	display: block; /* Asegura que el elemento ocupe una línea completa */
}
.ancho-td-210 {
	max-width: 210px; /* Define un ancho fijo para el contenedor */
}

/* Identificadores ambientes */
.body-testing::before {
    content: "TESTING";
    font-size: 10px;
    font-weight: bold;
    background-color: #FEAFD5;
    color: white;
    position: fixed;
    top: 0;
    left:0px;
    padding: 5px 10px;
	border-radius: 0px 0px 5px;
}
.body-testing::after {
    content: "";
    border:2px solid #FEAFD5;
    position: fixed;
	top: 0;
	left: 0;
	width: 100%;
}

/* Integración */
.body-integracion::before {
    content: "INTEGRACION";
    font-size: 10px;
    font-weight: bold;
    background-color: #86ecea;
    color: white;
    position: fixed;
    top: 0;
    left:0px;
    padding: 5px 10px;
	border-radius: 0px 0px 5px;
}
.body-integracion::after {
    content: "";
    border:2px solid #86ecea;
    position: fixed;
	top: 0;
	left: 0;
	width: 100%;
}

/* Capacitación */
.body-capacitacion::before {
    content: "CAPACITACION";
    font-size: 10px;
    font-weight: bold;
    background-color: #76ef76;
    color: white;
    position: fixed;
    top: 0;
    left:0px;
    padding: 5px 10px;
	border-radius: 0px 0px 5px;
}
.body-capacitacion::after {
    content: "";
    border:2px solid #76ef76;
    position: fixed;
	top: 0;
	left: 0;
	width: 100%;
}

/* Local */
.body-local::before {
    content: "LOCAL";
    font-size: 10px;
    font-weight: bold;
    background-color: #cecece;
    color: white;
    position: fixed;
    top: 0;
    left:0px;
    padding: 5px 10px;
	border-radius: 0px 0px 5px;
}
.body-local::after {
    content: "";
    border:2px solid #cecece;
    position: fixed;
	top: 0;
	left: 0;
	width: 100%;
}