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

@font-face {
  font-family: 'SuecaRegular';
  src:url('../fonts/SuecaSlab-Regular.otf'); }
  
  @font-face {
  font-family: 'Sueca-Light';
  src:url('../fonts/SuecaSlab-Light.otf'); }


@font-face {
  font-family: 'Sueca-Bold';
  src:url('../fonts/SuecaSlab-Bold.otf'); }
  
 @font-face {
  font-family: 'Sueca-SemiBold';
  src:url('../fonts/SuecaSlab-Semibold.otf'); }

body
{
	  font-family:"SuecaRegular";
	  color:#4f4f4f;
	  font-size:100%;
}
p{
	font-size:15px;
	}
	
.light{
	font-family:"Sueca-Light";
}
.light span{
	font-family:"Sueca-SemiBold";
}
.mt40{
	margin-top:70px;
	}
.mbt20{
	margin:40px 0;
	}
.pbt40{
	padding:40px 0;
	}
nav.navbar{
	background-color:white;
	}

.jumbotron{
	color:white;
	text-align:center;
	padding:200px 0 10px 0px;
	}
.jumbotron p {
    margin-bottom: 15px;
    font-size: 20px;
	line-height:30px;
    font-family:"Sueca-Light";
	padding:0 80px;

}
.celeste{
		background-color:#00adee;
		}
.celeste h3{
	margin:40px 0 20px 0;
	color:white;
	font-family:"SuecaRegular";
	text-transform:uppercase;
	text-align:center;
	}
.blacktxt{
	color:black;
		}
.jumbotron .h1, .jumbotron h1{
	font-family:"Sueca-Light";
	font-size:30px;
	}
h1 span{
	font-family:"Sueca-SemiBold";
	}
h3{
	font-family:"Sueca-Bold";
	text-align:left;
	font-size:18px
	}
h4{
	color:white;
	text-align:center;
	margin-bottom:30px;
	}
h5{
	font-family:"Sueca-Bold";
	text-align:center;
	font-size:12px;
	color:black;
	text-transform:uppercase;
	}
.explica P{
	color:#626264;
	font-size:14px;
	}
.explica .col-md-4{
	padding:0px 80px 0px 40px;
	}

.precios{
	font-size:12px;
	z-index:1;
	}
.precios th{
	color:#00adee;
	border-bottom:2px solid #00adee;
	font-family: 'Sueca-Bold';
	font-weight:300;
	text-transform:uppercase;
	}
.precios th.black{
	color:black;
	text-align:center;
	text-transform:uppercase;
	}
.precios td{
	color:#4f4f4f;
	text-align:center;
	}
#example td, #example th{
	text-align:center;
	}
.sorting{
	text-align:center;
	}
#example_paginate{
	margin:0px 0 40px 0;
	}
.pagination{
	font-family: 'Sueca-Bold';
	font-size:12px;
	text-align:center;
	}
.pagination>li>a, .pagination>li>span { 
	border-radius: 50% !important;
	margin: 0 10px;
	color:black;
	width: 36px;
    height: 36px;
	padding:8px 0 0 0;
	text-align:center;
	}
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #ffed00;
    border-color: #ffed00;
	color:black;
}
a.btn-negro{
	background-color:black;
	color:white;
	font-size:12px;
	padding:10px 20px;
	border-radius: 6px;
	margin:20px 0 60px 0; 
	font-family:"Sueca-SemiBold";
	}
.btn-negro:hover{
	color:#00adee;
	font-size:12px;
	}
	
.btn-default{
	color:#00adee;
	font-family:"Sueca-Bold";
	font-size:12px;
	border:none;
	}
hr{
	border-color:#c6c7c8;}
	
.enlaces-bajos{
font-family:"Sueca-Bold";
	font-size:12px;
	}
.form-control{
	font-size:12px;
	color:black;
	}
#buscador{
	text-align:center;
	margin-top:20px;
}
#example_filter {
	text-align:center;
	margin-top:20px;
}
.dataTables_filter {
	text-align: left !important;
}

.dataTables_paginate {
	padding-top: 40px;
	text-align: important important;
}
div.dataTables_wrapper div.dataTables_paginate {
    margin: 0;
    white-space: nowrap;
    text-align: center;
}
/*
div.dataTables_wrapper {
	width: 800px;
	margin: 0 auto;
}
*/
.effect1{
    -webkit-box-shadow: 0 10px 6px -6px #777;
       -moz-box-shadow: 0 10px 6px -6px #777;
            box-shadow: 0 10px 6px -6px #777;
}
#filters select{
	background:#00adee;
	padding:10px 5px;
	border-radius: 6px;
	border:1px solid black;
	color:black;
	font-family:"Sueca-Bold";
	font-size:11px;
	margin-right:5px;
	text-transform:uppercase;
	}
/*.checkbox{
	border:1px solid red;
	}
#filters{
	border:1px solid green;
	}*/
.checkbox a{
	color:white;
	font-family:"SuecaRegular";
	font-size:12px;
	float:right;
	padding-top:10px
	}
