/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */
@font-face{
	font-family: Encode Sans;
	src: url('../fonts/EncodeSans-SemiBold.ttf');
}

@font-face{
	font-family: Encode Sans Extra Bold;
	src: url('../fonts/EncodeSans-ExtraBold.ttf');
}


html,
button,
input,
select,
textarea {
    color: #222;
}

p {
	color: #67686b;
}

html {
    font-size: 1em;
    line-height: 1.4;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

audio,
canvas,
img,
video {
    vertical-align: middle;
}

object, embed { 
  outline: 0;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

* :focus, a, a:hover, a:active, a:focus{ outline: 0 none; -moz-outline: 0 none; outline: thin transparent; }

b, strong { }

@-webkit-viewport   { width: device-width; }
@-moz-viewport      { width: device-width; }
@-ms-viewport       { width: device-width; }
@-o-viewport        { width: device-width; }
@viewport           { width: device-width; }

a, input, button {
    -ms-touch-action: none !important;
}

input::-moz-focus-inner { 
   border: 0; 
}

* {
    -webkit-touch-callout:none;                /* prevent callout to copy image, etc when tap to hold */
    -webkit-text-size-adjust:none;             /* prevent webkit from resizing text to fit */
    -webkit-tap-highlight-color:rgba(0,0,0,0); /* prevent tap highlight color / shadow */
	-webkit-tap-highlight-color: transparent;
    -webkit-user-select:text;                  /* prevent copy paste, to allow, change 'none' to 'text' */
	font-size-adjust: auto;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{
	font-weight: 600;
	color: #838383;
}

strong {
	font-family: Encode Sans Extra Bold;
}
/* ==========================================================================
   Browser Old prompt
   ========================================================================== */
.item-description {
	color: #67686b;
}

.fuente{
	font-weight: 500;
}

.max-min-height {
    max-height: 100px;
    min-height: 70px;
}

.inferior-juzgados {
	min-height: 170px;
}

.browser_old{
	display:block;
	width:100%; height:auto;
	margin:0; padding:0 1.5% 0 1.5%;
	font:400 0.938em/40px 'Open Sans', Arial, Helvetica, sans-serif;
	font-stretch:normal;
	letter-spacing:normal;
	color:#3e3e3e; background:#F9E9A9;
	z-index:0;	
}

.ie7 .browser_old{
	width:97%;	
}

.browser_old a, .browser_old a:visited{
	color: #0055a5;	
}

.browser_old a:hover{
	color:#00aec3;	
}

a.close_message{
	width:14px; height:14px;
	margin:0; padding:0;
	text-decoration:none;
	outline:none; line-height:14px;
	text-align:center;
	font-size:1.275em; font-weight:600;
	position:absolute;
	top:10px; right:20px;
	z-index:10;
}

.color {
	color: #008d9f;
	font-size: 15px;
}

.colorProrroga {
	color: #008d9f;
	font-size: 15px;
	padding: 0px;
}

.flot {
	float: none;
}

.color:hover {
	color: #7fd8e3;
}

.colorProrroga:hover {
	color: #7fd8e3;
	text-decoration: underline;
}

.sin-enlace:hover{
	color: #428bca;
	border-bottom: none;
}

.sin-enlace:focus{
	color: #428bca;
	border-bottom: none;
}

a.close_message span{
	float:none;
	display:block;
	margin:0 auto; padding:0;
	width:100%; min-width:14px; height:auto;
	text-align:center;
}

a.close_message:hover{
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  opacity: 0.5;
}

a.close_message:focus{
	outline:none;	
}

/* ==========================================================================
   InfraccionesBA's styles
   ========================================================================== */

html, body {
  height: 100%;
  min-height: 100%;
  scrollbar-arrow-color: #4e4e4e;
  scrollbar-track-color: #f0f0f0;
  scrollbar-face-color: #4e4e4e;
  scrollbar-highlight-color: #4e4e4e;
  scrollbar-3dlight-color: #4e4e4e;
  scrollbar-shadow-color: #4e4e4e;
  scrollbar-darkshadow-color: #4e4e4e;
}

body{
	margin:0; padding:0;
	overflow-y:scroll;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-overflow-scrolling: touch;
}

button{
	-webkit-transition: background-color 0.3s ease;
	-moz-transition: background-color 0.3s ease;
	-o-transition: background-color 0.3s ease;
	-ms-transition: background-color 0.3s ease;
	transition: background-color 0.3s ease;
}

a, a:link{
	-webkit-transition: color 0.3s ease;
	-moz-transition: color 0.3s ease;
	-o-transition: color 0.3s ease;
	-ms-transition: color 0.3s ease;
	transition: color 0.3s ease;
}


a:hover, a:focus {
	color: #7fd8e3;
	padding-bottom:1px;
	text-decoration: none;
	border-bottom:1px solid #7fd8e3;
}

input[type="search"] {
	-webkit-appearance: textfield;
}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
	display: none;
}

input[type="submit"], input[type="text"], input[type="email"], input[type="password"], 
input[type="button"], button, button[type="submit"], textarea {
    -webkit-appearance: none;
    border-radius: 0;
}


/*::-webkit-scrollbar {
    width: 10px;
    height: 6px;

}

::-webkit-scrollbar-track {
	background: #efefef;
}

::-webkit-scrollbar-thumb {
     background: rgba(103,104,107,1);
}

::-webkit-scrollbar-thumb:window-inactive {
	background: rgba(245,128,45,0.5); 
}

::-webkit-scrollbar-corner { 
	background: rgba(245,128,45,0.5);
}

::-webkit-resizer {
	 background: rgba(255,255,255,1);
}

@-moz-document url-prefix(http://),url-prefix(https://) {
	scrollbar {
	   -moz-appearance: none !important;
	   background: rgb(0,255,0) !important;
	}
	thumb,scrollbarbutton {
	   -moz-appearance: none !important;
	   background-color: rgb(0,0,255) !important;
	}
	
	thumb:hover,scrollbarbutton:hover {
	   -moz-appearance: none !important;
	   background-color: rgb(255,0,0) !important;
	}
	
	scrollbarbutton {
	   display: none !important;
	}
	
	scrollbar[orient="vertical"] {
	  min-width: 15px !important;
	}
}
*/

.wrapper{
	width:100%; min-height:900px; height:auto;
	margin:0; padding:0;
	position:relative;	
}

.document-main-head{
	width:100%; height:155px;
	background-color: #fff;
}

.alert-plan-pago{
	background-color: #00aec3;
	color: white;
}

.label-plan-pago{
	background-color: #00aec3;
	color: white;
}


.navbar-default {
	min-height:60px;
	background-color: #00b1c7;
	-webkit-border-radius: 0;
	   -moz-border-radius: 0;
	        border-radius: 0;
	border: none;
}

.navbar-default .navbar-collapse {
	padding-left: 0;
	padding-right: 0;
}

.navbar-nav>li>a {
	font-weight:600;
	font-size:1.143em;
	text-transform: capitalize;
	letter-spacing:-0.02em;
	padding: 20px 10px;
}

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

.navbar-default .navbar-nav>li>a:hover, 
.navbar-default .navbar-nav>li>a:focus{
	border: none; 
}

.navbar-default .navbar-nav>.active>a, 
.navbar-default .navbar-nav>.active>a:hover, 
.navbar-default .navbar-nav>.active>a:focus {
	color: #67686b;
	background-color: #fff;
}

.nav .open>a, .nav .open>a:hover, .nav .open>a:focus {
	background-color: #efefef;
	border-color: #00aec3;
}

.navbar-default .navbar-nav>.active>a{
	color: #000;
}

.dropdown-menu>li>a {
	border-bottom: 1px solid white;
}

.dropdown-menu>li>a:hover{
	border-color: #7fd8e3;
}

.ayuda-hover:hover{
	background-color: rgba(140, 137, 137, 0.21) !important;
	border: none;
}


.navbar-default .navbar-nav>.open>a, 
.navbar-default .navbar-nav>.open>a:hover, 
.navbar-default .navbar-nav>.open>a:focus{
	background: #fff;
	color: #000;
}

.navbar-default .navbar-toggle .icon-bar{
	background-color: #414042;
}

.selected{
	background-color: #7fd8e3;
}

.uf-value{
	float:left; display:inline-block;
	width:auto; height: 34px;
	margin:13px 0 0 150px; padding:3px 6px;
	text-transform:uppercase;
	color: #000;
	background: #fff;
	font-weight:600;
	font-size:1.143em; letter-spacing:normal;
	border:2px solid #fff;
	position:relative;
	cursor: pointer;
	text-decoration: none;
	line-height: 25px;
	-webkit-transition: color 0.2s ease-in;
	-moz-transition: background 0.2s ease-in;
	-o-transition: background 0.2s ease-in;
	-ms-transition: background 0.2s ease-in;
	transition: color 0.2s ease-in;
	border-radius: 4px;
}

.uf-value:hover{
	color: #000;
	border:2px solid #000;
	text-decoration: none;	
}

.uf-value .fa{
	position: relative;
    top: -1px;
    margin-left: 5px;
}

.uf-info{
	display:none;
	
	position:absolute;
	left:-152px;
	top:50px;
	
	background:#67686b;
	/*background:rgba(103,104,107,1);*/
	
	padding:15px;
	width:400px; height:auto;
	
	color:#fff; text-transform:none;
	font-size:85%; font-weight:500;
	line-height:18px; letter-spacing:normal;
	text-align: justify;
	z-index:10;
}

.uf-info:after {
	bottom: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.uf-info:after {
	border-color: rgba(136, 183, 213, 0);
	border-bottom-color: rgba(103,104,107,1);
	border-width: 10px;
	left: 50%;
	margin-left: -10px;
}


.uf-value:hover .uf-info{
	display:block;	
}
.anim {
	animation-fill-mode: both;
	animation-duration: 1s;
	animation-name: bounceIn;
}

.header-logo{
	display:inline-block;
	height:auto;
	margin:40px 0 0 0;
	max-width:100%;
	-ms-interpolation-mode:bicubic;
	
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-ms-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	animation-fill-mode: both;
	
	-webkit-animation-duration: 1s;
	-moz-animation-duration: 1s;
	-ms-animation-duration: 1s;
	-o-animation-duration: 1s;
	animation-duration: 1s;
	
	-webkit-animation-name: bounceIn;
	-moz-animation-name: bounceIn;
	-o-animation-name: bounceIn;
	animation-name: bounceIn;	
}

.header-logo--ba{
	float: right;
	margin-top: 35px;
}

.logo-wrap:hover{
	border-bottom: none;
					}


@-webkit-keyframes bounceIn {
	0% {
	opacity:0;
	-webkit-transform:scale(0.3);
	}
	
	50% {
		opacity:1;
		-webkit-transform:scale(1.05);
	}
	
	70% {
		-webkit-transform:scale(0.9);
	}
	
	100% {
		-webkit-transform:scale(1);
	}

}

@-moz-keyframes bounceIn {
	0% {
	opacity:0;
	-moz-transform:scale(0.3);
	}
	
	50% {
		opacity:1;
		-moz-transform:scale(1.05);
	}
	
	70% {
		-moz-transform:scale(0.9);
	}
	
	100% {
		-moz-transform:scale(1);
	}

}

@-o-keyframes bounceIn {
	0% {
	opacity:0;
	-o-transform:scale(0.3);
	}
	
	50% {
		opacity:1;
		-o-transform:scale(1.05);
	}
	
	70% {
		-o-transform:scale(0.9);
	}
	
	100% {
		-o-transform:scale(1);
	}

}

@keyframes bounceIn {
	0% {
	opacity:0;
		transform:scale(0.3);
	}
	
	50% {
		opacity:1;
		transform:scale(1.05);
	}
	
	70% {
		transform:scale(0.9);
	}
	
	100% {
		transform:scale(1);
	}
}

.user-dropdown{
	float:right; display:inline-block;
	width:auto; height:60px;
	margin:0 1px 0 0; padding:0;
	font-weight:600;
	font-size:1.143em;
	text-transform: capitalize;
	color: #fff;
	line-height:40px;	
}

.nav>li>a.user-dropdown{
	padding:10px;
}

.nav>li>a.user-dropdown:hover, 
.nav>li>a.user-dropdown:focus,
.nav .open>a.user-dropdow,
.nav .open>a.user-dropdow:hover,
.nav .open>a.user-dropdow:focus{
	background: #fff;
	color: #000;
	border: none;
}

.main-title{
	text-transform: none;
	padding:0;
	display:block;
	font-size:2.143em; letter-spacing:-0.02em;
	font-weight:600; color:#67686b;
	text-indent:-2px;	
}

.welcome{
	float: left;
	display: inline-block;
	width: 20%;
	line-height: 50px;
	margin-right: 1px;
}

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

.breadcrumb{
	margin:0;
	padding:5px 0;
	background:none;	
}

.breadcrumb a{
	color:#474747;	
}

.breadcrumb a:hover{
	color:#00aec3;	
}

.breadcrumb>li+li:before {
	content: "\203A";
	padding: 0 5px;
	color: #474747;
}

.page-header {
	margin-top:0;	
}

.acces-links{
	float:left;
	display:block;
	width:100%; height:auto;
	margin:20px 0; padding:0;
	border:1px solid #e1e1e1;
	border-right:none; border-bottom:none;	
}

.acces-links ul{
	width:100%; height:auto;
	margin:0; padding:0;
	float:left; display:block;	
}

.acces-links ul li{
	float:left; display:inline;
	height:250px;
	margin:0; padding:0;
	border-right:1px solid #e1e1e1;	
}

.acces-links ul li a{
	display:block;
	width:100%; height:100%;
	margin:0; padding:1%;
	border-bottom:1px solid #e1e1e1;
	position:relative;	
}

.acces-links ul li a:hover{
	background:#efefef;
	border-bottom:1px solid #7fd8e3;	
}

.acces-links ul li a:focus{
	border-bottom:1px solid #00aec3;	
}

.icon-link img{
	margin:25px auto;
	display:block;	
}

.icon-link span{
	position:absolute;
	bottom:0; left:0;
	display:block;
	width:100%; height:auto;
	margin:0; padding:25px 1.5%;
	text-align:center; letter-spacing:normal;
	font-size:1.000em; font-weight:600;
	color: #000;	
}

/*.acces-links ul li:last-child { border-right: none; }*/

section#downloads{
	background:#efefef;
	min-height:400px;
	margin-top: 100px;
}

section#downloads .main-title{
	margin-top:50px;	
}

.archive-download{
	display:block;
	width:100%; height:120px;
	margin:60px 0 0 0; padding:0;
	background-color: #414042;
	background-color: rgb(65,64,66);
	background-image:url(../img/ic-download.svg);
	background-position:6% center; background-repeat:no-repeat;
	color: #fff;
}

.download-placeholder{
	display:block;
	width:100%; height:120px;
	margin:60px 0 0 0; padding:0;
	background-color: #414042;
	background-color: rgba(65,64,66,0.5)
}	

a.archive-download{
	-webkit-transition: color 0.3s ease, background-color 0.3s ease;
	        transition: color 0.3s ease, background-color 0.3s ease;
}

.no-svg .archive-download{
	background-image:url(../img/ic-download.png);
}

.archive-download:hover{
	border:none;
	background-color: #00b1c7;
}

.archive-download span{
	float:left; display:block;
	width:100%; height:auto;
	margin:0; padding:0 0 0 75px;
	text-align:left; letter-spacing:normal;
	text-transform:uppercase;
	font-size:1.143em;	
}

.archive-download .item-name{
	margin-top:32px;
	font-weight:600;	
}

a.archive-download:hover span{
	color: #000;
}

.help-wrapper{
	display:block;
	margin:100px auto; padding:0;
	width:100%; height:200px;
	border:2px dashed #c6c6c7;
	text-align:center;
	background: url(../img/phone.svg) center 30px no-repeat;
}

.no-svg .help-wrapper{
	background: url(../img/phone.png) center 30px no-repeat;
}

.help-wrapper p{
	margin:0;
	padding:0;
	text-align:center;
	font-size:2.143em; letter-spacing:0.02em;
	font-weight:600; color:#67686b;
	line-height:240px;
}

.help-wrapper p a{
	color: #000;	
}

.help-wrapper p a:hover{
	border:none;
	text-decoration:none;
	color: #7fd8e3;	
}

.foot-bar{
	height: 60px;
	background-color: #414042;
	background-color: rgb(65,64,66);
	color: #fff;		
}

.copyright{
	float:left; display:inline-block;
	width:auto; height:auto;
	text-align:left;
	text-transform:uppercase;
	line-height: 60px;
}

.organismos{
	float:left; display:inline-block;
	width:auto; height:auto;
	text-align: left;
	line-height: 40px;
}

.organismos span{
	float: left; display: inline-block;
	width: auto; height: auto;
	margin:0 10px 0 0; padding:0 10px 0 0;
	text-align: left;
	border-right: 1px solid #ccc;
	line-height: 15px; 
}

.organismos span:last-child{
	border: none;
	margin-right: 0;
}

.foot-bar .back-to-top{
	width:30px; height:60px;
	display:inline-block; float:right;
	color:#fff;
	border:none; text-align:center;
	line-height:60px;
	-webkit-transition: color 0.3s ease;
	-moz-transition: color 0.3s ease;
	-o-transition: color 0.3s ease;
	-ms-transition: color 0.3s ease;
	transition: color 0.3s ease;	
}

.foot-bar .back-to-top:hover{
	color:#67686b;	
}

.foot-info{
	height:60px;
	padding-bottom: 135px;	
}

.foot-info span, .foot-info a{
	margin-top: 20px;
	line-height: 40px;
	text-decoration:none;
}

.foot-bar a, .foot-info a,
.foot-bar a:hover, .foot-info a:hover{
	border:none;
	text-decoration:none;
}

.technology{
	display:inline-block;
	margin:0; padding:0 10px;
	text-align:right;
	color:#5e5e5e;
	text-transform: uppercase;		
}

.technology i{
	margin-right:5px;	
}

.css3 i{
	font-size:13px;	
}

.mobile i{
	font-size:18px;	
}

.login-wrap{
	position:relative;
	width:auto; height:auto;
	margin:0; padding:0;	
}

.form-login{
	padding:15px;
	top:60px;
	left:-170px;	
}

.user-options{
	min-width:250px;
	top:60px;
	left: inherit;
	right:0;
	padding:15px;	
}

.user-options li, .user-options li a{
	width:100%;
	padding-left:0; padding-right:0;
	text-align:left;	
}

.user-options li a i{
	float:right;	
}

.form-login label{
	font-weight:600;	
}

.form-login label.optional{
	padding-top:5px;
	font-weight:500;	
}

.optional input[type=checkbox]{
	float:left; display:inline-block;
	margin:5px 8px 0 0;	
}

.btn{
	box-shadow: 0px 3px 0px 0px #008d9f;
	
	transition: background 0.1s ease-in-out;
	-webkit-transition: background 0.1s ease-in-out;
	-moz-transition: background 0.1s ease-in-out;
	-ms-transition: background 0.1s ease-in-out;
	-o-transition: background 0.1s ease-in-out;	
}

.btn-primary{
	padding-left:15px; padding-right:15px;
	background: #67686b;
	border:none;
	font-weight: 600;
    text-transform: uppercase;
}

.btn.btn-primary{
	box-shadow: 0px 3px 0px 0px #474749;
}

.btn.btn-primary.pay{
	background-color: #00aec3;
}


.btn:hover, .btn-primary:hover,
.btn.btn-primary:hover{
	color: #fff;
	background: #7fd8e3;
	box-shadow: 0px 3px 0px 0px #008d9f;
}

.btn:active, .btn-primary:active,
.btn:focus, .btn-primary:focus{
	box-shadow:0px 3px 0px 0px #285e8e;	
}

.user_login .btn-primary{
	font-size:1.286em;	
}

#page{
	min-height:950px;
	padding-bottom:100px;	
}

