/* FONTS */
/*Roboto condensed*/
@font-face {
    font-family: 'roboto_condensedbold';
    src: url('../fonts/robotocondensed-bold-webfont.eot');
    src: url('../fonts/robotocondensed-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/robotocondensed-bold-webfont.woff2') format('woff2'),
         url('../fonts/robotocondensed-bold-webfont.woff') format('woff'),
         url('../fonts/robotocondensed-bold-webfont.ttf') format('truetype'),
         url('../fonts/robotocondensed-bold-webfont.svg#roboto_condensedbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'roboto_condensedbold_italic';
    src: url('../fonts/robotocondensed-bolditalic-webfont.eot');
    src: url('../fonts/robotocondensed-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/robotocondensed-bolditalic-webfont.woff2') format('woff2'),
         url('../fonts/robotocondensed-bolditalic-webfont.woff') format('woff'),
         url('../fonts/robotocondensed-bolditalic-webfont.ttf') format('truetype'),
         url('../fonts/robotocondensed-bolditalic-webfont.svg#roboto_condensedbold_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'roboto_condenseditalic';
    src: url('../fonts/robotocondensed-italic-webfont.eot');
    src: url('../fonts/robotocondensed-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/robotocondensed-italic-webfont.woff2') format('woff2'),
         url('../fonts/robotocondensed-italic-webfont.woff') format('woff'),
         url('../fonts/robotocondensed-italic-webfont.ttf') format('truetype'),
         url('../fonts/robotocondensed-italic-webfont.svg#roboto_condenseditalic') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'roboto_condensedlight';
    src: url('../fonts/robotocondensed-light-webfont.eot');
    src: url('../fonts/robotocondensed-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/robotocondensed-light-webfont.woff2') format('woff2'),
         url('../fonts/robotocondensed-light-webfont.woff') format('woff'),
         url('../fonts/robotocondensed-light-webfont.ttf') format('truetype'),
         url('../fonts/robotocondensed-light-webfont.svg#roboto_condensedlight') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'roboto_condensedlight_italic';
    src: url('../fonts/robotocondensed-lightitalic-webfont.eot');
    src: url('../fonts/robotocondensed-lightitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/robotocondensed-lightitalic-webfont.woff2') format('woff2'),
         url('../fonts/robotocondensed-lightitalic-webfont.woff') format('woff'),
         url('../fonts/robotocondensed-lightitalic-webfont.ttf') format('truetype'),
         url('../fonts/robotocondensed-lightitalic-webfont.svg#roboto_condensedlight_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'roboto_condensedregular';
    src: url('../fonts/robotocondensed-regular-webfont.eot');
    src: url('../fonts/robotocondensed-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/robotocondensed-regular-webfont.woff2') format('woff2'),
         url('../fonts/robotocondensed-regular-webfont.woff') format('woff'),
         url('../fonts/robotocondensed-regular-webfont.ttf') format('truetype'),
         url('../fonts/robotocondensed-regular-webfont.svg#roboto_condensedregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
/*Roboto slab */
@font-face {
	font-family: 'roboto_slabbold';
	src: url('../fonts/robotoslab-bold-webfont.eot');
	src: url('../fonts/robotoslab-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/robotoslab-bold-webfont.woff2') format('woff2'), url('../fonts/robotoslab-bold-webfont.woff') format('woff'), url('../fonts/robotoslab-bold-webfont.ttf') format('truetype'), url('../fonts/robotoslab-bold-webfont.svg#roboto_slabbold') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'roboto_slablight';
	src: url('../fonts/robotoslab-light-webfont.eot');
	src: url('../fonts/robotoslab-light-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/robotoslab-light-webfont.woff2') format('woff2'), url('../fonts/robotoslab-light-webfont.woff') format('woff'), url('../fonts/robotoslab-light-webfont.ttf') format('truetype'), url('../fonts/robotoslab-light-webfont.svg#roboto_slablight') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'roboto_slabregular';
	src: url('../fonts/robotoslab-regular-webfont.eot');
	src: url('../fonts/robotoslab-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/robotoslab-regular-webfont.woff2') format('woff2'), url('../fonts/robotoslab-regular-webfont.woff') format('woff'), url('../fonts/robotoslab-regular-webfont.ttf') format('truetype'), url('../fonts/robotoslab-regular-webfont.svg#roboto_slabregular') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'roboto_slabthin';
	src: url('../fonts/robotoslab-thin-webfont.eot');
	src: url('../fonts/robotoslab-thin-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/robotoslab-thin-webfont.woff2') format('woff2'), url('../fonts/robotoslab-thin-webfont.woff') format('woff'), url('../fonts/robotoslab-thin-webfont.ttf') format('truetype'), url('../fonts/robotoslab-thin-webfont.svg#roboto_slabthin') format('svg');
	font-weight: normal;
	font-style: normal;
}
/* roboto */

@font-face {
	font-family: 'robotoblack';
	src: url('../fonts/roboto-black-webfont.eot');
	src: url('../fonts/roboto-black-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/roboto-black-webfont.woff2') format('woff2'), url('../fonts/roboto-black-webfont.woff') format('woff'), url('../fonts/roboto-black-webfont.ttf') format('truetype'), url('../fonts/roboto-black-webfont.svg#robotoblack') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'robotobold';
	src: url('../fonts/roboto-bold-webfont.eot');
	src: url('../fonts/roboto-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/roboto-bold-webfont.woff2') format('woff2'), url('../fonts/roboto-bold-webfont.woff') format('woff'), url('../fonts/roboto-bold-webfont.ttf') format('truetype'), url('../fonts/roboto-bold-webfont.svg#robotobold') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'robotoitalic';
	src: url('../fonts/roboto-italic-webfont.eot');
	src: url('../fonts/roboto-italic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/roboto-italic-webfont.woff2') format('woff2'), url('../fonts/roboto-italic-webfont.woff') format('woff'), url('../fonts/roboto-italic-webfont.ttf') format('truetype'), url('../fonts/roboto-italic-webfont.svg#robotoitalic') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'robotolight';
	src: url('../fonts/roboto-light-webfont.eot');
	src: url('../fonts/roboto-light-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/roboto-light-webfont.woff2') format('woff2'), url('../fonts/roboto-light-webfont.woff') format('woff'), url('../fonts/roboto-light-webfont.ttf') format('truetype'), url('../fonts/roboto-light-webfont.svg#robotolight') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'robotomedium';
	src: url('../fonts/roboto-medium-webfont.eot');
	src: url('../fonts/roboto-medium-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/roboto-medium-webfont.woff2') format('woff2'), url('../fonts/roboto-medium-webfont.woff') format('woff'), url('../fonts/roboto-medium-webfont.ttf') format('truetype'), url('../fonts/roboto-medium-webfont.svg#robotomedium') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'robotoregular';
	src: url('../fonts/roboto-regular-webfont.eot');
	src: url('../fonts/roboto-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/roboto-regular-webfont.woff2') format('woff2'), url('../fonts/roboto-regular-webfont.woff') format('woff'), url('../fonts/roboto-regular-webfont.ttf') format('truetype'), url('../fonts/roboto-regular-webfont.svg#robotoregular') format('svg');
	font-weight: normal;
	font-style: normal;
}
/*generales  */

.nopadding {
   padding: 0 !important;
   margin: 0 !important;
}

body {
	font-family: 'robotoregular';
}
strong {
	font-family: 'robotobold';
}
h1, h2 {
	font-family: 'roboto_slabbold';
}
h2 {
	font-size: 120%;
}
h3{
	font-size:110%;
	color:#007089;
	}
/* clases generales */
.right {
	float: right;
}
/*.left{
    float: left;

}*/
img.left{
    width: 50%;
    max-width: 200px;
    padding: 0 5px 5px 0;
        float:left;
}

img.left {
	width: 50%;
	max-width: 200px;
	padding: 0 5px 5px 0;
}
.ordered-list li {
	list-style: decimal;
	margin-left: 2em;
}
.panel-primary .panel-heading {
	background-color: #6e4c95;
	font-family: 'roboto_slabbold';
}
.panel .fa-inverse {
	color:#6e4c95;
}
/* breadcrumb */
.breadcrumb a {
/*	color: #46a529;
		color: #46a529;*/

}


.breadcrumb a:hover {
	color: rgba(0, 112, 137, 0.8);
}
.breadcrumb a::after {
	content: "\f105";
	font-family: FontAwesome;
	margin: 0 3px;
}
/* footer */
footer {
	background-color: #e6e6e6;
	clear: both;
	color: #555;
	padding: 20px;
}
footer h4 {
	font-family: 'Open Sans', sans-serif;
	font-size: 1.4em;

}
footer p {
	margin: 0 0 10px;
	font-size: 1.2em;
    line-height: 1.42857143;
}
footer a {
    /*color: #46a529;*/
    text-decoration: none;
}

footer input[type="search"] {
	border: none;
	border-radius: 5px;
}
footer button {
	margin: 0 10px;
	background-color: #42AFD8;
	color: #fff;
	border: none;
	border-radius: 5px;
}
footer button:hover {
	background-color: rgba(66, 175, 216, 0.69);
}
#info,#calificaciones{
padding: 10px 45px 45px 45px;
}

#evaluado,#evaluador,#dpp,#presidente_jc,#integrante_jc,#secretario_jc,#fiscal_jc,#representante1_jc,#representante2_jc,#representante3_jc,#representante4_jc{
	padding: 10px 0px 45px 45px;
	}


#buscador_footer{
	padding-bottom: 10px !important;
}

#buscador_header{
	padding-bottom: 8px !important;
	padding-top: 8px !important;
	width: 300px;
	float: right;
}

#buscador_header_abr{
	width: 150px;
	float: right;
}


