/**
 * Copyright 2010 Guadaltel, S.A.
 *
 * Licensed under the EUPL, Version 1.1 or - as soon they
 * will be approved by the European Commission - subsequent
 * versions of the EUPL (the "Licence");
 * you may not use this work except in compliance with the
 * Licence.
 * You may obtain a copy of the Licence at:
 *
 * http://ec.europa.eu/idabc/eupl
 *
 * Unless required by applicable law or agreed to in
 * writing, software distributed under the Licence is
 * distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either
 * express or implied.
 * See the Licence for the specific language governing
 * permissions and limitations under the Licence.
 */
 
 
/*********** PARA TODAS LAS PAGINAS *************/
body {
	font-family: 'Open Sans', sans-serif !important;
	font-weight: 400;
	font-size: 14px;
    color: #6C6C6C;
	text-align: left;
	margin: 0;
}
img {
	border: 0px;
	vertical-align: middle;
}
hr {
	display: none;
}
ul{
	padding-bottom: 1px;
}
td {
	font: normal 12px Arial,Verdana,Georgia,sans-serif;
    color: #6C6C6C;
}
/*
p {
	margin: 5px;
}
*/
a:link, a:active{
	text-decoration: none;
	font-weight: normal;
}
a:visited{
	text-decoration: none;
	font-weight: normal;
}
a:hover{
	text-decoration: underline;
	font-weight: normal;
}

.menuSlide{
	top: 98px !important;
}

.cbp-tm-menu{
	padding: 0 3.8em 0 2em !important;
}

/*********** VARIOS *************/
.oculto{
	display: none;
}
.salto{
	clear:both;
	height: 0px;
}
.saltoIndex{
	clear:both;
	height: 60px;
}

/*********** CABECERA *************/

#cabecera {
	height: 190px;
	/*height: 165px;  Cabecera grande */
	height: 140px;
}

@media screen and (max-height: 25.25em), screen and (max-width: 44.3125em) {
	#cabecera {
		/*height: 253px;  Cabecera grande */
		height: 210px;
	}
}

/*
#cabecera {
	height: 165px;
}
*/
#cabecera2 {
	width: 100%;
	height: 71px;
}
#logo {
	width: 400px;
	text-align: left;
	float:left;
	top:10px;
}
#opciones {
	float: right;
	/*width: 680px;*/
	width: 100%;
	
	/*margin-top: 4px;
	margin-right: 25px;*/
	position: absolute;
	top: 0px;
	right: 25px;
	color: #407b9c;
}
#opciones0 {	
	width: 100%;
	float: right;
}
#opciones1 {
	text-align: right;
	font-size: 11px;
	width: 100%;
	float: right;
	margin-top: 17px;
	color: #407b9c;
	height: 24px;
}
#opciones2 {	
	width: 100%;
	float: right;
	margin-top: 3px;
}
#opciones3 {	
	width: 100%;
	float: right;
	margin-top: 3px;
	text-align: right;
}
#opciones4 {	
	width: 100%;
	float: right;
	text-align: right;
	margin-top: 10px;
}
#op_idioma {
	float: right;
	text-align: right;
	color: #407b9c;
}
#op_idioma button{ 
	padding: 15px 8px 9px 8px; 
}
#op_idioma a {
	color: #407b9c;
}
#op_social {
	width: 120px;
	float: right;
	text-align: right;
}
#op_social img {
	width: 25px;
	height: 25px;
	opacity: 0.4;
}
#op_social img:hover {
	opacity: 0.7;
}
#op_enlaces {
	float: right;
	text-align: right;
	padding-right: 0px;
}
#op_enlaces .badge {
	text-align: right;
	line-height: 1.1;
	background-color: black;
	opacity: 0.5;
	height: 22px;
}
#op_enlaces img {
	width: 25px;
	height: 25px;
	opacity: 0.4;
}
#op_enlaces img:hover {
	opacity: 0.7;
}
#op_enlaces_texto {
	width: 200px;
	float: right;
	text-align: right;
	display: none;
}
#op_enlaces_texto a {
	color: #407b9c;
}

#usuario .badge {
	background-color: black;
	opacity: 0.5;
}
#op_fecha {
	color: #407b9c;
	float: left;
	/*margin-top: 66px;   Cabecera grande 
	margin-top: 23px;*/
	text-align: right;
	float: right;
}

#usuario {
	color: #6c6c6c;
	float: left;
	margin-top: 5px;
	margin-bottom: 5px;
	text-align: right;
	float: right;
	padding-right: 2rem;
}

#nombreRepresentado {
	font-weight: bold;
}


#opciones3 div i.icon-alerta2 {
	color: #f9a92c;
}

#op_fecha a {
	color: #000000;;
}

#alertsArea {	
	padding-right: 3px !important;
}

.alert{
	margin-bottom: 0px !important;
}

#alertsArea .alert{
	padding: 0px !important;
	box-shadow: none !important;
}

#alertsArea .alert-warning{
	background-image: none !important;
}

#alertsArea a:LINK, #alertsArea a:VISITED, #alertsArea a:HOVER {
	text-decoration: none;
	color: #6C6C6C;
}

#alertsArea div p{
	margin: 0px;
}

#alertsArea div{
	display: inline-block;
}

.alert-warning{
	display:inline-table;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	
	font-weight: bold;
	/*position:fixed;
	top: 65px;
	left: 36%;*/
}

.alert-warning div{
	display: table-cell;
}

.animateAlerts {
	animation: left-one 20s ease infinite;  
}

#alertsArea img {
	display: inline-block; 
	*display: inline;
	#display: inline;
	_display: inline;
    zoom: 1; 
	margin-top: 2px;
	margin-left: 4px;
}

.alert-text{
	padding: 5px 5px 5px 0px;
	font-style: italic;
	color: #6c6c6c;
}

.alert-text{
	font-weight: 800;
}

@keyframes left-one {  
    0%  {  
        transform:translateX(100%);  
    }  
    10% {
        transform:translateX(0);  
    }
    40%  {  
        transform:translateX(0);  
    }  
    90%  {  
        transform:translateX(0);  
    }  
    100% {  
        transform:translateX(-100%);  
    }  
}  

#op_menu {	
	margin-top: 7px;
	width: 49%;
	float: right;
	text-align: right;
}

#op_menu2 {	
	margin-top: 20px;
	width: 100%;
	float: right;
	text-align: right;
}
#op_menu_asistente {	
	margin-top: -19px;
	width: 20%;
	float: right;
	text-align: right;
	display: inline-block;
	*display: inline;
	#display: inline;
	_display: inline;
    zoom: 1;
    #margin-top: -10px;
    padding-right: 15px;
}

