@charset "utf-8";
/* CSS Document */

@font-face {
	font-family: "Calibri";
	src: url(../fonts/font.woff2);
}

:focus {outline: 0px}
.clear {clear: both; margin:0px; padding:0px}
img{ border:none; border:0px}
a{ text-decoration:none; }
ul{ margin:0px; padding:0px; list-style:none}
dd { margin: 0;}


body {
	/*background: url(../img/background.png) repeat-x;*/
	font-family: Calibri, Arial, Helvetica, sans-serif;
	margin: 0px; padding:0px;
	height:100%; width:100%; }

#contenedor{ 
	width:950px; height:auto; position:relative;
	margin:10px auto; padding:0px;
	background:#FFF}

.cabecera{
	height:470px;
	position:relative;}
	
.cabecera_institucional{ 
	height:120px; position:relative;}
	
	h1{ 
		text-indent:-9999px;
		width:112px; height:100px;
		padding:0px; margin:0px;
		background: url(../img/cabal.png);
		float:left;}
		
		
/*----  Navigation Principal  ----*/
	
#navigation {
	width:391px; height:50px; 
	margin-top:65px; padding-left:52px;
	float:right; position:relative; 
	background:url(../img/menu_sombra-cote.jpg) left no-repeat;
	z-index:10}

ul.ds {	z-index: 1000;}

	/* primer nivel */

	ul.ds li {
		float: left;
		position: relative;
		margin:0px 0px 0px 5px; 
		z-index: 1001;}
	
	ul.ds li a, ul.ds li a:visited {display: block;	text-decoration: none;}
	
	ul.ds li a:hover {color:#002144; font-weight:normal}
	
	ul.ds li div.indicator {
		display:block; 
		width: 124px; height:50px;}
	
	ul.ds li div.indicator a {
		display: block; 	
		width:110px; height:30px;
		margin:0px; 			
		padding:20px 0px 0px 14px;
		color:#FFF; font-size: 14px; 
		font-weight:bold}

		/* estado y estilo al click */
		
		ul.ds li.open div.indicator a, 
		ul.ds li div.indicator a:hover { 
		height:44px; background:url(../img/arrow.png) bottom no-repeat}
			
		li#dsListItem-1{width: 128px; background:#EA610A url(../img/bg_btn-principal.png) right no-repeat;}
		li#dsListItem-2 {background:#00609c url(../img/bg_btn-principal.png) no-repeat;}
		li#dsListItem-3 {background:#80CCE4 url(../img/bg_btn-principal.png) no-repeat;}

	/* segundo nivel */
	
	ul.ds li ul {
		position: absolute; margin-top:12px;
		visibility: hidden;
		z-index: 1001; height:70px; }
	
	ul.ds li ul li {float: none; margin: 0;}
	
	ul.ds li ul li a, ul.ds li ul li a:visited {
		display:block; float:left;
		height:20px; border-right: thin solid #E6E9D2;
		padding: 10px 20px 10px 20px; margin:14px 0px 6px 0px;
		color: #FFF; font-size: 14px; line-height:12px; font-weight:bold}
		
.cabecera_interior{
	height:310px;
	position:relative;
	margin-bottom:30px}	
	
.nav_subdesplegado{
	width:470px; height:300px; 
	position:absolute; right:0px;
	z-index:9}	
	

/*---- Menu Institucional ----*/

#menu_institucional{
	position:absolute; top:25px; left:94px; z-index:10;}

.menu_institucional{ 
	margin:0px; height:100px; width:200px; padding:0px}
	
	#menu_institucional p{ 
	font-size: 12px; line-height:13px;
	margin:0px 0px 2px 0px; padding:0px 18px;}
	
	dl.menu_institucional dt a{ 
		font-size: 12px;	color:#83898E; 
		height:13px; padding:0px 0px 0px 20px; margin:0px;}
		
		dl.menu_institucional dt a:hover{ color:#00619c}
		
		dd ul.sub_institucional{padding:0px 0px 0px 30px;}
			
		dd ul.sub_institucional li a{
			font-size: 12px; color:#B3B3B3; 
			display:block; height:13px;	
			padding:0px; margin:0px;}
				dd ul.sub_institucional li a:hover{ color:#202F5A}
				
				a.ultimo { 
					color: #83898E; 
					font-size: 12px; line-height:16px;
					padding:0px 0px 0px 20px; 
					margin:0px}
					
					a:hover.ultimo { color: #202F5A}
	
.contenido{}

	.col_230{
		position:relative;
		width:230px; height:auto; 
		float:left; margin-right:10px;}
		
	.col_280{
		position:relative;
		width:280px; height:auto; 
		float:left; margin-right:10px;}
	
	.col_310{
		position:relative;
		width:310px; height:auto; 
		float:left; margin-right:10px;}
		
	.col_390{
		position:relative;
		width:390px; height:auto; 
		float:left; margin-right:10px;}
		
	.col_470{
		position:relative;
		width:470px; height:auto; 
		float:left; margin-right:10px;}
		
	.col_480{
		position:relative;
		width:390px; height:auto; 
		float:left; margin:0px;
		padding:30px 40px 0px 40px;}
		
	.col_630{
		position:relative;
		width:630px; height:auto; 
		float:left; margin:0px;
		padding:0px;}
		
	.col_710{
		position:relative;
		width:630px; height:auto; 
		float:left; margin:0px;
		padding:30px 40px 0px 40px;}
		
	.col_710b{
		position:relative;
		width:630px; height:auto; 
		float:left; margin:0px;
		padding:30px 40px 0px 40px;}
		
	.col_810{
		position:relative;
		width:810px; height:auto; margin:0px;
		padding:30px 70px 0px 70px;}
		
	.col_950{
		position:relative;
		width:950px; height:auto; margin:0px }
		
	
/*	Solapas HOME  */
		
#cabaldia{
	float:left; position:relative;
	height:188px; width:290px; 
	margin-right:10px; padding:20px 0px 0px 20px;
	background:#FFF url(../img/bg-solapa.jpg) bottom no-repeat; 
	border-bottom:2px solid #00619c;
	margin-bottom:20px}
	
	a.boton{
		display:block;
		height:35px; width:141px;
		background: url(../img/btn_cabaldia.png) no-repeat;
		font-size:13px; color:#3a88c8;
		margin-left:16px; padding:3px 0px 0px 30px;}
		
		a:hover.boton{ color:#81afd5}
		
		.flota{ position:absolute; bottom:-22px; right:0px}
			
#promos{
	float:left; height:188px; width:290px;  
	background:#FFF url(../img/bg_promos.jpg) no-repeat bottom; 
	margin-right:10px; padding:20px 0px 0px 20px; 
	border-bottom:2px solid #00619c}
	
#datos{
	float:left; position:relative;
	height:188px; width:290px; 
	margin:0px; padding:20px 0px 0px 20px;
	background:#FFF url(../img/operadora.jpg) no-repeat right bottom;
	border-bottom:2px solid #00619c}
			
#datos-legal{
	height:121px; border-bottom:1px solid #00609c; 
	background:url(../img/sombra-legal.png) right no-repeat}
	#datos-legal a{color:#83898E;} #datos-legal a:hover{color:#aaacaf;}
	
#revista{
	width:590px; height:96px; float:left; margin:0px; position:relative;
	background:url(../img/bg_revista.png) right no-repeat; 
	padding:25px 20px 0px 20px; border-bottom:1px solid #7DA7D9}
	
#viaje{
	height:101px; width:290px; 
	border-bottom:1px solid #00609c;
	padding:20px 0px 0px 20px;
	background:url(../img/bg_viaje.jpg) no-repeat }
	
	#viaje p{ display:block; width:209px; font-size: 12px; line-height:12px;}
	
	.face{
		display:block;
		width:74px;
		height:20px;
		position:absolute;
		background:url(../img/ic-facebook.png) no-repeat;
		right:187px;
		top: 74px;}
	
	
/*	Solapas INTERIOR  */	
	
#footer-int{
	padding:20px 0px 0px 0px; width:950px; height:70px;
	border-top:2px dotted #E6E9D2; margin-top:20px;
	background: url(../img/sombra-foo.png) no-repeat}
	
	#footer-int a{ color:#83898E;} #footer-int a:hover{color:#aaacaf;}
	
	#footer-int.fondo_2{background:url(../img/sombra-foo3.png) no-repeat}


#resumen-int{ 
	height:130px; width:280px;
	padding:35px 0px 0px 190px;
	background: url(../img/bg-resumen-int.jpg) no-repeat}
		
#resumen-int2{ 
	height:130px; width:280px;
	padding:35px 0px 0px 190px;
	background: url(../img/bg-resumen-int2.jpg) no-repeat}
		
#promo-int{ 
	height:130px; width:300px;
	padding:35px 0px 0px 170px;
	background: url(../img/bg-promo-int.jpg) no-repeat; 
	margin-right:0px}
	
#produc-int{
	height:100px; width:265px;
	padding:35px 0px 0px 205px;
	background: url(../img/bg-produc-int.jpg) no-repeat;}

	#entid-int{
		height:100px; width:345px;
		padding:35px 0px 0px 125px;
		background: url(../img/bg-entid-int.jpg) no-repeat; 
		margin:0px}
		
	a.sidebar{
		display:block; height:105px; 
		padding:15px 0px 0px 15px; color:#83898E;
		background: url(../img/destacado.jpg) no-repeat;}
		
	a.sidebar2{
		display:block; height:105px; 
		padding:35px 0px 0px 15px; color:#83898E;
		background: url(../img/destacado2.jpg) no-repeat;}
		
	a.sidebar3{
		display:block; height:105px; 
		padding:35px 0px 0px 15px; color:#83898E;
		background: url(../img/destacado3.jpg) no-repeat;}
		
	a.sidebar4{
		display:block; height:105px; 
		padding:35px 0px 0px 15px; color:#83898E;
		background: url(../img/destacado4.jpg) no-repeat;}
		
	a.sidebar5{
		display:block; height:125px; 
		padding:15px 0px 0px 15px; color:#83898E;
		background: url(../img/sidebar_revista.jpg) no-repeat;
		margin-top:10px;}
		
	a.btn_cabal-dia{
		display:block; height:90px; width:180px;
		float:right;
		background:url(../img/cabal-dia.jpg) no-repeat}
		
		a:hover.btn_cabal-dia{
			background:url(../img/cabal-dia-p.jpg) no-repeat}
	
	