#prueba {
	width: 100px;
	float: left;
	visibility: hidden;
}
#buscador_header .btn ,#buscador_header_abr .btn{
		background-color: #42AFD8;
	color: #fff;
}

#boton_buscador{

	color: #42AFD8;
	/*background-color: #42AFD8;*/
	margin: 6px;
	float: left;
		-webkit-transition-duration: 2s;
    -moz-transition-duration: 2s;
    -o-transition-duration: 2s;
    transition-duration: 2s;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    transition-property: transform;

}

#prueba{

			-webkit-transition-duration: 1s;
    -moz-transition-duration: 1s;
    -o-transition-duration: 1s;
    transition-duration: 1s;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    transition-property: transform;


}

#demo{
	float: left;
	margin-top: 8px;


}


.alert-cmf {
color: #6012a2;
    background-color: #b3a3d0;
    border-color: #8c5da0;
}


.alert-cmf .alert-link {
    color: #2b542c;
}



/* home */
#contenido .row {
	margin-bottom: 20px;
	margin-top: 20px;
}
#contenido h1 {
	font-size: 180%;
/*	color: #007089;*/
		color: #52307e;

	font-weight: 800;
}
#contenido h2 {
			color: #52307e;

}
.carousel a{
	color:#FFF;}
/*
#cumpleanos figure {
	position: relative;
}
#cumpleanos figcaption {
	position: absolute;
	bottom: 0;
	left: 0;
	height: auto;
}*/


#cumpleanos figcaption strong{
    display: block;
    font-family: 'roboto_slabregular';
    font-size: 90%;
}
#cumpleanos figure{
	height:150px;
}
@media (max-width: 480px) {
#cumpleanos figure {
	height:auto;

}
}
#cumpleanos figure img{
    width: 60%;
	margin:0 auto;
    
}
#cumpleanos figcaption{
    font-size: 90%;
	text-align:center;
}