#date_hour {
}
#clock_id{
	float: right;
	display: none;
}
.hora_fecha{
	white-space: nowrap;
	font-size: 15px;
}
.hora_hora{
	padding-left: 10px;
	font-size: 22px;
}
/*********** MIGAS DE PAN *************/
#migas {
	width: 100%;
	clear: both;
	float: left;
}
.migas_asistente {
	display: inline-block;
	_display: inline;
    zoom: 1;
}
#migas2 {
	position: absolute;
    top: 157px;
    left: 0px;
    padding-left: 5px;
}
#migas_item {
	color: #959595;
	height: 20px;
	font-size: 12px;
	font-weight: normal;
	float:left;
	margin-left: 5px;
	margin-top: 7px;
}
#migas_item a {
	color: #959595;
}
#migas_sep {
	float:left;
	margin-left: 5px;
	margin-top: 5px;
}

/*********** ACCESO *************/
.acceso {
	position: absolute;
	top: 76px;
	right: 3px;
}
.acceso2 {
	position: absolute;
	top: 79px;
	right: 20px;
}
.acceso2 a {
	color: #959595;
}
.acceso span {
	vertical-align: middle;
}

.cargando{
	position: absolute;
	top:200px;
	width: 100%;
	text-align: center;
	font-size: 20px;
}

/*********** BUSCADOR *************/
.buscador {
	/*position: absolute;
	top: 150px;
	right: 20px;	
 	height: 50px; */
	text-align: center;
	padding: 0;
	vertical-align: middle;
}
.textoBusqueda {
	width: 570px;
	.width: 500px;
	*width: 500px;
	#width: 500px;
	_width: 500px;
	height: 33px;
}
.buscador span {
	vertical-align: middle;
} 

.resultados {
	margin-left: 0px;
	margin-right: 0px;
}

/*********** PIE *************/
#pie{
	width: 100%;
	height: 82px;
	clear: both;
	margin-top: 40px;
	border-top: 1px solid #e2e2e2;
	box-sizing: content-box;
	display: table;
}
#pie2{
	width: 100%;
	padding-top: 10px;
	text-align: center;
	box-sizing: inherit;
	font-size: 12px;
}
#pie3{
	width: 100%;
	color: #6E6E6E;
	font-size: 12px;
	text-align: center;
	box-sizing: inherit;
}
#pie-left{
	padding-top: 10px;
	padding-left: 10px;
	display: table-cell;
}
#pie-right{
	padding-top: 10px;
	padding-right: 10px;
	display: table-cell;
}
#pie-center{
	display: table-cell;
	vertical-align: top;
}
.pie_sep{
	height: 0px;
}

#pie a:link, #pie a:visited{
	color: #6E6E6E;
}

#pie a:hover{
	color: #6E6E6E;
}

.fix_height {
	margin-bottom: -20px;
}

/*********** CONTENIDO *************/
#content {
	margin: 0 !important
}

#content2 {
	margin: 0 auto;
	width: 83.33%;
	/*width: 990px;*/
	/*background: white;*/
}
#contenido{
	margin: 20px 28px 20px 28px;
	/*.margin: 0 8px 40px 20px;*/
 	min-height: 300px;
}

/*********** ENCABEZADOS *************/
h1 {
	color: #6C6C6C;
	margin: 10px auto;
	padding-top: 10px;
	padding-bottom: 5px;
	font-size: 2em;
	font-style: italic;
	text-align: left;
	font-weight: normal;
	line-height: 1.1;
}
h1 span {
	font-size: 0.8em;
}
h2 {
	font-size: 1.2em;
	border-bottom: 1px solid #DDDDDD;
	padding-top: 5px;
	margin-top: 12px;
}
#listaDeTramites h2 {
	font-size: 1.2em;
	border-bottom: 1px solid #DDDDDD;
	padding-top: 0px;
	margin-top: 5px;
	margin-bottom: 5px;
}
h3 {
	font-size: 1em;
}
h4 {
	font-size: 1em;
	/*margin: 7px;*/
	margin: 0px;
}
legend {
	font-weight: bold;
}
fieldset {
	margin: 10px 0 10px 0;
	border: #E0E0E0 solid 1px;
}


/*********** MENU *************/

.bienvenida {
	text-align: center;
	position: absolute;
	top: 125px;
	width: 95%;	
}
.menu{
	margin: 0 auto;
	text-align: center;
}
.menuIndex{	
	margin: 0 auto;
	text-align: center;
	width: 880px;
	/* IE Fix */ .
 	width: 920px; 
 	/* IE Fix */ 
	height: 320px;
}
.menuTramites{	
	margin: 0 auto;
	text-align: center;
	height: 430px;
	width: 880px;
	/* IE Fix */ .
 	width: 920px; 
 	/* IE Fix */ 
}
.menu2{
	margin: 0 auto; 
 	text-align: center; 
	width: 760px;
	height: 400px;
}
.menu_fila{
	clear: both;
}
.pointerButton {
	cursor: pointer;
}
.bloque{
	float:left;
    margin: 2px 10px 2px 10px;
    padding-bottom: 11px;
    .padding-bottom: 0px;
    width: 270px;	
    .width: 286px;
}
.bloque_especial{
	float:left;
    margin: 2px 10px 2px 10px;
    padding-bottom: 11px;
    .padding-bottom: 0px;
    width: 270px;	
    .width: 286px;
}
.especial{
	background: #f0f0f0;
}