.miweb_col_title{
	text-transform: none;
	margin:0;
	padding:0 0 40px 0;
	display:block;
	font-size:1.286em; letter-spacing: normal;
	font-weight:600; color:#474747;	
}

.user_login, .user_register{
	margin-top:30px;	
}

.user_login{
	
	border-right:1px dotted silver;	
}

.user_login label, .user_register label{
	font-weight:600;
}

/*.user_login .form-group*/ .form-login1{
	padding-right:10%;	
}

.user_register .help-block{
	margin-top:0;	
}

.user_login .has-error .help-block, 
.user_register .has-error .help-block{
	font-size:0.875em;
	line-height:25px;
	float: left;
    display: block;
    width: 100%;	
}

.has-error .btn-default{
	border-color:#e21b17;
}

.user_register .form-group label{
	display:block;
	width:100%;	
}

.user_register .form-group label.cap{
	margin-bottom:10px;	
}

/*!
 * Datepicker for Bootstrap
 *
 * Copyright 2012 Stefan Petre
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 */
.datepicker {
  top: 0;
  left: 0;
  padding: 6px 15px;
  margin-top: 1px;
  /*.dow {
    border-top: 1px solid #ddd !important;
  }*/

}
.datepicker:before {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  position: absolute;
  top: -7px;
  left: 6px;
}
.datepicker:after {
  content: '';
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #ffffff;
  position: absolute;
  top: -6px;
  left: 7px;
}
.datepicker > div {
  display: none;
}
.datepicker table {
  width: 100%;
  margin: 0;
}
.datepicker td,
.datepicker th {
  text-align: center;
  width: 20px;
  height: 20px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.datepicker td.day:hover {
  background:#00aec3;
  color:#fff;
  cursor: pointer;
}
.datepicker td.day.disabled {
  color: #eeeeee;
}
.datepicker td.old,
.datepicker td.new {
  color: #999999;
}
.datepicker td.active,
.datepicker td.active:hover {
  color: #ffffff;
  background-color: #006dcc;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  color: #fff;
}
.datepicker td.active:hover,
.datepicker td.active:hover:hover,
.datepicker td.active:focus,
.datepicker td.active:hover:focus,
.datepicker td.active:active,
.datepicker td.active:hover:active,
.datepicker td.active.active,
.datepicker td.active:hover.active,
.datepicker td.active.disabled,
.datepicker td.active:hover.disabled,
.datepicker td.active[disabled],
.datepicker td.active:hover[disabled] {
  color: #ffffff;
  background-color: #00aec3;
  *background-color: #00aec3;
}
.datepicker td.active:active,
.datepicker td.active:hover:active,
.datepicker td.active.active,
.datepicker td.active:hover.active {
  background-color: #003399 \9;
}
.datepicker td span {
  display: block;
  width: 47px;
  height: 54px;
  line-height: 54px;
  float: left;
  margin: 2px;
  cursor: pointer;
}
.datepicker td span:hover {
  background: #eeeeee;
}
.datepicker td span.active {
  color: #ffffff;
  background-color: #006dcc;
  background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
  background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
  background-image: -o-linear-gradient(top, #0088cc, #0044cc);
  background-image: linear-gradient(to bottom, #0088cc, #0044cc);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);
  border-color: #0044cc #0044cc #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #0044cc;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */

  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker td span.active:hover,
.datepicker td span.active:focus,
.datepicker td span.active:active,
.datepicker td span.active.active,
.datepicker td span.active.disabled,
.datepicker td span.active[disabled] {
  color: #ffffff;
  background-color: #0044cc;
  *background-color: #003bb3;
}
.datepicker td span.active:active,
.datepicker td span.active.active {
  background-color: #003399 \9;
}
.datepicker td span.old {
  color: #999999;
}
.datepicker th.switch {
  width: 145px;
}
.datepicker th.next,
.datepicker th.prev {
  font-size: 21px;
}

.datepicker th.next a,
.datepicker th.prev a{
	text-decoration:none;
	border:none;
}

.datepicker thead tr:first-child th {
  cursor: pointer;
}
.datepicker thead tr:first-child th:hover {
  background: #eeeeee;
}
.input-append.date .add-on i,
.input-prepend.date .add-on i {
  display: block;
  cursor: pointer;
  width: 16px;
  height: 16px;
}

.datepicker-days{
	padding:5px;	
}

.switch{
	text-align:center;	
}

.datepicker-days td.day{
	cursor:pointer;	
}

.date{
	position:relative;	
}

.add-on{
	position:absolute;
	top:0; right:0;
	margin:0; padding:0 5px;
	display:block;
	text-align:center;
	width:auto; height:34px;
	line-height:34px;	
}

.add-on i{
	line-height:34px;	
}

.btn-lg{
	font-weight:600;
	text-transform:uppercase;	
}

.register-block{
	padding-top:40px;	
}

.register-block input.btn-primary{
	margin-top:42px;	
}

.form-divider{
	float:left; display:block;
	width:100%; height:20px;
	border-top:1px dotted #707070;
	margin:20px 0; padding:0;	
}

.form-divider span{
	position:absolute;
	left:0; top:0; min-width:150px;
	width:auto; height:40px; 
	text-align:left; font-size:1.000em;
	background:#fff;
	margin:0; padding:0 25px 0 15px;
	line-height:40px;
}

.btn-clases{
	width:100%;
}

.btn-clases .btn, .btn-clases .btn:active, .btn-clases .btn:focus {
	box-shadow:none;	
}

.btn-clases .btn{
	width:100%;
	text-align:left;
	box-shadow: none;	
}

.btn-clases .btn:hover{
	border-color:#00aec3;
	background:#fff;
	color:#333;	
}

.btn-clases .btn i{
	margin-top:3px;
	float:right;	
}

.clases-menu{
	width:300px;
	padding:2%;	
}

.clases-menu ul{
	float:left; display:block;
	width:50%; height:auto;
	margin:0; padding:0;	
}

.clases-menu ul li{
	list-style-type:none;	
}

.sex_radios .radio{
	display:inline-block;
	width:100%; height:auto;
	margin:0; padding-right:0;
}

.sex_radios .radio label{
	font-weight:normal;
	line-height:20px;	
}

.sex_radios .female:hover{
	color:#00aec3;	
}

.sex_radios .male:hover{
	color: #00aec3;	
}

.sex_radios .noBinario:hover{
	color: #00aec3;	
}

.sex_radios .radio label i{
	display:inline;
	margin-top:3px;
	margin-right:35%;	
}

.recaptchatable #recaptcha_response_field,
#recaptcha_table #recaptcha_response_field{
	padding:5px !important;
	margin-top:18px !important;
	font-size:14px;	
}

.id_card{
	display:inline-block;
	margin:0 0 0 15px; padding:0;
	border-bottom:none;		
}

.id_card:hover{
	padding:0;
	text-decoration:none;
	border-bottom:none;	
}

.img-modal{
	overflow:hidden;	
}

.modal-dialog {
	margin: 5% auto;
}

.modal-open{
	overflow-y:auto;	
}

.modal-title{
	font-weight:600;	
}

#infracciones-tab, #miweb-tab{
	margin-top:20px;	
}

.tab-content label{
	width:100%;	
}

.nav-tabs>li>a{
	font-size:1.286em;
	font-weight:600;
	border:none;
	margin-right:0;
}

.nav-tabs>li.active>a, 
.nav-tabs>li.active>a:hover, 
.nav-tabs>li.active>a:focus{
	color:#fff;
	background-color:#67686b;
	background-color: rgba(103,104,107,1);
	border: none;
}

.tab-pane{
	padding-top:10px;
	padding-bottom:10px;	
}

.inf-head{
	float:left; display:block;
	width:100%; height:auto;
	margin:0; padding:0;
	position:relative;	
	font-size: 1.012em;
}

.tab-pane .panel-group .checkbox{
	display:inline-block; float:left;
	width:auto; height:auto;
	margin:0; padding:0 5px;
}

.checkbox input[type=checkbox]{
	float:none;
	margin:0;	
}

.inf-data, .expand{
	float:left; display:inline-block;
	width:auto; height:auto;
	margin:0; padding:0 20px 0 0;
	text-align:left;
	
}

.expand, .expand:hover{
	text-decoration:none;
	border:none;
	padding:0; margin-right:15px;	
}

.expand:focus{
	border-bottom: none;
}

.dom{
	min-width: 150px;
	padding: 0;
}

.state{
	float:left; display:block;
	min-width:60px; width: auto; height:auto;
	margin:0 0 0 5%; padding:0 5px;
	line-height:22px;
	cursor:help;
}

.vencida{
	color:#F00;	
}

.enfecha{
	color:#096;	
}

.inf-link{
	float:left; display:inline-block;
	width:auto; height:20px;
	margin:0 15px 0 0; padding:0;
	font-size: 0.875em;
    text-transform: uppercase;
	color: #008d9f; line-height:21px;	
}

.inf-link i{
	margin-right:5px;
	font-size:1.143em;
}

#x-breach .inf-link, #x-cart .inf-link{
	margin:0 5px 0 0;	
}

.inf-info, .inf-date, .inf-import{
	float:left; display:block;
	width:100%; height:auto;
	margin:0; padding:0 20px;	
}

.inf-date, .inf-import{
	width:auto;
	margin:20px 0 0 0;
	padding:0 20px 0 0;	
}

.inf-info li{
	float: left;
	width: 100%; height: auto;
	padding:0 0 1% 10px;
}

.int{
	color:#F00;	
}

ul.cuotas{
	padding-right:0;	
}

ul.cuotas li{
	/*position:relative;*/
}

.cuotas li .print-cuota{
	float:none;
	margin-left:10px !important;
}

.cuota-t{
	float:left; display:block;
	width:100%; height:auto;
	margin:15px 0 0 0; padding:0;
	text-align:left;
	font-weight:600;
	line-height:30px;	
}

.search-form{
	padding-top:10px;
	padding-bottom:10px;	 
}

/* Real Person **********/
.realperson-challenge {
	float:left; display:inline-block;
	width:auto; height:auto;
	margin:0; padding:0;
	display: block;
	color: #000;
}
.realperson-text {
	font-family: "Courier New",monospace;
	font-size: 6px;
	font-weight: bold;
	letter-spacing: -1px;
	line-height: 3px;
}
.realperson-regen {
	padding-top: 4px;
	font-size: 12px;
	text-align: center;
	cursor: pointer;
	color:#00aec3;
}
.realperson-disabled {
	opacity: 0.5;
	filter: Alpha(Opacity=50);
}
.realperson-disabled .realperson-regen {
	cursor: default;
}

.cap .form-control, .captcha{
	float:left; display:inline-block;
	width:120px; text-transform:uppercase;
	margin:0 0 0 10px;	
}

.dominio{
	width:50%;
	text-transform:uppercase;	
}

.bt-form-search{
	float:left;
	margin:28px 0 0 0;
	font-size:1.000em;	
}

.bt-form-search i{
	margin-left:10px;	
}

.typedoc{
	width:80%;	
}

.tab-pane .form-control{
	margin-top:5px;	
}

.panel-juzgados{
	background-color: #414042;
	color:#fff;	
}

.juzgados-color {
	background-color: #414042 !important;
	color:#fff !important;
	
}

.col-center {
	padding: 5px;
	margin-top: 8px;
}

.juzgados-color-body {
	background-color: #414042 !important;
	color:#fff !important;
	padding-left: 45px !important;
}

.tip-juzgado {
	border: 2px solid;
	font-size: 80%;
}

.tit-juzgados{
	color: white;
	margin-bottom: 10px;
	border-bottom: none !important;
	margin-top: 13px;
}

.tit-juzgados:hover {
	text-decoration: none;
	border-bottom: none !important;
}

.panel-group .panel-juzgados .panel-body{
	border-top:none !important;	
}

.panel-juzgados .panel-heading{
	padding:0;
	height:50px;
}

.panel-juzgados .panel-heading a{
	position:relative;
	float:left; display:block;
	width:100%; height:auto;
	font-size:1.143em; font-weight:600;
	background-image: url(../img/location-mini.svg);
	background-position:15px 5px;
	background-repeat:no-repeat;
	text-align:left; border:none; text-decoration:none;
	padding:0 0 0 8%;
	line-height:50px;
}

.panel-juzgados .panel-heading a:focus{		
   color: #fff;		
}

.panel-juzgados .panel-heading a:hover{
	background-color: #848484;
	/*background-image: url(../img/location-mini-hover.svg);*/
	color: #fff;
	border:none; text-decoration:none;	
}

.no-svg .panel-heading a{
	background-image: url(../img/location-mini.png);
}

.no-svg .panel-heading a:hover{
	background-image: url(../img/location-mini-hover.png);
}

.panel-juzgados .panel-heading a span.tpo-juz, 
.tpo-juz{
	position: absolute;
	top: 12px;
	right: 10px;
	min-width: 80px;
	height: auto;
	margin: 0;
	padding: 0 10px;
	text-align: center;
	border:2px solid #fff;
	/*background: #fff;*/ font-weight:600;
	font-size: 70%;
	color: #fff;
	line-height: 24px;
}

.panel-juzgados .panel-heading a:hover .tpo-juz{
	background-color: #fff;
	color: #000;
	border-color: #fff;	
}
 
.panel-juzgados .panel-body{
	padding-left:8%;
}

.map-file {
	float: left;
	display: block;
	margin: 0;
	padding: 0;
	width: 100%;
	height: auto;
	clear: both;
}

.map-info-box > :not(:last-child){
	margin-bottom: 15px;
}

.panel-body .map-url{
	float: left;
	display: block;
	width: auto;
	height: auto;
	margin: 10px 0 10px 10px;
	padding: 7px 5px;
	text-align: left;	
	-webkit-transition: background-color 0.3s ease;
	-moz-transition: background-color 0.3s ease;
	-o-transition: background-color 0.3s ease;
	-ms-transition: background-color 0.3s ease;
	transition: background-color 0.3s ease;
}
.panel-body .map-btn{
	float: left;
	min-width: 80px;
	height: auto;
	margin: 0;
	padding: 0 10px;
	text-align: center;
	border:2px solid #fff;
	/*background: #fff;*/ font-weight:600;
	color: #fff;
	line-height: 24px;
}
.panel-body .map-btn{
	float: left;
	height: auto;
	margin: 20px 90% 20px 0;
	padding: 0 10px;
	text-align: center;
	border:2px solid #fff;
	/*background: #fff;*/ font-weight:600;
	color: #fff;
	line-height: 24px;
	text-decoration: none!important;
	color:#fff; padding-bottom:1px;

}

.panel-body .map-url a{
	color:#fff; padding-bottom:1px;
	border-bottom:1px solid #fff;
	text-decoration:none;	
}
.panel-body .map-btn a{
	color:#fff; padding-bottom:1px;
}
.panel-body .map-btn:hover{
	background: #fff
}
.panel-body .map-btn:hover a{
	color:#333!important;
	text-decoration: none!important;
	border: none;
}
.panel-body .map-url:hover a{
	color:#333;
	border-color:#333;
	text-decoration:none;	
	cursor: pointer;
}

.panel-body .map-url:hover{
	background-color: #fff;
	border-radius: 3px;
}


.map-section{
	width:100%;
	height:auto;
	padding-bottom:100px;
	overflow:hidden;	
}

#map-canvas { height: 100% }

.map-wrap{
	float:left; display:block;
	width:100%; height:580px;
	margin:0; padding:0;
	border-bottom:10px solid #404142;
	border-top:10px solid #404142;
	position:relative;
	overflow:hidden;	
}

.map-radares{
	height: 780px;
	border-color: #67686b;
}

.gm-style div, .gm-style span, 
.gm-style label, .gm-style a {
	font-family:'Encode Sans', san-serif;
}

.gm-style .gm-style-iw span.map-item{
	float:left; display:block;
	width:100%;	
}

#map-side-bar{
	position:absolute;
	bottom:0; right:8%;
	width:300px; height:auto;
	padding:0; margin:0;
	z-index:10; display:block;
}

