/*
 * Start Bootstrap - Heroic Features (http://startbootstrap.com/)
 * Copyright 2013-2016 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
 */

body {
	overflow-x: hidden;
	font-family: 'Noto Sans', sans-serif;
    padding-top: 110px; /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
}

body.inicio header.parallax-window, body.inicio .parallax-mirror {
	display: block;
}

body header.parallax-window, body .parallax-mirror {
	display: none;
}

body header.parallax-window h2 {
	font-size: 1.8em;
}

body.inicio header {
	display: none;
}

body header {
	display: block;
	height: 130px;
	background-position: center;
	background-size: cover;
}

a {
	color: #221e1f;
}
a:hover {
	color: #f47f20;
}

h1 {
	font-size: 1.5em;
}
h2 {
	font-size: 1.3em;
}

.breadcrumb {
	background: none;
	border-bottom: 1px dotted #ddd;
	text-align: left;
	font-size: 0.9em;
	margin-top: 40px;
}

.navbar {
	margin-top: 0px;
	height: 130px;
	font-size: 0.8em;
}

.navbar {
  .navbar-inner {
    background-color: #fff;
    background-image: none;
  }
}

	.navbar-nav .telefono {
		font-size: 1.3em;
		padding-bottom: 0.5em;
	}

	.navbar-fixed-top {
		-webkit-transition: all .35s;
		-moz-transition: all .35s;
		transition: all .35s;
		padding: 15px 0;
		/* Add additional styles here for the UNCOLLAPSED state */
	}
	.navbar-fixed-top  .navbar-brand #logoonly {
		display: none;
	}
	.navbar-fixed-top.affix {
		padding: 0;
		height: 80px;
		/* Add additional styles here for the COLLAPSED state */
	}
	.navbar-fixed-top.affix  .navbar-brand #logofull {
		display: none;
		width: 290px;
	}
	.navbar-fixed-top.affix  .navbar-brand #logoonly {
		display: block;
		width: 170px;
		padding-left: 20px;
		margin-top: 0px;
	}
	.navbar-fixed-top.affix .navbar-nav {
		/* font-size: smaller; */
		width: 80%;
		padding-top: 10px;
	}

/* navbar */
.navbar-fixed-top {
    background-color: #fff;
    border-color: #f4f4f4;
}

.navbar-nav {
	padding-top: 30px;
	width: 72%;
}
.nav.navbar-nav a:hover {
	background: #f7f7f7;
}

.navbar-nav a i.fa {
	font-size: 15px;
}

.navbar-nav a i.fab {
	font-size: 15px;
}

.navbar-nav a i.fas {
	font-size: 15px;
}

.nav>li>a{
	padding: 5px 9px;
}

.navbar-brand img.logo {
	width: 300px;
	margin-bottom: 0px;
}

.hero-spacer {
    margin-top: 50px;
}

.hero-feature {
    margin-bottom: 30px;
}

footer {
    margin: 20px 0;
}

.parallax-window {
	height: 430px;
	background: url(../images/ambiente.jpg);
	background-size: cover;
	background-position: center;
}

header.parallax-window div {
	color: #fff;
	padding-top: 40px;
}

header.parallax-window h2 {
	background: #000;
	opacity: 0.8;
	padding: 5px;
	color: #fff;
	margin: 2;
	display: inline;
	min-width: 50px;
	line-height: 46px;
	border-radius:2px;
	padding-left: 20px;
	padding-right: 20px;
	text-transform: uppercase;
	font-size: 12pt;
}

a, h1, h2, h3, h4 {
	color: #221e1f;
}

section.features {
	background: #fff7f2;
	border-bottom: 1px solid #ffeee2;
	padding-top: 30px;
	padding-bottom: 30px;
	margin-bottom: 30px;
}

.feature {
	-webkit-transition: all .75s;
	-moz-transition: all .75s;
	transition: all .75s;
	text-align: center;
	border: 1px solid #fff7f2;
	height: 211px;
	border-radius: 4px;
}
.feature:hover {
	border: 1px solid #fccba7;
	cursor: pointer;
	text-decoration: none;
}

.feature:hover h2, .feature:hover .btn-circle {
	color: #f47f20;
	border-color: #f47f20;
}

.feature h2 {
	color: #000;
}
.feature h2 span {
	display: block;
	font-size: 22px;
	margin-top: 6px;
	text-align: center;
}