.pointerButton:link { color: #6C6C6C; text-decoration: none }
.pointerButton:active{ color: #6C6C6C; text-decoration: none }
.pointerButton:visited{ color: #6C6C6C; text-decoration: none }
.pointerButton:hover{ color: #6C6C6C; text-decoration: none }

.bloque_contenido { 
	border: 1px solid #DDDDDD;	
	padding: 5px;
	border.radius: 3px;
	 -moz-border-radius: 3px;  
	 -webkit-border-radius: 3px; 
	/* IE Fix */ .
	border: 1px solid #DDDDDD;
	/* IE Fix */ 
	.height: 70px;
	.margin-bottom: 11px;
}
.bloque_titulo {
	text-align: left;
	color: #FFFFFF;
	font-size: 1.1em;
	padding: 4px 6px 2px 6px;
	margin: 0 0 10px 0;
	font-weight: bold;
	/*border-bottom: dotted 1px #DDDDDD;*/
	background: url(../images/color.jpg) top center no-repeat;
	border.radius: 2px;
	 -moz-border-radius: 2px;  
	 -webkit-border-radius: 2px;	  
}
.bloque_titulo a {
	color: #FFFFFF;
	font-weight: bold;
}
.bloque_subtitulo {
	text-align: left;
	margin: 0 0 10px 120px;
	color: #3983C6;
}
.bloque_imagen {
	width: 70px;
	height: 70px;
	float: left;
	margin: 0 10px 0 0;
	text-align: center;
}
.bloque_descripcion {
	text-align: left;
	margin: 0 10px 15px 80px;
	.margin: 0 10px 0px 80px;
	min-height: 50px;
}
.bloque_ir {
	padding: 5px;
	/*margin: 0 0 0 80px;*/
	height: 16px;
	text-align: center;
	background: url(../images/color2.jpg) top right no-repeat;
	color: #585858;
	font-weight: bold;
	border.radius: 2px;
	 -moz-border-radius: 2px;  
	 -webkit-border-radius: 2px;
}
.bloque_ir a {
	color: #878787;
	font-weight: bold;
}

/*********** ESTRUCTURA LATERAL *************/

#main-wrapper{
	width:100%;
	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */

	/*height:100% !important; /* real browsers */
	/*height:100%; /* IE6: treaded as min-height*/

	/*min-height:100%; /* real browsers */

}
/*
.cerrar{
    background: url("../images/cerrar.png");
    border: 0 none;
    cursor: pointer;
    position: absolute;
	top: 133px;
	left: 240px;
	width: 9px;
	height: 528px;
	z-index: 80;
	text-align: right;
}
.abrir{
    background: url("../images/abrir.png");
    border: 0 none;
    cursor: pointer;
    position: absolute;
	top: 133px;
	left: 0px;
	width: 9px;
	height: 528px;
	z-index: 80;
	text-align: right;
}
*/

.abrir{
    background-repeat: no-repeat;
}

#cuerpo{
	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5
	background:#f0f0f0;*/

	/*height:100% !important; /* real browsers */
	/*height:100%; /* IE6: treaded as min-height*/
	
	min-height: 550px;
	/*min-height:100%;  real browsers */
	/*width: 900px;*/
	/*height: 517px;*/
}

.acciones{
	width:85px;
	text-align: center;
}

.accion{
	/*color: #FFFFFF !important;*/
	text-align: center;
	margin: 5px;
	padding: 7px 10px 8px 43px;
	/*padding: 10px 10px 10px 60px;*/
	border: solid 1px #C1C1C1;
	background: url("../images/color.jpg") repeat scroll center top;
	/*border.radius: 3px;*/
	-moz-border-radius: 3px;  
	-webkit-border-radius: 3px;	
	-webkit-box-shadow: 0 3px 4px -3px #9C9C9C;
	-moz-box-shadow: 0 3px 4px -3px #9C9C9C;
	box-shadow: 0 3px 4px -3px #9C9C9C;
	cursor: pointer;
}
.accion a{
	color: #FFFFFF;
}

.accion.acc_cerrar			{background: transparent url("../botones/bot_cerrar.jpg") no-repeat top left}
.accion.acc_alta			{background: transparent url("../botones/bot_alta.jpg") no-repeat top left}
.accion.acc_alta_anon		{background: transparent url("../botones/bot_alta_ano.jpg") no-repeat top left}
.accion.acc_siguiente		{background: transparent url("../botones/bot_siguiente.jpg") no-repeat top left}
.accion.acc_anterior		{background: transparent url("../botones/bot_anterior.jpg") no-repeat top left}
.accion.acc_salir			{background: transparent url("../botones/bot_cerrar.jpg") no-repeat top left}
.accion.acc_finalizar		{background: transparent url("../botones/bot_fin.jpg") no-repeat top left}
.accion.acc_deshacer		{background: transparent url("../botones/bot_deshacer.jpg") no-repeat top left}
.accion.acc_reintentar		{background: transparent url("../botones/bot_reintentar.jpg") no-repeat top left}
.accion.acc_acceder			{background: transparent url("../botones/bot_acceder.jpg") no-repeat top left}
.accion.acc_buscar			{background: transparent url("../botones/bot_buscar.jpg") no-repeat top left}
.accion.acc_examinar		{background: transparent url("../botones/bot_examinar.jpg") no-repeat top left}
.accion.acc_firmar			{background: transparent url("../botones/bot_firmar.jpg") no-repeat top left}
.accion.acc_bloquear		{background: transparent url("../botones/bot_bloquear.jpg") no-repeat top left}
.accion.acc_borrar			{background: transparent url("../botones/bot_papelera.jpg") no-repeat top left}
.accion.acc_alta_usu		{background: transparent url("../botones/bot_alta_usu.jpg") no-repeat top left}
.accion.acc_ver_todos		{background: transparent url("../botones/bot_vertodos.gif") no-repeat top left}
.accion.acc_outbox			{background: transparent url("../botones/bot_outbox.jpg") no-repeat top left}
.accion.acc_inbox			{background: transparent url("../botones/bot_inbox.jpg") no-repeat top left}
.accion.acc_expandir		{background: transparent url("../botones/bot_expand.jpg") no-repeat top left}
.accion.acc_contraer		{background: transparent url("../botones/bot_collapse.jpg") no-repeat top left}

.accion a:link { color: #6C6C6C; text-decoration: none }
.accion a:active{ color: #6C6C6C; text-decoration: none }
.accion a:visited{ color: #6C6C6C; text-decoration: none }
.accion a:hover{ color: #6C6C6C; text-decoration: none }

.accion.acc_salir.disabled	{
	/* IE fix */ .
	filter: alpha(opacity=50); 
	/* IE fix */
	cursor: default;
}
.accion.acc_siguiente.disabled	{
	background: transparent url("../botones/bot_siguiente.jpg") no-repeat top left;
	/* IE fix */ .
	filter: alpha(opacity=50); 
	/* IE fix */
	cursor: default;
}
.accion.acc_anterior.disabled	{
	background: transparent url("../botones/bot_anterior.jpg") no-repeat top left;
	/* IE fix */ .
	filter: alpha(opacity=50); 
	/* IE fix */
	cursor: default;
}
.accion.acc_finalizar.disabled	{
	background: transparent url("../botones/bot_fin.jpg") no-repeat top left;
	/* IE fix */ .
	filter: alpha(opacity=50); 
	/* IE fix */
	cursor: default;
}

.menu_user {
	z-index: 99;
	display: none;
	position: relative;
}

#menu_inicio_aux_ie {
	position: absolute;
	/*top: 97px;*/
	right: 0px;
	border: 1px solid #DDDDDD;
	padding: 7px;
	background: #FFFFFF;
	width: 110px;
	z-index: 98;
	text-align: left;
}

.menu_user a {
	color: #6C6C6C;
}
.menu_user ul {
	margin: 0px;
	padding: 0px 5px 0px 16px;
}
.menu_user ul_no {
	margin: 0px;
	padding: 0px 5px 0px 16px;
}
.jqEasyCounterMsg{
	font: normal 1em Arial,Verdana,Georgia,sans-serif !important;
    color: #6C6C6C !important;
}

.tabla_botonera {
	clear:both;
}

.center {
 	text-align: center;
}

.right {
	text-align: right;
}

.padding-rigth {
	padding-right: 1em;	
}

.last-access {
    font-size: 10px;
}

/*********** MENSAJE DE ESPERA *************/
#pantalla_espera {
	position: absolute;
    background-color: #F6F6F6;        
    width: 35%;
    height: 73px;
    top: 0px;
    right: 0px;
    visibility: hidden;	
    display: inline;
    font-family: Helvetica, Arial, Verdana, sans-serif;
    font-weight: bold;    
    font-size: 11px;
    z-index: 50;
    text-align: center;
    opacity: 0.95; 
  	-moz-opacity: 0.95;
  	-khtml-opacity: 0.95;
  	filter: alpha(opacity=95);
}

#mensaje_espera{
	text-align: center;
	vertical-align: middle;
}

.botonUnico {
	cursor: pointer;
	/* min-width para IE 
	width: expresion(this.clientWidth < 86? "85px": "auto");*/
	font-size: 12px !important;
	font-weight: bold;
	padding: 2px 5px 2px 5px;
	text-align: center;
	vertical-align: middle;
	font-size: 16px;
	display: inline-block;
	*display: inline; /* IE */	
	-webkit-border-radius: 2px;
	border-radius: 2px; 
}

.botonUnico a:link, .botonUnico a:active, .botonUnico a:visited, .botonUnico a:hover{
	margin-left:5px;
	margin-right:5px;	
	
	text-decoration: none;
	font-weight: bold;
}

.enlacesCabecera {
	display: inline-block;
	*display: inline; /* IE */	
}

.verificaClass {
	padding-right: 10px;
	text-align: right;
	width: 450px;
}

.verificaInformeTitle {
	padding-left:150px;
}

.expedientsDiv {
	width: 20%;
	float: left;
}
.expedient {
	margin-top: 1em;
	margin-right: 1em;
	padding: 1em;
	font-size: 1.2em;
	cursor: pointer;
}
.visorRecepcion {
	width: 80%;
	float: right;
}
.footerNotif {
	width: 100%;
	text-align:center;
}
.selected {
	border: 1px solid #DDDDDD;
	background: none no-repeat scroll 5px center #F5F5F5;
	cursor: auto;
}
.over {
	border: 1px dashed #DDDDDD;
}
.link_selects {
	font-weight: bold;
	cursor: pointer;
}
.link_selects:hover {
	text-decoration: underline;
}
.float_left {
	float: left;
}
.float_right {
	float: right;
}

.logo-ayto{
/* 	position: absolute; */
/* 	top: 10px; */
/* 	right: 300px; */
/* 	z-index: 10; */
/* 	width: 370px; */
/* 	height: 75px; */
/* 	text-align: right; */
}


/*********** CALENDARIO *************/
.badge{
	background-color: #407b9c;
}
.badge-today{
	background-color: #3A515D;
}
.calendar-dow td:last-child, .calendar-dow td:nth-last-child(2){
	background-color: #e5e5e5;
}

/*********** ERRORES *************/
.error {
	border: 1px solid #cf2121;
	background-color: #f1bfbf;
	padding: 10px;
	text-align: left;
	
	margin-top: 20px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.error span {
	color: #cf2121;
}

.warning {
	border: 1px solid #faebcc;
	background-color: #fcf8e3;
	padding: 10px;
	text-align: left;
	
	margin-top: 20px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.warning span {
	color: #8a6d3b;
}

.success {
	border: 1px solid #d6e9c6;
	background-color: #dff0d8;
	padding: 10px;
	text-align: left;
	
	margin-top: 20px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.flag {
	padding: 0;
    border: none;
}

/*********** Google Translator Bar *************/
.goog-te-banner-frame.skiptranslate {
	display: none !important;
}
.goog-te-gadget-simple img {
	visibility: hidden;
	width: 0px;
}

body {
	top: 0px !important;
}

/*********** Input, botones y fuentes *************/

.icon-page .icon-bg, .icon-page .icon-text, .icon-asistente .icon-text{
	display:table-cell;
}

.icon-page .icon-bg {
	padding-right: 0;
}

.icon-page, .icon-asistente{
	display: inline-table;
}

.icon-asistente span, .icon-page span{
	font-weight: bold;
}

.icon-text, .icon-big-text, .icon-circle-text{
	padding: 0 10px;
	font-family: 'Open Sans', sans-serif !important;	
}

.icon-bg{
	padding: 8px;		
	display: inline-block;
}


.icon-text{
	white-space: nowrap;
}

.iconos-cabecera-gris-peq:hover {
    background-color: #858585;
    border-radius: 50%;
    color: #fff;
    padding-left: 4px;
}

.iconos-cabecera-gris-peq {
    color: #858585;
}

.iconos-cabecera-gris-peq2:hover i {
	padding: 3px;
}

.iconos-cabecera-gris-peq2:hover {
	color: #fff;
	background-color: #858585;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	text-decoration: none !important;
}

.iconos-cabecera-gris-peq2 {
	color: #858585;
}


.no-decoration, .no-decoration:hover {
    text-decoration: none;
}


.res-field {
	width: 100%;
	padding: 5px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #dddddd;
	color:#6c6c6c;
	font: 1em Arial,Verdana,Georgia,sans-serif;
}

.icon-page{
	font-family: 'Open Sans', sans-serif !important;	
	display: inline-table;
	padding: 0px;
	text-align: left;
	-webkit-border-radius: 4px;	
	-moz-border-radius: 4px;  
	border-radius: 4px;  
	background-color: #fff;	
	line-height: 1.9 !important;
	color: #e63333;
	border: 1px solid #e63333;
	min-width: 100px;
	font-weight: bold;
}

.icon-page:hover .icon-bg, .icon-asistente:hover .icon-bg{
	-webkit-border-top-left-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;	
	-moz-border-radius-topleft: 4px;  
	-moz-border-radius-bottomleft: 4px;  
	border-top-left-radius: 4px; 
	border-bottom-left-radius: 4px;
}

.icon-page:hover {
	-webkit-border-top-left-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;	
	-moz-border-radius-topleft: 4px;  
	-moz-border-radius-bottomleft: 4px;  
	border-top-left-radius: 4px; 
	border-bottom-left-radius: 4px;
	background-color: #e63333 ;
	color: white;
}

.separator {
    margin-top: 10px;
}

/* div.container { */
/* 	width: 100%; */
/* } */

/*********** Minimos de altos *************/

.min-alto-300 {
	min-height: 300px;
}

.min-alto-200 {
	min-height: 200px;
}


/*********** Preguntas frecuentes *************/
.preguntas-frec ul{
	padding-top: 20px;
	padding-left: 20px;
}

.preguntas-frec li{
	list-style: none;
	margin-bottom: 6px;
}

.preguntas-frec li i{
	margin-top: 3px;
	margin-bottom: 8px;
	margin-right: 6px;
	float: left;
}

.tabulado{
	padding-left: 50px;
}

/*********** Deudas *************/
.tabaDeudas{
	width: 95% !important;
}


#content + div.row.center-block{
	margin: 0 auto;
	width: 83.33%;
}

/****************/
/** color.csss **/
/****************/

a:link, a:active, a:visited, a:hover{
	color: #407b9c;
}

h2 {
	color: #407b9c;
}

#listaDeTramites h2 {
	color: #407b9c;
}

h3 {
	color: #407b9c;
}

legend {
	color: #407b9c;
}

.actual_step {
	color: #407b9c ;
}

.botonUnico {
	color: #407b9c;
	background-color: transparent;
	border: 1px solid #407b9c;
	padding: 6px 8px 6px 8px;
	border-radius: 6px;
}

.botonUnico a:link, .botonUnico a:active, .botonUnico a:visited, .botonUnico a:hover{
	color: #407b9c;
}

#op_fecha{
	color: #959595;
}



/******************/
/** estilos.csss **/
/******************/




/************** COMUN *************/


.portada-contenido h2, .portada-lateral h2, .area-enlaces h2{
	border-bottom: none;
	font-size: 25px;
	font-weight: 300;
	padding: 14px 0px 8px 0;
}

h2 .icono{
	color: #f0ad4e; /* amarillo */
	color: #757575;
	font-size: 23px;
}

h2 .icono2{
	color: #b6b6b6;
	font-size: 23px;
}

.color1{
	color: #407b9c; /* Azul */
}

.color2{
	color: #5BC0DE; /* Celeste */
}

.color3{
	color: #737373; /* Gris */
}

.color4{
	color: #6C6C6C; /* Gris oscuro */
}

.color5{
	color: #e5e5e5; /* Gris claro */
}

.color6{
	color: #ffffff; /* Blanco */
}


.portada a{
	color: #6C6C6C;
}

.portada a:hover{
	color: #6C6C6C;
}

.vermas{
	text-align: right;
}

/************** AREAS *************/

.portada-contenido{
	
}

.portada-lateral{
	border-left: 1px solid #5BC0DE;
	margin-bottom: 20px;
	margin-top: 30px;
}

@media (max-width: 768px) {

	.portada-lateral{
		border-left: none;
	}

}

.area-buscador{
	
}

.area-servicios{
	
}

.area-tramites{
	
}

.area-tablon{
	
}

.area-calendario {

}

.area-ultimos{
	margin: 0px;
}

.area-interes{
	
}

.area-enlaces{
	background-color: #e5e5e5;
	padding: 0px 20px 20px 20px;
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

/************** AREA BUSCADOR *************/

.area-buscador ul{
	padding-left: 20px;
}

.area-buscador li{
	list-style: none;
	margin-bottom: 6px;
}

.area-buscador li i{
	margin-top: 3px;
	margin-bottom: 8px;
	margin-right: 6px;
	float: left;
}

/************** AREA SERVICIOS *************/

.item-servicio{
	text-align: center;
	cursor: pointer;
	box-sizing: border-box;
}

.item-servicio:hover{
}

.item-servicio a{
	
}

.item-servicio a:hover{
	text-decoration: none;
}

.icono-servicio img{
	width: 50px;
}

.icono-servicio {
	font-size: 50px;
}

.icono-servicio:hover{
  background: rgb(240, 240, 240);
  border-radius: 13px;
}

.texto-servicio{
	color: #6C6C6C;
	height: 60px;
}

.texto-servicio a:hover{
}

/************** AREA TRAMITES *************/

.item-tramite{
	margin-left: 8px;
}

.item-tramite i{
	color: #f0ad4e;
	margin-right: 4px;
}

.item-tramite a, .item-tramite a:hover {
	color: #407b9c;
}

.item-tramite p{
	margin: 0px 5px 13px 20px;
}


/************** AREA TABLON *************/

.item-tablon{
	border-bottom: 1px solid #e5e5e5;
	margin: 6px 0;
	margin-left: 13px;
}

.fecha-tablon{
	color: #f0ad4e; /* Amarillo */
}

.fecha-tablon i{
	margin-right: 4px;
	color: #e5e5e5; /* Gris claro */
}

.texto-tablon{
	margin: 0px 5px 5px 20px;	
}

.area-tablon > div > a{
	text-align: right;
}

/************** AREA CALENDARIO *************/

.calendar-month-header th{
	text-align: center;
}

.glyphicon{
	color: #f0ad4e;
}

/************** AREA ULTIMOS *************/



/************** AREA INTERES *************/

.area-interes {
	margin-top: 20px;
	margin-bottom: 10px;
}

.area-interes a {
	position: relative;
    color: rgba(255,255,255,1);
    text-decoration: none;
    background-color: #3A515D;
	font-family: 'Open Sans', sans-serif !important;
	font-weight: 400;
	font-size: 22px;
    display: block;
    padding: 10px 0;
    border-radius: 8px;
	text-align: center;
	width: 100%;
	
	-webkit-transition: all .1s ease;
	-moz-transition: all .1s ease;
	-ms-transition: all .1s ease;
	-o-transition: all .1s ease;
	transition: all .1s ease;
	margin-bottom: 15px;
}

.area-interes a:active {
	background-image: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) );
    position: relative;
    top: 3px;
}

.area-interes a:hover {
	color: white;
    background-image: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) );
}