.btn-acceso {
	background-color: #4cAF50;
	padding: 8px;
	border-radius: 5px;
	margin: 30px auto 10px auto;
	color: white;
	display: block;
	text-align: center;
	width: 60%;
}
.btn-acceso:hover {
	background-color: #1b8c1f;
	color: #fff;
}

.btn-acceso-big {
	background-color: #6e4c95;
	padding: 8px;
	border-radius: 5px;
	color: white;
	display: block;
	text-align: center;
	width: 100%;
	font-size:1.8em;
}
.btn-acceso-big:hover {
	background-color:#481384;
	color: #fff;
}



#noticias-direccion h4 {
	font-size: 110%;
	font-weight: 700;
}
#noticias-direccion .fecha {
	font-size: 80%;
}
#noticias-direccion li {
	padding: 0.5em 0;
}
#noticias-direccion li::before {
	content: "\f0da";
	font-family: FontAwesome;
	margin-right: 8px;
}
#cuenta li, #pagos li {
	line-height: 2em;
}
/* bigmenu */
.navigation-content-box ul.columnas {
	-webkit-column-count: 3;
	-moz-column-count: 3;
	column-count: 3;
	-webkit-column-gap: 7px;
	-moz-column-gap: 7px;
	column-gap: 7px;
}
.navigation-content-box img.left {
	width: 15%;
}
/* slider */
.carousel-caption h3 {
	/*background-color: rgba(255, 140, 0, 0.8);*/
	font-family: 'roboto_condensedbold';
	font-weight:800;
	padding:0.5%;
	font-size:350%;
	line-height: 1.28;
}