.btn-circle {
  width: 60px;
  height: 60px;
  text-align: center;
  padding: 6px 0;
  font-size: 30px;
  line-height: 1.428571429;
  border-radius: 30px;
  border: 1px solid #000;
  text-align: center;
}
.btn-circle.btn-lg {
  width: 50px;
  height: 50px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 25px;
}
.btn-circle.btn-xl {
  width: 70px;
  height: 70px;
  padding: 10px 16px;
  font-size: 24px;
  line-height: 1.33;
  border-radius: 35px;
}

.info-importante {
	padding-bottom: 10px;
	color: #fff;
}

.centrado {
	text-align: center;
}

footer.colores {
	background: #000;
	padding-top: 22px;
	padding-bottom: 20px;
}

footer.colores p, footer.colores h2, footer.colores h3, footer.colores h4 {
	color: #a1a1a1;
	padding-top: 3px;
	font-weight: thin;
}

footer.colores a.social {
	color: #fff;
	margin-left: 10px;
}

div.divisor-colores {
	height: 6px;
}

section.promos {
}

.firma {
	font-size: 0.8em;
	padding-bottom: 20px;
}

.carousel-control.left, .carousel-control.right {
	background: none !important;
}

.carousel-control.left .glyphicon-menu-left, .carousel-control.right .glyphicon-menu-right {
	top: 160px;
	color: #000;
	text-shadow: none;
}
.carousel-control.left .glyphicon-menu-left {
	left: -90px;
}
.carousel-control.right .glyphicon-menu-right {
	right: -90px;
}

.iconos-decoradores i {
	color: #fff;
	font-size: 1.3em;
	font-weight: thin;
	float: left;
	margin-left: 16px;
}


.grupo-noticias-animadas:nth-child(2){
    -webkit-animation-delay: 0.1s;
}
.grupo-noticias-animadas:nth-child(3){
    -webkit-animation-delay: 0.2s;
}
.grupo-noticias-animadas:nth-child(4){
    -webkit-animation-delay: 0.3s;
}
.grupo-noticias-animadas:nth-child(5){
    -webkit-animation-delay: 0.4s;
}

ul.icons {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
ul.icons li {
	display: block;
	padding: 10px;
	padding-bottom: 20px;
	clear: both;
}

ul.icons li .fa {
	font-size: 2em;
	border: 1px solid;
	border-radius: 50%;
	padding: 4px;
	text-align: center;
	display: block;
	float: left;
	width: 50px;
	height: 50px;
	margin-right: 20px;
	padding-top: 10px;
	border-right: 1px solid #333;
}

.firma a i {
	font-size: 2.2em;
	margin-right: 10px;
}
.firma a:hover {
	text-decoration: none;
}

.thumbnail {
	position: relative;
	border: none;
	color: #fff;
	padding: 0;
	border-radius: 0;
	text-decoration: none;
	opacity: 0.9;
}
.thumbnail:hover {
	text-decoration: none;
	opacity: 1;
	box-shadow: 0px 0px 11px #d3d3d3;
}

.thumbnail h4 {
	color: #fff;
}

.thumbnail .label-danger {
	position: relative;
	padding: 6px;
	background: none;
	font-size: 1.3em;
	font-weight: normal;
	margin-top: 3px;
	float: right;
	text-align: right;
}

.thumbnail .caption {
	background: url(../images/fondocirculoscolores.jpg) top;
	background-size: cover;
	color: #fff;
}

.thumbnail .label-danger span.desde {
	font-size: 0.7em;
}

section.detalle .label-danger {
	position: relative;
	padding: 6px;
	font-size: 1.4em;
	text-align: left;
	float: left;
	margin-top: 10px;
	padding-top: 0;
}
section.detalle .label-danger span.desde {
	margin-top: 0px;
	font-weight: normal;
	font-size: 0.6em;
}

section.detalle h4 a {
}

section.detalle .estrellas {
	display: inline;
	float: right;
	width: 120px;
	height: 19px;
	margin-right: 4px;
	background: url(../images/5stars.png);
}
section.detalle .estrellas1 {
	width: 20px;
}
section.detalle .estrellas2 {
	width: 40px;
}
section.detalle .estrellas3 {
	width: 60px;
}
section.detalle .estrellas4 {
	width: 80px;
}
section.detalle .estrellas5 {
	width: 100px;
}

section.detalle a.ampliar {
	display: block;
	width: 100%;
	border-top: 1px solid;
	padding-top: 10px;
	text-align: center;
}

section.detalle .ampliable {
	height: 300px;
	overflow: hidden;
}
section.detalle .ampliado {
	height: auto;
	overflow: hidden;
}

h1.categoria {
	font-size: 1.2em;
	text-align: center;
	margin-bottom: 30px;
}

.frase, header h2 {
	color: #000;
}


#contact {
  position: relative;
  overflow: hidden;
}
#contact .container-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(69, 174, 214, 0.3);
  z-index: 1;
}
#contact .contact-form {
  background: rgba(255, 255, 255, 0.8);
  padding: 20px;
  margin-top: 50px;
}
#contact .contact-form h3 {
  margin-top: 0;
}