#map-side-bar a.slideup{
	float:left; display:block;
	width:100%;
	height:auto;
	margin:0; padding:0 5%;
	background: #404142;
	text-align:left;
	font-size:1.286em; font-weight:600;
	color:#fff; /*text-transform:uppercase;*/
    border:none; text-decoration:none;
	line-height:40px;
}

#map-side-bar a.slideup:hover{
	background:#efefef;
	background:rgba(239,239,239,1);
	color: #000;
}

#map-side-bar a.slideup:active{
	background:#67686b;
	background:rgba(103,104,107,1);
	color:#fff;	
}

#map-side-bar a i{
	float:right;
	margin-top:10px;	
}

.location-wrap{
	padding:0;
	border:none;
	height: 495px;
	overflow-y: scroll;
}

.map-location{
	float:left; display:block;
	width:100%;
	height:35px;
	margin:0; padding:0;
	background: #404142;
	border-bottom:1px solid #fff;
	text-align:center;
	
	-webkit-transition: background 0.3s ease;
	-moz-transition: background 0.3s ease;
	-o-transition: background 0.3s ease;
	transition: background 0.3s ease;
	
	position:relative;			
}

.dropdown-menu li.map-location a{
	display:block;
	width:100%; height:auto;
	border-bottom:none;
	padding:0 5%; margin:0;
	color:#fff;
	line-height:35px;	
}