.checkbox span{
	padding-top:0px;
	padding-left:30px;
	float:left;
	text-align:left;
	margin-top:0px;
	}
.base-filtrada{
	color:#00adee;
	font-family:"Sueca-Bold";
	font-size:12px;
	float:right;
	margin-top:30px;
	background:url(../img/download-celeste.png) left top no-repeat;
	padding-left:20px;
	border:none;
	float:right;
	}
div.dt-buttons {
	position: relative;
    float: right;
	margin-top:-70px;
	margin-bottom:30px
}
button.dt-button:hover:not(.disabled), div.dt-button:hover:not(.disabled), a.dt-button:hover:not(.disabled) {
	border: 1px solid #fff;
    background-color: none;
}
.cinturon{
	background-color:#edf9fd;
	padding:20px 0 40px 0;
	}
.cinturon img{
	float:right;
	}
.cinturon h3{
	margin:20px 0 30px 0;
	color:#00adee;
	font-family:"SuecaRegular";
	text-transform:uppercase;
	text-align:center;
	}
.cinto-titulo{
	font-family:"SuecaRegular";
	font-size:16px;
	line-height:18px;
	color:black;
	}
.cinto-numero{
font-family:"Sueca-Bold";
	font-size:24px;
	color:#00adee;
	display:block
	}
.scroll{
	margin:40px 0
	}
.buscar{
	margin-top:-25px;
	}
.buscar input{
    padding-left:25px;
	width:500px;
}
.buscar:before{
    opacity:.8;
    height:100%;
    width:25px;
	margin-top:8px;
    display:-webkit-box;
    -webkit-box-pack:center;
    -webkit-box-align:center;
    position: absolute;
    content:"\e003";
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    pointer-events: none;
    -webkit-font-smoothing: antialiased;
}
.actualizacion{
	margin:30px 0 0 0;
	font-size:11px;
	font-family:"Sueca-Bold";
	}
td.anio{
	color:#00adee;
	text-align:center;
	font-family:"Sueca-Bold";
	border-bottom:1px solid #00adee;
	}
td.total{
	color:black;
	text-align:center;
	font-family:"Sueca-Bold";
	border-bottom:1px solid black;
	}
td.total a:before{
	opacity:.8;
	margin-top:8px;
    display:-webkit-box;
    -webkit-box-pack:center;
    -webkit-box-align:center;
    content:"\e164";
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    pointer-events: none;
    -webkit-font-smoothing: antialiased;
	color:#00adee;
	}
.enlaces-bajos div{
	font-size:11px;
	background-color:black;
	color:white;
	border-right:2px solid #666;
	height:50px;
	font-family:"Sueca-SemiBold";
	}

#A0{
	width:90px !important;
	margin-right:10px !important;
}
#J1{
	width:150px !important;
	margin-right:10px !important;
}
#T3{
	width:110px !important;
	margin-right:10px !important;
}
#P2{
	width:180px !important;
	margin-right:10px !important;
}
#P6{
	width:150px !important;
	margin-right:10px !important;
}
#P8{
	width:200px !important;
	margin-right:10px !important;
}
.enlaces-bajos div a{
	font-size:11px;
	color:white;
	text-transform:uppercase;
	line-height:50px;
}

.counter {
  display: table-cell;
  margin:1.5%;
  vertical-align: middle;
}
#move{
	border-radius: 50% !important;
	padding:0px 0 0 0;
	
	color:black;
	width: 40px;
    height: 40px;
	padding:3px 0 0 0;
	text-align:center;
	background-color: #00adee;
	color:white;
	font-size:20px;
	border:none;
	overflow-y:hidden;
	overflow-x:hidden;
	z-index:10;
	
	position: absolute;
  right:-25px;
  top: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  float:right;
	}
.modal-body {
	position: relative;
    padding: 15px 15px 30px 15px;
}
/*.dataTables_scroll{
	border-right:2px solid #00adee;
	}


.excelButton { background: white;}

.buttons-excel > span {
	color:#00adee;
	font-family:"Sueca-Bold";
	font-size:12px;
	float:right;
	background:url(../img/download-celeste.png) left top no-repeat;
	padding-left:20px;

}*/
#modalcredito .modal-content{
	background-color:white;
	}
#modalcredito{
	border:1px solid black;
	text-align:center;
	z-index:10000;
	}

#modalcredito .modal-header{
	background-color:black;
	color:white;
	font-size:20px;
	}
#modalcredito .modal-header span{
	line-height:50px;
	font-size:20px;
	}
#modalcredito .modal-body h4{
	color:black;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	margin:0;
	padding:0;
	}
#modalcredito .modal-body p{
	color:black;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	margin:0 0 10px 0;
	padding:0;
	}
.close:focus, .close:hover, .close{
    cursor: pointer;
    filter: alpha(opacity=100);
    opacity: 1;
}
.sns{
	font-family:"Sueca-SemiBold";
	text-align:center;
	font-size:14px;
	padding-bottom:50px;
		}