article {
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px dotted #d3d3d3;
}
article .fecha {
	color: #666;
	font-size: 0.7em;
}
article .btn {
	margin-top: 4px;
}
article.preview {
	margin-bottom: 30px;
}
article.preview h6 {
	font-weight: bold;
}

article .jumbotron h1 {
	font-size: 1.4em;
}

.btn, .form-control, .panel {
	border-radius: 2px;
}

.btn-default, .panel-default {
	border: none;
	background: #f3f3f3;
}

aside nav ul.nav-pills {
	margin-top: 0;
}
aside nav ul.nav-pills li a {
	font-size: 0.9em;
	margin: 0;
	border-radius: 2px;
	background: #f7f7f7;
}

article ul li , article ol li, article p ol li {
	margin-left: 20px;
}

article.novedad.publicacionespaginaestaticasimple .fecha {
	display: none;
}
article.novedad.publicacionespaginaestaticasimple h2 {
	margin-top: -4px;
}
article.novedad.publicacionespaginaestaticasimple figure {
	display: none;
}

	@media only screen and (min-width: 1000px) and (max-width: 1200px) {
		.navbar-nav {
			padding-top: 10px;
			width: 60%;
			margin-bottom: 10px;
		}
		.telefono {
			display: none;
		}
	}

	@media only screen and (min-width: 960px) and (max-width: 1000px) {
		.navbar-fixed-top {
			height: 120px;
		}

		.navbar-nav {
			font-size: smaller;
			padding-top: 0px;
			width: 56%;
			margin-bottom: 10px;
		}
		.telefono {
			display: none;
		}

		.navbar-fixed-top.affix {
			height: 110px;
		}

		.navbar-fixed-top.affix  .navbar-nav {
			width: 70%;
		}

	}

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {}
	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
		header.parallax-window h2 {
			background: #000;
			opacity: 0.8;
			padding: 5px;
			color: #fff;
			margin: 2;
			display: inline;
			min-width: 50px;
			line-height: 30px;
			border-radius:2px;
			padding-left: 5px;
			padding-right: 5px;
			text-transform: uppercase;
			font-size: 14px !important;
		}
		.navbar-nav {
			padding-top: 0px;
			width: 50%;
			margin-bottom: 0px;
		}
		.telefono {
			display: none;
		}
		.navbar-fixed-top {
			padding-top: 10px;
			height: 160px;
		}
		.navbar-fixed-top.affix {
			padding: 0;
			height: 110px;
			/* Add additional styles here for the COLLAPSED state */
		}
		.navbar-fixed-top.affix  .navbar-header {
			height: 70px;
			display: block;
		}

		.navbar-fixed-top.affix  .navbar-toggle {
			/*margin-top: 16px;*/
			margin-top: 10px;
		}
		body {
			padding-top: 50px;
		}
		body.inicio #fotosCarousel {
			display: none;
		}
		/*.navbar-fixed-top .fa {
			display: none;
		}*/

		.navbar-fixed-top .navbar-nav {
			background: #fff;
		}
		.navbar-fixed-top .navbar-header {
			height: 110px;
		}
		.navbar-fixed-top .navbar-brand img.logo {
			margin-top: 10px;
			width: 210px;
		}
		.navbar-toggle {
			margin-top: 30px;
		}
		.navbar-toggle{
			color: #333;
			border-color: #333;
		}
		.navbar-toggle .icon-bar {
			background-color: #333;
		}

		.navbar-collapse {
			border-top: 1px solid transparent;
			box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
		}
		.navbar-fixed-top.affix  .navbar-nav {
			width: 70%;
		}

	}
	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {}
	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
		header.parallax-window h2 {
			background: #000;
			opacity: 0.8;
			padding: 5px;
			color: #fff;
			margin: 2;
			display: inline;
			min-width: 50px;
			line-height: 30px;
			border-radius:2px;
			padding-left: 5px;
			padding-right: 5px;
			text-transform: uppercase;
			font-size: 14px !important;
		}
		.navbar-fixed-top.affix {
			padding: 0;
			/* Add additional styles here for the COLLAPSED state */
		}
		.navbar-fixed-top.affix  .navbar-header {
			height: 70px;
			display: block;
		}

		.navbar-fixed-top.affix  .navbar-toggle {
			margin-top: 16px;
		}
		body {
			padding-top: 50px;
		}
		body.inicio #fotosCarousel {
			display: none;
		}
		.navbar-fixed-top .navbar-header {
			height: 110px;
		}
		.navbar-fixed-top .navbar-brand img.logo {
			margin-top: 10px;
			width: 210px;
		}
		.navbar-toggle {
			margin-top: 30px;
		}
		.navbar-toggle{
			color: #333;
			border-color: #333;
		}
		.navbar-toggle .icon-bar {
			background-color: #333;
		}

		.navbar-collapse {
			border-top: 1px solid transparent;
			box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
		}
		.navbar-fixed-top.affix  .navbar-nav {

		}

		.navbar-nav .telefono {
			display: none;
		}
		.navbar-nav {
			margin-right: 0;
			width: 100%;
			border: 1px solid #333;
			height: auto;
			background: #fff;
		}
		.navbar-nav>li {
			float: none;
		}
		.navbar-nav>li>a {
			padding-top: 10px;
			padding-bottom: 10px;
			font-size: 1.6em;
			text-align: center;
			white-space: normal;
		}


		.container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header {
			margin: 0;
		}
		.navbar-nav .open .dropdown-menu>li>a {
			padding-top: 10px;
			padding-bottom: 10px;
			font-size: 1.2em;
			text-align: center;
			white-space: normal;
		}
	}
	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
		header.parallax-window h2 {
			background: #000;
			opacity: 0.8;
			padding: 5px;
			color: #fff;
			margin: 2;
			display: inline;
			min-width: 50px;
			line-height: 30px;
			border-radius:2px;
			padding-left: 5px;
			padding-right: 5px;
			text-transform: uppercase;
			font-size: 14px !important;
		}
		.navbar-fixed-top.affix {
			padding: 0;
			/* Add additional styles here for the COLLAPSED state */
		}
		.navbar-fixed-top.affix  .navbar-header {
			height: 70px;
			display: block;
		}

		.navbar-fixed-top.affix  .navbar-toggle {
			margin-top: 16px;
		}
		body {
			padding-top: 50px;
		}
		body.inicio #fotosCarousel {
			display: none;
		}
		.navbar-fixed-top .navbar-header {
			height: 110px;
		}
		.navbar-fixed-top .navbar-brand img.logo {
			margin-top: 10px;
			width: 210px;
		}
		.navbar-toggle {
			margin-top: 30px;
		}
		.navbar-toggle{
			color: #333;
			border-color: #333;
		}
		.navbar-toggle .icon-bar {
			background-color: #333;
		}

		.navbar-collapse {
			border-top: 1px solid transparent;
			box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
		}
		.navbar-fixed-top.affix  .navbar-nav {

		}

		.navbar-nav {
			margin-right: 0;
			width: 100%;
			border: 1px solid #333;
			height: auto;
			background: #fff;
		}
		.navbar-nav .telefono {
			display: none;
		}
		.navbar-nav>li {
			float: none;
		}
		.navbar-nav>li>a {
			padding-top: 3px;
			padding-bottom: 3px;
			font-size: 1.6em;
			text-align: center;
			white-space: normal;
		}


		.container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header {
			margin: 0;
		}
		.navbar-nav .open .dropdown-menu>li>a {
			padding-top: 10px;
			padding-bottom: 10px;
			font-size: 1.2em;
			text-align: center;
			white-space: normal;
		}

	}

/** OFICINA VIRTUAL **/
a.tramite {
	display: block;
	margin-bottom: 10px;
}
a.tramite {
	border: 1px solid #ddd;
}
a.tramite p, a.tramite p:hover {
	color: #666;
}
a.tramite:hover, a.tramite:hover h1, a.tramite:hover p, a.tramite:hover i {
	text-decoration: none;
	background: #f47f20;
	border-color: #f47f20;
	color: #fff;
}

aside a.tramite h1 {
	font-size: 11pt;
}
aside a.tramite p {
	font-size: 8pt;
}

aside div.links-tramites {
	margin-top: 40px;
}

.embed-responsive {
	padding-bottom: 140%;
}

.embed-responsive-item {
  height: auto!important;
}