/*CDSCD TABLADA OFICIALES
*****Estilos Utilizados*******
**Fuentes:
Principal:LATO
Secundaria: COURGUETTE
******Colores utilizados********
Color Principal #e42127 rojo y #AD1417 rojo oscuro;
Color Secundario #57B8C0;
**Variaciones de tonos**

*/



/*fuente para Títulos*/

@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 400;
    src: local('Lato'), local('Lato'), url('../fonts/Lato-Regular.woff') format('woff');
    
}

@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 300;
    src:local('Lato'), local('Lato'), url('../fonts/Lato-Light.woff') format('woff');
    
}

@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 700;
    src: local('Lato'), local('Lato'), url('../fonts/Lato-Bold.woff') format('woff');
   
}
@font-face {
    font-family: 'Courgette';
    font-style: normal;
    font-weight: 400;
    src: local('Courgette'), local('Courgette'), url('../fonts/Courgette-Regular.woff') format('woff');
    
}

/*Estilos por tipo de elemento*/

body {
	font-family: 'Lato', sans-serif!important;
	
}

h1{
	font-family: 'Courgette',sans-serif!important;
	font-weight:500;
	font-size: 1.9em;	
    color: #AD1417;
	
}

h2{
	font-family: 'Courgette',sans-serif!important;
	font-weight:500;
	font-size: 1.6em;
    color: #AD1417;
	
}

h3{
	font-family: 'Lato',sans-serif!important;
	font-weight:500;
	font-size: 1.4em;
	 color: #AD1417;
}

h4{
	font-family: 'Lato', sans-serif!important;
	font-weight:600;
	font-size: 1.3em;
}

p{
	font-family: 'Lato', sans-serif!important;
	font-weight:300;
	font-size: 1.1em;
	margin-top:1em;
	line-height: 1.7em;
}

a{
	font-weight:400;
	font-size:1.1em;
	color:#AD1417;
}

a:hover{
	color:#e42127;	
}
a:focus{
	color:#e42127;	
}

li{
	font-weight:500;
}
hr {
	
margin-top: 1.3em;
    margin-bottom: 1.3em;
    border: 0;   
   border-top:0px solid #fff;
}
footer{
	border-top:1px solid #AD1417;
}

/*skipmain*/
 .skip-main {
	        position: absolute;
	        top: -1000px;
	        left: -1000px;
	        height: 1px;
	        width: 1px;
	        text-align: left;
	        overflow: hidden;
	    }

	    a.skip-main:active,
	    a.skip-main:focus,
	    a.skip-main:hover {
	        left:250px;
	        top: 0;
	        width: auto;
	        height: auto;
	        overflow: visible;
			color:#fff!important;
	    }
		