.dropdown-menu li.map-location a:hover{
	background:none;
}

.map-location:hover{
	background: #848484;
}

.map-location:active{
	background:#67686b;
	background:rgba(103,104,107,1);	
}

.map-location a{
	display:block;
	width:92%; height:auto;
	margin:0; padding:0 4%;
	font-size:0.938em; font-weight:500;
	color:#fff; text-align:left;
	text-decoration:none;
	outline:none;
	line-height:35px;
}

.map-location:hover a{
	color:#fff;	
}

.map-location .tpo-juz {
	top: 8px; font-size:inherit;
	line-height: 17px;
	border-width:1px;
}

.carga-di .control-label, .carga-di label,
.carga-di .tab-pane label{
	line-height:35px;
	margin-bottom:0;
	font-weight:600;	
}

.carga-di .tab-pane .form-control {
  margin-top: 0px;
}

.page-text{
	padding-bottom:20px;
	color: #838383;	
}

.carga-di h2.title-di{
	float: left;
	display: block;
	width: 98%;
	height: auto;
	margin: 30px 15px 20px 15px;
	padding: 0 1%;
	text-align: left;
	font-weight: 600;
	font-style: normal;
	color: #4e4e4e;
	background: #e7e7e7;
	font-size: 1.286em;
	letter-spacing: normal;
	word-spacing: 0em;
	white-space: normal;
	word-wrap: normal;
	line-height: 40px;
	
	-webkit-transition: background-color 0.3s ease;
	-moz-transition: background-color 0.3s ease;
	-o-transition: background-color 0.3s ease;
	-ms-transition: background-color 0.3s ease;
	transition: background-color 0.3s ease;	
}

.nav-tabs>li {
	background: #e7e7e7;
	margin-right:2px;
	border-radius: 4px 4px 0 0;
}

.nav-tabs>li>a {
	color: #474747;
	border-radius: 4px 4px 0 0;
}

.carga-di .btn{
	margin-top:34px;	
}

.di-block:hover h2.title-di, 
.di-block:focus h2.title-di{
	background:#474747;
	color:#fff;
}

.bt-copy{
	margin-left: 15px;
	height: 34px;
	width: 125px;	
}

.btn:hover, .bt-copy:hover{
	color:#fff;	
}

.file-download{
	margin-top:5px;
	padding-bottom:20px;
	border-bottom:1px solid #f1f1f1;	
}

.desc-title{
	font-size:1.714em;
	font-weight:600;
}

.item-download{
	float:left; display:block;
	width:100%; height:auto; min-height:85px;
	margin:0; padding:0 0 0 15%;	
}

.item-download span{
	float:left; display:block;
	width:100%; height:auto;
	margin:0; padding:0;
	text-align:left;	
}

.docdownload{
	height:32px;
	margin-top:15px;
	float:right;
}