.area-interes a i {
    color: white;
}

.area-interes br {
	display: none;
}

/************** AREA ENLACES *************/

.area-enlaces a{
	color: #5c5c5c;
}

.area-enlaces li{
	/*display: inline;*/
	margin-right: 20px;
	list-style: none;
}

.area-enlaces h2, .area-enlaces h2 i {
	color: #5c5c5c !important;
}


/********** AREA NOTIFICACIONES *********/

.area-notification {
	margin-top: 10px;
	margin-bottom: 10px;
}

.area-notification-content {
	margin-left: 24px;
}

/************** NAVBAR *************/
	.navbar-collapse {
		position: relative;
		padding-top: 30px !important;
		max-height: 270px;
	}
	.navbar-collapse form[role="search"] {
		position: absolute;
		top: 0px;
		right: 0px;
		width: 100%;
		padding: 0px;
		margin: 0px;
		z-index: 0;
	}
	.navbar-collapse form[role="search"] button,
	.navbar-collapse form[role="search"] input {
		padding: 8px 12px;
		border-radius: 0px;
		border-width: 0px;
		color: rgb(119, 119, 119);
		background-color: rgb(248, 248, 248);
		border-color: rgb(231, 231, 231);
		box-shadow: none;
		outline: none;
	}
	.navbar-collapse form[role="search"] input {
		padding: 16px 12px;
		font-size: 14pt;
		font-style: italic;
		color: rgb(160, 160, 160);
		box-shadow: none;
	}
	.navbar-collapse form[role="search"] button[type="reset"] {
		display: none;
	}

	@media (min-width: 768px) {
		.navbar-collapse {
			padding-top: 0px !important;
			padding-right: 38px !important;
		}
		.navbar-collapse form[role="search"] {
			width: 38px;
		}
		.navbar-collapse form[role="search"] button,
		.navbar-collapse form[role="search"] input {
			padding: 15px 12px;
		}
		.navbar-collapse form[role="search"] input {
			padding: 25px 12px;
			font-size: 18pt;
			opacity: 0;
			display: none;
		}
		.navbar-collapse form[role="search"].active {
			width: 100%;
		}
		.navbar-collapse form[role="search"].active button,
		.navbar-collapse form[role="search"].active input {
			display: table-cell;
			opacity: 1;
		}
    	.navbar-collapse form[role="search"].active input {
			width: 100%;
		}
	}