.carousel-caption h3 a {
	background-color: rgba(255, 140, 0, 0.85);
	color: rgba(255, 255, 255, 0.9);


}

.carousel-caption h3:hover a {
	background-color: rgba(255, 255, 255, 0.9);
	color: rgba(255, 140, 0, 0.9);
}

.carousel-caption {
	
	/*left: 0;
	text-align: left;*/
	padding-left: 0.5%;

}

.fecha_slider{
	background-color: rgba(255, 140, 0, 0.85);
	color: #fff;
	margin-left: 0.5%;
}

.carousel-indicators .active{
	width:12px;height:12px;margin:0;background-color:rgba(255, 140, 0, 1)
}

.carousel-caption{position:absolute;right:40%;bottom:20px;left:0%;z-index:10;padding-top:20px;padding-bottom:20px;color:#fff;text-align:left;text-shadow:0 1px 2px rgba(0,0,0,.6)
}
.carousel-caption .btn{text-shadow:none
}

@media (max-width: 480px) {
.carousel-caption {
	background-color: rgba(255, 140, 0, 0.0);
	/*text-align: center;
		font-size:150%;*/

}
}
/* subnav barra de navegacion*/
#subnav {
	background-color: #F5F7FA;
	padding: 0 2em 4em 2em;
	line-height: 2em;
}
#subnav a {
	/*color: #007089;*/
	font-weight: bold;
	font-family: 'robotomedium';
}
#subnav a:hover {
	color: #F5A623;
}
#subnav h3 {
	font-size: 110%;
	color: #007089;
	font-weight: 600;
}
#grupo-trabajo img {
	width: 10%;
	margin: 5px 10px 0 0;
}
input[type="button"] {
	background-color: rgba(71, 16, 106,1);
	/*rgba(255, 140, 0, 1);*/
	border: none;
	color: #fff;
	border-radius: 5px;
}
input[type="button"]:hover {
	background-color: rgba(71, 16, 106,0.5);
}