.docdownload:hover{
	/*height:inherit;*/
}

.docdownload i{
	margin-left:10px;	
}

.item-title{
	font-weight:600;
	font-size:1.286em;
	line-height:30px;	
}

.docx{
	background:url(../img/docx.svg) left 8px no-repeat;	
}

.pdf{
	background:url(../img/pdf.svg) left 8px no-repeat;	
}

.no-svg .docx{
	background:url(../img/docx.png) left 8px no-repeat;	
}

.no-svg .pdf{
	background:url(../img/pdf.png) left 8px no-repeat;	
}

.desc-divider{
	margin-top:50px;
	padding-bottom:30px;	
}

.st-accordion{
	list-style: none;
	padding: 0;
	margin: 0;
}

h2.faqs-h {
	float: left;
	display: block;
	width:100%; height:auto;
	margin: 20px 0 15px 0;
	padding: 0;
	text-align: left;
	font-weight: 600;
	font-style: normal;
	color: #575757;
	font-size: 1.429em;
	letter-spacing: normal;
	word-spacing: 0em;
	white-space: normal;
	word-wrap: normal;
	text-transform: normal;
}

.st-content{
	float: left;
	margin:0;
	width: 100%;
	height: auto;
	padding: 0;
}

.st-accordion li{
	float:left; display:block;
	margin:0; padding:0;
	width:100%; height:auto;
}

.st-accordion li a{
	float: left; display: inline-block;
	width: auto; height:auto;
	 padding:0 0 2px 0; margin:0;
	/*font-size:1.000em;*/ font-weight:500;
	color: #000;
	text-decoration: none;
	outline: none; border-bottom:1px solid white;
	line-height: 20px;
	-webkit-transition: color 0.2s ease;
	-moz-transition: color 0.2s ease;
	-o-transition: color 0.2s ease;
	-ms-transition: color 0.2s ease;
	transition: color 0.2s ease;
}

.st-accordion li a:hover {
	color: #414042;
	border-color: #ccc;
}

.st-accordion li a:active{
	color: #ccc;
	border-bottom-color: #ccc;	
}

.st-accordion li a i{
	display:inline-block;
	margin:0 0 0 5px;
	font-size:1.429em;	
}

.st-content p, .p-divider p{
	height:auto;
	width:100%;
	padding:5px 0 10px 0;
	margin:0;
	text-align: justify;
	/*text-align-last:justify;*/
	-webkit-hyphens: auto;  
    -moz-hyphens: auto;  
    hyphens: auto; 
}

.st-accordion ul{
	float:left; display:block;
	width:100%; height:auto;
	margin:0;
	padding:0 0 10px 20px;	
}

.st-accordion ul li{
	display:list-item;
	list-style-type:disc;	
}

#miweb-tab li a i{
	margin-right:10px;	
}

#miweb-tabcontent .panel-body,
#x-document .panel-body, #x-domain .panel-body{
	position:relative;	
}

.print{
	position:absolute;
	right:15px;
	top:10px;
	font-size:inherit;	
}

.print2{
	position:absolute;
	right:15px;
	top:33px;
	font-size:inherit;	
}

.print3{
	position:absolute;
	right:15px;
	top:56px;
	font-size:inherit;	
}

.print4{
	position:absolute;
	right:15px;
	top:76px;
	font-size:inherit;	
}

.prorroga{
	position:absolute;
	right:15px;
	top:57px;
	font-size:inherit;	
}

.descargo{
	position:absolute;
	right:15px;
	top:57px;
	font-size:inherit;	
}

.button_container{
	height:auto;
	padding-top:30px;
}

.export{
	margin-left:20px;	
}

.btn-actions{
	padding-bottom: 0;
	padding-top: 0;
	width: 209px; height: 32px;
	text-align: left;
	line-height: 32px;
}

.btn-actions i, .btn-export i{
	float:right;
	display:inline;
	height:30px; width:auto;
	line-height:25px;
	text-align:center;
	font-size:1.375em;	
}

@-moz-document url-prefix() { 

	.btn-actions i, .btn-export i{
		margin: -32px 0 0 0;
	}

	h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{
		font-weight: 500 !important;
		color: #838383;
	}


	li,strong, b, i, label {
		font-weight: 500 !important;

	}

	.navbar-nav>li>a {
		font-weight:500 !important;
		font-size:1.143em;
		text-transform: capitalize;
		letter-spacing:-0.02em;
		padding: 20px 10px;
	}
	.uf-value{
		font-weight: 500 !important;
	}
	.btn-primary{
		font-weight: 500 !important;
	}
	body{
		font-weight: 500 !important;
	}
	.nav-tabs > li > a{
		font-weight: 500 !important;
	}
	.item-title{
		font-weight: 500 !important;
	}
	span{
		font-weight: 500 !important;
	}
	#idUnidadFija{
		font-weight: 500 !important;
	}
	a.btn-access {
		font-weight: 500 !important;
	}

	.user-dropdown{
		font-weight: 500 !important;
	}



}

.btn-export{
	padding-bottom: 0;
	padding-top: 0;
	width: 150px;
	text-align: left;
	line-height: 32px;
}

.btn-primary:hover, .btn-primary:focus, 
.btn-primary:active, .btn-primary.active, 
.open .dropdown-toggle.btn-primary {
	color: #fff;
	background-color: #7fd8e3;
	border-color: #008d9f;
}

.btn:active, .btn-primary:active, .btn:focus, .btn-primary:focus {
	box-shadow: 0px 3px 0px 0px #474749;
}

.actions-menu{
	width:200px; height:84px;
	padding-top:10px;
	background-color: #67686b;
	border:none;	
}

.export-menu{
	min-width:150px; height:84px;
	padding-top:10px;
	background-color: #67686b;
	border:none;	
}

.actions-menu li a, .export-menu li a{
	color:#fff;
	border:none;	
}

.actions-menu li a:hover, .export-menu li a:hover{
	border:none;
}

.tab-subnav{
	/*float:left;*/ display:block;
	width:100%; height:auto; min-height:50px;
	margin:0 0 3px 0; padding:10px 15px;
	background:#efefef;
	background:rgba(239,239,239,1);
	border-bottom:1px solid #00aec3;	
}

.subnav-link{
	display:inline-block;
	height:20px;
	margin:8px 15px 0 0;
	color:#4e4e4e;	
}

.sub-active{
	color:#00aec3;
	cursor:none;	
}

.sub-active:hover{
	border-bottom:none;
}

.tab-subnav .form-control{
	padding:4px 5px;
	width:105px;
	height:30px;
	font-size:0.938em;	
}

.popover{
	max-width:376px;	
}

.popover-content {
	text-align: left;
	text-align-last: left;	
}

.inf-time{
	padding:0;	
}

.delete:hover{
	color:red;
	border-bottom-color:red;	
}

.total_cart{
	width:100%; height:auto;
	margin:0; padding:0;
	min-height:60px;
	border-top:1px dashed #c1c1c1;
	border-bottom:1px dashed #c1c1c1;		
}

.total, .total_b{
	float: left;
	display: inline-block;
	width: auto;
	height: auto;
	margin: 0;
	padding: 0 20px 0 0;
	text-align: right;
	font-weight:600;
	font-size:1.429em; text-transform:uppercase;
	line-height:60px;
}

.total{
	padding:0 50px 0 0;
}

.total_cart .cart_info{
	float:left; display:inline-block;
	margin:0 30px 0 0; padding:0;
	width:87px; height:60px;
	font-size:1.429em; text-align:center;
	line-height:60px;
}

.payment, .payment:hover{
	width:330px; text-align:left;
	background-image:url(../img/ic-visa.svg);
	background-position: right center;
	background-repeat:no-repeat;
}

.no-svg .payment{
	background-image:url(../img/ic-visa.png);
}
.btn-card{
	min-width: 200px;
	text-align: left;
}

.btn-card i{
	margin-left: 15px;
}

.info_cart{
	margin-top:30px;	
}

.info_cart .help-block{
	margin-bottom:0;	
}

#miweb-tabcontent .alert{
	width: 100%; height:auto;
	float: left;
	display: block;	
}

#miweb-tabcontent .alert i{
	margin-right:10px;	
}

#miweb-tabcontent .panel-body .alert{
	margin-top:20px;
	margin-bottom:0;
}

#miweb-tabcontent .alert button.close{
	margin-top: 10px;
}

.panel-collapse .alert {
	margin-top: 5px;
	line-height: 30px;
	padding: 0 15px;
}

.panel-collapse .alert i.fa{
	margin-right:10px;
	float: none; font-size: inherit;	
}

.alert{
	line-height:40px;	
}

.user_register .alert-info{
	line-height: 20px;
}

.user_register .alert-info p{
	padding-left: 50px;
}

.alert i.fa{
	float:left;
	margin:5px 20px 0 0;
	font-size:2.000em;	
}

.user_profile{
	overflow:hidden;
	padding-top:30px;	
}

.block-field{
	padding-bottom:20px;
}

.block-field .question{
	width:100%;	
}

.user_profile .item-detail{
	font-weight:600;	
}

.item-detail, .item-label{
	float:left; display:block;
	width:100%; height:auto;
	margin:0; padding:0;	
}

.inline-edit, .inline-close{
	color:#00aec3;
	font-size:0.938em;	
}

.inline-close{
	margin-left:5px;
	display:none;	
}

.inline-edit i{
	margin-right:5px;	
}

.inline-control{
	float:left; width:100%;
	display:none;	
}

.inline-control .btn{
	margin-top:5px;	
}

.inline-control .form-control{
	margin-top:10px;	
}

.inline-control-va{
	float:left; width:100%; 
}

.inline-control-va .btn{
	margin-top:5px;	
}

.inline-control-va .form-control{
	margin-top:10px;	
}


.technology-info{
	min-width: 100px;	
}

.tab-info{
	float:left; display:inline-block;
	width:auto; height:auto;
	margin:5px 0 ; padding:0;
	line-height:25px;	
}
.tab-info-alt{
	float:left; display:inline-block;
	width:70%; height:auto;
	margin:5px 0 ; padding:0;
	line-height:25px;	
}


