/*
 *****************************************************************************************************************************
 * HOJA DE ESTILO GENERAL DE LA UNIVERSIDAD COMPLUTENSE DE MADRID
 * Universidad Complutense de Madrid
 *
 * Fichero:             ucm_wg.css
 * Finalidad:           Visualizacion normal
 * Fecha actualizacion: 14/11/2016
 *
 *****************************************************************************************************************************
 */

div.marco_widget{
  	border:1px solid #ddd;
  	padding:6px;
}

/* Widget texto */
.wg_txt{
  	border:1px solid transparent;
}
.wg_txt hr{
  	margin: 30px 0px;
  	border: 0;
  	height: 1px;
  	background-image: linear-gradient(to right, rgb(245, 245, 245), rgb(210, 210, 210), rgb(245, 245, 245));
}
.wg_txt img{
  	padding:2px;
    height: auto;
    max-width: 100%;
}
#portada .wg_txt img{
  	display: inherit;
}

.wg_txt table {
  	border: 0;
  	width: auto;
  	height: auto;
}
.wg_txt table thead tr th{
  	color:#ffffff;
  	font-weight:bold;
  	text-align:center;
	background-color: #444141;
}

.wg_txt table tbody tr td,.wg_txt table thead~tbody tr:first-of-type td{
  	padding: 2px 4px 2px 4px;
  	border:1px solid #EEEEEE;
	background-color:#ffffff;
	margin: 2px;
	color: #000000;
	font-weight: normal;
	text-align: left;
}

.wg_txt table tbody tr td p{
	margin: 0px;
}

.wg_txt table tbody tr:first-of-type td{
  	color:#ffffff;
  	font-weight:bold;
  	text-align:center;
	background-color: #444141;
}
.wg_txt table thead tr th h1,.wg_txt table thead tr th h2,.wg_txt table thead tr th h3,.wg_txt table thead tr th h4,.wg_txt table tbody tr:first-of-type td h1,.wg_txt table tbody tr:first-of-type td h2,.wg_txt table tbody tr:first-of-type td h3,.wg_txt table tbody tr:first-of-type td h4{
	color: #FFFFFF;
}
.wg_txt table thead tr th a,.wg_txt table tbody tr:first-of-type td a{
	color: #F5FFD0;
}
.wg_txt table thead tr th a:hover,.wg_txt table tbody tr:first-of-type td a:hover{
	color: #E7FF99;
	border-bottom: 1px solid #E7FF99;
}
.wg_txt table tbody tr td a,.wg_txt table thead~tbody tr:first-of-type td a{
	color: #4E4D64;
	border-bottom: 0;
}
.wg_txt table tbody tr td a:hover,.wg_txt table thead~tbody tr:first-of-type td a:hover{
	color: #000;
	border-bottom: 0;
}

.wg_txt table.table1{
	border: 0px;
}
.wg_txt table.table1 thead tr th,.wg_txt table.table1 tbody tr:first-of-type td{
	background-color:#ffffff;
	color: #000000;
}
.wg_txt table.table1 a,.wg_txt table.table1 tbody tr:first-of-type td a {
	color: #4E4D64;
	border-bottom: 1px dotted #C5C4DA;
}
.wg_txt table.table1 a:hover,.wg_txt table.table1 tbody tr:first-of-type td a:hover{
	color: #444141;
	border-bottom: 1px solid #444141;
}