/************** NAVBAR BOOTSTRAP *************/

.navbar-default {
  border: none;
  border-radius: 0;
  background: none;
  background-color: transparent;
  box-shadow: none;
}

.navbar {
  border: none;
  border-radius: 0;
  background: none;
  background-color: transparent;
  box-shadow: none;

  margin-bottom: 0;
}

@media (min-width: 768px){
	.navbar {
	border-radius: 0;
	}

	.navbar-default {
	border: none;
	border-radius: 0;
	background: none;
	background-color: transparent;
	box-shadow: none;
	}
}

/************** SEARCH BOOTSTRAP *************/

#custom-search-form {
    margin:0;
    margin-top: 5px;
    padding: 0;
}

#custom-search-form .search-query {
    padding-right: 3px;
    padding-right: 4px \9;
    padding-left: 3px;
    padding-left: 4px \9;
    /* IE7-8 doesn't have border-radius, so don't indent the padding */

      margin-bottom: 0;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      border-radius: 3px;
  }

  #custom-search-form input {
      padding: 6px 15px !important;
border: 1px solid #ddd;
width: 85%;
margin-left: 7%;
  }

  #custom-search-form button {
      border: 0;
      background: none;
      /** belows styles are working good */
    padding: 2px 0px;
    margin-top: -4px;
    position: relative;
    left: -28px;
    /* IE7-8 doesn't have border-radius, so don't indent the padding */
    margin-bottom: 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.search-query:focus + button {
    z-index: 3;   
}