#x-breach a.disabled, a.disabled,
#x-breach a.disabled:hover, a.disabled:hover{
	color:#d1d1d1;
	border-bottom-color:#d1d1d1;
	cursor: default;
	pointer-events:none;	
}

#x-breach a.disabled:hover, a.disabled:hover{
	border:none;	
}

a.add-to-cart:hover{
	color:#67686b;
	border-bottom-color:#67686b;	
}

a.add-to-cart:active{
	color:#d1d1d1;
	border-bottom-color:#d1d1d1;	
}

.error-page{
	margin-top:15%;
	background: #7fd8e3;
	background: rgb(154,202,60);
	min-height:400px;
}

.error-page article{
	min-height:350px;
	margin-top:25px;
	margin-bottom:25px;
}

.error-page .h404, .error-page .h500{
	color:#fff;
	font-weight:600;
	font-size:11.571em;
	text-align:center;
	margin:0; letter-spacing:0.05em;
}

.error-page .error-title{
	color:#fff;
	font-weight:500;
	font-size:4.286em;
	text-align:left;
	margin:0; letter-spacing:-0.02em;
}

.text-err-info{
	color:#fff;
	margin-top:20px;
	font-size:1.143em;	
}

.text-err-info a{
	color:#fff;
	padding-bottom:1px;
	border-bottom:1px solid #fff;	
}

.nav-pills li{
	padding-right:15px;	
}

.nav-pills li a{
	color:#fff;
	padding:0 0 1px 0;
	border-bottom:1px solid #fff;
	border-radius:0;
}

.nav-pills li a:hover, .text-err-info a:hover{
	background:none;
	color:#474747;
	border-bottom-color:#474747;	
}

.t-access{
	float:left; display:block;
	width:100%; height:auto;
	margin:0; padding:20px 0 10px 0;
	color:#fff;	
}

.cleft{
	min-height:300px;
	margin-top:20px;
	padding-right:14px;
	border-right:1px solid #fff;	
}

.cright{
	min-height:300px;
	margin-top:20px;
	padding-let:14px;
	border-left:1px solid #fff;	
}

.cleft .header-logo{
	display: block;
    margin: 0 auto;	
}

.has-error:hover .control-label{
	color:#00aec3;
}

.recovery_form{
	margin-top:30px;	
}

.bt-recover{
	float:left;
	margin-top:24px;	
}

.secret-question{
	float:left; display:block;
	width:100%; height:30px;
	font-size:1.143em;
	line-height:30px;	
}

.modal-header {
	padding: 15px 20px;
}

.modal .motivo{
	width: 70%;
}

.modal .close-modal{
	margin-left: 15px;
}

.captcha-group .control-label{
	width: 100%; 
	display: block;
}

.captcha-group .captcha{
	margin-left: 8px;
}

.state2{
	float: left;
	display: block;
	min-width: 70px; 
	width: auto;
	height: 22px;
	/* margin: 0 0 5px 5px; */
	padding: 0 5px;
	line-height: 22px;
	cursor: help;
	font-size: 85%;
}

.radicacion{
	border: 1px solid silver;
	padding: 5px;
	float: left;
	display: block;
	clear: right;
	margin: 10px 0 0 0;
	font-size: 0.938em;
}

/* Notifciación de infracción */

.ni-opt .opt-indicator{
	float: left; display: inline-block;
	width: 40px; height: 40px;
	margin: 0 15px 0 0; padding: 0;
	background-color: #7fd8e3;
	text-align: center; font-size: 1.875em;
	font-weight: 600;
	color: #fff; text-transform: uppercase;
	line-height: 37px;
	border-radius: 50%;
}

.ni-opt h1{
	float: left; display: inline-block;
	margin: 0; padding: 0;
	font-size: 1.875em;
	line-height: 37px;
}

.graph-block{
	margin-top: 15px;
}

.opt-wrapp{
	display: table;
	width: 100%; height: auto; min-height: 200px;
	padding:2% 55px;
	background-color: #ebebeb;
	background-color: rgb(235,235,235);
	position: relative;
}

.opt-title{
	font-size: 1.500em;
	color: #7fd8e3;
}

hr.opt-divider{
	height: 14px;
	border-top: none;
	overflow:hidden;
}

hr.opt-divider:after {
	content:"............................................................................................................................................";
	letter-spacing: 4px;
}

.ba-links{
	margin:15px 0 0 0;
	padding: 0; 
}

.ba-links li{
	margin: 0;
	padding: 0;
	font-size: 1.125em;
	line-height: 30px;
	list-style-type: none;
}

.ba-links li .fa{
	margin-left: 15px;
	color: #67686b;
}

.ba-links li a, .opt-leyend a, .opt-text a{
	color: #67686b;
	border-bottom:1px solid #d1d1d1;
}

.ba-links li a:hover, .opt-leyend a:hover,
.opt-text a:hover{
	border-bottom-color: #7fd8e3;
	color: #7fd8e3;
}

.opt-leyend, .opt-text{
	font-size: 1.250em;
	color: #67686b;
}

.opt-b, .opt-c, .opt-d{
	margin-top: 35px;
}

.opt-b .opt-indicator, .opt-c .opt-indicator,
.opt-d .opt-indicator{
	line-height: 39px;
}

.icon-indicator{
	float: left; display: inline-block;
	width: 25%;
	max-width: 100px; height: 100px;
	margin: 25px 0 0 0; padding: 0;
	background-color: #fff;
	text-align: center;
	color: #b5b6b7;
	font-size: 3.750em;
	line-height: 100px;
	border-radius: 50%;
}

.phone-number{
	float: left; display: inline-block;
	width: auto; height: auto;
	margin: 45px 0 0 0; padding: 0 0 0 30px;
	text-align: left;
	color: #7fd8e3;
	font-size: 3.750em;
	line-height: 30px;  
}

.phone-number small{
	color: #67686b;
	font-size: 32%;
}

.opt-c .opt-wrapp .icon-indicator{
	line-height: 95px;
}

.opt-d .opt-wrapp .icon-indicator{
	line-height: 97px;
}

.opt-c .opt-wrapp .fa.fa-university{
	margin-left: 6px;
}

.opt-d .opt-wrapp .fa.fa-file-text-o {
	margin-left: 4px;
}

.opt-text{
	float: left; display: inline-block;
	width: 75%; height: auto; min-height: 100px;
	max-width: 850px;
	margin:25px 0 0 0; padding:0 2%;  
}

.visa-logo{
	position: absolute;
	left: 320px; top: -10px;
}

.btn-new-user{
	float: right; display: inline-block;
	width: auto; height: 40px;
	background: none;
	margin-top: 10px;
	color: #fff;
	font-weight: 600;
	font-size: 1.143em;
	letter-spacing: normal;
	border: 2px solid #fff;
	box-shadow: none;
}

.btn-new-user:hover{
	box-shadow: none;
	color: #000;
	background: none;
	border: 2px solid #000;
}

a.btn-access{
	float: left; display: inline-block;
	margin-top: 17px;
	margin-right: 20px;
	font-weight: 600;
	font-size: 1.143em;
	padding-bottom: 2px;
	color: #fff;
	text-transform: capitalize;
	border-bottom: 2px solid #fff;
}

a.btn-access:hover{
	color: #000;
	border-bottom-color: #000;
}

a.btn-access:focus{
	color: #fff;
	border-bottom-color: #fff;
}

.ni-link-home{
	float: left;
	display: inline-block;
	width: 80%; height: 50px;
	margin:20px 0 10px 0; padding:0;
	text-align: left;
	color: #67686b; font-size: 1.500em;
	font-weight: 600;
	background-color: #7fd8e3;
	border:none;  
	line-height: 50px;
}

.ni-link-home:hover{
	border:none;
	text-decoration: none;
	opacity: 0.75;
}

.ni-link-home span{
	float: right;
	display: inline-block;
	width: 50px; height: 50px;
	background-color: #008d9f;
	color: #fff;
	text-align: center;
	line-height: 50px;
}

.ni-link-home span.ni-link-text{
	float: left;
	display: inline-block;
	width: 80%; height: auto;
	margin: 0; padding: 0 0 0 2%;
	background: none;
	color: #67686b;
	text-align: left;
}

.pub-wrapper {
	display: block;
	margin: 80px auto;
	padding:25px 0;
	width: 100%;
	height: 200px;
	border: 2px dashed #c6c6c7;
	text-align: center;
}

.fixed {
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 100;
}

.modal{
	overflow: hidden;
}

.modal .table>thead>tr>th,
.modal .table>tbody>tr>td{
	padding: 8px 8px 8px 0;
}

.table-juz{
	max-height: 400px;
	overflow-x: scroll;
	overflow-y: scroll; 
}

.table-juz .img-thumbnail{
	height: 80px;
}

.jur-juz{
	width: 750px;
}

.logos-sup {
	padding-top: 40px;
}

.logos-sup2{
	margin-bottom: 25px;
}

.user-access{
	float: right;
	display: inline-block;
	width: auto; height: auto;
	margin: 0; padding:0; 
}

.mensaje-home{
	font-size: 1.500em;
	font-weight: 600;
}

/* Mi Web 01/04/2015 ******/

.pagos-list{
	display: block;
	width: 100%; height: auto;
	margin: 20px 0 0 0;
	padding: 20px 0 0 20px;
	border-top: 1px solid #f1f1f1;
}

.pagos-list li{
	padding-bottom: 15px;
}

.tab-subnav.bloqued{
	margin-top: 20px;
}

.tab-subnav.bloqued{
	min-height: 25px;
	background: #00aec3;
	background: rgba(245,128,45,0.8);
	text-transform: uppercase;
}

.bloqued .tab-info{
	color: #fff;
	text-align: right;
	font-weight: 500;
	font-size: 1.143em;
	line-height: 25px;
}

.bloqued .panel-heading{
	background: #fff;
	color: #666;
}

.bloqued .panel-default{
	border-color: #00aec3;
}

.bloqued .inf-data{
	color: #666;
}

.modal-backdrop{
	background: #000;
	background: rgb(0,0,0);
}