input[type="submit"] {
	background-color: rgba(71, 16, 106,1);
	border: none;
	color: #fff;
	border-radius: 5px;
}
input[type="submit"]:hover {
	background-color: rgba(71, 16, 106,0.5);
}
/* noticias */
#noticia .resumen {
	font-size: 110%;
	font-style: italic;
}
#noticia video {
	width: 100%;
}
#noticia figure {
	padding: 10px 0;
}
#noticia figcaption {
	color: darkgrey;
	font-size: 90%;
	border-bottom: dotted 1px #f5f5f5;
}
#noticia li::before {
	content: "\f0da";
	font-family: FontAwesome;
	margin-right: 8px;
	margin-left: 20px;
	color: #007089;
}
#noticia .autor {
	color: #999;
	font-size: 80%;
}
.novedades li {
	padding: 5px 0;
}
.novedades li::before {
	content: "\f0da";
	font-family: FontAwesome;
	margin-right: 8px;
	color: #007089;
}
.paginacion {
	text-align: center;
	padding: 20px 0;
}
.novedades li .fa {
	padding-bottom: 5px;
}
.novedades li .fecha {
	color: rgba(0, 112, 137, 0.9);
	font-size: 90%;
}
aside .relacionado {
	margin-top: 30px;
	border-left: 3px rgba(255, 140, 0, 1) solid;
	padding: 0.5em 2em;
}
aside .relacionado h3 {
	color: rgba(255, 140, 0, 1);
}
aside .mas-noticias {
	border-left: 3px rgba(255, 140, 0, 0.5) solid;
	padding: 1em 2em;
}
aside h3 {
	margin: 0;
	padding-bottom: 1em;
	font-size: 150%;
	color: #007089;
	font-family: "roboto_slabregular";
	font-weight: 800;
}
/* tablas */
th {
	text-align: left;
	padding: 5px;
	background-color: #F5F7FA;
	/*color: #007089;*/
	color: #350c4e;
	font-size: 13px;
}
td {
	text-align: left;
	padding: 5px;
	font-size: 12px;
}

table 
#itemTabla {
	margin: 20px 0;
}
.agregar {
	font-family: FontAwesome;
}
.indent {
	padding-left: 15px;
}

#mas-noticias li::before {
    content: "\f0da";
    font-family: FontAwesome;
    color: #007089;
}
p.btn-separator .btn{
	margin-left:2px;}

#listaMateriales{

	width: 90%;
	font-size: 12px;

}

#itemTabla{
	margin-bottom: 20px;

}

.relacionado fieldset{
margin-top: 5px;

}

.ocultar{
	display: none;

}
/*accordion*/
#accordion h3 {
	font-size:110%;
	color: #007089;}
.ui-accordion .ui-accordion-content {
	padding: 1em 2.2em;
	border-top: 0;
	overflow: auto;
}	

.alerta_solicitud{

	background-color: red;
	color: white;
	padding: 5px;
}

.alerta_solicitud a{

color: white;
}

#mensaje{
margin-bottom: 5%;
margin-top: 5%;
font-size: 120%;

}
.modal-demo {
    background-color: #FFF;
    width: 600px;
    border: #000 solid 1px;
    border-radius: 10px;
    box-shadow: 0 8px 6px -6px black;
    text-align: left;
    display: none;
}

.modal-demo .title {
    padding: 10px 20px 15px 20px;
    line-height: 18px;
    font-size: 18px;
    border-bottom: #CCC solid 1px;
}
.modal-demo .text {
    padding: 0 20px 20px 20px;
}
.modal-demo .close {
    position: absolute;
    top: 15px;
    right: 15px;
}


ol.bjqs-markers li a{
	padding:5px 10px;
	background:#000;
	color:#fff;
	margin:5px;
	text-decoration: none;
	border-radius: 25px;
}

ol.bjqs-markers li.active-marker a,
ol.bjqs-markers li a:hover{
	background: #999;
}

#form_no_mas{
	float: right;
	margin-top: 2px;
}

#form_no_mas label{
		color: white;
	font-weight: normal;
	margin-bottom: 0px;
}
#form_no_mas input{
	margin-left: 5px;
	margin-top: 6px;
	


}


#portada_seccion{
	float: right;
	bottom: 0px;
}

.ui-datepicker {
    background: #fff;
    border: 1px solid #555;
    color: #000;
}

.ui-icon-circle-triangle-e{
	float: right;
}

.erroresForm {
	margin-bottom: 15px;
	margin-top:15px;
	padding-left: 20px;
	background-color: red;
	color: white;

}

