/*@import url(http://fonts.googleapis.com/css?family=Droid+Sans);
@import url(http://fonts.googleapis.com/css?family=Ubuntu);
@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300);
@import url(http://fonts.googleapis.com/css?family=Asap);
@import url(http://fonts.googleapis.com/css?family=Kavoon);*/
/*@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed);
@import url(http://fonts.googleapis.com/css?family=Roboto+Slab);*/
/*@import url(http://fonts.googleapis.com/css?family=Kaushan+Script);*/

#loading_info{
  position:absolute;
    bottom:5px;
    right:10px;
    z-index: 9999;
}

.navbar{
        color: #e9e9e9 !important;
        /*width: LaMedidaQueDeseas;*/
}

.navbar-brand {
  padding: 0px;
}
.navbar-brand>img {
  height: 10%;
  padding: 15px;
  width: auto;
}

.navbar-custom {
    background-color:#e9e9e9;
    color:#ffffff;
    border-radius:0;
    height: 120px;
    /*border-bottom: 2px;
    border-color: #e9e9e9;*/
}


.navbar-custom .navbar-nav > li > a {
    color:#fff;
}

.navbar-custom .navbar-nav > .active > a {
    color: #ffffff;
    background-color:transparent;
}

.navbar-custom .navbar-nav > li > a:hover,
.navbar-custom .navbar-nav > li > a:focus,
.navbar-custom .navbar-nav > .active > a:hover,
.navbar-custom .navbar-nav > .active > a:focus,
.navbar-custom .navbar-nav > .open >a {
    text-decoration: none;
    background-color: #33aa33;
}

.navbar-custom .navbar-brand {
    color:#eeeeee;
}
.navbar-custom .navbar-toggle {
    background-color:#eeeeee;
}
.navbar-custom .icon-bar {
    background-color:#33aa33;
}
.btn-default, .warning{
  background-color: #003979 !important;
  color: #fff !important;
}

.alert-info{
  background-color: #003979 !important;
font-weight: 400;
border-color: #e9e9e9 !important;

}
.sessionClass{
  color: #003979 !important;
font-weight: 400;

}
.navbar .navbar-default {color: #e9e9e9 !important}
.brand{
font-family: 'Roboto', Arial, Helvetica, sans-serif;
font-size: 80px;
font-weight: 600;
}

body {
    font-family: "Noto Sans",sans-serif,"Helvetica Neue",Helvetica,Arial,sans-serif;
    color: #949494;
    background-color: #fff;
    padding-top: 30px;
}


a:hover {
color: #48B814;
}

a {
color: #096;
text-decoration: none;
}

.page-container:before, .page-container:after {
content: " ";
display: table;
}

.page-container {
width:980px;
margin:0 auto
}

.page-container:before, .page-container:after {
content: " ";
display: table;
}

*, *:before, *:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

.page-container .main-content {
position: relative;
float: left;
width: 100%;
padding: 20px;
z-index: 2;
background: #fff;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

@media (min-width: 992px)
.col-md-12 {
width: 100%;
}

.col-md-12 {
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
}

.panel-primary {
border-color: #ebebeb;
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.panel {
margin-bottom: 17px;
background-color: #fff;
border: 1px solid transparent;
border-radius: 3px;
}

.panel-primary>.panel-heading {
color: #373e4a;
background-color: #fff;
border-color: #ebebeb;
}

.panel-heading {
border-bottom: 1px solid transparent;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}

.panel>.table-bordered, .panel>.table-responsive>.table-bordered {
border: 0;
}

.panel>.table, .panel>.table-responsive {
margin-bottom: 0;
}

.table {
width: 100%;
margin-bottom: 17px;
}

.table-bordered {
border: 1px solid #ebebeb;
}

tbody {
display: table-row-group;
vertical-align: middle;
border-color: inherit;
}

tr {
display: table-row;
vertical-align: inherit;
border-color: inherit;
}



.panel-heading>.panel-title {
float: left;
padding: 10px 15px;
}
.panel-title {
margin-top: 0;
margin-bottom: 0;
font-size: 14px;
}


.table-bordered>thead>tr>th, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>tbody>tr>td, .table-bordered>tfoot>tr>td {
border: 1px solid #ebebeb;
}

.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td {
padding: 8px;
line-height: 1.428571429;
vertical-align: top;
border-top: 5px solid #ebebeb;
}


td, th {
display: table-cell;
vertical-align: inherit;
}

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

table {
border-collapse: separate;
border-spacing: 2px;
border-color: gray;
}

b, strong {
font-weight: bold;
}

.morris-hover.morris-default-style {
border-radius: 5px;
padding: 6px;
color: #666;
background: rgba(255,255,255,0.8);
border: solid 2px rgba(230,230,230,0.8);
font-family: "Noto Sans",sans-serif,"Helvetica Neue",Helvetica,Arial,sans-serif;
font-size: 12px;
text-align: center;
}
.morris-hover {
position: absolute;
z-index: 1000;
}
.morris-hover-row-label{
	font-weight: bold;
	font-size: 22px;
	text-align: left;
}
.morris-hover-point{
	font-size: 16px;
	text-align: left;

}
a.scrollup {
	background: #5B85D3;
	height:50px;
	width:50px;
	color: #FFF;
	font-size:25px;
	line-height:45px;
	text-align:center;
	text-decoration:none;
	position:fixed;
	bottom:70px;
	right:10px;
	z-index:9999;
	opacity:0.6;
	display:none;
	border-radius: 50px;

}
a.scrollup:hover{
	opacity:1;
	color:#FFF;
}
/*Para que flote el menu al hacer el hover
ul.nav li.dropdown:hover > ul.dropdown-menu { display: block; }
.navbar .dropdown-menu { margin-top: 0px; }*/

/* Para cambiar el color del texto al seleccionarlo*/
::selection {
	color: white;
	background: #008cba; /* Safari */
	}
::-moz-selection {
	color: white;
	background: #008cba; /* Firefox & chrome */
}


/*.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  /*height: 150px;
  background-color: #f5f5f5;
}*/
.footer {
	  bottom: 0;
  left: 0;
  width: 100%
	margin-top: 0px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #ddd;
	display:block;
  float: bottom;
  bottom: 0;
  left: 0;
  width: 100%;
  min-height: 80px;
}

#footer { position: relative; margin-top: -100px; /* altura en px del footer con valor negativo */ 
	height: 100px; /* Altura del Footer en px*/ 
	clear: both; background: #286af0; 
	text-align: center; color: #FFFFFF; 
} 


ul{
       list-style:none;
       }



 #tramites .item-tramite{width: 100%;margin: 10px;height: 50px;line-height: 10px;  background-color: #FFF; padding-top: 15px;}
    #tramites .item-tramite.selected{color: #eee;background-color: #227ecb;}
    #tramites .item-tramite:hover{cursor: pointer; 
    	margin-top: -2px;
    	box-shadow: 1px 5px 7px rgba(0,0,0,0.1);
    	background-color: #F5F5F5;
    	-webkit-transition: all 0.2s ease-out;
    	-moz-transition: all 0.2s ease-out;
    	-o-transition: all 0.2s ease-out;
    	transition: all 0.2s ease-out;
    }
#desc-tramite{
	padding-left: 110px;
}