.preloader{
	position: fixed;
	top: 40%;
	left: 0; margin: 0 auto; right: 0;
	padding: 15px;
	width: 275px; height: auto; min-height:75px;
	background:#fff url(../img/preloader.gif) no-repeat center 45px;
	font-size: 1.000em;
	color: #000;
	text-align: center;
	border-radius: 8px;
	z-index: 1050;
}

.preloader_time{
	position: fixed;
	top: 40%;
	left: 0; margin: 0 auto; right: 0;
	padding: 15px;
	width: 275px; height: auto; min-height:75px;
	background:#fff;
	font-size: 1.000em;
	color: #000;
	text-align: center;
	border-radius: 8px;
	z-index: 1050;
}
.spinner {
  margin: 10px auto 0;
  width:100%;
  height: 30px;
  text-align: center;
  background:#fff url(../img/preloader.gif) no-repeat center;
}

@-webkit-keyframes pulse {       
    0% {-webkit-transform: scale(0); opacity: 0;}
    8% {-webkit-transform: scale(0); opacity: 0;}
    15% {-webkit-transform: scale(0.1); opacity: 1;}
    30% {-webkit-transform: scale(0.5); opacity: 1;}
    100% {opacity: 0; -webkit-transform: scale(2.5);}
}

@-moz-keyframes pulse{       
    0% {-moz-transform: scale(0); opacity: 0;}
    8% {-moz-transform: scale(0); opacity: 0;}
    15% {-moz-transform: scale(0.1); opacity: 1;}
    30% {-moz-transform: scale(0.5); opacity: 1;}
    100% {opacity: 0; -moz-transform: scale(2.5);}
}

@keyframes pulse {       
    0% {transform: scale(0); opacity: 0;}
    8% {transform: scale(0); opacity: 0;}
    15% {transform: scale(0.1); opacity: 1;}
    30% {transform: scale(0.5); opacity: 1;}
    100% {opacity: 0; transform: scale(2.5);}
}

#map-canvas div.gmnoprint[title="circlePulse"] {
    position: relative;
    right: 0;
    top: 0;
    z-index: 10;
    background-color: transparent;
    opacity: 0.1;
    width: 128px;
    height: 128px;
    border: 6px solid #00b1c7;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -o-border-radius: 100px;
    -ms-border-radius: 100px;
    border-radius: 100px;
    /* Giving Animation Function */
    -webkit-animation: pulse 2s linear infinite;
    -moz-animation: pulse 2s linear infinite; 
    border-image: initial;
}

#map-canvas div.gmnoprint[title="circlePulseCar"] {
    position: relative;
    right: 0;
    top: 0;
    z-index: 10;
    background-color: transparent;
    opacity: 0.5;
    width: 128px;
    height: 128px;
    border: 6px solid rgba(27,129,248,0.50);
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -o-border-radius: 100px;
    -ms-border-radius: 100px;
    border-radius: 100px;
    /* Giving Animation Function */
    -webkit-animation: pulse 2s linear infinite;
    -moz-animation: pulse 2s linear infinite; 
    border-image: initial;
    box-shadow: 0 0 4px rgba(0,0,0,.14),0 4px 8px rgba(0,0,0,.28);
}

.tab-radares .tab-pane{
	padding-top: 0;
}

.nav-radar>li>a{
	min-width: 150px;
	text-align: center;
}

.radar-list{
	padding-top: 20px;
}

.panel-group .panel{
	overflow: visible;
}

/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

.txt-center{
	text-align: center;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

.pagos {
	padding-left: 0px;
	padding-right: 0px;
	border-radius: 5px;
	border-color: #00aec3;
}

.bg-ofi {
	background-color: #00aec3;
	color: white;
}

.bg-pasos {
	background-color: #67686b;
	color: white;
}
.titulillo {
	padding-bottom: 30px;

}

.ban-pago{
	background-color: #838383;
	border-color: #838383;
	border-radius: 10px;
	border-width: 3px;
	color: white;
}

.co-wh{
	color: white;
}

#link-informacion {
	color: white
}

#link-informacion:hover{
	color: cyan;
	text-decoration:none;
}


.prorr{
	background-color: #00aec3;
	text-align: center;
}