/*Fondo de la cabecera*/
.bgcolor{
	background: #E42127;
	border-top:1px solid #fff;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#faae27+0,e42127+100 */
	background: #faae27; /* Old browsers */
	background: -moz-linear-gradient(left, #faae27 0%, #e42127 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #faae27 0%,#e42127 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #faae27 0%,#e42127 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#faae27', endColorstr='#e42127',GradientType=1 ); /* IE6-9 */
	}
	

		.bglogos{
			position:fixed;
			height:45px;
			top:0px;
			
			z-index:1032;;
			border-bottom:1px solid #fff;
			/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#faae27+0,e42127+100 */
			background: #faae27; /* Old browsers */
			background: -moz-linear-gradient(left, #faae27 0%, #e42127 100%); /* FF3.6-15 */
			background: -webkit-linear-gradient(left, #faae27 0%,#e42127 100%); /* Chrome10-25,Safari5.1-6 */
			background: linear-gradient(to right, #faae27 0%,#e42127 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#faae27', endColorstr='#e42127',GradientType=1 ); /* IE6-9 */
			background-repeat: repeat-x;
			border-radius: 4px;
			-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 5px rgba(0, 0, 0, .075);
			box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 5px rgba(0, 0, 0, .075);
		}

.navbar{
	background:none;
	margin-bottom:0px;
	}
.navbar.affix{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#faae27+0,e42127+100 */
	background: #faae27; /* Old browsers */
	background: -moz-linear-gradient(left, #faae27 0%, #e42127 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #faae27 0%,#e42127 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #faae27 0%,#e42127 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#faae27', endColorstr='#e42127',GradientType=1 ); /* IE6-9 */
}
/*Logos y titulos*/
.logo img{
	margin-top:5px;
	max-height:7em;	
}

.tituloweb{
	padding-top:10px;
}
div #myCarousel {
    height: 380px;
	
}
/*Migas*/

.breadcrumb {
    background-color:#FCDCAB;
}
.breadcrumb a:hover{
	color:#e42127;
}
.page-header {
    border-bottom: 1px solid #F8D4BF;
    padding-top:30px;
}
.submenu{
	margin-bottom:20px;
}
.submenu > li > a:hover {
    color: #AD1417 !important;	
}
.submenu > li > a:focus {
    color: #AD1417 !important;
	
}

.paddingbottom10 {
   border-top:1px solid #AD1417;
    border-bottom: 1px solid #AD1417;
	padding-bottom:0px;
}
.estilomapa{
	color: #AD1417;
}
.breadcrumb a{
	color: #AD1417;
}

#myBtn{
	left:85%;
	top:90%;
	background-color:#e42127;
}
#myBtn:hover{
	background-color:#AD1417;
}

.well{
	border-radius:4px;
	border:1px solid #e42127;
	color:#AD1417;
}
.color{
	color:#AD1417;
}
.azul{
	color:#AD1417;
}
.azul:hover,.azul:focus{
	color:#7B0F13;
	font-weight:bold;
}
.hr-full::after {
    display: block;
    width: 100%;
    height: 2px;
    margin-top: 12px;
    content: '';
    background-color: #F8D4BF;
}
.lineahr{
	border-color: #F8D4BF;
}
.pagination .glyphicon {
    color: #AD1417;
}
/*Navegación*/
.navbar-fixed-top .navbar-collapse {
     margin-bottom: 20px;
}
.navbar-nav > li > .dropdown-menu {
    background-color: #FDE2B4;
    color: #e42127;
}

.navbar-nav .open .dropdown-menu {
    background-color: #FDE2B4;
    color: #e42127;
}
.navbar-nav >li>a{
line-height:1.5em;
}

.navbar-nav > li > a:active, .navbar-nav > li > a:hover, .navbar-nav > li > a:focus {
    color: #FFF;
	font-size:bold;
}

.navbar-nav > li > a {
    padding-bottom: 10px;
}
.dropdown-menu > li > a {
    color: #7B0F13;
   
}

/*Info*/
.imagenrodeaderecha{
	width:25%;
}
.soloimagen{
margin-bottom:40px;
}

.panel-footer {
    background: #fff;
    border: 1px solid #e42127;
}
.panel-default > .panel-heading {
    border-radius: 0px;
    background-color: #fff;    
   border-bottom:0px;
   border: 1px solid #AD1417;
}
.panel-heading{
	border-bottom:1px solid #AD1417!important;
}
.panel-body {
    border-radius: 0px;
    border: 1px solid #AD1417;
}
.pagination > li > a, .pagination > li > span {
		color: #AD1417;
		border:1px solid #AD1417;
	}
	
.pagination > li:first-child > a:hover, .pagination > li:first-child > span:hover,.pagination > li:first-child > a:focus, .pagination > li:first-child > span:focus  {
    background: #FCEED4;
    border: 1px solid #AD1417;
}

.pagination > li:last-child > a:hover, .pagination > li:last-child > span:hover,.pagination > li:last-child > a:focus, .pagination > li:last-child > span:focus {
    background: #FCEED4;
    border: 1px solid #AD1417;
	color: #AD1417;
}

.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
    color: #AD1417;
    text-decoration: none;
    background-color: #FCEED4;
	color: #AD1417;
}

/*
span.imgDescription{
	background:rgba(173, 20, 23,0.6);
	color: #fff;
	cursor: pointer;
	display: table;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	font-size: 1.4em;
	font-weight: normal;
	opacity: 0;
	-webkit-transition: opacity 500ms;
	-moz-transition: opacity 500ms;
	-o-transition: opacity 500ms;
	transition: opacity 500ms;
	}
	*/
.btn-default{
	color:#AD1417;
	border:1px solid #AD1417;
}
.btn-default:hover{
	background-color:#AD1417;
}

.btn:focus, .btn:active:focus, .btn.active:focus {
	color: #fff;
	background-color: #AD1417;
	border-color: #AD1417;
	outline:thin dotted #AD1417; /*nuevo para accesibilidad*/
}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover {
    color: #AD1417;
    text-decoration: none;
    background-color: #fff;
    outline: 0;
}
.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
    color: #AD1417;
    text-decoration: none;
    background-color: #FCEED4;
}