/* ENLACES GENERICOS */

.enlace:link {
	text-decoration: none;
	color: black;
	font-weight: normal;
}

.enlace:visited {
	text-decoration: none;
	color: black;
	font-weight: normal;
}

.enlace:active {
	text-decoration: none;
	color: black;
}

.enlace:hover {
	text-decoration: underline;
	color: black;
}

/* Estilos formularios cabecera */
#formTicket {
	margin-bottom: 14px;
}

#formPadron {
	margin-bottom: 14px;
}

.icoBefore {
	
}
.icoAfter {
 display: none;
}


/********************/
/** fonts-sede.css **/
/********************/

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(/opencms/system/modules/gsede/resources/fonts/DXI1ORHCpsQm3Vp6mXoaTegdm0LZdjqr5-oayXSOefg.woff2) format('woff2'), url(/opencms/system/modules/gsede/resources/fonts/DXI1ORHCpsQm3Vp6mXoaTXhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(/opencms/system/modules/gsede/resources/fonts/cJZKeOuBrn4kERxqtaUH3VtXRa8TVwTICgirnJhmVJw.woff2) format('woff2'), url(/opencms/system/modules/gsede/resources/fonts/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(/opencms/system/modules/gsede/resources/fonts/MTP_ySUJH_bn48VBG8sNSugdm0LZdjqr5-oayXSOefg.woff2) format('woff2'), url(/opencms/system/modules/gsede/resources/fonts/MTP_ySUJH_bn48VBG8sNSnhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300;
  src: local('Open Sans Light Italic'), local('OpenSansLight-Italic'), url(/opencms/system/modules/gsede/resources/fonts/PRmiXeptR36kaC0GEAetxko2lTMeWA_kmIyWrkNCwPc.woff2) format('woff2'), url(/opencms/system/modules/gsede/resources/fonts/PRmiXeptR36kaC0GEAetxh_xHqYgAV9Bl_ZQbYUxnQU.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: local('Open Sans Italic'), local('OpenSans-Italic'), url(/opencms/system/modules/gsede/resources/fonts/xjAJXh38I15wypJXxuGMBo4P5ICox8Kq3LLUNMylGO4.woff2) format('woff2'), url(/opencms/system/modules/gsede/resources/fonts/xjAJXh38I15wypJXxuGMBobN6UDyHWBl620a-IRfuBk.woff) format('woff');
}

/* reset  list style */
.cbp-tm-menu,
.cbp-tm-menu ul {
	list-style: none;
}

.menuSlide{
 	position: initial; 
	left: 0;
	width: 100%;
    top: 93px;
}

/* set menu position; change here to set to relative or float, etc. */
.cbp-tm-menu {
	display: block;
	position: relative;
	z-index: 999;
	bottom: 0;
	width: 100%;
	/*background: #47a3da;*/
	text-align: center;
	padding: 0 2em;
	margin: 0;
	/*text-transform: capitalize;*/
}

/* FIX MENU */
.cbp-tm-show .cbp-tm-submenu {
    z-index: 1;
}

/* first level menu items */
.cbp-tm-menu > li {
	display: inline-block;
	padding: 0 2.6em;
	position: relative;
	/*background: #5BC0DE;*/
background: -moz-linear-gradient(top,  rgba(255,255,255,0.9) 0%, rgba(255,255,255,0.6) 60%, rgba(255,255,255,0) 96%, rgba(255,255,255,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.9)), color-stop(60%,rgba(255,255,255,0.6)), color-stop(96%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,255,255,0.9) 0%,rgba(255,255,255,0.6) 60%,rgba(255,255,255,0) 96%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,255,255,0.9) 0%,rgba(255,255,255,0.6) 60%,rgba(255,255,255,0) 96%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,255,255,0.9) 0%,rgba(255,255,255,0.6) 60%,rgba(255,255,255,0) 96%,rgba(255,255,255,0) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,255,255,0.9) 0%,rgba(255,255,255,0.6) 60%,rgba(255,255,255,0) 96%,rgba(255,255,255,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */

}

.cbp-tm-menu > li > a {
	line-height: 2em;
	padding: 0 0.3em;
	font-size: 1.6em;
	display: block;
	/*color: #fff;*/
	font-weight: 300;
}

.no-touch .cbp-tm-menu > li > a:hover,
.no-touch .cbp-tm-menu > li > a:active {
	color: #02639d;
	text-decoration: none;
}

/* sumbenu with transitions */
.cbp-tm-submenu {
	position: absolute;
	display: block;
	visibility: hidden;
	opacity: 0;
	padding: 0;
	text-align: left;
	pointer-events: none;
	-webkit-transition: visibility 0s, opacity 0s;
	-moz-transition: visibility 0s, opacity 0s;
	transition: visibility 0s, opacity 0s;
}

.cbp-tm-show .cbp-tm-submenu {
	width: 16em;
	left: 50%;
	margin: 0 0 0 -8em;
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
	-webkit-transition: visibility 0s, opacity 0.3s;
	-moz-transition: visibility 0s, opacity 0.3s;
	transition: visibility 0s, opacity 0.3s;
}

.cbp-tm-show-above .cbp-tm-submenu {
	bottom: 100%;
	padding-bottom: 10px;
}

.cbp-tm-show-below .cbp-tm-submenu {
	top: 100%;
	padding-top: 10px;
}

/* extreme cases: not enough space on the sides */
.cbp-tm-nospace-right .cbp-tm-submenu {
	right: 0;
	left: auto;
}

.cbp-tm-nospace-left .cbp-tm-submenu {
	left: 0;
}

/* last menu item has to fit on the screen */
.cbp-tm-menu > li:last-child .cbp-tm-submenu {
	right: 0;
}

/* 	
arrow: depending on where the menu will be shown, we set 
the right position for the arrow
*/

.cbp-tm-submenu:after {
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	
}

.cbp-tm-show-above .cbp-tm-submenu:after {
	top: 100%;
	margin-top: -10px;
}

.cbp-tm-show-below .cbp-tm-submenu:after {
	bottom: 100%;
	margin-bottom: -10px;
}

.cbp-tm-submenu:after {
	border-color: transparent;
	border-width: 16px;
	margin-left: -16px;
	left: 50%;
}

.cbp-tm-show-above .cbp-tm-submenu:after {
	border-top-color: #e5e5e5;
}

.cbp-tm-show-below .cbp-tm-submenu:after {
	border-bottom-color: #e5e5e5;
}

.cbp-tm-submenu > li {
	display: block;
	background: #e5e5e5;
}

.cbp-tm-submenu > li > a {
	padding: 5px 2.3em 5px 0.6em; /* top/bottom paddings in 'em' cause a tiny "jump" in Chrome on Win */
	display: block;
	font-size: 1em;
	position: relative;
	color: #176992;
	border: 4px solid #e5e5e5;
	-webkit-transition: all 0s;
	-moz-transition: all 0s;
	transition: all 0s;
}

.no-touch .cbp-tm-submenu > li > a:hover,
.no-touch .cbp-tm-submenu > li > a:active {
	color: #176992;
	background: #fff;
	text-decoration: none;
}

@media screen and (max-width: 950px) {
	.cbp-tm-menu {
		font-size: 80%;
	}
}

@media screen and (max-width: 765px) {
	.cbp-tm-menu {
		font-size: 75%;
	}
}


@media screen and (max-height: 25.25em), screen and (max-width: 44.3125em) {

	.cbp-tm-menu {
		font-size: 75%;
		position: relative;
		text-align: center;
		padding: 0;
		top: auto;
	}

	.cbp-tm-menu > li {
		display: block;
		margin: 0;
		border-bottom: 1px solid #e5e5e5;
		background: white;
	}

	.cbp-tm-menu > li:first-child {
		border-top: 1px solid #e5e5e5;
	}

	li.cbp-tm-show > a,
	.no-touch .cbp-tm-menu > li > a:hover,
	.no-touch .cbp-tm-menu > li > a:active {
		color: #407b9c;
		background-color: white;
	}

	.cbp-tm-submenu {
		position: relative;
		display: none;
		width: 100%;
	}

	.cbp-tm-submenu > li {
		padding: 0;
	}

	.cbp-tm-submenu > li > a {
		padding: 0.6em 2.3em 0.6em 0.6em;
		border: none;
		border-bottom: none;
	}

	.cbp-tm-submenu:after {
		display: none;
	}

	.cbp-tm-menu .cbp-tm-show .cbp-tm-submenu {
		display: block;
		width: 100%;
		left: 0;
		margin: 0;
		padding: 0;
	}

}

.cbp-tm-submenu>li>a {
	padding: 5px 2.3em 5px 0.6em;
	/* top/bottom paddings in 'em' cause a tiny "jump" in Chrome on Win */
	display: block;
	font-size: 1em;
	position: relative;
	border: 4px solid #e5e5e5;
	-webkit-transition: all 0s;
	-moz-transition: all 0s;
	transition: all 0s;
}

li.cbp-tm-show>a, .no-touch .cbp-tm-menu>li>a:hover, .no-touch .cbp-tm-menu>li>a:active
	{
	background-color: white;
}

#content {
	flex: 1;
}