/*------ fonts y titulos ------*/

h2{
	font-size: 22px;
	padding:0px; margin:0px;}	
	
h3{
	font-size:18px; line-height:22px;
	padding:0px 0px 5px 0px; margin:0px}
	
	h3.institucional {
		font-size:24px; line-height:24px;
		padding:0px; margin:0px}
	
h4{
	font-size: 14px; line-height:15px; font-weight:normal;
	padding:0px; margin:0px; color:#83898E}

h5{
	color:#83898E; font-size:13px; line-height:16px;
	padding:0px; margin:0px;
	font-weight:normal}
	
h6{
	font-size:15px; line-height:14px;
	padding:0px; margin:0px; font-weight: bolder}
	
p{
	color:#83898E; 
	font-size: 14px; line-height:16px;
	padding:0px; margin:0px 0px 10px 0px}
		
	p.estilo10{ font-size:10px; line-height:12px;}
	p.estilo11{ font-size: 12px; line-height:13px; }
	p.estilo14{ font-size:14px; line-height:16px; }
	p.estilo16{ font-size:16px; line-height:18px; padding:0px; margin:0px}
	p.estilo18{ font-size:18px; line-height:22px; }
	
	.subtitle{
		font-size: 14px;
		padding-top:10px;
		font-weight:bold;}
			
	.resaltado{ 
		color:#00619c; font-weight:bold}
	.azul{color:#00619c}
	
	.llamador-n{color:#5a5d5e; font-size:11px}
	.llamador-c{color:#5a5d5e; font-size:11px}
	.llamador-v{color:#5a5d5e; font-size:11px}
	
	.pie{ 
		font-size: 12px; line-height:13px; 
		padding:15px 0px }
		
	p a.link{ color:#08419a;}
	a.link{ 
		color:#08419a; text-shadow:#999;
		font-size: 14px; line-height:16px;}
	
	a:hover.link{ color:#668dc9; }
	.link{ 
		color:#08419a; 
		font-size: 14px; 
		line-height:16px;}
		
	a.link2{
		color:#00619c;
		font-size: 14px; line-height:16px;
		padding:0px; margin:0px}
	
	ol{ padding:0px 0px 0px 20px; margin:0px;}

	ol li{ 
		font-size: 14px; color:#83898E;
		line-height:16px; list-style: url(../img/1.png);
		padding:3px 0px; margin:0px  }
		
		ol.naranja li{ list-style: url(../img/2.png)!important;}
		ol.celeste li{
			list-style: url(../img/4.png)!important;
			color: #83898E;}
		ol.verde li{ list-style: url(../img/3.png)!important;}

	#pane1e{
		width:650px; height:500px; 
		overflow:hidden; 
		margin:15px 0px 0px 0px; padding:0px 0px 40px 0px;}
		
		ol#pane1e li{ 
			font-size: 14px; color:#83898E;
			line-height:16px;
			padding:15px 20px 25px 10px; margin-bottom:10px;
			border-bottom: thin solid #e4e8d1;  }

.datos_cuenta{
	margin-bottom:15px;}	
		
	.datos_cuenta p{
		display:block; float:left;
		padding:15px 35px; height:auto; margin-right:10px;
		font-size: 14px; line-height:13px;color:#00619c; 
		background:url(../img/sombra-left.jpg) left no-repeat;}
			
		/* p.flecha{ background:url(../img/flecha2.png) left top no-repeat; margin-left:20px; clear:both;} */
			
		.personal{color:#83898E; }
	
/*------ Submenu - INTERIOR ------*/

dl { 
	width: 230px; height:auto;
	margin:1px 0px 0px 5px;	}
	
	dd { margin: 0;}
	
	dt { font-size: 14px; margin-bottom:0px; }
			
	dt a { 
	display:block; width:200px; height:27px; 
	color:#FFF; text-decoration:none;
	padding: 8px 0px 0px 30px; }
	
		dt.naranja a { background:#EA610A url(../img/sombra2_bt.png) bottom no-repeat;}
		dt.naranja a:hover { background:#ef8847 url(../img/sombra2_bt.png) bottom no-repeat;}
		dt.naranja a:active { background:#ef8847 url(../img/sombra2_bt.png) bottom no-repeat;}
		
		dt.verde a { background:#00609c url(../img/sombra2_bt.png);}
		dt.verde a:hover {color:#7B8084;  background:#c8e5e5 url(../img/sombra2_bt.png);} 
		dt.verde a:active { color:#7B8084;  background:#c8e5e5 url(../img/sombra2_bt.png);}
		
		dt.celeste a {background:#80CCE4 url(../img/sombra2_bt.png);}
		dt.celeste a:hover { color:#7B8084;  background:#a0d9eb url(../img/sombra2_bt.png);} 
		dt.celeste a:active { color:#7B8084;  background:#a0d9eb url(../img/sombra2_bt.png);}
		
		dt.sombra_naranja{height:130px; background: url(../img/bg-ul1m.jpg) repeat-x}
		dt.sombra_celeste{height:130px; background: url(../img/bg-ul3m.jpg) repeat-x}
		dt.sombra_verde{height:130px; background: url(../img/bg-ul2m.jpg) repeat-x}
		
		a.dt{
			font-size: 14px; margin-bottom:0px;
			display:block; width:200px; height:27px; 
			color:#FFF; text-decoration:none;
			padding: 8px 0px 0px 30px;
			background:#EA610A url(../img/sombra2_bt.png) bottom no-repeat; }
			
		a.btndt { 
			display:block; width:200px; height:27px; 
			color:#FFF; text-decoration:none;
			padding: 8px 0px 0px 30px; 
			font-size: 14px; margin-bottom:0px;
			background:#80CCE4 url(../img/sombra2_bt.png);}
				a:hover.btndt  { color:#7B8084;  background:#a0d9eb url(../img/sombra2_bt.png);} 
				a:active.btndt  { color:#7B8084;  background:#a0d9eb url(../img/sombra2_bt.png);}

			dd ul { 
			list-style: none; 
			padding:15px 0px; margin:0px;}
			
				dd ul.ul1{background: url(../img/bg-ul1.jpg) repeat-x}
				dd ul.ul2{background: url(../img/bg-ul2.jpg) repeat-x}
				dd ul.ul3{background: url(../img/bg-ul3.jpg) repeat-x}
				
				dd li {padding:0px; margin:0px}
					
				dd a { 
					color: #83898E; display:block; 
					font-size: 12px;
					padding:5px 0px 5px 30px; 
					margin:0px;}
				
				dd ul.ul1 a:hover { color: #EA610A;}
				dd ul.ul1 a:active { color: #EA610A;}
				
			
ul.menu_horizonatal{ 
	display:block; width:670px; height:25px;
	border-bottom:2px solid #EA610A; 
	margin-left:5px; padding:2px 0px 0px 35px}
	
	ul.menu_horizonatal li{ 
	float:left; display:block; 
	padding-right:15px; background:url(../img/it.jpg) right no-repeat;
	margin-right:8px}
	
	ul.menu_horizonatal li a{ color:#B3B3B3; font-size: 12px;}
	ul.menu_horizonatal#tres li{ background:url(../img/it3.jpg) right no-repeat;}
	ul.menu_horizonatal#tres li.title{ background:none}
	
ul.menu_inst_interno{ 
	width:200px; height:360px; 
	background:url(../img/bg_menu_inst.png) no-repeat top; 
	padding:145px 0px 0px 30px}
	
	ul.menu_inst_interno li a{
		display:block; height:37px; width:180px;
		padding: 3px 0px 0px 30px;
		background:url(../img/bg_btn_menu_inst.png) no-repeat;
		font-size:14px; color:#00619c}
		
	ul.menu_inst_interno li a:hover{color:#00619c}
	
	ul.menu_inst_interno li ul { margin-bottom:25px;}
		ul.menu_inst_interno li ul li a{
			font-size: 12px; color:#83898E; 
			padding:0px 0px 0px 30px; height:15px;
			background:none}
			
		ul.menu_inst_interno li ul li a:hover{color:#AAACAF}

/*	--------------------------------------------------
	Jquery slideshow
	-------------------------------------------------- */		
	
	#slides_medio{
		width:480px; 
		height:330px; 
		position:relative;
		z-index:0 }
		
	#slides {
		width:950px; height:350px; 
		position:relative;
		z-index:0 }
		
	#slides .slides_container {
		width:950px; height:300px;
		overflow:hidden; }
	
		#slides .pagination {
			position:absolute; bottom:25px; right:410px;}
		
		#slides .pagination li {
			float:left;
			margin:0px 0px 0px 1px; padding:0px;
			list-style:none;}
		
		#slides .pagination li a {
			display:block; width:20px; height:0;
			padding-top:12px;
			background:url(../img/pagination.png) 0 0;
			float:left;
			overflow:hidden;}
		
		#slides .pagination li.current a {background-position:0 -10px;}
		
/*	--------------------------------------------------
	Jquery accordion #desplegable
	-------------------------------------------------- */		
	
	.accordion ol{ padding:0px 0px 0px 20px; margin:0px;}

	.accordion ol li{ 
		font-size: 14px; color:#83898E;
		line-height:16px; list-style: url(../img/1.png);
		padding:3px 0px; margin:0px  }
		
	.accordion { 
		width: 390px; 
		padding:0px; margin:20px 0px }
		
	.accordion li {
		list-style-type: none;
		margin: 0;	padding: 0; }
		
	.accordion li:after {
		content: ".";
		display: block;	height: 0;
		clear: both; visibility: hidden; }
		
	.accordion li li { margin-left: 1em;}
	.accordion a {color: inherit;text-decoration: inherit;}
		
	.accordion .loading {display: none;}
		
	.accordion h3 {
		display: block; height:32px;
		background: url(../img/bg_desplegable.jpg);
		color:#83898E; font-size: 14px; font-weight: normal;
		margin: 0; padding:3px 0px 0px 0px;}
	
	.accordion li h3 a {
		display: block; height:32px;
		background: url(../img/bg_desplegable.jpg);
		color:#83898E; font-size: 14px; font-weight: normal;
		margin: 0; padding:3px 0px 0px 0px;}
	
	.accordion li.active h3 a {background: url(../img/bg_desplegable-2.jpg); color:#3A88C8}
	.accordion li.locked h3 a {background: url(../img/bg_desplegable.jpg);}
	
	.accordion .panel {padding: 10px 5px 10px 5px; width:380px }
	
	.accordion li.active h3.naranja a {background: url(../img/bg_desplegable-2.jpg); color: #EA610A}
	.accordion li.active h3.celeste a {background: url(../img/bg_desplegable-2.jpg); color: #80CCE4}
	.accordion li.active h3.verde a {background: url(../img/bg_desplegable-2.jpg); color: #9dc8c7}
	
/*	--------------------------------------------------
	Jquery accordion #desplegable2
	-------------------------------------------------- */	
	#desplegable2.accordion ol li{ 
		font-size: 14px; color:#83898E;
		line-height:16px; list-style: url(../img/1.png);
		padding:3px 0px; margin:0px  }
		
	#desplegable2.accordion { 
		width: 630px; 
		padding:0px; margin:20px 0px }
		
	#desplegable2.accordion li {
		list-style-type: none;
		margin: 0; padding: 0; }
		
	#desplegable2.accordion li:after {
		content: ".";
		display: block;	height: 0;
		clear: both; visibility: hidden; }
		
	#desplegable2.accordion li li { margin-left: 1em;}
	#desplegable2.accordion a {	color: inherit;	text-decoration: inherit;}
		
	#desplegable2.accordion .loading {display: none;}
		
	#desplegable2.accordion h3 {
		display: block;
		height:35px;
		background: url(../img/bg-botn_inst.jpg) no-repeat;
		color:#83898E;
		font-size:13px;
		font-weight: normal;
		margin: 0;
		padding:5px 0px 0px 0px;}
	
	#desplegable2.accordion li h3 a {
		display: block; height:35px;
		background: url(../img/bg-botn_inst.jpg) no-repeat;
		color:#83898E; font-size:14px; font-weight: normal;
		margin: 0; padding:5px 0px 0px 0px;}
	
	#desplegable2.accordion li.active h3 a {background:url(../img/bg-botn_inst_p.jpg) no-repeat; color:#00619c}
	#desplegable2.accordion li.locked h3 a {background:url(../img/bg-botn_inst_p.jpg) no-repeat; color:#00619c}
	
	#desplegable2.accordion .panel {padding: 10px 5px 10px 5px; width:590px; }
	
	
/*---- Desplegable interno ----*/

.desplegable_interno{ 
	width:600px; height: auto; 
	margin:0px; padding:0px}

	dl.desplegable_interno dt a{ 
		font-size: 14px;	color:#08419a !important; width:auto; 
		height:13px; padding:0px 0px 10px 0px; margin:0px;}

		dl.desplegable_interno dd{	font-size: 14px; line-height:16px; color:#83898E; margin-bottom:20px}
		
		dl.desplegable_interno dd a.link{color:#08419a !important; padding:0px;}
		

ul.botones_internos{ margin:20px 0px}
ul.botones_internos li{}
ul.botones_internos a{
	display: block; height:32px;
	background: url(../img/bg_desplegable.jpg);
	color:#83898E; font-size: 14px; font-weight: normal;
	margin: 0; padding:3px 0px 0px 0px;}
	
ul.botones_internos a:hover{}
	ul.botones_internos#naranja a:hover{color:#EA610A}
	ul.botones_internos#verde a:hover{color:#00609c}
	ul.botones_internos#celeste a:hover{color:#80CCE4}
	
#desplegable2.accordion ul.edicion{ 
	height:21px; float:right; 
	margin:10px 0px 10px 0px; padding:0px}
	
ul.edicion{ 
	height:21px; float:right; 
	margin:10px 20px 10px 0px; padding:0px}
	
	ul.edicion li{ 
		height:21px; float: left; 
		margin:0px!important; padding:0px!important}
		
		a.menos{ 
			display:block; width:8px; height:18px; 
			background:url(../img/menos.png) no-repeat }
		a:hover.menos{ background:url(../img/menos_press.png) no-repeat }
		
		a.mas{
			display:block; width:10px; height:18px; 
			margin-right:5px; background:url(../img/mas.png) no-repeat }
		a:hover.mas{background:url(../img/mas_press.png) no-repeat }
		
		a.print{
			display:block; width:25px; height:17px;
			padding:1px 0px 0px 5px; font-size: 12px; color:#bbbdbf !important; }


/*------ Promociones ------*/	

.pagedemo{
	width:950px; height:650px; 
	margin:0px; padding:0px;}
	
.promo{ 
	width:468px; height:150px; position:relative;
	background: url(../img/bg-promo.jpg) no-repeat; 
	float:left; margin-bottom:10px; border:solid #F3F4E6 thin }
	
	.promo img{ float:left; margin-right:30px;}
	
	.promo h5{ 
		font-size:13px; font-weight:bold; 
		color:#83898E; margin:40px 0px 3px 0px;}
		
	.promo h2{ 
		font-size:22px; font-weight:normal; 
		color:#202F5A; line-height:18px;}
		
	.promo p{ font-size: 14px; color:#B3B3B3; padding-top:3px}

.novedades{
	width:950px; height:150px; position:relative;
	background:url(../img/bg-novedades.png) no-repeat; 
	margin-bottom:10px;}
	
	.titulo{ 
		width:925px; height:20px; padding:0px 0px 0px 25px; 
		font-weight:normal; 
		border-bottom:2px solid #E6E9D2; 
		background:url(../img/ic-solapa-gris.jpg) left no-repeat;
		font-size:14px; margin-bottom:20px;}
	
	.novedades img{ float:left; margin:20px 85px 0px 30px;}
	
	.novedades h2{ 
		float:left; display:block; 
		width:400px; 
		font-size: 22px; font-weight:normal; 
		margin:25px 0px 5px 0px;
		color:#202F5A; line-height:22px;}
		
	.novedades p{ 
		float:left; display:block; 
		width:400px; 
		padding:0px; margin:0px; 
		line-height:15px;}
		
.gestion{
	width:640px; height:150px; position:relative;
	background:url(../img/bg-gestion.jpg) no-repeat; 
	margin-bottom:10px;}

	.gestion img{ float:left; margin:20px 40px 0px 10px;}
	
	.gestion h2{ 
		float:left; display:block; 
		width:380px; 
		font-size:16px; font-weight:normal; 
		margin:25px 0px 5px 0px;
		color:#202F5A; line-height:18px;}
		
	.gestion p{ 
		float:left; display:block; 
		width:380px; 
		padding:0px; margin:0px; 
		line-height:15px;}


/*	--------------------------------------------------
	Jquery Pop up
	-------------------------------------------------- */
	
	.reveal-modal {
		position: absolute; top: 120px; left:60px;
		z-index: 101;
		visibility: hidden;
		width: 650px; height:450px; padding: 50px 90px;
		background: #FFF url(../img/bg-pop.jpg) repeat-x top;
		border:1px solid #E6E9D2;
		-moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
		-webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
		-box-shadow: 0 0 10px rgba(0,0,0,.4);}

	.reveal-modal .close-reveal-modal {
		display:block;
		font-size: 12px; line-height: normal;
		position: absolute;	top: 10px; right: 20px;
		color: #aaa;
		text-shadow: 0 -1px 1px rbga(0,0,0,.6);
		font-weight: bold;	cursor: pointer;} 
		
	.reveal-modal h2{ 
		color:#202F5A; font-size:33px; line-height:32px; 
		padding-bottom:10px; font-weight:normal}

	.reveal-modal h4{ 
		color:#83898E; font-size:18px; 
		padding-bottom:30px; font-weight:normal}
		
	.reveal-modal h5{ 
		color:#83898E; font-size:17px; 
		padding-bottom:10px;}
	
	.logo_inter{ position:absolute; right:40px; top:20px;} 
	
	.logos_cabal{height:90px; width:200px; float:right}
	
	
/*	--------------------------------------------------
	Jquery Pop up
	-------------------------------------------------- */
		
	.reveal-modal2 {
		position: absolute; top: 120px; left:120px;
		z-index: 101;
		visibility: hidden;
		width: 540px; height:320px; padding: 40px 60px;
		background: #FFF url(../img/bg-pop.jpg) repeat-x top;
		border:1px solid #E6E9D2;
		-moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
		-webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
		-box-shadow: 0 0 10px rgba(0,0,0,.4);}

	.reveal-modal2 .close-reveal-modal {
		display:block;
		font-size: 12px; line-height: normal;
		position: absolute;	top: 10px; right: 20px;
		color: #aaa;
		text-shadow: 0 -1px 1px rbga(0,0,0,.6);
		font-weight: bold;	cursor: pointer;} 
			
	.reveal-modal2 h3{ color:#00619c;}
	
	#pane1{
		width:540px; height:250px; 
		overflow:hidden; 
		margin:0px; padding:0px;}

		.jScrollPaneContainer {
			position: relative;
			overflow: hidden;
			z-index: 1;}
		
		.jScrollPaneTrack {
			position: absolute; right: 0; top: 0;
			cursor: pointer;	
			height: 100%;
			background: #f5f5f5;}
			
		.jScrollPaneDrag {
			position: absolute;
			background: #202f58;
			cursor: pointer;
			overflow: hidden;}
			
		.jScrollPaneDragTop {
			position: absolute;	top: 0;	left: 0;
			overflow: hidden;}
			
		.jScrollPaneDragBottom {
			position: absolute;	bottom: 0; left: 0;
			overflow: hidden;}
			
		a.jScrollArrowUp {
			display: block; height: 9px;
			position: absolute;	top: 0;	right: 0;
			z-index: 1; text-indent: -2000px;
			overflow: hidden;
			background: url(file:///D|/trabajos/cabal/website Cabal - rediseño (marzo 2013)/final/SITIO 210214 - edicion de acerca de cabal +cabal al dia + pop up promos/basic_arrow_up.gif) repeat-x 0 0;}
			
			a.jScrollArrowUp:hover {background-position: 0 -15px;}
		
		a.jScrollArrowDown {
			display: block;	height: 9px;
			position: absolute;bottom: 0;right: 0;
			z-index: 1;	text-indent: -2000px;
			overflow: hidden;
			background: url(file:///D|/trabajos/cabal/website Cabal - rediseño (marzo 2013)/final/SITIO 210214 - edicion de acerca de cabal +cabal al dia + pop up promos/basic_arrow_down.gif) repeat-x 0 0;	}
			a.jScrollArrowDown:hover {background-position: 0 -15px;}
			a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {	background-position: 0 -30px;}
			
	#bloque{
		width:400px; height:280px; 
		overflow:hidden; 
		margin:0px; padding:0px;}
			
				



		

/*------ Site seguro ------*/	
	.col_150{width:150px; float:left; text-align:right}
			
			.col_350{
				position:relative;
				width:310px; height:auto; 
				float:left; margin:0px;
				padding:30px 20px 0px 20px;
				background:url(../img/bg_350.jpg) no-repeat top}
				
			.col_190{
		width:190px; float:left; 
		text-align:right}	
				
			.col_350b{
				position:relative;
				width:310px; height:109px; 
				float:left; margin:0px;
				padding:0px 20px 0px 20px;
				background:url(../img/bg_350b.jpg) no-repeat top}
				
			.col_600{
				position:relative;
				width:570px;
				height:auto; float:left; margin:0px;}

			p.bloque-error {
				display: block;
				width: 290px;
				height: 150px;
				background: #e6eff6;
				padding: 25px 20px;
				font-size: 12px;
				line-height: 14px;
				margin-top: 35px;
				margin-bottom: 10px;
			}

			p.bloque-error-int {
				display: block;
				width: 290px;
				height: 100px;
				background: #e6eff6;
				padding: 25px 20px;
				font-size: 12px;
				line-height: 14px;
				margin-top: 35px;
				margin-bottom: 10px;
			}
				
			p.bloque{ 
				display:block; width:270px; height:92px; 
				background:#e6eff6; padding:25px 20px; 
				font-size: 12px; line-height:14px; 
				margin-top:35px;
				margin-bottom: 10px;}

			p.bloque-ext {
				display: block;
				width: 280px;
				height: 92px;
				background: #e6eff6;
				padding: 25px 20px;
				font-size: 12px;
				line-height: 14px;
				margin-top: 35px;
				margin-bottom: 10px;
			}

			p.bloque-ext-rta {
				display: block;
				width: 296px;
				height: 145px;
				background: #e6eff6;
				padding: 25px 20px;
				font-size: 12px;
				line-height: 14px;
				margin-top: 35px;
				margin-bottom: 10px;
			}
				
			#txtUsuario.text{
				width:310px;
				height:26px;
				border:none;
				background:#ebebeb	}
				
			input.bt-ingresar{
				background:#B7BABC;
				cursor:pointer;
				height:26px; width:100px; margin-right:0px;
				border:0px none; font-weight:bold;
				color:#FFF; font-size: 14px; padding-bottom:3px}
				
			input.bt-clave{
				cursor:pointer;
				height:26px; width:100px; margin-right:0px;
				border:0px none; font-weight:bold;
				color:#FFF; font-size: 14px; padding-bottom:3px}
				
			input.bt-usuario{
				background:#B7BABC;
				cursor:pointer;
				height:26px; width:100px;
				border:0px none; font-weight:bold;
				color:#FFF; font-size: 14px; padding-bottom:3px}
		
			.footer{ 
				font-size: 12px; color:#B3B3B3; 
				margin-top:20px; padding:0px;
				border-top:1px solid #00609c;}	
				
				.footer a{ 
					font-size: 12px; color:#B3B3B3; 
					margin:0px 8px}
					
					.footer a:hover{color:#202F5A;}
				
				a.clave{
					text-align:right; display:block; 
					margin: 3px 0px;
					color:#83898E; font-size:11px}
					
			.box_aviso{
				height:100px; width:530px;
				margin:20px 0px 0px 30px;
				background:#CCC;
				float:left;}
				
	#slides_box{
		width:530px; height:100px; 
		margin:20px 0px 0px 30px;
		position:relative;	float:left;
		z-index:0 }
		
		#slides_box .pagination {
			position:absolute; bottom:-20px; right:225px;}
		
		#slides_box .pagination li {
			float:left;
			margin:0px !important; padding:0px;!important
			list-style:none;}
		
		#slides_box .pagination li a {
			display:block; width:20px; height:0;
			padding-top:12px;
			margin:0px 0px 0px 1px !important;
			background:url(../img/pagination.png) 0 0;
			float:left;
			overflow:hidden;}
		
		#slides_box .pagination li.current a {background-position:0 -10px;}
		
		
		/* AMIGO Styles adaptation 10-03-14 */
		
		.lostPass{
					text-align:right; display:block; 
					margin: 3px 0px;
					color:#83898E; font-size:11px}
					
		#divLogin { 
				width:310px; 
				margin-right:40px; 
				float:right;
				font-size: 12px;
				color:#83898E}
				
		form#formLogin { 
				font-size: 12px;
				color:#83898E}
				
		 input.text{
				width:310px;
				line-height: 26px;
				height:26px;
				border:none;
				background:#ebebeb	}
				
			.bt-ingresar{
				text-align: center;
				padding-top: 5px;
				background-color:#00609c;
				cursor:pointer;
				height:20px; width:150px; margin-right:0px;
				border:0px none; font-weight:bold;
				color:#FFF !important; font-size: 14px; padding-bottom:3px}
				
			.bt-clave{
				text-align: center;
				padding-top: 5px;
				background-color:#B7BABC;
				cursor:pointer;
				height:20px; width:100px; margin-right:0px;
				border:0px none; font-weight:bold;
				color:#FFF !important; font-size: 14px; padding-bottom:3px}
				
			.bt-usuario{
				text-align: center;
				padding-top: 5px;
				background-color:#B7BABC;
				cursor:pointer;
				height:20px; width:100px;
				border:0px none; font-weight:bold;
				color:#FFF !important; font-size: 14px; padding-bottom:3px}

			#divMayus
				{
					padding-left: 10px;
					border: solid 1px #EA610A;
					background-color: #F6D8CE;
					color: #EA610A;
					width: 215px;
					font-size: 14px;
				}

				/*BEGIN Amigo 15/01/14 ADVERTIR TECLA CLAPS LOCK ACTIVADA AL INGRESAR PASSWORD*/
		


/* CSS Document */

:focus {outline: 0px}
.clear {clear: both; margin:0px; padding:0px}
img{ border:none; border:0px}
a{ text-decoration:none; }
ul{ margin:0px; padding:0px; list-style:none}
dd { margin: 0;}

#menuBarFilters{
    background: none repeat scroll 0 0 #e4e4e4; 
    /*border-top-color: #d1d2d1;*/
    border-bottom-color: #b5b5b5;
    border-style:outset;
    border-width: 1px;
    border-left: none;
    border-right: none;
    height: 30px;
    padding-top: 3px;
    position: relative;
    width: 950px;
    border-top:none;
}

#horizontalLine{
    background: none repeat scroll 0 0 #d1d2d1; 
    height: 1px;
    width: 950px;
}


#menuBarFilters .legend{
    Width:auto;
	float: left;
	margin-left: 12px;
	margin-right: 12px;
	margin-top:4px;
}

#menuBarFilters .controls{
    Width:135px;
	float: left;
}

#menuBarFilters .arrowControl{
    Width:60px;
	float: left;
}

#menuBarFilters span{
    margin-top: 7px;
}

#contenedor{ 
	width:950px; height:auto; position:relative;
	margin:0px auto; padding:0px;
	background:#FFF}

			div#seguridad { 
				width:auto; 
				max-width: 322px;
				margin-right: 38px;
				float:left;
				margin-left: 15px;
				font-size: 14px;
				display:inline-block;
				color:#83898E}

.contenido{}


.cab_seguridad{
	height:70px;
	position:relative;
	padding: 20px;			
	}

	ul.navigation{
	margin:0px 0px 0px 0px; padding:0px; 
	height:70px;}

	ul.navigation li{
	float:left;line-height:13px;position: relative;
	display:block; height:30px; width:81px; 
	border-right: solid 1px #E8F1F8; padding-right:12px;
	padding:10px 12px; margin-top:10px;}
	
	ul.navigation li a{
		color:#FFFFFF !important;	font-size: 14px; line-height:13px;
		display:block; height:70px; width:70px; }
		
	ul.navigation li a:hover{ font-weight:bold;}
	ul.navigation li a.active{ font-weight:bold;}
		
	ul.navigation li.salir{
		display:block; float:left; 
		background:#83898E ; 
		width:82px; height:30px; 
		border-right:none;
		text-align:center; float:left;
		margin:0px;	padding:20px 0px; }
		
		ul.navigation li.salir a:hover{
		float:left; 
		background:#83898E ; 
		height:30px; 
		border-right:none;
		text-align:center;
		
		font-weight:normal}	

	.datos_cuenta{
		height:90px}	
		
	.datos_cuenta p{
		display:block; float:left;
		padding:30px 20px; height:30px; margin-right:0px;
		font-size: 14px; line-height:13px;color:#00619c; 
		background:url(../img/sombra-left.jpg) left no-repeat;
		background-position-x: -10px;
		}
	
	p.flecha{
	margin-left: 20px;padding-left: 30px;
		}
	
	.personal{color:#EA610A; }
			
	form.cuenta {float:right; padding:90px 32px 0px 0px;}
	form.cuenta span{float:left; padding:5px; font-size:11px}
			
				
	.col_150{
		width:150px; float:left; 
		text-align:right}
		
	.col_180{
		width:180px; float:left; 
		text-align:right}
		
	.col_190{
		width:190px; float:left; 
		text-align:right}
			
	.col_350{
		position:relative;
		width:310px; height:auto; 
		float:left; margin:0px;
		padding:30px 20px 0px 20px;
}
				
	.col_350b{
		position:relative;
		width:310px; height:109px; 
		float:left; margin:0px;
		padding:10px 20px 0px 20px;
}
		
	.col_350c{
		position:relative;
		width:270px; 
		float:left; margin:0px;
		padding:30px 20px 0px 0px;
		font-size: 12px; color:#B3B3B3;}
				
	.col_350c a{ 
		font-size: 12px; color:#B3B3B3;}
					
	.col_350c a:hover{color:#202F5A;}
				
		
	.col_910{
		position:relative;
		width:910px; padding:0px 20px; 
		margin:0px;
		text-align:center;}
				
						
			form#seguridad { 
				width:324px; 
				margin-right:40px; 
				float:right;
				font-size: 12px;
				color:#83898E;}
				
			input.text{
				width: 324px;
				height:26px;
				line-height:26px;
				border:none;
				background:#ebebeb;
				color: #83898E;	}
				
			input.textBox{
				width:310px;
				height:26px;
				line-height:26px;
				border:none;
				background:#f2f2f2;
				color: #83898E;	}
				
			form#seguridad2{ 
				width:310px; 
				margin:20px 300px; 
				font-size: 12px;
				color:#83898E}
				
			#seguridad2 input.text{
				width:310px;
				height:26px;
				line-height:26px;
				border:none;
				background:#ebebeb	}
				
h3{
	font-size: 22px; line-height:24px;
	padding:0px 0px 0px 20px; margin:0px;
	color:#00619c;}	
	
h4{
	font-size:14px;
	 line-height:15px;
	  font-weight:normal;
	padding:20px;
	 margin:0px;
	  color:#83898E;
	background:url(../img/3.png) no-repeat left;	  
}
	
h5 span{
	display:block; width:892px;	height:22px; 
	text-align:left;
	padding:5px 0px 0px 20px; margin:0px 0px 30px 20px;
	font-size:14px !important; color:#00619c !important; font-weight:normal}	
	


p{
	color:#83898E; 
	font-size: 14px; line-height:18px;
	padding:0px; margin:0px}

	a.link{ 
		color:#08419a;
		 text-shadow:#999;
		font-size: 14px; line-height:16px;}
	
	a:hover.link{ color:#668dc9; }
	
	a.img{ float:left; margin:40px 0px;}

table.cuadro{	
	font-size: 14px;
	color:#81858B;
	line-height:14px;}	
	
	table.cuadro tr td{ 
		height:24px; 
		padding:2px 0px 0px 20px;
		border-right:1px solid #E6E6E0;
		background:none}	
			
	td.titulo{
			color:#00619c;
			height:30px !important; padding-top:0px!important;
			border-bottom:1px solid #E6E6E0!important; 
			border-right:none 0px !important;
			background: url(../img/bg_cuadro.png);
			text-align:left}			

	td.respuesta span{
		font-size: 14px;
		text-align:left;
		color:#00619c; 
		border-right:none 0px;
		width:400px;}		
		
	table.cuadro tr td span{ 
		font-size: 14px;
		text-align:left;
		}

table{
	font-size: 14px;
	color:#81858B;
	line-height:14px;
	/*margin-left:20px;*/}	
	
/*	td{ 
		height:27px; 
		padding:4px 0px 0px 12px;
		border-bottom:1px solid #E6E9D2;
		background:url('img/bg_td1.jpg') no-repeat right 50%;
}*/
		
	tr.principal td{ 
		background:#f3f4e8 url('img/bg_tdprincipal.png') no-repeat right 50%;
		font-weight:bold
}
	
	td.principal{ 
		background:#f3f4e8 url('img/bg_tdprincipal.png') no-repeat right 50%;
		font-weight:bold
}
		
	td.principal2{ 
		background:#f3f4e8 url('img/bg_tdprincipal2.png') no-repeat right 50%;
		font-weight:bold
}
		
	tr.sin_fondo td{ background:none;}
		
		td.sin_fondo{ background:none;}
		
	tr.ultimo td{ 
		background:none; border-bottom:#c4c5c5 solid thin}		
	
	tr.ultimo2 td{ 
		border-bottom:#c4c5c5 solid thin}
		
	ul.descargar{ 
		padding:0px;
		float:right; margin:20px 20px 0px 0px;width:100px;}
	
		ul.descargar li{ 
			font-size: 12px; color:#AAACAF; 
			float:left; display:block; margin-left:3px }
	
table.aviso{ background:#f2f2f2; text-align:center}

table.pie_cuadro{ background:#f2f2f2; font-size: 12px; width:912px;}	
			
form span{ font-size: 14px; color:#83898E; }		

input.bt-buscar{
	background:#EA610A;
	height:26px;
	line-height:26px;
	width:110px;
	padding:0px;
	border:0px none;
	text-align:center;
	cursor:pointer;
	color:#FFF;
	font-size: 14px;}
			
a.bt-buscar{
	height:26px;
	line-height:26px;
	width:110px;
	padding:0px;
	display:inline;
	float:right;
	border:0px none;
	text-align:center;
	cursor:pointer;
	color:#FFF!important;
	font-size: 14px;}
	
a.bt-buscar2{
	height:26px;
	margin-top:3px;
	line-height:26px;
	width:110px;
	padding:0px;
	display:inline;
	float:right;
	border:0px none;
	text-align:center;
	cursor:pointer;
	color:#FFF!important;
	font-size: 14px;}

				
input.bt-ingresar{
				background:##00609c;
				cursor:pointer;
				height:26px; width:100px; margin-right:0px;
				border:0px none; font-weight:bold;
				color:#FFF !important; font-size: 14px; padding-bottom:3px}
				
input.bt-clave{
				cursor:pointer;
				height:26px; width:100px; margin-right:0px;
				border:0px none; font-weight:bold;
				color:#FFF; font-size: 14px; padding-bottom:3px}
				
input.bt-usuario{
				background:#B7BABC;
				cursor:pointer;
				height:26px; width:100px;
				border:0px none; font-weight:bold;
				color:#FFF; font-size: 14px; padding-bottom:3px}
				
.footer{
	clear: both; 
	margin:auto;
	width:912px;
	font-size: 12px; color:#B3B3B3; height:auto; width:912px; 
	margin-top:40px; padding:0px;
	border-top:1px solid #ececec;}	
				
	.footer a{ 
		font-size: 12px; color:#B3B3B3; 
		margin:0px 8px}
					
	.footer a:hover{color:#202F5A;}
				
	a.clave{
		text-align:right; display:block; 
		margin: 3px 0px;
		color:#83898E; font-size:11px}
					
	.box_aviso{
		height:100px; width:530px;
		margin:20px 0px 0px 30px;
		background:#CCC;
		float:left;}
		
				
#slides_box{
	width:530px; height:100px; 
	margin:33px 0px 0px 30px;
	position:relative;float:left;
	z-index:0 }
		
		#slides_box .pagination {
			position:absolute; bottom:-20px; right:225px;}
		
		#slides_box .pagination li {
			float:left;
			margin:0px !important; padding:0px !important;
			list-style:none;}
		
		#slides_box .pagination li a {
			display:block; width:20px; height:0;
			padding-top:12px;
			margin:0px 0px 0px 1px;
			background:url('../img/pagination.png') 0 0;
			float:left;
			overflow:hidden;
}
		
		#slides_box .pagination li.current a {background-position:0 -10px;}
		
		
		
		/* AMIGO Styles adaptation 11-03-14 */
			#cuenta {float:right; padding:81px 32px 0px 0px; margin-right:60px;margin-right:auto; margin-left:auto;width:230px;}
			#cuenta span{float:left; margin-top:3px; margin-right:2px; font-size:11px}
			
			 .lblFecUltIng 
				{
					text-align:right;
					font-size: 10px;
				}

			#UltAcceso
				{
					padding-right:20px;
					float:right;
					font-size: 12px;
				}
		
		
		.h3Title
			{
			font-size: 22px; line-height:24px;
			padding:0px 0px 0px 20px; margin:0px;
			color:#EA610A;
			font-weight:bold;
			}
			
		.titulos_datos 
			{
			color: #00619c;
			font-size: 14px;
			line-height:26px;
			margin-right: 4px;
			}
			
		.LogoImage
		{
			float:left;
		}
		
		.HeaderImage
		{
			float:right;
		}
		
		.AccountHeader
		{
		font-size: 14px; line-height:14px;color:#00619c;
		}
		
		#advertisementDiv{
			width:530px; height:100px; 
			margin:33px 0px 0px 30px;
			position:relative;float:left;
			z-index:0 
		}
		

		.sin_fondo td{ background:none;}
		
		.sin_fondo{ background:none;}

		.aviso{ background:#f2f2f2; text-align:center}

		.pie_cuadro{ background:#f2f2f2; font-size: 12px;}	
		
		/*User Control BCCombobox*/
		#BCComboBoxDiv{
		float: left;
		
		}
		#labelDiv{
		float: left;
		}
		#dropDownListDiv{
		float: left;
		}
		#ValidatorDiv{
		float: left;
		}
		
		#GeneralMasterAccountButtons{
		margin-left:20px;
		margin-top:10px;
		}
		
		.accountButtons{
		float:left;
		width: 190px; 
		margin-right: 10px;
		}
		
		/*Tabla banner publicidades*/
		table#TablaBannerPublicidades {
		background:none;
		border:none;
		width:530px;
		}
		table#TablaBannerPublicidades td {
		background:none;
		border:none;
		}
		table#TablaBannerPublicidades tr {
		background:none;
		border:none;
		}
		
		/*GridFooter*/
        .GridFooter{width:912px; margin-bottom:5px; border-bottom:#e5e6e6 thin solid; height:27px;}
        .paginasRow{ background:#f2f2f2; font-size: 12px; float:left; padding-top: 5px; padding-bottom: 5px;}
        .paginas{float:left; width:193px; padding-top: 5px; margin-left: 12px;}
        .registros{float:left; width:264px; text-align:center; padding-top: 5px;}
        .registrosPorPagina{float:left; width:346px; text-align:right; padding-top: 5px; margin-right: 10px;}
        .cantRegistros{float:left;width:87px;}
		
		/*Dynamic tables style*/
		table#LikeGridLook{
		width:912px;
		text-align: left;
		margin: 0px;
		}
		
		table#LikeGridLook th {
		color:#81858B;
		background:#f3f4e8 url('img/bg_tdprincipal.png') no-repeat right 50%;
		text-align: left;
		padding:4px 0px 4px 10px;
		font-weight: bold;
		height:27px;
		}

		table#LikeGridLook td {
		background-color:#f3f4e8;
		padding:2px 0px 2px 10px;
		background:url('img/bg_td1.jpg') no-repeat right 50%;
		border-bottom: 0px;
		height:27px;
		}
		
		table#LikeGridLook tr {
		border-bottom:1px solid #E6E9D2;
		}
		
		.LikeGridLook th {
		color:#81858B;
		background:#f3f4e8 url('img/bg_tdprincipal.png') no-repeat right 50%;
		text-align: left;
		padding:4px 0px 4px 10px;
		font-weight: bold;
		height:27px;
		}
		
		#BCGrillaStyle
		{
		width:912px; margin-left:20px;
		}
		
		.DivData{margin-left:10px;}
		
		.celdaSinFondo td{background:none;}
   
 .titulos_datos_celdas_bold {
	background-color: #F2F2F2;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#F9F7F7), to(#F2F2F2));
    background-image: -webkit-linear-gradient(top, #F9F7F7, #F2F2F2);
    background-image: -moz-linear-gradient(top, #F9F7F7, #F2F2F2);
    background-image: -ms-linear-gradient(top, #F9F7F7, #F2F2F2);
    background-image: -o-linear-gradient(top, #F9F7F7, #F2F2F2);
    background-image: linear-gradient(to bottom, #F9F7F7, #F2F2F2);
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
    -moz-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
    box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
    border-top: #e0dede;
    text-shadow: 0 1px 0 rgba(255,255,255,.5);
}


.titulos_datos_celdas_bold th {
	height:40px; 
	border-bottom:1px solid #CCC;
	font-weight:bold;
	font-size: 14px;
	color:#81858B;
	padding:4px 0px 4px 12px;
	text-align: left;
	}

.titulos_datos_celdas_bold th a
{
	font-weight: bold;
	text-decoration: none;
	text-align: left;
	color: #003366;
	display: block;    
	text-align: left;
	font-size: 14px;        
}

.lineodd {
	height: 26px;
	font-size: 14px;  
	line-height:14px; 
	border-bottom: #e6e9d2 1px solid; 
	padding:4px 0px 4px 12px;
	padding-left: 10px;
}

.lineeven {
	height: 26px;
	font-size: 14px;  
	line-height:14px;
	border-bottom: #e6e9d2 1px solid; 
	padding:4px 0px 4px 12px;
	padding-left: 10px;
}

a.submenu{
		font-size: 14px; color:#00619c; 
		 height:10px; 
		padding:0px 20px 7px 20px; margin:10px 0px 10px 20px;
		background:url(../img/3.png) left no-repeat}
		
	a:hover.submenu{
		color:#00609c;}
		
/*BEGIN Amigo 23/01/14 PAGINA INTERMEDIA DE AVISO DE SESIÓN EXPIRADA*/
#popupPanel
{
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #003366;
	text-align: justify;
	width:200px; 
	background-color:White; 
	border-width:2px; 
	border-color:#003366; 
	border-style:solid; 
	padding:20px;
	margin-left: auto;
    margin-right: auto;
}

.bt-volver{
    text-align: center;
	padding-top: 5px;
	background-color:#b7babc;
	cursor:pointer;
	height:20px; width:150px; margin-right:0px;
	border:0px none; font-weight:bold;
	color:#FFF; font-size: 14px; padding-bottom:3px}
    
.legends
{
	font-size: 14px;
	line-height:14px;
	color:#666666;
	text-decoration: none;

}

#seguridad2{ 
				width:310px; 
				margin:20px 300px; 
				font-size: 14px;
				color:#83898E}
				
		#seguridad2 input.text{
				width:310px;
				height:26px;
				line-height:26px;
				border:none;
				background:#ebebeb;
				color: #83898E;	}
    
    /*User Control BCCombobox*/
        #BCComboBoxDiv{
        float: left;
        
        }
        #labelDiv{
        float: left;
        }
        #dropDownListDiv{
        float: left;
        }
        #ValidatorDiv{
        float: left;
        }


/* StyleGreen.css */

.gralLabels
{
	font-size: 14px;
    color: #83898E;
}

/*Estilos hernan castillo*/
.hc-image{max-width:100%;height:auto}img{vertical-align:middle}a{color:inherit}
.hc-table,.hc-table-all{border-collapse:collapse;border-spacing:0;width:100%;display:table}.hc-table-all{border:1px solid #ccc}
.hc-bordered tr,.hc-table-all tr{border-bottom:1px solid #ddd}.hc-striped tbody tr:nth-child(even){background-color:#f1f1f1}
.hc-table-all tr:nth-child(odd){background-color:#fff}.hc-table-all tr:nth-child(even){background-color:#f1f1f1}
.hc-hoverable tbody tr:hover,.hc-ul.hc-hoverable li:hover{background-color:#ccc}.hc-centered tr th,.hc-centered tr td{text-align:center}
.hc-table td,.hc-table th,.hc-table-all td,.hc-table-all th{padding:8px 8px;display:table-cell;text-align:left;vertical-align:top}
.hc-table th:first-child,.hc-table td:first-child,.hc-table-all th:first-child,.hc-table-all td:first-child{padding-left:16px}
.hc-btn,.hc-button{border:none;display:inline-block;padding:8px 16px;vertical-align:middle;overflow:hidden;text-decoration:none;color:inherit;background-color:inherit;text-align:center;cursor:pointer;white-space:nowrap}
.hc-btn:hover{box-shadow:0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)}
.hc-btn,.hc-button{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}   
.hc-disabled,.hc-btn:disabled,.hc-button:disabled{cursor:not-allowed;opacity:0.3}.hc-disabled *,:disabled *{pointer-events:none}
.hc-btn.hc-disabled:hover,.hc-btn:disabled:hover{box-shadow:none}
.hc-badge,.hc-tag{background-color:#000;color:#fff;display:inline-block;padding-left:8px;padding-right:8px;text-align:center}.hc-badge{border-radius:50%}
.hc-ul{list-style-type:none;padding:0;margin:0}.hc-ul li{padding:8px 16px;border-bottom:1px solid #ddd}.hc-ul li:last-child{border-bottom:none}
.hc-tooltip,.hc-display-container{position:relative}.hc-tooltip .hc-text{display:none}.hc-tooltip:hover .hc-text{display:inline-block}
.hc-ripple:active{opacity:0.5}.hc-ripple{transition:opacity 0s}
.hc-input{padding:8px;display:block;border:none;border-bottom:1px solid #ccc;width:100%}
.hc-select{padding:9px 0;width:100%;border:none;border-bottom:1px solid #ccc}
.hc-dropdown-click,.hc-dropdown-hover{position:relative;display:inline-block;cursor:pointer}
.hc-dropdown-hover:hover .hc-dropdown-content{display:block}
.hc-dropdown-hover:first-child,.hc-dropdown-click:hover{background-color:#ccc;color:#000}
.hc-dropdown-hover:hover > .hc-button:first-child,.hc-dropdown-click:hover > .hc-button:first-child{background-color:#ccc;color:#000}
.hc-dropdown-content{cursor:auto;color:#000;background-color:#fff;display:none;position:absolute;min-width:160px;margin:0;padding:0;z-index:1}
.hc-check,.hc-radio{width:24px;height:24px;position:relative;top:6px}
.hc-sidebar{height:100%;width:200px;background-color:#fff;position:fixed!important;z-index:1;overflow:auto}
.hc-bar-block .hc-dropdown-hover,.hc-bar-block .hc-dropdown-click{width:100%}
.hc-bar-block .hc-dropdown-hover .hc-dropdown-content,.hc-bar-block .hc-dropdown-click .hc-dropdown-content{min-width:100%}
.hc-bar-block .hc-dropdown-hover .hc-button,.hc-bar-block .hc-dropdown-click .hc-button{width:100%;text-align:left;padding:8px 16px}
.hc-main,#main{transition:margin-left .4s}
.hc-modal{z-index:3;display:none;padding-top:100px;position:fixed;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgb(0,0,0);background-color:rgba(0,0,0,0.4)}
.hc-modal-content{margin:auto;background-color:#fff;position:relative;padding:0;outline:0;width:600px}
.hc-bar{width:100%;overflow:hidden}.hc-center .hc-bar{display:inline-block;width:auto}
.hc-bar .hc-bar-item{padding:8px 16px;float:left;width:auto;border:none;display:block;outline:0}
.hc-bar .hc-dropdown-hover,.hc-bar .hc-dropdown-click{position:static;float:left}
.hc-bar .hc-button{white-space:normal}
.hc-bar-block .hc-bar-item{width:100%;display:block;padding:8px 16px;text-align:left;border:none;white-space:normal;float:none;outline:0}
.hc-bar-block.hc-center .hc-bar-item{text-align:center}.hc-block{display:block;width:100%}
.hc-responsive{display:block;overflow-x:auto}
.hc-container:after,.hc-container:before,.hc-panel:after,.hc-panel:before,.hc-row:after,.hc-row:before,.hc-row-padding:after,.hc-row-padding:before,
.hc-cell-row:before,.hc-cell-row:after,.hc-clear:after,.hc-clear:before,.hc-bar:before,.hc-bar:after{content:"";display:table;clear:both}
.hc-col,.hc-half,.hc-third,.hc-twothird,.hc-threequarter,.hc-quarter{float:left;width:100%}
.hc-col.s1{width:8.33333%}.hc-col.s2{width:16.66666%}.hc-col.s3{width:24.99999%}.hc-col.s4{width:33.33333%}
.hc-col.s5{width:41.66666%}.hc-col.s6{width:49.99999%}.hc-col.s7{width:58.33333%}.hc-col.s8{width:66.66666%}
.hc-col.s9{width:74.99999%}.hc-col.s10{width:83.33333%}.hc-col.s11{width:91.66666%}.hc-col.s12{width:99.99999%}
@media (min-width:601px){.hc-col.m1{width:8.33333%}.hc-col.m2{width:16.66666%}.hc-col.m3,.hc-quarter{width:24.99999%}.hc-col.m4,.hc-third{width:33.33333%}
.hc-col.m5{width:41.66666%}.hc-col.m6,.hc-half{width:49.99999%}.hc-col.m7{width:58.33333%}.hc-col.m8,.hc-twothird{width:66.66666%}
.hc-col.m9,.hc-threequarter{width:74.99999%}.hc-col.m10{width:83.33333%}.hc-col.m11{width:91.66666%}.hc-col.m12{width:99.99999%}}
@media (min-width:993px){.hc-col.l1{width:8.33333%}.hc-col.l2{width:16.66666%}.hc-col.l3{width:24.99999%}.hc-col.l4{width:33.33333%}
.hc-col.l5{width:41.66666%}.hc-col.l6{width:49.99999%}.hc-col.l7{width:58.33333%}.hc-col.l8{width:66.66666%}
.hc-col.l9{width:74.99999%}.hc-col.l10{width:83.33333%}.hc-col.l11{width:91.66666%}.hc-col.l12{width:99.99999%}}
.hc-rest{overflow:hidden}.hc-stretch{margin-left:-16px;margin-right:-16px}
.hc-content,.hc-auto{margin-left:auto;margin-right:auto}.hc-content{max-width:980px}.hc-auto{max-width:1140px}
.hc-cell-row{display:table;width:100%}.hc-cell{display:table-cell}
.hc-cell-top{vertical-align:top}.hc-cell-middle{vertical-align:middle}.hc-cell-bottom{vertical-align:bottom}
.hc-hide{display:none!important}.hc-show-block,.hc-show{display:block!important}.hc-show-inline-block{display:inline-block!important}
@media (max-width:1205px){.hc-auto{max-width:95%}}
@media (max-width:600px){.hc-modal-content{margin:0 10px;width:auto!important}.hc-modal{padding-top:30px}
.hc-dropdown-hover.hc-mobile .hc-dropdown-content,.hc-dropdown-click.hc-mobile .hc-dropdown-content{position:relative}	
.hc-hide-small{display:none!important}.hc-mobile{display:block;width:100%!important}.hc-bar-item.hc-mobile,.hc-dropdown-hover.hc-mobile,.hc-dropdown-click.hc-mobile{text-align:center}
.hc-dropdown-hover.hc-mobile,.hc-dropdown-hover.hc-mobile .hc-btn,.hc-dropdown-hover.hc-mobile .hc-button,.hc-dropdown-click.hc-mobile,.hc-dropdown-click.hc-mobile .hc-btn,.hc-dropdown-click.hc-mobile .hc-button{width:100%}}
@media (max-width:768px){.hc-modal-content{width:500px}.hc-modal{padding-top:50px}}
@media (min-width:993px){.hc-modal-content{width:900px}.hc-hide-large{display:none!important}.hc-sidebar.hc-collapse{display:block!important}}
@media (max-width:992px) and (min-width:601px){.hc-hide-medium{display:none!important}}
@media (max-width:992px){.hc-sidebar.hc-collapse{display:none}.hc-main{margin-left:0!important;margin-right:0!important}.hc-auto{max-width:100%}}
.hc-top,.hc-bottom{position:fixed;width:100%;z-index:1}.hc-top{top:0}.hc-bottom{bottom:0}
.hc-overlay{position:fixed;display:none;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.5);z-index:2}
.hc-display-topleft{position:absolute;left:0;top:0}.hc-display-topright{position:absolute;right:0;top:0}
.hc-display-bottomleft{position:absolute;left:0;bottom:0}.hc-display-bottomright{position:absolute;right:0;bottom:0}
.hc-display-middle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%)}
.hc-display-left{position:absolute;top:50%;left:0%;transform:translate(0%,-50%);-ms-transform:translate(-0%,-50%)}
.hc-display-right{position:absolute;top:50%;right:0%;transform:translate(0%,-50%);-ms-transform:translate(0%,-50%)}
.hc-display-topmiddle{position:absolute;left:50%;top:0;transform:translate(-50%,0%);-ms-transform:translate(-50%,0%)}
.hc-display-bottommiddle{position:absolute;left:50%;bottom:0;transform:translate(-50%,0%);-ms-transform:translate(-50%,0%)}
.hc-display-container:hover .hc-display-hover{display:block}.hc-display-container:hover span.hc-display-hover{display:inline-block}.hc-display-hover{display:none}
.hc-display-position{position:absolute}
.hc-circle{border-radius:50%}
.hc-round-small{border-radius:2px}.hc-round,.hc-round-medium{border-radius:4px}.hc-round-large{border-radius:8px}.hc-round-xlarge{border-radius:16px}.hc-round-xxlarge{border-radius:32px}
.hc-row-padding,.hc-row-padding>.hc-half,.hc-row-padding>.hc-third,.hc-row-padding>.hc-twothird,.hc-row-padding>.hc-threequarter,.hc-row-padding>.hc-quarter,.hc-row-padding>.hc-col{padding:0 8px}
.hc-container,.hc-panel{padding:0.01em 16px}.hc-panel{margin-top:16px;margin-bottom:16px}
.hc-code,.hc-codespan{font-family:Consolas,"courier new";font-size:16px}
.hc-code{width:auto;background-color:#fff;padding:8px 12px;border-left:4px solid #4CAF50;word-wrap:break-word}
.hc-codespan{color:crimson;background-color:#f1f1f1;padding-left:4px;padding-right:4px;font-size:110%}
.hc-card,.hc-card-2{box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)}
.hc-card-4,.hc-hover-shadow:hover{box-shadow:0 4px 10px 0 rgba(0,0,0,0.2),0 4px 20px 0 rgba(0,0,0,0.19)}
.hc-spin{animation:hc-spin 2s infinite linear}@keyframes hc-spin{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}}
.hc-animate-fading{animation:fading 10s infinite}@keyframes fading{0%{opacity:0}50%{opacity:1}100%{opacity:0}}
.hc-animate-opacity{animation:opac 0.8s}@keyframes opac{from{opacity:0} to{opacity:1}}
.hc-animate-top{position:relative;animation:animatetop 0.4s}@keyframes animatetop{from{top:-300px;opacity:0} to{top:0;opacity:1}}
.hc-animate-left{position:relative;animation:animateleft 0.4s}@keyframes animateleft{from{left:-300px;opacity:0} to{left:0;opacity:1}}
.hc-animate-right{position:relative;animation:animateright 0.4s}@keyframes animateright{from{right:-300px;opacity:0} to{right:0;opacity:1}}
.hc-animate-bottom{position:relative;animation:animatebottom 0.4s}@keyframes animatebottom{from{bottom:-300px;opacity:0} to{bottom:0;opacity:1}}
.hc-animate-zoom {animation:animatezoom 0.6s}@keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}}
.hc-animate-input{transition:width 0.4s ease-in-out}.hc-animate-input:focus{width:100%!important}
.hc-opacity,.hc-hover-opacity:hover{opacity:0.60}.hc-opacity-off,.hc-hover-opacity-off:hover{opacity:1}
.hc-opacity-max{opacity:0.25}.hc-opacity-min{opacity:0.75}
.hc-greyscale-max,.hc-grayscale-max,.hc-hover-greyscale:hover,.hc-hover-grayscale:hover{filter:grayscale(100%)}
.hc-greyscale,.hc-grayscale{filter:grayscale(75%)}.hc-greyscale-min,.hc-grayscale-min{filter:grayscale(50%)}
.hc-sepia{filter:sepia(75%)}.hc-sepia-max,.hc-hover-sepia:hover{filter:sepia(100%)}.hc-sepia-min{filter:sepia(50%)}
.hc-tiny{font-size:10px!important}.hc-small{font-size:12px!important}.hc-medium{font-size:15px!important}.hc-large{font-size:18px!important}
.hc-xlarge{font-size:24px!important}.hc-xxlarge{font-size:36px!important}.hc-xxxlarge{font-size:48px!important}.hc-jumbo{font-size:64px!important}
.hc-left-align{text-align:left!important}.hc-right-align{text-align:right!important}.hc-justify{text-align:justify!important}.hc-center{text-align:center!important}
.hc-border-0{border:0!important}.hc-border{border:1px solid #ccc!important}
.hc-border-top{border-top:1px solid #ccc!important}.hc-border-bottom{border-bottom:1px solid #ccc!important}
.hc-border-left{border-left:1px solid #ccc!important}.hc-border-right{border-right:1px solid #ccc!important}
.hc-topbar{border-top:6px solid #ccc!important}.hc-bottombar{border-bottom:6px solid #ccc!important}
.hc-leftbar{border-left:6px solid #ccc!important}.hc-rightbar{border-right:6px solid #ccc!important}
.hc-section,.hc-code{margin-top:16px!important;margin-bottom:16px!important}
.hc-margin{margin:16px!important}.hc-margin-top{margin-top:16px!important}.hc-margin-bottom{margin-bottom:16px!important}
.hc-margin-left{margin-left:16px!important}.hc-margin-right{margin-right:16px!important}
.hc-padding-small{padding:4px 8px!important}.hc-padding{padding:8px 16px!important}.hc-padding-large{padding:12px 24px!important}
.hc-padding-16{padding-top:16px!important;padding-bottom:16px!important}.hc-padding-24{padding-top:24px!important;padding-bottom:24px!important}
.hc-padding-32{padding-top:32px!important;padding-bottom:32px!important}.hc-padding-48{padding-top:48px!important;padding-bottom:48px!important}
.hc-padding-64{padding-top:64px!important;padding-bottom:64px!important}
.hc-left{float:left!important}.hc-right{float:right!important}
.hc-button:hover{color:#000!important;background-color:#ccc!important}
.hc-transparent,.hc-hover-none:hover{background-color:transparent!important}
.hc-hover-none:hover{box-shadow:none!important}
 /*Colors*/ 
.hc-amber,.hc-hover-amber:hover{color:#000!important;background-color:#ffc107!important}
.hc-aqua,.hc-hover-aqua:hover{color:#000!important;background-color:#00ffff!important}
.hc-blue,.hc-hover-blue:hover{color:white!important;background-color:#00609c!important}
.hc-light-blue,.hc-hover-light-blue:hover{color:#000!important;background-color:#87CEEB!important}
.hc-brown,.hc-hover-brown:hover{color:#fff!important;background-color:#795548!important}
.hc-cyan,.hc-hover-cyan:hover{color:#000!important;background-color:#00bcd4!important}
.hc-blue-grey,.hc-hover-blue-grey:hover,.hc-blue-gray,.hc-hover-blue-gray:hover{color:#fff!important;background-color:#607d8b!important}
.hc-green,.hc-hover-green:hover{color:#fff!important;background-color:#4CAF50!important}
.hc-light-green,.hc-hover-light-green:hover{color:#000!important;background-color:#8bc34a!important}
.hc-indigo,.hc-hover-indigo:hover{color:#fff!important;background-color:#3f51b5!important}
.hc-khaki,.hc-hover-khaki:hover{color:#000!important;background-color:#f0e68c!important}
.hc-lime,.hc-hover-lime:hover{color:#000!important;background-color:#cddc39!important}
.hc-orange,.hc-hover-orange:hover{color:#000!important;background-color:#ff9800!important}
.hc-deep-orange,.hc-hover-deep-orange:hover{color:#fff!important;background-color:#ff5722!important}
.hc-pink,.hc-hover-pink:hover{color:#fff!important;background-color:#e91e63!important}
.hc-purple,.hc-hover-purple:hover{color:#fff!important;background-color:#9c27b0!important}
.hc-deep-purple,.hc-hover-deep-purple:hover{color:#fff!important;background-color:#673ab7!important}
.hc-red,.hc-hover-red:hover{color:#fff!important;background-color:#f44336!important}
.hc-sand,.hc-hover-sand:hover{color:#000!important;background-color:#fdf5e6!important}
.hc-teal,.hc-hover-teal:hover{color:#fff!important;background-color:#009688!important}
.hc-yellow,.hc-hover-yellow:hover{color:#000!important;background-color:#ffeb3b!important}
.hc-white,.hc-hover-white:hover{color:#000!important;background-color:#fff!important}
.hc-black,.hc-hover-black:hover{color:#fff!important;background-color:#000!important}
.hc-grey,.hc-hover-grey:hover,.hc-gray,.hc-hover-gray:hover{color:#000!important;background-color:#9e9e9e!important}
.hc-light-grey,.hc-hover-light-grey:hover,.hc-light-gray,.hc-hover-light-gray:hover{color:#000!important;background-color:#f1f1f1!important}
.hc-dark-grey,.hc-hover-dark-grey:hover,.hc-dark-gray,.hc-hover-dark-gray:hover{color:#fff!important;background-color:#616161!important}
.hc-pale-red,.hc-hover-pale-red:hover{color:#000!important;background-color:#ffdddd!important}
.hc-pale-green,.hc-hover-pale-green:hover{color:#000!important;background-color:#ddffdd!important}
.hc-pale-yellow,.hc-hover-pale-yellow:hover{color:#000!important;background-color:#ffffcc!important}
.hc-pale-blue,.hc-hover-pale-blue:hover{color:#000!important;background-color:#ddffff!important}
.hc-text-amber,.hc-hover-text-amber:hover{color:#ffc107!important}
.hc-text-aqua,.hc-hover-text-aqua:hover{color:#00ffff!important}
.hc-text-blue,.hc-hover-text-blue:hover{color:#2196F3!important}
.hc-text-light-blue,.hc-hover-text-light-blue:hover{color:#87CEEB!important}
.hc-text-brown,.hc-hover-text-brown:hover{color:#795548!important}
.hc-text-cyan,.hc-hover-text-cyan:hover{color:#00bcd4!important}
.hc-text-blue-grey,.hc-hover-text-blue-grey:hover,.hc-text-blue-gray,.hc-hover-text-blue-gray:hover{color:#607d8b!important}
.hc-text-green,.hc-hover-text-green:hover{color:#4CAF50!important}
.hc-text-light-green,.hc-hover-text-light-green:hover{color:#8bc34a!important}
.hc-text-indigo,.hc-hover-text-indigo:hover{color:#3f51b5!important}
.hc-text-khaki,.hc-hover-text-khaki:hover{color:#b4aa50!important}
.hc-text-lime,.hc-hover-text-lime:hover{color:#cddc39!important}
.hc-text-orange,.hc-hover-text-orange:hover{color:#ff9800!important}
.hc-text-deep-orange,.hc-hover-text-deep-orange:hover{color:#ff5722!important}
.hc-text-pink,.hc-hover-text-pink:hover{color:#e91e63!important}
.hc-text-purple,.hc-hover-text-purple:hover{color:#9c27b0!important}
.hc-text-deep-purple,.hc-hover-text-deep-purple:hover{color:#673ab7!important}
.hc-text-red,.hc-hover-text-red:hover{color:#f44336!important}
.hc-text-sand,.hc-hover-text-sand:hover{color:#fdf5e6!important}
.hc-text-teal,.hc-hover-text-teal:hover{color:#009688!important}
.hc-text-yellow,.hc-hover-text-yellow:hover{color:#d2be0e!important}
.hc-text-white,.hc-hover-text-white:hover{color:#fff!important}
.hc-text-black,.hc-hover-text-black:hover{color:#000!important}
.hc-text-grey,.hc-hover-text-grey:hover,.hc-text-gray,.hc-hover-text-gray:hover{color:#757575!important}
.hc-text-light-grey,.hc-hover-text-light-grey:hover,.hc-text-light-gray,.hc-hover-text-light-gray:hover{color:#f1f1f1!important}
.hc-text-dark-grey,.hc-hover-text-dark-grey:hover,.hc-text-dark-gray,.hc-hover-text-dark-gray:hover{color:#3a3a3a!important}
.hc-border-amber,.hc-hover-border-amber:hover{border-color:#ffc107!important}
.hc-border-aqua,.hc-hover-border-aqua:hover{border-color:#00ffff!important}
.hc-border-blue,.hc-hover-border-blue:hover{border-color:#2196F3!important}
.hc-border-light-blue,.hc-hover-border-light-blue:hover{border-color:#87CEEB!important}
.hc-border-brown,.hc-hover-border-brown:hover{border-color:#795548!important}
.hc-border-cyan,.hc-hover-border-cyan:hover{border-color:#00bcd4!important}
.hc-border-blue-grey,.hc-hover-border-blue-grey:hover,.hc-border-blue-gray,.hc-hover-border-blue-gray:hover{border-color:#607d8b!important}
.hc-border-green,.hc-hover-border-green:hover{border-color:#4CAF50!important}
.hc-border-light-green,.hc-hover-border-light-green:hover{border-color:#8bc34a!important}
.hc-border-indigo,.hc-hover-border-indigo:hover{border-color:#3f51b5!important}
.hc-border-khaki,.hc-hover-border-khaki:hover{border-color:#f0e68c!important}
.hc-border-lime,.hc-hover-border-lime:hover{border-color:#cddc39!important}
.hc-border-orange,.hc-hover-border-orange:hover{border-color:#ff9800!important}
.hc-border-deep-orange,.hc-hover-border-deep-orange:hover{border-color:#ff5722!important}
.hc-border-pink,.hc-hover-border-pink:hover{border-color:#e91e63!important}
.hc-border-purple,.hc-hover-border-purple:hover{border-color:#9c27b0!important}
.hc-border-deep-purple,.hc-hover-border-deep-purple:hover{border-color:#673ab7!important}
.hc-border-red,.hc-hover-border-red:hover{border-color:#f44336!important}
.hc-border-sand,.hc-hover-border-sand:hover{border-color:#fdf5e6!important}
.hc-border-teal,.hc-hover-border-teal:hover{border-color:#009688!important}
.hc-border-yellow,.hc-hover-border-yellow:hover{border-color:#ffeb3b!important}
.hc-border-white,.hc-hover-border-white:hover{border-color:#fff!important}
.hc-border-black,.hc-hover-border-black:hover{border-color:#000!important}
.hc-border-grey,.hc-hover-border-grey:hover,.hc-border-gray,.hc-hover-border-gray:hover{border-color:#9e9e9e!important}
.hc-border-light-grey,.hc-hover-border-light-grey:hover,.hc-border-light-gray,.hc-hover-border-light-gray:hover{border-color:#f1f1f1!important}
.hc-border-dark-grey,.hc-hover-border-dark-grey:hover,.hc-border-dark-gray,.hc-hover-border-dark-gray:hover{border-color:#616161!important}
.hc-border-pale-red,.hc-hover-border-pale-red:hover{border-color:#ffe7e7!important}.hc-border-pale-green,.hc-hover-border-pale-green:hover{border-color:#e7ffe7!important}
.hc-border-pale-yellow,.hc-hover-border-pale-yellow:hover{border-color:#ffffcc!important}.hc-border-pale-blue,.hc-hover-border-pale-blue:hover{border-color:#e7ffff!important}


/* Estilos 20220420*/
.hc-dark-grey-con-borde {
	color: #595959 !important;
	background-color: #595959;
	height: 60px;
	border-color: white
}


.fondo {
	background: linear-gradient(to bottom, #16B3EB,#1273A8) !important;
	top: 20px;
}