#tipo_tramite{
	font-size: 20px;

}
.link-icono{
	border-right: 1px dotted #DDD;
	text-decoration: none;
	width: 48px;
	text-align: center;
	padding-right: 15px;
	padding-left: 15px;
}
.link-tramite{
	text-decoration: none !important;
	color:#333;
	width: 48px;
	padding-right: 15px;
	padding-left: 15px;
}

#contenedor{
	/*min-height: 900px;*/
	height:100% !important;
}


#bottom-bar.solid-bg {
  background: #cc3333 none repeat center top;
}
#bottom-bar {
  font-size: 14px;
  line-height: 21px;
  color: #f6f6f6;
}

#bottom-bar {
  position: relative;
  z-index: 9;
  min-height: 30px;
  margin: 0 auto;
}

div.navbar>.navbar-default:after{
background-color: #333;
}

#turnos-index-jumbo .paso figure {
    margin-bottom: 40px;
    text-align: center;
    /*border-color: #e9e9e9 !important;
    border: 5px solid;
    padding: 10px;
      -webkit-border-radius: 5%;
  -moz-border-radius: 5%;
  border-radius: 5%;*/
    /*background-color: #e9e9e9 !important;*/
}

#turnos-index-jumbo .paso>a:hover {
    margin-bottom: 40px;
    text-align: center;
    color: #e9e9e9 !important;
}

@media screen and (min-width: 768px) and (max-width: 979px) {
#desc-tramite:{
		display: none;
	}

}
/* Fix dropdown menu for small screens to display correctly on small screens */
@media screen and (max-width: 767px) {
#desc-tramite:{
		display: none;
	}
 #img-titulo{
  display: none !important; 
 } 

}
/* Fix menu positions on xs screens to appear correctly and fully */
@media screen and (max-width: 480px) {
#desc-tramite:{
		display: none;
	}
 #img-titulo{
  display: none !important; 
 }  
}

/* Fix menu positions on xs screens to appear correctly and fully */
@media screen and (max-width: 360px) {
#desc-tramite:{
		display: none;
	}
 #img-titulo{
  display: none !important; 
 } 
}

/*Login */