body {
	display: flex;
	min-height: 100vh;
	flex-direction: column;
	background-image:
		url(<cms:link>/sede/resources/images/background.png</cms:link>);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
}

.cookiealert {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	margin: 0 !important;
	z-index: 999;
	opacity: 0;
	border-radius: 0;
	transform: translateY(100%);
	transition: all 500ms ease-out;
	color: #ecf0f1;
	background: #212327;
}

.cookiealert.show {
	opacity: 1;
	transform: translateY(0%);
	transition-delay: 1000ms;
}

.fondo {
	background-color: gray;
	color: #CC0000;
	position: fixed;
	text-align: center;
	top: 0px;
	left: 0px;
	font-size: 25px;
	font-weight: bold;
	min-height: 100%;
	height: auto !important;
	width: 100%;
	z-index: 1001;
	display: none;
	filter: alpha(opacity = 60);
	opacity: 0.60
}

.modalText {
	background-color: #FFFFFF;
	color: #000000;
	position: fixed;
	text-align: center;
	top: 50%;
	left: 50%;
	padding: 65px;
	font-size: 18px;
	font-weight: bold;
	width: 300px;
	height: 150px;
	border-radius: 15px;
	z-index: 1002;
	display: none;
	margin-top: -140px;
	margin-left: -215px;
	box-sizing: content-box;
}

/** HEADER */
header{
	background: none !important;
	background-image: url(/opencms/sede/resources/images/fondo.jpg) !important;
	background-repeat: no-repeat;
}

header > div.row{
	background-image: url(/opencms/system/modules/gsede/resources/images/fondo1.png);
	background-repeat: no-repeat;
	background-position: top right;	
}

header, 
header > div.row, 
header > div.row > div{
	min-height: 100px;
	margin: 0;
}

header > div.row > div > .row,
header > div.row > div > .row > div{
	height: inherit;
}

header > div.row > div > .row{
	margin: 0;
}

header > div.row > div > .row,
header > div.row > div > .row > div{
	display: flex;
	justify-content: flex-end;
}

.img-responsive{
	max-width: 100%;
	height: auto;
}

.custom-block{
	align-items: center;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	padding-top: 1rem;
}

.block-right{
	align-items: flex-end;
	padding-right: 2rem;
	min-width: 300px;
}

.block-right p{
	color: #757575;
	font-size: 15px;
	margin-bottom: 0;
}

.block-right p span{
	font-size: 22px;
}