#erroresForm {
	margin-bottom: 15px;
	margin-top:15px;
	padding-left: 20px;
	background-color: red;
	color: white;

}

#datos-user button {
	
	background-color: #42AFD8;
	color: #fff;
	
}

.table_tarjeta_editor{

	text-align: center;
}

.addMarginBottom{

	margin-bottom: 30px;
}



#MENSAJE_NAVEGADOR{
	font-size: 80%;
	background-color: yellow;
	color: black;
	width: 100%;
	

	padding-left: 100px;

}

/* Eliminado para evitar que un título de 2 líneas afecte display de Noticias

div figure figcaption h4 {
	font-size: 14px;
}
*/

@media (max-width: 768px) {
   .carousel-caption h3, .fecha_slider {
    font-size: 82%;
  }

   .carousel-caption {
    font-size: 82%;
    right: 60%;
  }
}


@media (min-width: 1240px){
.container {
   /* width: 1180px;*/
        width: 1220px;

}
}


/*style para agenda permisos*/
.leyenda{
	width: 100%;
	text-align: right;
	display: inline-block;
	
	
}

#leyendaUl{
	width: 100%;
	list-style: none;
	text-align: right;
	
}

#leyendaUl li{
	display: inline;	
	margin: 0 2px 0 0;
}

.liPermiso{
	width: 100%;
	display: inline-block;
	
}

#eventos{
	float: right;
	padding-bottom: 15px;
	width: 100%;
}

/*fin style para agenda permisos*/

/*style para reporte capacitaciones*/

.cap_actividad{
	width: 25%;
}
.cap_fech_ini{
	width: 15%;
	text-align: center;
}
.cap_fech_term{
	width: 15%;
	text-align: center;
}
.cap_cant_horas{
	width: 10%;
	text-align: center;
}
.cap_organizacion{
	width: 20%;
}
.cap_tema{
	width: 20%;
}

.nota{
text-align: left;
margin-left: 16px;
color: #007089;
font-size: 0.95em;
font-weight: bold;

}

/*fin style para reporte capacitaciones*/



.busca_personas{
	/*font-weight: bold;*/
	background-color: #e7e7e7;
	text-transform: uppercase;
	color: black;



}

#title_buscador_header{
	font-size: small;
	font-family: 'roboto_slabbold';
}

input[type="text"].busca_personas::-webkit-input-placeholder {
  color: black;
}

.notas_small{
	font-size: 12px;
}

.destacado_naranja{
	color: orange;
}

#banner_menu{
	max-width: 220px;
padding-left: 0px;
	margin-top: 30px;
	border: 1px solid #c1bdbd;

}


#categorias_selected{

background-color: #007089;
color: white;
text-align: center;
}

#scroll_categorias{
padding: 10px;
}

.linea_categoria{
	padding-top: 4px;
		padding-bottom: 4px;

    margin: 0px;
    border-bottom-color: white;
    border-bottom-style: solid;
    border-bottom-width: 1px;

}

#articulos_selected{

background-color: #007089;
color: white;
text-align: center;
}

#scroll_articulos{
padding: 10px;
}

.linea_articulo{
	padding-top: 4px;
		padding-bottom: 4px;

    margin: 0px;
    border-bottom-color: white;
    border-bottom-style: solid;
    border-bottom-width: 1px;

}

.entidadesImpar{
	background-color: #FAF9F8;
	width: 100%;
	padding-left: 40px;
}
.entidadesPar{
	width: 100%;
	padding-left: 40px;
}

#articulo_actualizado{
	width: 100%;
	background-color: darkseagreen;
	color: white;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
	
}

#input_bajada{

	height: 100px;
}

/*
#form_aprendes_img, #form_aprendes_img_vertical, #form_aprendes_img_lateral{
width: 50%;

}*/

#resultado_admin_grupos, #resultado_item{
    background-color: mediumvioletred;
    text-align: center;
    color: white;
    padding: 10px;
    margin: 14px;
        font-size: 15px;


}
#temp_actual p

{
display: inline-flex;
    color: white;

}