#bg{position:fixed;top:-50%;left:-50%;width:200%;height:200%;z-index:-9999;*top:0;*left:0}
#bg img{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;min-width:50%;min-height:50%}
#bg_pattern{background-image:url(../../img/bg_pattern.png);position:fixed;opacity:.8;left:0;top:0;width:100%;height:100%;z-index:-1}

#login-dp{
    min-width: 350px;
    padding: 14px 14px 0;
    overflow:hidden;
    background-color:rgba(255,255,255,.8);
}
#login-dp .help-block{
    font-size:12px    
}
#login-dp .bottom{
    background-color:rgba(255,255,255,.8);
    border-top:1px solid #ddd;
    clear:both;
    padding:14px;
}
#login-dp .social-buttons{
    margin:12px 0    
}
#login-dp .social-buttons a{
    width: 49%;
}
#login-dp .form-group {
    margin-bottom: 10px;
}
.btn-fb{
    color: #fff;
    background-color:#3b5998;
}
.btn-fb:hover{
    color: #fff;
    background-color:#496ebc 
}
.btn-tw{
    color: #fff;
    background-color:#55acee;
}
.btn-tw:hover{
    color: #fff;
    background-color:#59b5fa;
}
@media(max-width:768px){
    #login-dp{
        background-color: inherit;
        color: #fff;
    }
    #login-dp .bottom{
        background-color: inherit;
        border-top:0 none;
    }
}

#link-developer{text-decoration: none;color: inherit;}
/*#loading_info{display: block;position: absolute;font-size: 25px;font-weight: 100;left: 10%;top: 50%; z-index: 9999999; opacity: 0.8; width: 80%}*/

/*loading:start*/
body #load {
  height: 100%;
  overflow: hidden;
  position: fixed;
  width: 100%;
  z-index: 9501;
  background-color: #e9e9e9;
  top: 0;
  left:0;
}

.pace {
  -webkit-pointer-events: none;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.pace .pace-activity,
#page .ls-carousel .ls-loading-indicator {
  position: fixed;
  display: block;
  z-index: 2000;
  top: 50%;
  left: 50%;
  margin: -25px 0 0 -25px;
  width: 50px;
  height: 50px;
  background: #76c276;
  pointer-events: none;
  border-radius: 100%;
}
#page .ls-carousel .ls-loading-container {
  width: 50px;
  height: 50px;
  border-radius: 100%;
}
  #page .ls-carousel .ls-loading-indicator {
    position: absolute;
    background: none;
  }
.rsPreloader .pace .pace-activity {
  position: absolute;
}
#load .pace .pace-activity {
  margin: -65px 0 0 -65px;
  width: 130px;
  height: 130px;
  background: none;
}
.pace .pace-activity:before,
.pace .pace-activity:after,
#page .ls-carousel .ls-loading-indicator:before,
#page .ls-carousel .ls-loading-indicator:after {
  position: absolute;
  bottom: 9px;
  left: 9px;
  display: block;
  border: 3px solid #fff;
  border-radius: 50%;
  content: '';
}
#page .ls-carousel .ls-loading-indicator:before {
  bottom: 6px;
  left: 6px;
}
#load .pace .pace-activity:before,
#load .pace .pace-activity:after {
  border-width: 7px;
}

.pace .pace-activity:before,
#page .ls-carousel .ls-loading-indicator:before,
.light-loading .pace .pace-activity:before {
  width: 32px;
  height: 32px;
  border-right-color: rgba(0, 0, 0, 0) !important;
  border-left-color: rgba(0, 0, 0, 0) !important;
  -webkit-animation: pace-rotation 3s linear infinite;
  animation: pace-rotation 3s linear infinite;
}
#load .pace .pace-activity:before,
#load .pace .pace-activity:after {
  border-color: rgba(255, 255, 255, 0.94);
}

#load .pace .pace-activity:before {
  bottom: 0;
  left: 0;
  width: 130px;
  height: 130px;
}
.pace .pace-activity:after,
#page .ls-carousel .ls-loading-indicator:after,
.light-loading .pace .pace-activity:after {
  bottom: 17px;
  left: 17px;
  width: 16px;
  height: 16px;
  border-top-color: rgba(0, 0, 0, 0) !important;
  border-bottom-color: rgba(0, 0, 0, 0) !important;
  -webkit-animation: pace-rotation 1s linear infinite;
  animation: pace-rotation 1s linear infinite;
}
#page .ls-carousel .ls-loading-indicator:after {
  bottom: 14px;
  left: 14px;
}

#load .pace .pace-activity:after {
  bottom: 33px;
  left: 33px;
  width: 66px;
  height: 66px;
}
@-webkit-keyframes pace-rotation {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(359deg); }
}
@keyframes pace-rotation {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(359deg); }
}
/* Loading:end */