.block-right a.login-link,
.block-right .logged-as{
	text-decoration: none;
}

.block-right a.login-link span{
	border-radius: 10px;
	color: #fff;
	background-color: #7a7a7a;
	font-size: 12px;
	font-weight: 700;
	padding: 3px 7px;
}

.block-right .logged-as em{
	color: #858585;
}

.block-right .logged-as em,
.block-right .logged-as:hover em{
	padding: 4px;
}

.block-right .logged-as{
	color: #0d00ff !important;
	font-size: 14px;
	text-align: right;
}

.block-right .logged-as:hover em{
	background-color: #858585;
	border-radius: 50%;
	color: #fff;	
}

.block-right .logged-as:hover span{
	text-decoration: underline;
}

@media (max-width: 600px){
	header > div.row > div > .row > div{
		flex-flow: wrap;
	}

	.custom-block{
		width: 100%;
	}

	.block-right{
		margin-bottom: 2rem;
		margin-right: 1rem;
	}

	header .img-responsive{
		max-width: 80vw;
	}
}


/******************** ENLACES ***********************/

.containers > .container a[target="_blank"]::before, 
.containers > .container a[href$=".pdf"]::before, 
.containers > .container a[href$=".doc"]::before, 
.containers > .container a[href$=".docx"]::before, 
.containers > .container a[href$=".xlsx"]::before, 
.containers > .container a[href$=".xls"]::before, 
.containers > .container a[href$=".rtf"]::before, 
.containers > .container a[href$=".zip"]::before, 
.containers > .container a[href$=".rar"]::before, 
.containers > .container a[href$=".txt"]::before, 
.containers > .container a[href$=".ppt"]::before, 
.containers > .container a[href$=".pptx"]::before, 
.containers > .container a[href$=".asf"]::before, 
.containers > .container a[href$=".lsf"]::before, 
.containers > .container a[href$=".asx"]::before, 
.containers > .container a[href$=".avi"]::before, 
.containers > .container a[href$=".mpe"]::before, 
.containers > .container a[href$=".mpg"]::before, 
.containers > .container a[href$=".mpeg"]::before, 
.containers > .container a[href$=".mov"]::before, 
.containers > .container a[href$=".qt"]::before, 
.containers > .container a[href$=".rm"]::before, 
.containers > .container a[href$=".rv"]::before, 
.containers > .container a[href$=".divx"]::before, 
.containers > .container a[href$=".mdb"]::before, 
.containers > .container a[href$=".au"]::before, 
.containers > .container a[href$=".cda"]::before, 
.containers > .container a[href$=".mid"]::before, 
.containers > .container a[href$=".mp3"]::before, 
.containers > .container a[href$=".ra"] .containers > .container a[href$=".snd"]::before, 
.containers > .container a[href$=".wav"]::before, 
.containers > .container a[href^="mailto:"]::before, 
.containers > .container a[href ^="https://"]::after , 
.containers > .container a[href ^="http://"]::after {
  display: inline-block;
  font-family: 'FontAwesome';
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  margin-right: 2px;
  margin-left: 2px;
}

/* Ventana nueva
a[target="_blank"]::before {
    content: "\f08e";
}
 */
/* Correos */
.containers > .container a[href^="mailto:"]::before {
    content: "\f003";
}

/* Documentos PDF */
.containers > .container a[href$=".pdf"]::before  {
    content: "\f1c1";
}

/* Documentos DOCS */
.containers > .container a[href$=".doc"]::before, .containers > .container a[href$=".docx"]::before, .containers > .container a[href$=".rtf"]::before {
    content: "\f1c2";
}

/* Documentos TXT */
.containers > .container a[href$=".txt"]::before  {
    content: "\f0f6";
}

/* Archivos comprimidos */
.containers > .container a[href$=".zip"]::before, .containers > .container a[href$=".rar"]::before {
    content: "\f1c6";
}

/* Enlaces externos */
.containers > .container a[href ^="https://"]::after , .containers > .container a[href ^="http://"]::after {
    content: "\f08e";
}

/* Enlaces */
.containers > .container a{
    text-decoration: underline;
    display: inline-block;
}

.containers > .container a:hover{
    color: black;
}

/******************** CONTENIDO ***********************/

p{
    margin-bottom: 15px;
}

/******************** ACORDEÓN ***********************/

.card{
    border: 1px solid #DDDDDD;
    margin-bottom: 8px;
    background: #f9f9f9;
}

.card-header h3{
    margin-top: 10px;
}

.card-header button{
    display: block;
    width: 100%;
    text-align: left;
}

.card-body{
    padding: 1rem;
    background: white;
    border-top: 1px solid #DDDDDD;
}

/******************** PÁGINA EN MANTENIMIENTO ***********************/

.mantenimiento p{
    text-align: center;
}

.mantenimiento h1{
    text-align: center;
    font-size: 4rem;
}

.mantBack{
    text-align: center;
    margin-top: 2rem;
    margin-bottom: 8rem;
}

.mantenimiento .imagen img{
    width: 100%;
	max-width: 800px;
	margin: 30px 30px 20px 30px;
}

/******************** MIGAS DE PAN ***********************/

.breadcrumb{
	background-color: white;
}

.breadcrumb > .active {
	color: #6C6C6C;
  }

/******************** MÁRGENES ***********************/

#content {
	margin: 0 !important;
	padding-left: 4rem;
	padding-right: 4rem;
}

#content2 {
	margin: 0 auto;
	width: 100%;
	max-width: 1430px; /* Margen OV */
}

.container{
	width: 100%;
}

.portada-contenido{
	margin: 0 15px;
}

/*
#contenido{

	 margin: 0 auto;
	 width: 100%;
	 max-width: 1430px; /* Margen OV 
}
*/


#content + div.row.center-block{
	width: 100%; /* Margen OV */
	padding-left: 4rem; /* Margen OV */
	padding-right: 4rem; /* Margen OV */

}

.area-enlaces{
	padding: 1px 25px 20px 25px;
	max-width: 1430px; /* Margen OV */
	margin: 0 auto; /* Margen OV */
	float: unset; /* Margen OV */
	border-left: 15px solid white;
	border-right: 15px solid white;
}

#migas{
	padding-left: 4rem; /* Margen OV */
	padding-right: 4rem; /* Margen OV */
}

#migas2{
	max-width: 1430px; /* Margen OV */
	margin: 0 auto; /* Margen OV */
	width: 100%; /* Margen OV */
	float: unset; /* Margen OV */
	padding: 0; /* Margen OV */
}

.page-footer #page > div.row{
	max-width: 1510px; /* Margen OV */
}

/******************** BOTON VOLVER ***********************/

.btn-back{
	margin: 0 auto;
	margin-bottom: 50px;
	padding-right: 15px;
	padding-left: 15px;

	max-width: 1430px; /* Margen OV */
}