/*CDSCD SALAS LARRAZABAL
*****Estilos Utilizados*******
**Fuentes:
Principal:LATO
Secundaria: COURGUETTE
******Colores utilizados********
Color Principal #2A744F; azul verdoso
Color Secundario #3EA881;
**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: #2A744F;
	
}

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

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

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:#2E5689;
}

a:hover,a:focus{
	color:#2A744F;
	
	
}


li{
	font-weight:500;
}
hr {
	
margin-top: 1.3em;
    margin-bottom: 1.3em;
    border: 0;   
   border-top:0px solid white;
}
footer{
	border-top:1px solid #2A744F;
}
/*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: #377C95;
	border-top:1px solid #fff;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#38ef7d+0,11998e+43,0f8a80+99 */
background: #38ef7d; /* Old browsers */
background: -moz-linear-gradient(-45deg, #38ef7d 0%, #11998e 43%, #0f8a80 99%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #38ef7d 0%,#11998e 43%,#0f8a80 99%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #38ef7d 0%,#11998e 43%,#0f8a80 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#38ef7d', endColorstr='#0f8a80',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	}
	

		.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/#38ef7d+0,11998e+43,0f8a80+99 */
background: #38ef7d; /* Old browsers */
background: -moz-linear-gradient(-45deg, #38ef7d 0%, #11998e 43%, #0f8a80 99%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #38ef7d 0%,#11998e 43%,#0f8a80 99%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #38ef7d 0%,#11998e 43%,#0f8a80 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#38ef7d', endColorstr='#0f8a80',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
			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/#38ef7d+0,11998e+43,0f8a80+99 */
background: #38ef7d; /* Old browsers */
background: -moz-linear-gradient(-45deg, #38ef7d 0%, #11998e 43%, #0f8a80 99%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #38ef7d 0%,#11998e 43%,#0f8a80 99%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #38ef7d 0%,#11998e 43%,#0f8a80 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#38ef7d', endColorstr='#0f8a80',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
/*Logos y titulos*/
.logo img{
	margin-top:5px;
	max-height:7em;	
}

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

.breadcrumb {
    background-color:rgba(109, 201, 167,0.2);	
}
.breadcrumb a:hover{
	color:#295C70;
}
.page-header {
    border-bottom: 1px solid rgb(109,186,201);
    padding-top:30px;
}
.submenu{
	margin-bottom:20px;
}
.submenu > li > a:hover ,.submenu > li > a:focus{
    color: #2E5689 !important;
	
}
.paddingbottom10 {
   border-top:1px solid #2E5689;
    border-bottom: 1px solid #2E5689;
	padding-bottom:0px;
}


#myBtn{
	left:85%;
	top:90%;
	background-color:#377c95;
}
#myBtn:hover{
	background-color:#3EA881;
}

.well{
	border-radius:4px;
	border:1px solid #2A744F;
	color:#2A744F;
}
.azul{
	color:#2A744F;
}
.azul:hover{
	color:#2F737F;
	font-weight:bold;
}
.hr-full::after {
    display: block;
    width: 100%;
    height: 2px;
    margin-top: 12px;
    content: '';
    background-color: #8ECDBD;
}
/*Navegación*/
.navbar-fixed-top .navbar-collapse {
     margin-bottom: 20px;
}
.navbar-nav > li > .dropdown-menu {
    background-color: #AADFD1;
    color: #363F69;
}

.navbar-nav .open .dropdown-menu {
    background-color: #AADFD1;
    color: #363F69;
}
.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;
}

/*Info*/
.imagenrodeaderecha{
	width:25%;
}
.panel-body {
    border-radius: 0px;
    border: 1px solid #2A744F;
}

.panel-footer {
    background: #fff;
    border: 1px solid #2A744F;
}
.panel-default > .panel-heading {
    border-radius: 4px;
    background-color: #fff;    
   border-bottom:0px;
   border:1px solid #2A744F;
   
}
.panel-heading{
	border-bottom:1px solid #377c95!important;
}

.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: #D8EEE9;
    border: 1px solid #33628E;
}
.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: #D8EEE9;
    border: 1px solid #363F69;
}
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
    background-color: #2A744F;
    border-color: #2A744F;
}
.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
    color: #363F69;
    text-decoration: none;
    background-color: #e8fff5;
}

/*
span.imgDescription{
	background:rgba(31, 89, 154,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:#377C95;
	border:1px solid #377C95;
}
.btn-default:hover{
	background-color:#377C95;
}
.btn-primary {
    background-color: #fff;
    border-color: #2A744F;
    color: #2A744F;
    border-radius: 0px;
}
.btn-primary:hover {
	color: #fff;
    background-color: #377C95;
    border-color: #377C95;
    
    border-radius: 0px;
}
.btn:focus, .btn:active:focus, .btn.active:focus {
	color: #fff;
	background-color: #377C95;
	border-color: #377C95;
	outline:thin dotted #377C95; /*nuevo para accesibilidad*/
}

.pager li a, .pager li > span {
    color: #2A744F;
    background-color: #fff;
    border-color: #2A744F;
}
.pager li:hover > a, .pager li:hover > span {    
    background-color: #377C95;
    border-color: #377C95;
    color: #fff;   
}
.iconcolor {
    color: #2A744F!important;
}
.soloimagen{
padding-bottom:40px;
}
/*Calendario*/
.year-title{
	font-family: 'Lato', sans-serif!important;
	font-weight:600;
	font-size: 1.3em;
	color:#377C95;
}
.panel-default {
    border-color: #377C95;
}
.calendar .calendar-header table th:hover {
    background: rgba(109, 186, 201,0.2);
    cursor: pointer;
}
.glyphicon-chevron-right,.glyphicon-chevron-left{
	color:#377C95;
}

.month-title{
	color:#377C95;
	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;
}

span.imgDescription{
	font-size:1em;
	line-height:1em;	
}
span.imgDescription p{
	font-size:1em;
	line-height:1em;	
}
.columna:hover {
    font-size: 1.4em!important;
    font-weight: normal;
}

/*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:200px;
	}
	.imagenrodea .imageGallery+span.imgDescription{
		height:730px;
	}
	
}
/*Iexplorer*/
@media all and (-ms-high-contrast:none), all and (-ms-high-contrast:active){
	.thumbnail .imagefix{
		height:205px;
	}
	
	span.imgDescription{
		height:350px;
		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{
		margin-left:0px;
		max-height:6em;
	}
	.logoMinisterio{
		margin-left:15px;
	}
	.navegacionoculta{
		background:transparent;
	}
	.evento{
		text-align:center;
		
	}
	div #myCarousel {
		height: 380px;
		
	}
	.navbar-toggle{
		margin-right:30px;
	}
	#topFixNavegacion{
		max-height:300px!important;
	}
}
@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-right:30px;
	}
	#topFixNavegacion{
		max-height:300px!important;
	}
}
@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-right:30px;
		margin-top:25px;
	}
	#topFixNavegacion{
		max-height:300px!important;
	}
}
@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;		
	}
	#topFixNavegacion{
		max-height:300px!important;
	}
}
@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;
	}
	
	
}