#temp_actual small

{
font-size: 0.9em;
display: inline;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);

}
    
    #temp_actual 

{
text-align: center;
}

    #iconoTemp 

{width: 55px;
    padding-bottom: 14px;
}
    
    #temp

{
text-align: center;
font-size: 2.6em;
/*text-shadow: 4px 2px 5px rgba(0, 0, 0,0.75);*/
/*font-family: 'Fjalla One', sans-serif;*/
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);
}





#temp_actual_inter p

{
display: inline-flex;
    color: white;
    margin: 0px 0px 0px -10px;

}

#temp_actual_inter small

{
font-size: x-small;
display: inline;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);

}
    
    #temp_actual_inter

{
display: flex;
justify-content: end;
font-family: 'Fjalla One', sans-serif;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);
}

    #iconoTemp_inter

{
}
    
    #temp_inter

{
display: flex;
justify-content: end;
font-size: x-large;
/*text-shadow: 4px 2px 5px rgba(0, 0, 0,0.75);*/
font-family: 'Fjalla One', sans-serif;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);
}




.circle {
    /*background: white;*/
    border-radius: 200px;
    color: white;
    height: 40px;
    font-weight: bold;
    width: 40px;
    display: table;
    float: right!important;
	margin-top: 4px;

background: rgb(249,249,250);
background: radial-gradient(circle, rgba(249,249,250,1) 0%, rgba(219,219,237,1) 57%, rgba(166,171,201,1) 78%, rgba(129,143,145,1) 100%);

}
.circle p {
    vertical-align: middle;
    display: table-cell;
    font-size: 1.08em!important;;
        text-shadow: 0px 0px 0px rgba(0, 0, 0, 1)!important;
        color: black;
}

#temp_inter.circle p {
    vertical-align: middle;
    display: table-cell;
    font-size: 1em;
        text-shadow: 0px 0px 0px rgba(0, 0, 0, 1);
}



    #sub,#nosub

{
display: inline;
    margin-left: 20px;
}




    


.input-required{

font-weight: bolder;


}

#enlace_comentario_gestionado{
	    margin: 20px;
    text-align: right;
    font-size: small;
}

#accordion{
	margin-bottom: 50px;
	    margin-top: 30px;
	
}

.panel .fa-inverse2 {
    color: #a94442;
}

#tabla-asistencia th td,#tabla-jornada th td{
	text-align: center;
}

.destacadaColumnaUp{
	color: #1fa568;
	font-weight: bold;
}

.destacadaColumnaDown{
	color: #d0421e;
	font-weight: bold;
}

#total_asistencia{
	font-size: 18px;
	margin-top: 10px;

}

/* The flip card container - set the width and height to whatever you want. We have added the border property to demonstrate that the flip itself goes out of the box on hover (remove perspective if you don't want the 3D effect */
.flip-card {
  background-color: transparent;
  /*width: 300px;
  height: 200px;
  border: 1px solid #f1f1f1;*/
  perspective: 1000px; /* Remove this if you don't want the 3D effect */
}

/* This container is needed to position the front and back side */
.flip-card-inner {
  position: relative;
  width: 100%;
  height: 10%;
  text-align: center;
  transition: transform 0.8s;
  transform-style: preserve-3d;
}

/* Do an horizontal flip when you move the mouse over the flip box container */
.flip-card:hover .flip-card-inner {
  transform: rotateY(180deg);
}

/* Position the front and back side */
.flip-card-front, .flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
}

/* Style the front side (fallback if image is missing) */
.flip-card-front {
 /* background-color: #bbb;*/
  color: black;
}

/* Style the back side */
.flip-card-back {
 /* background-color: dodgerblue;*/
  color: white;
  transform: rotateY(180deg);
}

.list-group-flush .list-group-item {
    border-right: 0;
    border-left: 0;
    border-radius: 0;
}

.espacio-izquierda{
margin-left: 14px;
}

.body-fecha-pagos, .body-micuenta{
	font-size: medium;
}