.wg_txt ul{
	list-style: none;
}
.wg_txt ul li::before, ul.menu_pag li::before{
	list-style: none;
	font-family: FontAwesome;
    font-feature-settings: normal;
    font-kerning: auto;
    font-language-override: normal;
    font-size-adjust: none;
    font-stretch: normal;
    font-style: normal;
    font-synthesis: weight style;
    font-variant: normal;
    font-weight: normal;
    line-height: 2;
    color: #a00d17;
    content: "";
    font-size: 0.6em;
    padding: 0 8px 0 0;
    vertical-align: 2px;
    margin-left: -17px;
}
.wg_txt ol li::before{
	content: none;
	margin: 0;
	padding: 0;
}
.wg_txt ul li ul li::before, ul.menu_pag li ul li::before{
	font-size: 0.5em;
}
.wg_txt ul li::before{
	padding-right: 5px;
}
.wg_txt ul li a{
	color: #000;
}
.wg_txt ul li a:hover{
	color: #000;
}
.wg_txt ul p{
	display: inline;
}
.wg_txt ul p.descripcion_pags{
	display: block;
}
.wg_txt ul h1,.wg_txt ul h2,.wg_txt ul h3,.wg_txt ul h4{
	display: inline;
}
.wg_txt ul.menu_pag > ul li:before{
	content: none;
	padding-right: 5px;
}
 .boton {
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    line-height: 1.42857143;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #333333;
    background-color: #ffffff;
    border-color: #cccccc;
	font-size: 20px;
  }
   .boton:hover {
    text-decoration: none;
    color: #333333;
    background-color: #e6e6e6;
    border-color: #adadad;
  }
  .boton_solido{  
    display: inline-block;
	text-align: center;
    height: 40px;
    background: #3d3d3d;
	padding: 0px 6px 0px 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#494949), to(#3e3e3e));
    background-image: -webkit-linear-gradient(top, #494949, #3e3e3e);
    background-image: -moz-linear-gradient(top, #494949, #3e3e3e);
    background-image: -o-linear-gradient(top, #494949, #3e3e3e);
    background-image: -ms-linear-gradient(top, #494949, #3e3e3e);
    background-image: linear-gradient(to bottom, #494949, #3e3e3e);
    line-height: 40px;
    font-size: 20px;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    text-shadow: 0 -2px 0 rgba(0,0,0,.25);
    -o-transition: all .2s;
    -moz-transition: all .2s;
    -webkit-transition: all .2s;
    -ms-transition: all .2s;
  }
  .boton_solido:hover {
  	cursor:pointer;
    text-decoration: none;
    color: #fff;
    background-color: #000;
    background: -moz-linear-gradient(-45deg, #000000 0%, #000000 75%, #fff 50%, #454545 75%, #454545 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, #000000 0%,#000000 25%,#454545 50%,#454545 75%,#454545 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, #000000 0%,#000000 25%,#454545 50%,#454545 75%,#454545 100%);
  }
  .tabla_basica{
	 border: 0;
	 }
	.tabla_basica th
	{
	    padding: 2px 16px 2px 2px;
	    background-color: #ddd;
	    font-weight: bold;
	    color: #333;
	}
	.tabla_basica td{
	    padding: 2px;
	    background-color: #f5f5f5;
	    font-size: 0.8em;
	}
	.tabla_fondo_gris{
		background: #ededed;
		color: #454545;
		padding:10px;
		margin:0px;
		border-radius: 4px;
		border-spacing: 0px;
		width: 100%;
	}
	.tabla_fondo_gris thead th{
		text-align: left;
		text-transform:uppercase;
	    border-top: 2px solid #454545;
		border-bottom: 2px solid #454545;
		border-right: 2px solid #454545;
	    background: #c5c5c5;
	    color: #454545;
	    padding: 2px 0px 2px 3px;
	}
	.tabla_fondo_gris thead th:last-child{
	  border-right: none;
	}
	.tabla_fondo_gris td{
		border-right: 2px solid #e5e5e5;
		border-bottom: 2px solid #e5e5e5;
	}
	.tabla_fondo_gris  td:last-child{
	  border-right: none;
	}
	.tabla_fondo_gris tr{
	  padding: 2px 0px 2px 3px;	
	}
	
	.tabla_rayada tr:nth-child(odd){
	    background: #ededed;
	}
	.tabla_rayada tr:nth-child(even){
	    background: #FFFFFF;
	}
	
	.tabla_ficha{
	    float: left;
	    /* width: 305px;*/
	    margin: 14px 14px 14px 14px;
	    background: #f8f8f8;
	    -moz-border-radius: 6px;
	    -webkit-border-radius: 6px;
	    border-radius: 6px;
	    -moz-box-shadow: 0 2px 15px 0 rgba(0,0,0,.2);
	    -webkit-box-shadow: 0 2px 15px 0 rgba(0,0,0,.2);
	    box-shadow: 0 2px 15px 0 rgba(0,0,0,.2);
	}
	.tabla_ficha th{
	    text-align:center;
	    padding: 30px 0 25px 0;
	    background: #3d3d3d;
		color:#fff;
		margin-bottom: 5px;
	    -moz-border-radius-topleft: 6px;
	    -moz-border-radius-topright: 6px;
	    -webkit-border-top-left-radius: 6px;
	    -webkit-border-top-right-radius: 6px;
	    border-top-left-radius: 6px;
	    border-top-right-radius: 6px;
	    background-image: -webkit-gradient(linear, left top, left bottom, from(#494949), to(#3e3e3e));
	    background-image: -webkit-linear-gradient(top, #494949, #3e3e3e);
	    background-image: -moz-linear-gradient(top, #494949, #3e3e3e);
	    background-image: -o-linear-gradient(top, #494949, #3e3e3e);
	    background-image: -ms-linear-gradient(top, #494949, #3e3e3e);
	    background-image: linear-gradient(to bottom, #494949, #3e3e3e);	
	}
	
	.tabla_ficha td{
	    margin: 15px 30px 0 30px;
	    padding: 0 10px 15px 10px;
	    border-bottom: 1px solid #ddd;
	    text-align: center;
	    line-height: 30px;
	    font-size: 16px;
	    color: #888;	
	}
	.tabla_ficha tr:last-child td{  
		margin-top: 25px;
		color:#454545;
	    padding-bottom: 30px;
		border-bottom: 0px;	
	}
	
	ul.lista{
		list-style: none;
		padding-left: 15px;
	}
	ul.lista li::before{
	    list-style: none;
	    font-family: FontAwesome;
	    font-feature-settings: normal;
	    font-kerning: auto;
	    font-language-override: normal;
	    font-size-adjust: none;
	    font-stretch: normal;
	    font-style: normal;
	    font-synthesis: weight style;
	    font-variant: normal;
	    font-weight: normal;
	    line-height: 2;
	    color: #a00d17;
	    content: "";
	    font-size: 0.8em;
	    padding: 0 8px 0 0;
	    vertical-align: 2px;
	    margin-left: -17px;
	}
	.resaltar {
	     padding-top: 7%;
	     padding-bottom: 7%; 
	     padding-left: 7%; 
	     padding-right: 7%; 
	     margin-bottom: 30px; 
	     color: inherit; 
	     background-color: #eee; 
	     border-radius: 6px;
	     border:1px solid #fff;
	     font-weight: bold;
	     font-size:110%; 
	}
	.txt_rojo{
		color: #990033;
	}
	.txt_rojo_destacado{
		color: #990033;
	    font-weight: bold;
	}
	.txt_fondo_gris{
		background-color: #eee;
		color: #000;
		padding: 0em 0.2em 0em 0.2em;
	}
	.txt_fondo_rojo{
		background-color: #990033;
		color: #fff;
		padding: 0em 0.2em 0em 0.2em;
	}
	.txt_fondo_naranja{
		background-color: #FF8000;
		color: #000;
		padding: 0em 0.2em 0em 0.2em;
	}
	.txt_fondo_verde{
		background-color: #396F3A;
		color: #fff;
		padding: 0em 0.2em 0em 0.2em;
	}
	.txt_sum_izq{
		float: left;
		width: 40%;
		margin: 0.5em 1em 0.5em 0;
		font-weight: bold;
		font-size: 1.5em;
		line-height: 1.2em;
	}
	.txt_sum_dcha{
		float: right;
		width: 40%;
		margin: 0.5em 0 0.5em 1em;
		font-weight: bold;
		font-size: 1.5em;
		line-height: 1.2em;
	}
	.txt_sum_cent{
		display: block;
		width: 75%;
		margin: 0.5em auto;
		font-weight: bold;
		font-size: 1.5em;
		line-height: 1.2em;
	}
	.txt_img_izq{
		float: left;
		margin: 4px 16px 10px 4px;
	}
	.txt_img_dcha{
		float: right;
		margin: 4px 4px 10px 14px;
	}
	.txt_img_izq, .txt_img_dcha{
		-webkit-box-shadow: 2px 2px 5px #2D2D2D;
		-moz-box-shadow: 2px 2px 5px #2D2D2D;
		box-shadow: 2px 2px 5px #2D2D2D;
		filter: drop-shadow(color=#2D2D2D, direction=135, strength=2);
	}
	.txt_lista{
		margin: 10px 0;
		list-style: none;
	}
	.txt_lista li{
		display: inline-block;
		vertical-align: top;
		margin-right: 30px;
		margin-bottom: 10px;
	}
	.txt_centro{
		text-align: center;
	}
	.lista_resalta a{
		color: #337ab7 !important;
	}
	.ocultar{
		display: none !important;
	}
	.clear_izq{
		clear:left;
	}
	
/* Widget Imagen */
.wg_img:after{
	clear: both;
	content: ' ';
	display: table;
}
.wg_img img{
	display: block;
	max-width: 100%;
}
.wg_img .img_c{
	display: flex;
  	justify-content: center;
}
.wg_img .img_c img{
	height: 100%;
}
.wg_img .img_r{
	float: right;
}
/* Widget Árbol */
ul.menu_pag{
	margin-top: 10px;
	list-style: none;
}
ul.menu_pag li{
	font-size: 1.1em;
	margin-bottom: 10px;
}
ul.menu_pag li a{
	color: #000;
}
ul.menu_pag li a:hover{
	color: #000;
}
ul.menu_pag li p{
	margin: 0px 0px 0px 3px;
	font-size: 0.8em;
	color: #666666;
}
ul.menu_pag li ul{
	margin: 0px;
	margin-left: -17px;
}
ul.menu_pag li ul li, .wg_txt ul.menu_pag > ul li{
    border-right: 1px solid #dadada;
    color: #c0c0c0;
    display: inline;
    font-size: 0.85em;
    margin: 0px;
    padding-left: 4px;
    padding-right: 4px;
}
ul.menu_pag li ul li:last-child{
	border: 0;
}
ul.menu_pag li ul li a{
	color: #000;
}
ul.menu_pag li ul li::before{
    content: none;
}
/* Widget Navegación */
.wg_nav ul.menu_pag li.enlaces_float{
	display: inline-block;
	vertical-align: top;
	margin-right: 30px;
}
.wg_nav ul.menu_pag li.enlaces_float:last-child{
	margin-right: 0px;
}

/* Widget video */
.wg_yt div.iframe{
	position: relative;
	height: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
    padding-top: 30px;
    margin: 20px 0px;
}
.wg_yt iframe{
	position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

/* Widget noticias: carrousel */
.wg_noticias{
	margin-top: 20px;
	margin-bottom: 20px;
}
.wg_noticias #carouselUcm .fa{
	font-size: 2em;
}
.wg_noticias .carousel-caption-ucm_wnoticias {	
	position: absolute;
	vertical-align: bottom;
	left: 0px;
	bottom: 0px;
	z-index: 10;
	padding: 1px 4px 1px 4px;
	color: #fff;
	text-align: left;
	background: rgba(63, 64, 64, 0.89);
	width: 100%;
	font-size: 0.7em;
}
.wg_noticias .carousel-caption-ucm_wnoticias a {
	text-decoration:none;
	color:#fff;
}
.wg_noticias .carousel-caption-ucm_wnoticias h3 {
	font-size: 1.6em;
}
.wg_noticias .carousel-caption-ucm_wnoticias p {
	margin: 0;
	font-size: 1.1em;
}
.wg_noticias .carousel-control{
	top: 4px;
	bottom: inherit;
	height: 50px;
}
.wg_noticias .carousel .item {
    width: 100%;
    height: 280px;
    overflow: hidden;
}
.wg_noticias .carousel .item figure{
	max-height: 280px;
}
.wg_noticias .left{
	left: 0;
}
.wg_noticias .right{
	right: 0;
}
.wg_noticias .carousel-indicators{
	margin: 0 auto 0 auto;
	top: 15px;
	left: 0%;
	bottom: inherit;
	width: 60%
}
.wg_noticias section article{
	min-height: 200px;
	min-width: 200px;
}
.wg_noticias .not_rss{
	text-align: right;
}
.wg_noticias .not_rss a{
	color: #FFA500;
}
#portada .wg_noticias section header h2{
	display: none;
}

/* Widget noticias: Normal */
/* Widget RSS */
.wg_rss{
	margin-top: 20px;
}
#portada .wg_rss,#portada .wg_noticias{
	border-top: 1px solid #DCDCDC;
}
#portada .wg_rss h2,#portada .wg_noticias h2{
	color: #990033;
	padding: 0em 0.6em 0em 0em;
	margin-top: -17px;
	background-color: #fff;
	display: table;
	border: 0;
}
.wg_rss h2,.wg_noticias h2{
	background: #ececec none repeat scroll 0 0;
	border-bottom: 2px solid #aaa;
	border-top: 2px solid #aaa;
	color: #454545;
	padding: 2px 0 2px 3px;
}
.wg_rss article,.wg_noticias article.not_art{
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 2px solid #F5F5F5;
}
.wg_rss article::after,.wg_noticias article.not_art::after{
	content: '';
	display: block;
	clear: both;
	
}
.wg_rss article figure img,.wg_noticias article.not_art figure img{
	width: 30%;
	float: left;
	margin-right: 20px;
}
.wg_rss article h3,.wg_noticias article.not_art h3{
	font-size: 1.3em;
}
.wg_rss article .rss_autor,.wg_noticias article.not_art .rss_autor{
	display: inline;
	font-size: 0.8em;
	text-transform: uppercase;
}
.wg_rss article .rss_date,.wg_noticias article.not_art .rss_date{
	display: inline;
	font-size: 0.75em;
	color: #555555;
	margin-left: 10px;
}
.wg_rss article p,.wg_noticias article.not_art p{
	margin: 0;
}

/* Widget iconos-biblioteca */
.wg_ip{
	position: relative;
}
.wg_ip div.wg_ip_horizontal {
    display: inline-block;
    width: 100px;
    text-align: center;
    height: 100px;
    font-size: 0.8em;
}
.wg_ip div.wg_ip_horizontal a{
	color: #454545;
}
.wg_ip div.wg_ip_horizontal a:hover{
	color: #000;
}
.wg_ip .fa{
	font-size: 3.3em;
}

/* Widget iconos-gestion */
.wg_ic{
	position: relative;
}
.wg_ic div.wg_ic_horizontal{
    /*width: 115px;*/
	/*height: 115px;*/
	/*padding: 0 2px 0 2px;*/
    height: auto;
	width: 115px;
    padding: 2px 5px 2px 5px;
    text-align: center;
    font-size: 0.8em;
    display: inline-block;
}

.wg_ic div.wg_ic_horizontal a, .wg_ic div.wg_ic_vertical a{
	color: #454545;
}

.wg_ic div.wg_ic_horizontal a:hover, .wg_ic div.wg_ic_vertical a:hover{
	color: #000;
}

.wg_ic .fa{
	font-size: 3.3em;
}
.wg_ic div.width_100 a img{
	width:100%;
	border:0;
}
.wg_ic div.width_100 span.fa {
	font-size:8.1em;
}
.wg_ic div.width_50 a img{
	width:50%;
	border:0;
}
.wg_ic div.width_50 span.fa {
	font-size:4.1em;
}
.wg_ic div.width_25 a img{
	width:25%;
	border:0;
}
.wg_ic div.width_25 span.fa {
	font-size:2.3em;
}


/* Widget directorio */
.wg_dir{
	margin: 0px 0px 30px 0px;
}
.wg_dir > h2{
	background-color: #eee;
	color: #454545;
	border: 1px solid #ddd;
}
.wg_dir .noficha div.contenido_vcard {
    width: 82%;
    padding-left: 4%;
}
.wg_dir .noficha div.sinfoto {
    width: 100%;
	padding-left: 0;
}
.wg_dir .cont_mapa,.wg_dir .cont_qr{
	margin-top: 8px;	
}
.wg_dir .cont_mapa h2,.wg_dir .cont_qr h2{
	background-color: #eee;
	color: #454545;
	border: 1px solid #ddd;
	padding: 2px 4px 2px 6px;
	margin: 0px 0px 10px 0px;
	font-size: 1.9em;	
}
.wg_dir .cont_mapa #map{
	width: 100%;
	height: 400px;
	border:2px solid #c0c0c0;
	padding:2px;
}
.wg_dir.ficha .cont_mapa,.wg_dir.ficha .cont_qr{
	background-color: #ededed;
	padding-top: 30px;
	margin-top: 0px;
	padding-left: 6%;
	padding-right: 6%;
}
.wg_dir.ficha .directorio_vcard{
	margin-bottom: 0;
}
.wg_dir.ficha .cont_mapa h2,.wg_dir.ficha .cont_qr h2{
	background-color: #454545;
	color: #fff;
	padding: 2px 4px 2px 6px;
	margin: 0px 0px 10px 0px;
	font-size: 1.2em;
}

/* Widget Galería */
.wg_gal{
	width: 100%;
}
.wg_gal div ul{
	list-style: none;
	margin: 10px 0px 30px 0px;
	padding: 0;
}

.wg_gal div ul li{
	display: inline;
	margin: 1%;
}

.wg_gal div ul li img{
	-webkit-box-shadow: 2px 2px 5px #2D2D2D;
	-moz-box-shadow: 2px 2px 5px #2D2D2D;
	box-shadow: 2px 2px 5px #2D2D2D;
	filter: drop-shadow(color=#2D2D2D, direction=135, strength=2);
}
.wg_gal div ul li img:hover{
	-webkit-box-shadow: 4px 4px 7px #131313;
	-moz-box-shadow: 4px 4px 7px #131313;
	box-shadow: 4px 4px 7px #131313;
	filter: drop-shadow(color=#131313, direction=135, strength=2);
}
.wg_gal div div.gallery_horizontal ul li{
	display: inline-block;
}
.wg_gal div div.gallery_horizontal ul li img{
	width: 100px;
}
.wg_gal div div.gallery_vertical ul li img{
	margin: 10px;
	width: 100px;
	float: left;
}
.wg_gal div div.gallery_vertical ul li a::after{
	clear: both;
	display: table;
	content: ' ';
}
.wg_gal div div.gallery_vertical ul li div.texto{
	float: left;
	margin-top: 10px;
}

/* Widget descargas */
.wg_files ul{
	list-style: none;
	padding: 0 0 0 6px;
	line-height: 1.6;
}
.wg_files ul li::before{
	font-family: FontAwesome;
	color: #a00d17;
    content: "\f019";
    font-size: 0.9em;
    padding: 0 8px 0 0;
}
.wg_files ul li a{
	color: #454545;
}
.wg_files ul li a:hover{
	color: #000;
}

/* Widget titulaciones */
.wg_estudios h2{
	background: #ececec none repeat scroll 0 0;
	border-bottom: 2px solid #aaa;
	border-top: 2px solid #aaa;
	color: #454545;
	padding: 2px 0 2px 3px;
}
.wg_estudios section hgroup h1,.wg_estudios section > h1{
	font-size: 1.75em;
}
.wg_estudios section hgroup h2{
	font-size: 1.15em;
	border: 0;
	background: none;
}
.wg_estudios section h2{
	background: #fafafa none repeat scroll 0 0;
	border-bottom: 2px solid #ececec;
	border-top: 2px solid #ececec;
	color: #454545;
	font-size: 1.2em;
	padding: 2px 0 2px 3px;
}
.wg_estudios section div.orden {
    position: relative;
    float: right;
    right: 0px;
    margin: 10px 0px 20px 0px;
    font-size: 0.8em;
}
.wg_estudios section div.orden a{
	padding: 2px 4px 2px 4px;
    background-color: #EAEAEA;
    color: #000000;
    border: 1px solid #D9D9D9;
}
.wg_estudios section div.orden a:hover{
	padding: 2px 4px 2px 4px;
	background-color: #000000;
	color: #EAEAEA;
	border: 1px solid #D9D9D9;
}

/* Widget formulario */
div.wg_form{
	position: relative;
	padding: 10px 2px 10px 2px;
	margin: 10px 0px 20px 0px;
}
div.wg_form h2{
	background: #ececec none repeat scroll 0 0;
	border-bottom: 2px solid #aaa;
	border-top: 2px solid #aaa;
	color: #454545;
	padding: 2px 0 2px 3px !important;
}
div.wg_form h3{
	padding: 10px 2px 10px 2px;
	margin: 0px 0px 10px 0px;
	font-size: 1em;
	border-bottom: 2px solid #f5f5f5;
}
div.wg_form h3 p{
	padding-top: 10px;
}

div.wg_form p.codigo{
	margin: 25px 0px 25px 0px;
	display: inline-block;
	border-left: 4px solid #D9D9D9;
	padding-left: 6px;
	font-size: 1.1em;
}
div.wg_form p.codigo strong{
	font-weight: bold;
	color: #009FBF;
}
div.wg_form div.pago{
	max-width: 660px;
	margin: 6px 6px 6px 20px;
	padding: 8px 12px 8px 12px;
	border: 2px solid #ECF1F1;
	border-radius: 0 40px 0 40px;
	background-color:#FDFDFD;
}
div.wg_form div.pago h3{
	display: inline-block;
	padding: 0px;
	font-size: 0.95em;
}
div.wg_form div.pago span{
	font-weight: bold;
	color: #A00D17;
}
div.wg_form div.pago p.cuenta{
	display: inline-block;
	padding: 4px 8px 4px 8px;
	border: 1px solid #D3D3D3;
	background-color: #EAEAEA;
	font-weight: bold;
	border-radius: 0 20px 0 20px;
}
div.wg_form p.pago{
	font-size:1.5em; 
	font-weight:bold; 
	text-align:center;
}
div.wg_form .field{
	position: relative;
	clear: left;
	float: left;
	margin: 0px;
	padding:0px;
	line-height: 1.5;
	margin-right: 20px;
	max-width: 100%;
}
div.wg_form .field .label_no{
	font-weight: normal;
	display: inline;
}
div.wg_form .field span.name_file{
	display: block;
}
div.wg_form .col{
	clear: none;
	margin: 0px;
	margin-right: 20px;
}
div.wg_form input,div.wg_form textarea, div.wg_form select{
	border: 1px solid #ccc;
	max-width: 100%;
	border-radius: 4px;
    padding: 4px;
}
div.wg_form span.vertical{
	display: block;
}
div.wg_form input[type="text"],div.wg_form input[type="email"],div.wg_form textarea{
	width: 98%;
}
div.wg_form input[type="submit"]{
	background-color: #ececec;
	color: #000;
	padding: 2px 20px;
	border: 1px solid #000;
	border-radius: 4px;
}
div.wg_form input[type="submit"].destaca{
	background-color: #454545;
	color: #fff;
}
div.wg_form input[type="submit"].destaca:focus-visible{
	 outline: 3px solid #999;
}
div.wg_form .field label, div.wg_form .field legend{
	font-weight: bold;
	margin-bottom: 5px;
	display:block;
}
div.wg_form .field legend{
	border-bottom: 0px;
	font-size: 1em;
	color: #454545;
}
div.wg_form fieldset span{
		display:inline-block;
}
div.wg_form .field label span, div.wg_form .field legend span{
	font-weight: normal;
	font-size: 0.69em;
}
div.wg_form .field p{
	margin-top: 0px;
}

div.wg_form .lopd{
	margin: 20px 0px 10px 0px;
	padding: 8px 10px 8px 10px;
	border: 1px solid #EAEAEA;
	/* max-width: 700px; */
	font-size: 0.84em;
	/* font-style: italic; */
}
div.wg_form .lopd p{
	margin: 0px;
	padding: 0px;
	line-height: 1.5;
}
div.wg_form .lopd_tabla {
	padding: 0px;
}
div.wg_form .lopd_tabla th,div.wg_form .lopd_tabla td {
    border: 1px solid #EAEAEA;
    vertical-align: top;
    padding: 4px 5px;
	font-size: 0.84em;
} 
div.wg_form .lopd_tabla input{
	margin-right: 4px;
}
div.wg_form div.error{
	display: inline-block;
	margin: 8px 0px 20px 0px;
	padding: 2px 8px 2px 8px;
	background-color: #FFF5F9;
	border: 1px solid #FFEFF1;
	width: 100%;
}
div.wg_form div.error p.atencion strong{
	color: red;
}
div.wg_form p.instrucciones{
	margin: 0px 0px 10px 4px;
	font-size: 0.8em;
}
div.wg_form .dptos_izq, div.wg_form .dptos_dcha{
	position: relative;
	float: left;
	margin-bottom: 10px;
}
div.wg_form .dptos_dcha{
	margin-left: 10px;
}
div.wg_form .dptos_izq select, div.wg_form .dptos_dcha select{
	width: 100%;
}
div.wg_form div.newline{
	clear:both;
}
.wg_form .botonesFormSalto {
	float:none !important; 
	clear:both !important;
}
.wg_form .botonesFormSalto hr{
	height:2px;
}
.pago_boton{
  	padding-left:30px;
 	border:1px solid #c0c0c0;
  	-moz-border-radius:5px;
  	-webkit-border-radius:5px;
  	border-radius:5px;
  	background: #ebebeb url('../../../ext/apps/form/images/tarjeta.png') 2px 2px no-repeat;
}

/* nuevo wg_form */
.wg_form_new {
	display: flex;
	margin: 5px 0px 5px 0px !important;
	padding: 0 !important;
	flex-direction: column;
	border: solid 5px #aaa;
	justify-content: flex-start;
	box-shadow: 0px 4px 20px -11px rgba(0, 0, 0, 0.75)
}

.wg_form_new h2 {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

.wg_form_new h3 {
	background: #eeeeee4a;
	padding-left: 5px !important;
	margin: 0 !important;
	color: #000;
	border-bottom: 2px solid #efefef;
}
.wg_form_new div.blanco {
	padding-left: 5px !important;
}
.wg_form_new span.blanco {
	padding: 10px 2px 10px 0px;
	font-size:1.25em;
	display:block;
    color: #000;
    line-height: 1.1;
}
.wg_form_new div.descrip {
	background: #eeeeee4a;
	padding: 10px !important;
	color: #000;
	border-bottom: 2px solid #efefef;
	margin-bottom: 10px;
	line-height: 1.5;
}
.wg_form_new div.muestra {
	margin-bottom: 10px;
}
.wg_form_new p {
	padding-left: 5px !important;
}
.wg_form_new form {
	margin: 0 !important;
	padding: 10px !important; 
	/*    border: solid 10px #454545; */
}

.wg_form_new .field {
	margin-bottom: 20px !important;
}

.wg_form_new .field input[type=text].otro{
	width: 50px;
}

.wg_form_new .field input[type=text].normal, .wg_form_new .field input[type=email].normal{
	max-width:100%; 
	width: 295px;
}
.wg_form_new .field input[type=text].peque, .wg_form_new .field input[type=email].peque{
	max-width:100%; 
	width: 145px;
}
.wg_form_new .field input[type=text].medio, .wg_form_new .field input[type=email].medio{
	max-width:100%; 
	width: 290px;
}
.wg_form_new .field input[type=text].gran, .wg_form_new .field input[type=email].gran{
	max-width:100%; 
	width: 350px;
}

.wg_form_new .field textarea.normal{
	max-width:100%; 
	width: 295px;
}
.wg_form_new .field textarea.peque{
	max-width:100%; 
	width: 145px;
}
.wg_form_new .field textarea.medio{
	max-width:100%; 
	width: 290px;
	height: 88px;
}
.wg_form_new .field textarea.gran{
	max-width:100%; 
	width: 600px; 
	height: 132px;
}
.wg_form_new .field textarea.muy_gran{
	max-width:100%; 
	width: 715px; 
	height: 176px;
}
.wg_form_new .field button.eli_mult{
	margin:.1em;
	margin-left: .5em;
}
.wg_form_new .botonesForm {
	display: flex;
	width: 100%;
	flex-direction: row;
	justify-content: space-evenly;
	background: #ececec;
	/*padding: 10px !important;*/
	margin-top: 10px !important;
}

.wg_form_new .botonesForm input{
	margin: 8px !important;
}
.wg_form_new .botonesFormSalto {
	float:none !important; 
	clear:both !important;
}
.wg_form_new .div_progreso{
	text-align:right;
}
.wg_form_new .div_progreso .barra_progreso{
	height: .25em;
}
.wg_form_new .div_progreso .barra_progreso .progress{
	height: .25em;
	width: 30%; 
	display: inline-block; 
}
div.wg_form_file{
	text-align:center; 
	margin: 2em 0;
}
div.wg_form_file span{
	font-weight: bold; 
	font-style: italic
}
#carga img{
	display:block;
	margin:auto;
	max-width:200px;
}
/*fin nuevo wg_form*/

/* Widget eventos */
div.wg_eventos{
	position: relative;
	margin-bottom: 20px;
}
div.wg_eventos h2 {
    background: #ececec none repeat scroll 0 0;
    border-bottom: 2px solid #aaa;
    border-top: 2px solid #aaa;
    color: #454545;
    padding: 2px 0 2px 3px;
}
div.wg_eventos ul{
	position: relative;
	margin: 0;
	padding: 0;
	list-style: none;
}
div.wg_eventos ul li{
	display: table;
	table-layout: fixed;
	width: 100%;
}
div.wg_eventos ul li div{
	display: table-cell;
	vertical-align: top;
}
div.wg_eventos_clasico ul li{
	border-bottom: 2px solid #f5f5f5;
}
div.wg_eventos_clasico ul li div.fecha{
	margin: 0;
	padding: 2px 0 2px 3px;
	width: 70px;
	line-height: 1;
	border-right: 2px solid #aaa;
	color: #454545;	
	text-align: center;
	font-size: 1.6em;
}
div.wg_eventos_clasico ul li div.fecha span{
	display: block;
	font-size: 0.35em;
	text-transform: uppercase;
}
div.wg_eventos_clasico ul li div.evento{
	margin: 0;
	padding: 2px 0 2px 3px;
	width: 100%;
	font-size: 0.85em;
}
div.wg_eventos_clasico ul li div.evento a{
	color: #454545;
}
div.wg_eventos_clasico ul li div.evento span{
	display: block;
	font-size: 0.75em;
	color: #585858;
}
div.wg_eventos_institucional h2{
	background-color: #ffffff;
	color: #454545;
	border: 0px;
}
div.wg_eventos_institucional ul li{
	border-bottom: 2px solid #dddddd;
}
div.wg_eventos_institucional ul li div.fecha{
	margin: 0;
	padding: 2px 0 2px 3px;
	width: 70px;
	line-height: 1;
	color: #990033;	
	text-align: center;
	font-size: 1.6em;
}
div.wg_eventos_institucional ul li div.fecha span{
	display: block;
	font-size: 0.35em;
	text-transform: uppercase;
}
div.wg_eventos_institucional ul li div.evento{
	margin: 0;
	padding: 2px 0 2px 3px;
	width: 100%;
	font-size: 0.85em;
}
div.wg_eventos_institucional ul li div.evento a{
	color: #454545;
}
div.wg_eventos_institucional ul li div.evento span{
	display: block;
	font-size: 0.75em;
	color: #585858;
}
div.wg_eventos_ficha h2{
	background-color: #454545;
	color: #ffffff;
	border: 0px;
}
div.wg_eventos_ficha ul li{
	margin-bottom: 10px;
}
div.wg_eventos_ficha ul li div.fecha{
	margin: 0;
	padding: 2px 0 2px 3px;
	width: 70px;
	line-height: 1;
	background-color: #454545;	
	color: #FFFFFF;	
	text-align: center;
	font-size: 1.6em;
}
div.wg_eventos_ficha ul li div.fecha span{
	display: block;
	font-size: 0.35em;
	text-transform: uppercase;
}
div.wg_eventos_ficha ul li div.evento{
	margin: 0;
	padding: 2px 0 2px 3px;
	width: 100%;
	font-size: 0.85em;
	background-color: #f5f5f5;
	border-bottom: 2px solid #ffffff;
}
div.wg_eventos_ficha ul li div.evento a{
	color: #454545;
}
div.wg_eventos_ficha ul li div.evento span{
	display: block;
	font-size: 0.75em;
	color: #585858;
}
div.wg_eventos_circulos ul li{
	margin-bottom: 10px;
}
div.wg_eventos_circulos ul li div{
	vertical-align: middle;
}
div.wg_eventos_circulos ul li div.fecha{
	text-align: center;
	font-size: 1.9em;
	width: 70px;
}
div.wg_eventos_circulos ul li div.fecha div{
	margin: 0;
	padding: 0;
	width: 70px;
	height: 70px;
	line-height: 1;	
	border-radius: 50%;
	background: #ececec;
	color: #454545;
	border: 1px solid #ccc;
}
div.wg_eventos_circulos ul li div.fecha div span{
	display: block;
	font-size: 0.35em;
	text-transform: uppercase;
}
div.wg_eventos_circulos ul li div.evento{
	margin: 0;
	padding: 2px 0 2px 8px;
	width: 100%;
	font-size: 0.85em;
}
div.wg_eventos_circulos ul li div.evento a{
	color: #454545;
}
div.wg_eventos_circulos ul li div.evento span{
	display: block;
	font-size: 0.75em;
	color: #585858;
}

/* Widget TUI */
ul.ucm_tui_ul{
	margin-top: 20px;
	border-top: 2px solid #f5f5f5;
	padding-top: 20px;
}
.wg_monitor  div.estado-panel{
	background: #fff;
	color:#333;
/*	border-left: 5px solid #f2f2f2;
	border-right: 5px solid #ccc;*/
	width: 100%;
	height: auto;
	margin:0;
	display:flex;
	-ms-flex-direction: column;
	flex-direction:column;
	justify-content: center;
	align-items:center;
	text-align:center;
	font-size: 1em;
	position:relative;
	overflow:hidden;
}
.wg_monitor h3{
	color: #454545;
	margin-left: 15px;
	padding: 3px 3px 3px 15px;
	margin-bottom: 0;
	border-bottom: 2px solid #ddd;
	border-top: 2px solid #ddd;
}
/*.estado-panel::before{
	content:"";
	width:100%;
	height:5px;
	position:absolute;
	top:0;
	left:0;
	box-shadow: 0 250px  #CCC inset,
				0 295px #f2f2f2;
}
.estado-panel::after{
	content:"";
	width:100%;
	height:5px;
	position:absolute;
	top:0;
	left:0;
	background:#f2f2f2;
	box-shadow: 250px 0 #ccc inset;
}*/
.wg_monitor  div.estado-panel > ul.estado-lista{
    list-style: none;
    width: 100%;
    margin: 0;
    padding: 0 0 0 15px;
}
.wg_monitor  div.estado-panel > ul.estado-lista > li {
    background: #dedede;
    margin: 2px;
    padding: 0 5px 0 0;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    justify-content: flex-start;
	flex-wrap: wrap;
	align-items: center;
}
.wg_monitor  div.estado-panel > ul.estado-lista > li:nth-child(odd) {
	background:#f2f2f2;
}
.wg_monitor  div.estado-panel > ul.estado-lista > li:nth-child(even) {
	background:#dedede;
}

.wg_monitor  div.estado-panel > ul.estado-lista > li > div.estado-icono > span.fa{
	-ms-flex: 15%;
	flex: 15%;
    font-size: 1.5em;
    border-radius: 50%;
    padding: 10px;
    background: #fff;
    margin: 5px;
    border: 2px solid #454545;
	box-shadow: 2px 2px 5px #0c0c0c4a;
	width:50px;
	height: 50px;
}
.wg_monitor  div.estado-panel > ul.estado-lista > li > div.estado-icono >  span.fa.fa-exclamation-triangle,.estado-error {
    color: #EE0700;
}
.wg_monitor  div.estado-panel > ul.estado-lista > li > div.estado-icono >  span.fa.fa-exclamation-circle, .estado-alerta{
    color: #A76905;
}
.wg_monitor  div.estado-panel > ul.estado-lista > li > div.estado-icono > span.fa.fa-check {
    color: green;
}

.wg_monitor  div.estado-panel > ul.estado-lista > li  > div.estado-cont {
    padding: 5px;
    display: flex;
    -ms-flex-direction: row;
    flex-direction:row;
    flex-wrap: wrap;
   /* width: auto;
    max-width:89%;*/
    -ms-flex: 84%;
    flex: 84%;
}
.wg_monitor   div.estado-panel > ul.estado-lista > li  > div.estado-cont >  div.estado-org {
 	width: 49%;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: center;
	text-align: left;
    padding: 0 3px 0 0px;
	flex-wrap: wrap;

/*	border-right: 2px solid #f4f4f6;
    border-left: 2px solid #f4f4f6;*/
}
.wg_monitor  div.estado-panel > ul.estado-lista span.estado-info {
	width: 49%;
    display: flex;
    justify-content: center;
    -ms-flex-direction: column;
    flex-direction: column;
	text-align:left;
	padding: 0 3px 0 3px;
	flex-wrap: wrap;

}
.wg_monitor  div.estado-panel > ul.estado-lista div.estado-org span.estado-titulo{
	font-size: 1.1em;
    font-weight: bold;
}
ul.wg_arbol{
	display:flex;
    list-style: none;
    margin-left:20px;
    padding:0;
}
ul.wg_arbol li a{    
	padding: 0px 9px 2px 9px;
	font-size: 0.9em;
	color:#000;
	
}
ul.wg_arbol li:not(:first-child) {
	border-left: 1px solid #ccc;
}

/* estilos para widget news*/
div.gestor_news {
display: flex;
/*border: solid 4px #f2f2f2;*/
padding: 5px;
-ms-flex-direction: column;
flex-direction: column;
justify-content: center;
justify-items: center;
text-align: center;
}
div.gestor_news h2:first-of-type{
	width:100%;
	background-color: #454545;
	color:#fff;
	
}
div.gestor_news h2.noticias-cabecera {
	border-bottom: solid 2px #ccc;
	color:#454545;
    background-color: #f2f2f2;
    font-size: large;
    width: 100%;
	text-align:left;
	padding:5px;
}
div.noticias-bloque-noticias{
	width:100%;
}
div.gestor_news section.noticias-bloque {
	display:flex;
	justify-content:center;
/*	background-color: #f2f2f2c2;*/
	padding:5px;
}
div.gestor_news section.noticias-bloque section.noticias-bloque-noticias article{
	border-bottom: solid 4px #ccc;
	padding:10px;
	background: #f2f2f263;
    margin: 5px 0 10px 0;
	
}
div.gestor_news section.noticias-bloque section.noticias-bloque-noticias article figure a{
	display:flex;
	justify-content:center;	
}
section.wg_nw_rss,section.wg_nw_analytics, section.wg_nw_general{
	display:flex;
	flex-direction:column;
}
section.wg_nw_rss article{
	display:flex;
	margin:10px;
}
section.wg_nw_rss article :nth-child(2){
	padding:10px;
}
section.wg_nw_rss article div p{
	text-align:left;
}
section.wg_nw_rss article div img{
	max-width:250px;
}
section.wg_nw_rss article div h3{
	color: #337ab7;
}
section.wg_nw_analytics article{
	margin: 5px 5px 10px 5px;
	border-bottom: solid 1px #f2f2f2;
	padding:5px;
}
section.wg_nw_analytics article figure img{
	max-width: 250px;
}
section.wg_nw_analytics article div h3{
	color: #337ab7;
}
section.wg_nw_general article{
	display:flex;
	flex-direction: column;
	padding: 5px;
	border-bottom: solid 1px #f2f2f2;
	margin:5px;
	
}
section.wg_nw_general article figure{
	display: flex;
    justify-content: center;
}
section.wg_nw_general article figure a img{
	max-width: 650px;
}
section.wg_nw_general article div{
	color: #ccc;
	font-size:0.8em;
}
/* fin widget news*/
@media (max-width: 1024px) {
	.wg_noticias .carousel .item {
	    height: 200px;
	    overflow: hidden;
	}
	.wg_noticias .carousel .item figure{
		max-height: 200px;
	}	
}

@media (max-width: 768px) {
	.wg_txt table {
	  	border: 0;
	  	width: auto !important;
	  	height: auto !important;
	}
	div.wg_form .dptos_izq, div.wg_form .dptos_dcha{
		float: none;
		max-width: 98%;
	}
	div.wg_form .dptos_dcha{
		margin-left: 0px;
	}
	.wg_noticias .carousel .item figure{
		max-height: 280px;
	}
	.txt_img_izq, .txt_img_dcha {
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
		filter: unset;
		float:none;
		max-width: 100%;
		width: 100% !important;
		height:auto !important;
	}

	iframe{
		width:100%;
		height:auto;
	}
}
@media (max-width: 550px) {
	.wg_rss article figure img,.wg_noticias article.not_art figure img{
		width: 100%;
		float: none;
		margin-right: 20px;
	}
	.wg_ip{
		margin-top: 20px;
	}
	.wg_noticias .carousel .item {
    	width: 100%;
    	height: 200px;
    	overflow: hidden;
	}
	.carousel .item img {
		width: 100%;
	}
	iframe{
		width:100%;
		height:auto;
	}
	.txt_img_izq, .txt_img_dcha {
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
		filter: unset;
		float:none;
		max-width: 100%;
		width: 100% !important;
		height:auto !important;
	}
	.wg_monitor  div.estado-panel > ul.estado-lista > li div.estado-cont{
			    max-width: 85%;
			    -ms-flex: 80%;
			    flex:80%;
	}
	.wg_monitor  div.estado-panel > ul.estado-lista > li div.estado-cont span.estado-info{
		display: block !important;
		width: 100%;
		padding: 0 3px 0 0px !important;
	}
	.wg_form_new .botonesForm {
		display: -ms-grid;
		display: grid;
	}
	.wg_form_new .div_progreso .barra_progreso .progress{
		width: 50%; 
	}
		.wg_form .field{
		width: 100%;
	}
	.wg_form input[type="text"],
	.wg_form input[type="email"],
	.wg_form input[type="date"],
	.wg_form input[type="time"],
	.wg_form input[type="file"],
	.wg_form textarea,
	.wg_form select{
		width: 100% !important;
	}
	.wg_form_new .field input[type=text].otro {
	    width: 50px !important;
	}
}
@media all and (max-width: 449px) {
	.wg_monitor  div.estado-panel > ul.estado-lista > li div.estado-cont{
		max-width: 100%;
		-ms-flex-direction: column;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		-ms-flex: 100%;
		flex: 100%;
	}
	
	.wg_monitor  div.estado-panel > ul.estado-lista > li div.estado-cont > div.estado-org{
		width:100%;						
		text-align: center;
		padding: 0;
		margin:0;	
	}
	.wg_monitor  div.estado-panel > ul.estado-lista > li{
		-ms-flex-direction: column;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		width:100%;
		margin: 5px;
	}
	.wg_monitor div.estado-panel > ul.estado-lista > li div.estado-cont span.estado-info {
	    display: block !important;
	    width: 100%;
	    padding: 0 0 0 0 !important;
	}

}