/*Calendario*/
.year-title{
	font-family: 'Lato', sans-serif!important;
	font-weight:600;
	font-size: 1.3em;
	color:#AD1417;
}
.panel-default {
    border-color: #e42127;
}
.calendar .calendar-header table th:hover {
    background: rgba(109, 186, 201,0.2);
    cursor: pointer;
}
.glyphicon-chevron-right,.glyphicon-chevron-left{
	color:#e42127;
}

.month-title{
	color:#e42127;
	font-family: 'Lato', sans-serif!important;
	font-weight:600;
	font-size: 1.3em;
}

.calendar{
	overflow:inherit;
}
.calendar .month-container{
	height:auto;
}
.evento{
	display:block;	
}
.evento a{
	display:block;
	text-align:left;
	padding-left:15px;
	font-size:1em;
}

.fila{
	clear:both;
}
.calendar table.month tr td .day-content {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    padding: 5px 6px;
}
.calendar table.month td.day .day-content:hover {
    background: rgba(255, 74, 50, 0.2);
    cursor: pointer;
}
.month-container{
	margin-bottom:20px!important;
}
.month{
	margin-bottom:20px!important;
}
/*Owl Carousel*/
.owl-carousel .owl-stage{
	height:280px;
	overflow:hidden;
}
.owl-theme .owl-nav [class*="owl-"] {
    color: #FFF;
    font-size: 14px;
    margin: 5px;
    padding: 4px 7px;
    background: #e42127;
    display: inline-block;
    cursor: pointer;
    border-radius: 0px;
}
.owl-theme .owl-nav [class*="owl-"]:hover {
    background: #AD1417;
    color: #FFF;
    text-decoration: none;
	 border-radius: 0px;
}

.owl-theme .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 5px 7px;
    background: #e42127;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity 200ms ease;
    border-radius: 30px;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #AD1417;
}
.pagination > li > a, .pagination > li > span {
    color: #AD1417;
    border: 1px solid #AD1417!important;
}	
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
    background-color: #AD1417;
    border-color: #AD1417;
}

.pagination li:hover a {
    background-color: rgba(255, 74, 50, 0.2);
    color: #AD1417;
    border: 1px solid #AD1417;
}
.iconcolor {
    color: #AD1417!important;
}
.btn-primary {
 background-color: #fff;
    border-color: #AD1417;
    color: #AD1417;
    
    border-radius: 0px;
	padding:5px 10px;
}
.btn-primary:hover {
   color: #fff;
    background-color: #AD1417;
    border-color: #AD1417;
    border-radius: 0px;
}
.label-info {
    background-color: #AD1417;
}
.navbar-nav .open .dropdown-menu > li > a {
     color: #AD1417;
}
.icon-bar{
	background-color:#fff!important;
}

.pager li a, .pager li > span {
    color: #AD1417;
    background-color: #fff;
    border-color: #AD1417;
}
.pager li:hover > a, .pager li:hover > span {
    display: inline-block;
    padding: 5px 14px;
    background-color: #AD1417;
    border-color: #AD1417;
    color: #fff;
    border-radius: 15px;
}
span.imgDescription{
	color:#AD1417;
	font-size:1em;
	line-height:1em;
	
}
span.imgDescription p{
	font-size:1em;
	line-height:1em;
	
}