.tituloo {
	padding-bottom: 30px;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media screen and (-webkit-min-device-pixel-ratio:0) {
	@font-face {
		font-family:'FontAwesome';
		src: url('../fonts/fontawesome-webfont.svg?v=4.0.3#fontawesomeregular') format('svg');
	}
}

    /* Large Devices, Wide Screens */
    @media only screen and (max-width : 1440px) {
		.navbar-nav>li>a, .user-dropdown, .uf-value{
		    /*font-size:1.071em;	*/
		}
		.document-main-head {
			height: 165px;
		}
		.header-logo{
			margin-top:45px;	
		}
		.uf-info{
			left:-132px;
			width:350px;
			font-size:80%;
		}
		.icon-link img{
			width:50%; height:50%;
		}
     } 

    @media only screen and (max-width : 1366px){
     	.table-juz{
			max-height: 300px;
     	}
	}
	
	@media only screen and (max-width : 1200px) {
		.user_login .btn-primary, .register-block input.btn-primary{
				font-size:1.145em;	
			}
			.user_register .form-group label{
				white-space:nowrap;	
			}
			.ni-link-home span.ni-link-text {
			font-size: medium;
			width: 90%;
		}
	}

	/* Medium Devices, Desktops */
	@media only screen and (max-width : 992px) {
			.ocultar{
			display:none !important;
		}
		.ni-link-home span.ni-link-text {
			font-size: medium;
			width: 90%;
		}

	}

	@media only screen and (max-width : 974px) {
		.inferior-juzgados{
			min-height: initial;
		}

	}

	/* Small Devices, Tablets */
	@media only screen and (max-width : 768px) {
		.ayuda-hover{
			background-color:white !important;
		}
		.ayuda-hover:hover{
			background-color: rgb(204, 201, 201) !important;
		}
		.ocultar{
			display:none !important;
		}
		.document-main-head{
			height:auto;	
		}
		.navbar-nav {
			margin: 0;
		}
		uf-info{
			display:none;	
		}
		.uf-value {
			margin-left: 10px !important;
			margin-bottom: 10px;
		}
		.header-logo{
			display:block;
			margin:5% auto;
		}
		.navbar-default{
			min-height:40px;
			margin-bottom:5px;	
		}
		.navbar-nav>li>a {
			font-size:1.000em;
			padding:10px;	
		}
		ul.user-login{
			width:100%;
			float:left !important;	
		}
		.user-dropdown {
			font-size:1.000em;
			padding:10px;	
			width:100%;
			float:left;	
		}
		.form-login {
			position: inherit;
			float:left;
			width:100%; margin-top:10px; margin-bottom:20px;
			top:inherit; left:inherit;
		}
		.form-login label {
			font-size:1.000em;
		}
		.breadcrumb{
			margin:0 0 15px 0;	
		}
		.page-header{
			overflow: hidden;
		}
		.main-title{
			margin:0;	
		}
		.welcome{
			display: block;
			width: 100%;
		}
		.acces-links {
			margin-top: 20px;
		}
		.acces-links ul li {
			/*width: 50%;*/
			height: 150px;
		}
		.icon-link img{
			margin:5px auto;	
		}
		.archive-download span{
			padding:0 0 0 100px;	
		}
		.text-intro {
			max-height:80px;
			padding-bottom:20px;
			overflow-x:hidden;
			overflow-y:scroll;
		}
		.foot-bar .copyright{
			font-size:0.938em;
		}
		.foot-bar .organismos{
			padding: 5px 0;
		}
		.foot-info .technology-info{
			float:left !important; display:block;
			width:100%; height:auto;
			min-width:10px;	
		}
		.foot-info .technology-info span {
			width: 20%;
			padding: 0;
			margin: 0;
			float: left;
			text-align: center;
		}
		section#downloads {
			padding-bottom:50px;	
		}
		#infracciones-tab li{
			width:50%;
			margin:0;
			text-align:center;
		}
		.dominio{
			width:100%;	
		}

		.state{
			position: absolute;
			top: 25px;
			left: 0;
		}
		
		.panel-default>.panel-heading{
			min-height:65px;	
		}
		#map-side-bar {
			width:320px;
			right:0;	
		}
		#map-side-bar a i {
			margin-right:7px;
		}
		.st-accordion li{
			padding:0 0 5px 0;	
		}
		.st-content p{
			text-align:left;	
		}
		.item-download{
			padding:0 0 20px 15%;	
		}
		.docdownload{
			float:left;
			margin-top:5px;	
		}
		.inf-info{
			width:80%;	
		}
		.inf-info li{
			padding-bottom:10px;	
		}
		.inf-link.print{
			right:19px;	
		}
		.total_cart .cart_info{
			width:auto;
			margin:0;	
		}
		.user_profile .item-detail{
			padding-bottom:5px;
		}
		.inline-edit, .inline-close{
			float:left;
			padding-bottom:1px;
			margin-bottom:10px;
			border-bottom:1px solid white;
		}
		.user_login{
			min-height:50px;
			border:none;	
		}
		.user_login .form-group{
			padding-right:0;	
		}
		.user_register{
			border-top:2px solid #00aec3;
			padding-top:30px;	
		}
		.modal-dialog{
			max-width: 90%;
		}
		.user-access{
			border-top: 1px solid #d1d1d1;
			float: left;
			width: 100%;
			padding: 0 10px 20px 10px;
		}
		.user-access .btn-access{
			font-size: 1.000em;	
		}
		.foot-bar{
			height: auto;
		}
		.organismos span{
			letter-spacing: 0.02em;
			margin: 0;
			width: 100%;
			border:none;
			line-height: 20px;
		}
		.foot-info .copyright{
			width: 100%;
			text-align: center;
		}
		.ni-link-home, .ni-link-home:focus, .ni-link-home:active{
			width: 100%;
			height: auto;
			padding: 8px;
			font-size: 1.125em;
			line-height: inherit;
			border:none;
		}
		.ni-link-home span{
			width: 20%;
			font-size: 1.500em;
			line-height: 45px;
		}
		.ni-link-home span:first-child{
			float: left; display: inline-block;
			margin: 0; padding: 0;
			width: 80%; text-align: left;
			font-size: 1.125em;
			background: none;
			line-height: normal;
		}
		.nav-radar>li {
			width: 50%;
			margin-right: 0;
		}
		.nav-radar>li>a{
			min-width: inherit;
		}
		.radar-list .panel-default>.panel-heading{
			min-height: inherit;
		}
	}

	/* Extra Small Devices, Phones */ 
	@media only screen and (max-width : 480px) {
		.navbar-nav {
    		height: auto;
		}
		.main-title{
			font-size:1.714em;
			line-height: 30px;
		}
		.page-text {
			line-height: 18px;
			padding: 10px 0 0 0;
		}
		.nav-tabs>li>a{
			font-size:1.000em;
		}
		.archive-download span {
			padding: 0 0 0 70px;
		}
		#page {
			min-height: 750px;
			padding-bottom: 50px;
		}
		.panel-juzgados .panel-heading a{
			font-size:1.071em;
			padding:0 0 0 18%;	
		}
		.map-wrap{
			height:470px;	
		}
		.ocultar{
			display:none !important;
		}
		#map-side-bar{
			width:100%;	
		}
		.map-location a{
			font-size:0.875em;	
		}
		#map-side-bar a.slideup, .carga-di h2.title-di{
			font-size:1.071em;	
		}
		.item-download{
			padding: 0 0 20px 20%;
			background-size:50px 65px;	
		}
		.item-download .item-title{
			font-size:1.071em;
		}
		.gm-style .gm-style-iw {
			font-size: 0.875em;
		}
		.foot-info .copyright{
			font-size: 0.875em;
		}
		.technology-info{
			margin-top:20px;
			padding-bottom:20px;	
		}
		.foot-info .technology-info span {
			text-align: center;
			white-space:nowrap;
			width:33%;
			line-height:40px;	
		}
		.help-wrapper p{
			font-size:1.286em;
			line-height:280px;		
		}
		.bt-copy{
			display:none;	
		}
		.carga-di h2.title-di{
			margin:30px 5%;
			width:90%;	
		}
		.carga-di .actionbutton{
			font-size:1.286em;
		}
		ul#cargarditab li{
			width:50%;
			border:none;
			margin:0;
			text-align:center;
		}
		.search-form {
			padding-bottom: 30px;
		}
		.panel-default>.panel-heading{
			min-height:85px;	
		}
		.expand, .expand:hover{
			margin-right:2px;	
		}
		.inf-head .pull-right{
			
			margin-left:20px;
		}
		.inf-data{
			float:right;
			margin-right:10px;
			padding:0;
			text-align:left;	
		}
		.dom{ min-width: inherit;}
		.state {
			top: 45px;
			left: 20px;
			font-size: 0.638em;
			line-height: 18px;
		}
		.inf-link {
			top: 45px;
			right:-5px;
			font-size:0.786em;	
		}
		.form-group label{
			font-size:0.857em;	
		}
		.cap .form-control, .captcha{
			float:right;
			width:150px;
			margin-left:10px;
		}
		.typedoc{
			width:100%;
		}
		.sex_radios{
			overflow:hidden;
		}
		#x-document .sex_radios .radio,
		#x-domain .sex_radios .radio{
			width:45%;	
		}
		
		#x-document .sex_radios>div.radio:first-of-type{
			width:55%;	
		}
		#x-document .sex_radios .radio label,
		#x-domain .sex_radios .radio label{
			float:left; display:block;
			width:100%; height:auto;
			font-size:1.143em;
		}
		#x-document .sex_radios .radio label i,
		#x-domain .sex_radios .radio label i{
			float:none;
			margin-right:0;
			margin-left:10px;	
		}
		.inf-info{
			width:100%;
			padding:0 0 0 20px;	
		}
		.inf-info li{
			float:left;
			display: list-item;
			width:100%;
			font-size:0.786em;	
		}
		.panel-body .inf-date, .panel-body .inf-import{
			margin:0 0 0 20px;
			font-size:0.857em;
		}
		.ni-opt h1 {
			padding: 10px 0 0 10px;
			font-size: 1.500em;
			text-align: center;
			line-height: 24px;
			width: 100%;
		}
		.opt-title{
			text-align: center;
			font-size: 1.250em;
		}
		.ni-opt .opt-indicator{
			width: 100%;
			height: auto;
			font-size: 1.250em;
			line-height: 25px;
			border-radius: 0;
		}
		.opt-wrapp{
			padding:25px 2%;
			min-height: 50px;
			overflow: hidden;
		}
		.icon-indicator {
			float: none;
			display: block;
			width: 100%;
			max-width: 50px;
			height: 50px;
			margin: 5px auto;
			font-size: 1.750em;
			line-height: 50px !important;
		}
		.opt-d .opt-wrapp .fa.fa-file-text-o{
			margin: 2px;
		}
		.opt-c .opt-wrapp .fa.fa-university {
			margin-left: 3px;
		}
		.opt-text{
			width: 100%;
			margin: 10px 0 0 0;
			padding: 2.5%;
		}
		.opt-leyend, .opt-text {
			font-size: 1.000em;
			text-align: center;
		}
		.opt-a .opt-leyend{
			text-align: justify;
		}
		.opt-a img{
			margin: 20px 0 0 0;
		}
		.phone-number{
			padding: 0;
			width: 100%;
			font-size: 1.750em;
			line-height: inherit;
			text-align: center;
		}
		.phone-number small{
			display: block;
		}
		.ba-links li{
			text-align: center;
		}
		.ba-links li .fa{
			display: none;
		}
		.ni-opt .access-graph{
			display: none;
		}
		.ni-opt .visa-logo{
			position: relative;
			display: block;
			margin: 10px auto 0 auto;
			left: inherit; top: inherit;
		}
		.table-juz {
			max-height: 250px;
		}
		.payment{
			width: 100%;
			font-size: 1.000em;
		}
	}

	/* Custom, iPhone Retina */ 
	@media only screen and (max-width : 320px) {
		body{
			font-size:85%;	
		}
		.breadcrumb li{
			/*font-size:0.875em;*/	
		}
		.help-wrapper p{
			font-size:1.143em;
			line-height:280px;		
		}
		.panel-juzgados .panel-heading a{
			padding:0 0 0 15%;
			background-position:5px 5px;	
		}
		.map-file .map-item{
			width:100%; height:auto;
			margin:0; padding:0;
			float:left; display:block;	
		}

		h2.faqs-h{
			/*font-size:1.286em;*/
			line-height:22px;	
		}
		.st-accordion li a{
			/*font-size:0.875em;*/
			line-height:16px;	
		}
		.st-accordion li p{
			/*font-size:0.875em;*/
			line-height:20px;	
		}
		.search-form {
			padding-bottom: 30px;
		}
		.panel-default>.panel-heading{
			min-height:85px;	
		}
		.expand, .expand:hover{
			margin-right:2px;	
		}
		.inf-head .pull-right{
			float:left !important;
			margin-left:20px;
		}
		.inf-data{
			float:right;
			margin-right:10px;
			padding:0;
			text-align:left;	
		}
		.state {
			top: 45px;
			left: 20px;
			font-size: 0.638em;
			line-height: 18px;
		}
		.inf-link {
			top: 45px;
			right:-5px;
			font-size:0.786em;	
		}
		.form-group label{
			font-size:0.857em;	
		}
		.cap .form-control, .captcha{
			width:130px;
			/*margin-left:40px;*/
		}
		.typedoc{
			width:100%;
		}
		.sex_radios{
			overflow:hidden;
		}
		#x-document .sex_radios .radio,
		#x-domain .sex_radios .radio{
			width:45%;	
		}
		
		#x-document .sex_radios>div.radio:first-of-type{
			width:55%;	
		}
		#x-document .sex_radios .radio label,
		#x-domain .sex_radios .radio label{
			float:left; display:block;
			width:100%; height:auto;
		}
		#x-document .sex_radios .radio label i,
		#x-domain .sex_radios .radio label i{
			float:none;
			margin-right:0;
			margin-left:10px;	
		}
		.inf-info{
			width:100%;
			padding:0 0 0 20px;	
		}
		.inf-info li{
			float:left;
			display: list-item;
			width:100%;
			font-size:0.786em;	
		}
		.panel-body .inf-date, .panel-body .inf-import{
			margin:0 0 0 20px;
			font-size:0.857em;
		}
		.well-sm{
			font-size:0.857em;
			text-align:justify;
		}
		.btn-clases .btn{
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;
			height: 35px;
			line-height: 20px;
		}
		.clases-menu {
			width: 100%;
			padding: 5%;
			right:0;
			left:inherit;
		}
		.form-control, .datepicker{
			padding-left:5px;	
		}
		.container.logos{
			padding-top: 5px;
		}
		.header-logo{
			display: block;
			width: 250px; height: auto;
			margin: 0 auto;
		}
		.logo-wrap{
			width: 100%; height: auto;
					}

		.header-logo--ba{
			display: block;
			float: none;
			width: 170px; height: auto;
			margin: 0 auto;
		}
		.organismos{
			padding-top: 15px;
		}
		
	}
   
/*.touch a:hover:not(.uf-value) { text-decoration: none; border-bottom:none }
.touch a:hover:not(.btn) { text-decoration: none; border-bottom:none }
.touch a:hover:not(.btn-access) { text-decoration: none; border-bottom:none }*/

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}

h2.title-form {
float: left;
	display: block;
	width: 98%;
	height: auto;
	margin: 30px 15px 20px 15px;
	padding: 0 1%;
	text-align: left;
	font-weight: 600;
	font-style: normal;
	color: #4e4e4e;
	background: #e7e7e7;
	font-size: 1.286em;
	letter-spacing: normal;
	word-spacing: 0em;
	white-space: normal;
	word-wrap: normal;
	line-height: 40px;
	
	-webkit-transition: background-color 0.3s ease;
	-moz-transition: background-color 0.3s ease;
	-o-transition: background-color 0.3s ease;
	-ms-transition: background-color 0.3s ease;
	transition: background-color 0.3s ease;
}