/*MEDIAQUERYS*/
/*chrome*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
  	span.imgDescription{
		height: -webkit-calc(88vh-300px);		
	} 
	
	img.img-hover+span.imgDescription{
	 	height:270px;
	 }
	 .imgdebajo .imageGallery+span.imgDescription{
		height:200px;
	}
	.imagenrodeaderecha .imageGallery+span.imgDescription{
		height:273px;
	}
	
}
/*Iexplorer*/
@media all and (-ms-high-contrast:none), all and (-ms-high-contrast:active){
	.thumbnail .imagefix{
		height:205px;
	}
	
	span.imgDescription{
		height:280px;
		font-size:1em;
		line-height:1em;
	}
	
	span.imgDescription p{
		line-height:0.8em;
	}
	 img.img-hover+span.imgDescription{
	 	height:230px;
	 }
	.imagenizquierda .imageGallery+span.imgDescription{
		height:500px;
	}
	.imgdebajo .imageGallery+span.imgDescription{
		height:200px;
	}
	.imagenrodeaderecha .imageGallery+span.imgDescription{
		height:200px;
	}
	.imagenrodea .imageGallery+span.imgDescription{
		height:730px;
	}
	.imagenderecha .imagefix{
		height:450px;/*cambiar la altura, auto ideal...*/
	}
	.imagenderecha .imageGallery+span.imgDescription{
		height:450px;
	}
	.soloimagen .imageGallery+span.imgDescription{
		height:830px;
	}
	.item>div>a>div.imagefix{
		height:300px;
	}
	.item>div>a>div.imagefix >.imageGallery+span.imgDescription{
		height:250px;
		overflow:hidden;
	}
	.owl-stage-outer{
		height:250px;
		overflow:hidden;
	}
	.owl-item.active .imagefix:hover img,.imagefix:focus img{
		transform:none;
	}	
	
		
}

@media (min-width:20px) and (max-width:399px){
	.logo img{
		max-height:6em;
	}
	.logoMinisterio{
		margin-left:15px;
	}
	.navegacionoculta{
		background:transparent;
	}
	.evento{
		text-align:center;
		
	}
	div #myCarousel {
		height: 380px;
		
	}
	.navbar-toggle{
		margin-top:15px;
		margin-right:30px;
	}
}
@media (min-width:400px) and (max-width:575px){
	
	.logoMinisterio{
		margin-left:15px;
	}
	.navegacionoculta{
		background:transparent;
	}
	.fila{
		clear:both;
	}
	.evento{
		text-align:center;
	}
	div #myCarousel {
		height: 380px;
		
	}
	.navbar-toggle{
		margin-top:15px;
		margin-right:30px;
	}
}
@media (min-width:576px) and (max-width:767px){
	
	.logoMinisterio{
		margin-left:15px;
	}
	.navegacionoculta{
		background:transparent;
	}
	.fila{
		clear:both;
	}
	.calendar .month-container{
		width:40%;
		margin-right:30px;
		margin-bottom:30px;
		margin-left:15px;
	}
	div #myCarousel {
		height: 380px;
		
	}
	.navbar-toggle{
		margin-top:15px;
		margin-right:30px;
	}
}
@media (min-width:645px)and (max-width:767px){
	.fila{
		clear:both;
	}
	.calendar .month-container{
		width:35%;
		margin-right:15px;
		margin-left:15px;
		margin-bottom:30px;
	}
	div #myCarousel {
		height: 380px;
		
	}
}
@media (min-width:768px) and (max-width:991px){
	.fila{
		clear:both;
	}
	.calendar .month-container{
		width:35%;
		margin-right:15px;
		margin-left:15px;
		margin-bottom:30px;
	}
	
	div #myCarousel {
		height: 380px;
		
	}
}
@media (max-width:837px){
	
}
@media (min-width:992px) {
	.fila{
		clear:both;
	}
	.logo img{
		margin-left:0px;
	}
	
	
}