*{
	margin:0;
	background-repeat: no-repeat;
}
		
body {
	/*background-color: #F8F8F8;*/
	font-family: Verdana, Geneva, sans-serif;
	font-size:13px; 
}
		
h1, h2, h3, h4, h5, h6 {
	font-family: Georgia,serif;
	font-style: normal;
	font-weight: normal;
}
		
header {
	width:100%;
	position:absolute;
	top:0px;
	left:0px;
	z-index:9;
	background-image: url("/ai/imgmovil/lineacabeceramovil.png");
	background-repeat:repeat-x;
	background-position: right top;
	background-size: 80% 100%; 
	border-bottom:1px solid #0469a1;
}
		
header h1#ugr a {
/*			background-image: url("/ai/imgmovil/ugrmoviltr.png");*/
			background-image: url("/ai/imgmovil/escudomovil.png");
			background-size: 100% 100%; 
    	   	background-repeat: no-repeat;
			text-indent: -9999em;
			display: block;
			height:50px;
			width:50px;
			float:right;
			margin-right:10px;
}
		
h2#cabecera_title {
			display: block;
    		color:white;
    		font-size:1.1em;
    		text-align: right;
			height:50px;
			padding-left:5px;
			line-height:50px;
			float:left;
}
		
footer {
    		border-bottom: 1px solid #d0cfd0;
    		background-color:#fff;    		
}
		
footer div#csirc {
    		height: 41px;
    		width: 100%;
}

footer div#csirc a {
			text-indent:-9999:0;
}

footer div#csirc a {
			background-image: url("/ai/imgmovil/csirc.png");
			background-repeat: no-repeat;
			background-position: center top;
    		display: block;
    		height: 41px;
    		width: 100%;    		
			font-size:0;
}
		
footer div#pagina_segura {
			display:none;
}
		

/** div semiopaco para ventana modal **/
		
div#auxmodal {
	height:100%;
	width:100%;
	position: fixed;
	top: 0px;			
	left:0px;
	display:none;
	background-color:#000;
	opacity:0.6;
	filter:alpha(opacity=60);
	z-index:8;
}




/********************************************
* Clases para gestionar el menú
********************************************/
		 
 #nav-mobile.nav-active{
        	opacity: 1;
}
    	
#nav-mobile{
	display: block;
	background: url("/ai/imgmovil/nav.png") no-repeat center center;
	float: left;
	width: 40px;
	height: 50px;
	opacity: .9;
	z-index:999;
}
    	
    	 		
header nav {
	width:80%;
	height:100%;
	left:-100%;
	margin:0;
	position: fixed;
	z-index:500;			
}
 
header nav ul li {
	margin-left:5px;
	padding-left:20px; 		
	display:block;
	width:100%;
	float:left;
	background: url("/ai/imgmovil/iconos/svg.png") no-repeat left center;
	background-size: 16px 16px;
}
    	
header nav ul {
	overflow:hidden;
	list-style:none;
	background-color:#0477b5;
	margin:0;padding:0;
}
 
 
header nav ul li a {
	color:#fff;
	padding:10px;
	display:block;
	text-decoration:none;
	border-bottom:1px solid rgba(255,255,255, .3);
	opacity:0.9;
}
 
header nav ul li span {
			margin-right:10px;
		}
 
		header nav ul li a:hover {
			background:#0469a1;
			opacity:1;
		}

    	/*************************************************************
    	 * icónos
    	 *************************************************************/
    	
    	.icon-llave{
    		background: url("/ai/imgmovil/iconos/key.png") no-repeat left center;
			background-size: 16px 16px;
    	}
    	.icon-ayuda{
    		background: url("/ai/imgmovil/iconos/question.png") no-repeat left center;
			background-size: 16px 16px;
    	}
    	.icon-click{
    		background: url("/ai/imgmovil/iconos/attachment.png") no-repeat left center;
			background-size: 16px 16px;
    	}
    	.icon-files-empty{
    		background: url("/ai/imgmovil/iconos/files-empty.png") no-repeat left center;
			background-size: 16px 16px;
    	}
    	.icon-drawer{
    		background: url("/ai/imgmovil/iconos/drawer.png") no-repeat left center;
			background-size: 16px 16px;
    	}
    	
    	
    	/*************************************************************
    	 *
    	 *************************************************************/
    	 
    	div#general {
    		margin-top:41px;
			background-color: #ededee;
			background-image: url("/ai/img/fondo_contenido.png");
			background-size: 100% 5%;
			background-repeat: no-repeat;
			background-position: center bottom;
			border-bottom: 1px solid #d0cfd0;
			border-top: 1px solid #d0cfd0;
		}
		
		div #contenido {
 			background-color: #e1e1e2;
 			border: 1px solid #d0cfd0;
			width:90%;
			margin:20px auto 25px auto;
		}


    	h3#titulo_pagina {
    	   	background-color:#656468;
 		    background-image: url("/ai/img/cabecera_contenido.png");
			background-size: 100% 100%;
			background-repeat: no-repeat;
    	   	padding-left:1%;    	 	
    		color: white;
    		font-size: 1.3em;
    		line-height: 1.8em;
    	}
    	
 
    	
    	fieldset {border:none;}
    	
    	label {
    		display:block;
    		width:15%;
    		margin-top:8px;
    		margin-bottom:2px;
    		color: #3b3e44;
    		font-size: 16px;
    		height: 16px;
    		padding: 4px;
    	}
		input[type="text"],input[type="password"]{
    		display:block;
    		width:93%;
    		margin-left:5px;
    		color: #0683c6;
    		font-size: 16px;
    		border: 0 none;
    		height: 22px;
    		padding: 4px;
    	}
    	
    	input.envio {
    		display:block;
    		background-image: url("/ai/img/entrar_off.png");
    		background-size: 100% 100%; 
    	   	background-repeat: no-repeat;
    	   	border:0 none;
    		width:144px;
    		height:41px;
    		margin-left:4px;
    		margin-top:15px;
    		text-indent: -9999px;    		
		}

    	input.envio:hover {
    		background-image: url("/ai/img/entrar_on.png");
		}
		
    	ul#enlacesai {
    		display:none;
    	}
    	
    	section#candado {
    		float:left;
    		width:0px;
   			height:160px;
   			margin: 15px 0;
    		background-image: url("/ai/img/acceso_general.png");
    		background-position: 40px 11px;
    		
    	}
		
		section#nocookies {
			display:none;
			margin:15px 9px 15px 9px;
		}
		section#nocookies p {
			padding-top:10px;
		}		
				
		aside#contenido_consejo {
    		margin:15px 9px 15px 9px;
    		
		}
		
		h4.advertencia {
    		color: #0683c6;
    		font-size: 1.3em;
    	}
    	p.advertencia {
    		color: #3b3e44;
		}


footer{
	padding: 0;
	border: none;
}
footer a{
    font-family: Georgia,serif;
    line-height: 1.4em;
}
footer #proteccion_datos {
	overflow: hidden;
	border-top: 1px solid #d0cfd0a1;
	padding: 1%;
	margin: 1% 0;
}	
footer #proteccion_datos h3{
	background-color: #0783c6;
	color:#fff;
	padding: 0.5%;
	font-size: 1.2em;
}
footer #proteccion_datos section{
	padding: 1% 0; 
	border-bottom: 1px solid #d0cfd0a1;
	overflow: hidden;
	display: block;
}
footer #proteccion_datos section:last-of-type{
	border:none;
}
footer #proteccion_datos section .celda {
  float: right;
  width: 90%;
  text-align: right;
  padding: 0 5%;
}
footer #proteccion_datos section .celda a{
	display: block;
	color: #057ab8;
}
footer #proteccion_datos section div.celda:last-of-type{
	width: 12%;
}
footer #proteccion_datos section a.celda:first-of-type{
	text-align: left;
}
footer #proteccion_datos section .celda:last-child a.directo{
	color: #057ab8;
	text-align: right;
}
footer #proteccion_datos section .celda:last-child img{
	 float: right;  
	display: block;
}
footer #proteccion_datos .titulos p{
	color: #807f84;
	text-decoration: underline;
}

footer #proteccion_datos .titulos blockquote p:last-of-type{
	color: #000;
	text-decoration: none;
}

footer #proteccion_datos .titulos p, footer #proteccion_datos .informacion p{
	/*font-size: 12px;*/
	line-height: 1.5em;
}	
footer #proteccion_datos .informacion a{
	color: #057ab8;
}

    	
    	
			/********************************************
			 * Clases para gestionar avisos
		 	********************************************/
    	
    		#notificacion-mobile{
    			display: block;
    			background: url("/ai/imgmovil/iconos/bell.png") no-repeat center center;
	    		background-size: 20px 20px;
    			float: right;
    			width: 40px;
    			height: 50px;
	    		margin-right:10px;
    			opacity: 0.9;
			}

	    	.navisos {
    			display:block;
    			height:12px;
    			width:12px;
				margin-top:5px;
				margin-left:5px;
				padding-top:1px;			
				background-color:red;
				border:1px solid black;    		
				-khtml-border-radius: 4px;
				-moz-border-radius: 4px;
				-webkit-border-radius: 4px;
				border-radius: 4px;			
    			font-size:9px;
				text-style:none;
				text-align:center;
				font-weight:bold;
				color:white;
				text-align:center;
    		}


	 		section#novedadescsirc {
				width:100%;
				height:auto;
				position: absolute;
				top: -500%;
				right:0px;
				border:1px solid #555;
 				background-color:#fff;
				margin:0;
				z-index:999;
			}
		 
			section#novedadescsirc ul li {
				display:block;
				width:80%;
				float:left;
				margin:0 0 15px 10px;
				padding: 0 15px 10px 20px;
				text-align:justify;
    			background: url("/ai/imgmovil/iconos-azul/circle-right.png") no-repeat left top;
    			background-size: 14px 14px;
    			opacity:0.8;
    			border-bottom: 1px solid #8ac0df; 
			}

			section#novedadescsirc ul li span.novedad {
				font-weight:bold;
				color:#0476b3;
			}	
    		
	    	section#novedadescsirc ul {
				margin:0;padding:0;
				margin-top:10px;
			}	
 
			section#novedadescsirc ul li a {
				color:#555;
			}
 
			section#novedadescsirc ul li a:hover {
				color:#0469a1;
			}
			
			div#sigant {
				display:none;
			}
			
			
/* divs y clases para formularios */

div#formularios {
	margin:10px;
}

div#formularios h3 {
	font-weight:bold;
	margin-bottom:10px;
}

div#formularios ul {
	margin-top:10px;
}

div#formularios p {
	margin-bottom:10px;
}


div#formularios fieldset {
	margin-bottom:5px; 
	padding:15px; 
	border:1px solid #ccc;"
}

div#formularios legend {
	margin-bottom:10px;
}

div#formularios div.check {
	margin-left:20px;
	margin-bottom:20px;
}

div#formularios label {
	display:inline;
	margin:0;
	padding:0;
	font-size:12px;
}

div#formularios label.flotante {
	margin:0;
	padding:0;
	font-size:12px;
	display:block;
	width:100%;
	height:auto;
	margin-bottom:20px;
}


div#formularios label.flotante span {
    color: #0683c6;
    font-size: 12px;
    display:inline;
    width:98%;
    margin-bottom:10px;
    text-align:right;
}

div#formularios label.flotante input[type="text"],
div#formularios label.flotante input[type="password"] {
	margin:0;
	display:inline;
	height:auto;
	width:98%;
	font-size:12px;
	margin-top:10px;
}


fieldset input.envio2 {
    background-image: url(../../img/enviar_off.png);
    text-indent: -9999px;
}


fieldset input.envio2:hover {
    background-image: url(../../img/enviar_on.png);
    text-indent: -9999px;
}


fieldset input.siguiente {
    background-image: url(../../img/siguiente_off.png);
    text-indent: -9999px;
}


fieldset input.siguiente:hover {
    background-image: url(../../img/siguiente_on.png);
    text-indent: -9999px;
}

fieldset input.anterior {
    background-image: url(../../img/anterior_off.png);
    text-indent: -9999px;
}


fieldset input.anterior:hover {
    background-image: url(../../img/anterior_on.png);
    text-indent: -9999px;
}

fieldset input.volver {
    background-image: url(../../img/volver_off.png);
    text-indent: -9999px;
}


fieldset input.volver:hover {
    background-image: url(../../img/volver_on.png);
    text-indent: -9999px;
}


fieldset input.envio2,
fieldset input.siguiente,
fieldset input.anterior,
fieldset input.volver {
    display: block;
    height: 41px;
    width: 144px;
    margin: 0 auto;
}

fieldset input.volver {
    width: 155px;
}

fieldset input.siguiente,
fieldset input.anterior {
    width: 200px;
}

input, fieldset {
    border: 0;
}



.textoazul {
	color: #0683c6;
}

.sinbordes {
	border:0 !important;
}

.negrita {
	font-weight:bold !important;
}

.alerta {
	color:#c51111;
}
			
			
/*** BOTONES COMO ENLACES ***/
input[type=submit]._ai_enlace, fieldset._ai_fondo_azul input[type=submit]._ai_enlace, 
input[type=button]._ai_enlace, fieldset._ai_fondo_azul input[type=button]._ai_enlace,
button._ai_enlace, fieldset._ai_fondo_azul button._ai_enlace {
			display:inline;
			font-family: Verdana,sans;
			font-size:12px;
			font-weight:inherit;
			text-decoration:underline;
			cursor:pointer;
			background-color:transparent !important;
			background-image:none !important;
			color: #0683c6;;
			text-align:left;
			border:0;
}

input[type=submit]._ai_enlace:hover,
input[type=button]._ai_enlace:hover,
button._ai_enlace:hover {
			background-image:none;
			color:#136a9d !important;
			border:0;
}

input[type=submit]._ai_enlace:active,
input[type=button]._ai_enlace:active, 
button._ai_enlace:active {
			border:0;
}
			
			

		@media only screen and (min-width : 350px) {
	    	h2#cabecera_title {
    			font-size:1.3em;
			}


    	
		@media only screen and (min-width : 400px) {
	    	h2#cabecera_title {
    			font-size:1.4em;
			}

    	
		@media only screen and (min-width : 400px) {
	    	h2#cabecera_title {
    			font-size:1.5em;
			}
    	
		
		@media only screen and (min-width : 480px) {
			header nav {
				width:300px;
			}
		
			section#sicookies {
    			float:left;
    			width:65%;
			}
			aside#contenido_consejo {
    			float:left;
    			width:30%;
			}
			
			footer {
				padding:0 5px;
			}
			footer div#csirc {
	    		display: block;
	    		float:left;  
	    		width: 213px;
 		   		height:41px;
			}
			footer div#csirc a {
    			width: 213px;
	    		text-size:0px;
			}
			
			footer div#pagina_segura {
				display:block;
 		   		float: right;
 		   		height:116px;
			}
					
			footer div#ps_text {
				display:block;
 		   		float: left;
 		   		height:37px;
 		   		margin: 2px 0;
 		   		padding: 0 10px;
 		   		border-right: 1px solid silver;
    			color: #a9a9ac;
			}
			
			footer div#candado {
				display:block;
 		   		float: right;
    			line-height: 18px;
    			margin-top:2px;
    			padding-left: 5px;
    			width: 25px;
    			background-image: url("/ai/img/pagina_segura.png");
    			background-position: right center;
		    	background-repeat: no-repeat;
			}
			
		}
	}
}
}

		@media only screen and (min-width : 600px) {
		
			header nav {
				width:300px;
			}

			section#novedadescsirc {
				position: absolute;
				top: -500%;
			}
			
					
			section#sicookies {
				margin:10px auto;
    			float:left;
    			width:65%;
			}

			aside#contenido_consejo {
    			float:right;
			}
			aside#contenido_consejo p {
				margin-top:10px;
			}
			
			h4.advertencia {
				font-size: 18px;
				padding-right: 40px;				
			}
			
			p.advertencia {			
				background-image: url("/ai/img/list-item.png");
	   			background-position: 0 3px;
	   			padding-left: 14px;
			}
						
			div.campoformularioi {
				float:left;
				width:48%;
			}
			div.campoformulariod {
				float:right;
				width:48%;
			}
		
			div#formularios label.flotante span {
    			display:block;
	    		width:50%;
    			float:left;
    			margin-right:10px;
			}

			div#formularios label.flotante input[type="text"] {
				display:block;
				height:auto;
				width:45%;
			}
			

		@media only screen and (min-width : 730px) {
			ul#enlacesai {
				display:block;
				float:right;
				width:48%;
				list-style:none;
				padding-left:4px;
				margin-top:15px;
				font-size:11px;
			}
			input.envio {
				float:left;
			}
    	
			ul#enlacesai li a {
				margin-left:6px;
			}

			footer div#csirc a {
				background-image: url("/ai/imgmovil/csirc_pie_estrecho.png");
				width: 483px;
			}
			
			div#formularios label.flotante span {
    			display:block;
	    		width:50%;
    			float:left;
    			margin-right:10px;
			}

			div#formularios label.flotante input[type="text"],
			div#formularios label.flotante input[type="password"] {
				display:block;
				height:auto;
				width:auto;
			}
			
																	
	    }

		
		@media only screen and (min-width : 850px) {
			section#sicookies {
    			padding-left: 15px;
   			}

			aside#contenido_consejo {
				border-left: 1px solid #c3c2c5;
				width: 142px;
				padding-left: 27px;
			    padding-right: 52px;
			}
			h4.advertencia {
				font-size: 18px;
				background-image: url("/ai/img/advice.png");
    			background-position: right center;
			    margin-bottom: 18px;
    			xcolor: #0683c6;
    			font-size: 18px;
			}
			
			ul#enlacesai {
    			font-size: 12px;
    		}			
			
		}
		

		@media only screen and (min-width : 960px) {
			body {
				width:960px;
				margin:0 auto;
			}
			header {
				width:960px;
				margin:0 auto;
				left: auto;
    			xposition: absolute;
    			xtop: 0;
    			background-color:#fff;
			}
			
			div#contenido {
				width: 831px;
			}
			
    		section#candado {
    			width:140px;
    			border-right: 1px solid #c3c2c5;
    		}
			section#sicookies {
				width:430px;
    			background-color:;
    		}
    		
			aside#contenido_consejo {
    			height:160px;
			}

			div.campoformularioi {
				width: 187px;
			}
			
			input#pass, input#usuario {
				width: 160px;
			}
			
			div.campoformulariod input#pass {
				xwidth: 187px;
				xfloat:left;
			}
    		
    		ul#enlacesai {
    			font-size: 11px;
    		}			
    		
    		section#novedadescsirc {
				width:773px;
				margin 0 auto;
				top: -500%;
			}
    		
    					
			xsection#novedadescsirc {
    			position: relative;
    			left:66px;
    			top:370px;
    			
			    background-image: url(/ai/img/novedadini.png);
    			background-repeat: repeat-x;
    			color: #ccc;	
				padding: 10px 30px 5px 30px;
				height: 20px;
				border:0;
			}
			div#cierre {
				height:20px;
			}
		}
		
		@media only screen and (min-height : 640px) and (min-width : 960px) {
		   
			#nav-mobile  {
		   		display:none;
			}
			#notificacion-mobile {
				position: relative;
				right: 10px;
				top: 60px;
				z-index: 999;
			}
			
			body {
    			background-color: #fff;
			}
			header {
				background-image: url("/ai/img/cabecera.png");
				background-position: center top;
    			background-repeat: none;
			    height: 130px;
    			position: relative;
    			width: 960px;
    			background-size: auto;
    			border-bottom: 0;
			}
			header h1#ugr {
				border-width: 0;
				display: block;
				height: 100px;
				left: 23px;
				position: absolute;
				top: 30px;
				width: 208px;
			}
			header h1#ugr a {
				background-image: url("/ai/img/ugr.png");
				background-size: auto;
				display: block;
				height: 100%;
				width: 100%;
				margin:0;
			}
		   
			h2#cabecera_title {
				background-image: url("/ai/img/cabecera_fondo.png");
				color: white;
				font-size: 32px;
				line-height: 100px;
				height: 100px;
				padding-right: 20px;
				padding-left: 0px;
				position: absolute;
				right: 20px;
				top: 30px;
				width: 680px;
			}
			span#titai {
				display:block;
				float:right;
				margin-right:30px;
			}
			
			div#general {
				position: relative;
				/*top: -30px;*/
				background-size: 100% 8%;
		   		margin-top:0px;
				margin-left: 23px;
				margin-right: 21px;
				padding: 23px 43px 30px;
    			width: 831px;
		    }
    		section#candado, aside#contenido_consejo {
    			height:200px;
    			margin: 30px 0;
    		}
    		section#sicookies  {
    			margin-top: 35px;
    		}

			h3#titulo_pagina {
    			background-image: url("/ai/img/cabecera_contenido.png");
    			color: white;
    			font-size: 24px;
    			line-height: 56px;
    			width:826px
			}    			
			
			label {
				margin-bottom:5px;
			}
			input#pass, input#usuario {
			    height: 21px;
			    padding: 10px;
			    font-size: 12px;
			}
						
			footer {
				/*background-image: url("/ai/img/pie_fondo.png");
    			background-position: center bottom;
				overflow: auto;*/
				padding-bottom: 30px;
				width: 100%;
				border-bottom:none;
			}

			footer div#csirc {
    			xbackground-image: url("/ai/img/csirc_pie.png");
			    height: 71px;
    			margin-left: 23px;
    			width: 483px;
			}
			footer div#csirc a {
    			background-image: url("/ai/img/csirc_pie.png");
    			width: 483px;
			    height: 71px;
			}
			footer div#pagina_segura {
				xmargin-top: 17px;
				padding-right: 32px;			
			}
			
			section#novedadescsirc {
				width:100%;
				background-color:transparent;
				margin 0 auto;
				top: -500%;
			}

			section#novedadescsirc ul{
				width:831px;
				margin:0 auto;
			}
			section#novedadescsirc ul li{
				width:800px;
				padding:15px 20px;
				margin: 0;
				background-color:white;
				background-position: left center;
				opacity:1;
			}
			
		}	
		
		/********************************************
		* Clases para adaptar pie 
		********************************************/	
		footer{
			padding: 0;
			border: none;
		}
		footer a{
		    font-family: Georgia,serif;
		    line-height: 1.4em;
		}
		footer #proteccion_datos {
			overflow: hidden;
			border-top: 1px solid #d0cfd0a1;
			padding: 1% 0;
			margin: 1% 0;
		}	
		footer #proteccion_datos h3{
			background-color: #0783c6;
			color:#fff;
			padding: 0.5%;
			font-size: 1.2em;
		}
		footer #proteccion_datos section{
			padding: 1% 0; 
			border-bottom: 1px solid #d0cfd0a1;
			overflow: hidden;
			display: flex;
		}
		footer #proteccion_datos section:last-of-type{
			border:none;
		}
		footer #proteccion_datos section .celda{
			float: right;
			width: 50%;
			text-align: right;
			padding: 0;
		}
		footer #proteccion_datos section .celda a{
			display: block;
			color: #057ab8;
		}
		footer #proteccion_datos section div.celda:last-of-type{
			width: 20%;
		}
		footer #proteccion_datos section a.celda:first-of-type{
			text-align: left;
		}
		footer #proteccion_datos section .celda:last-child a.directo{
			color: #057ab8;
			text-align: right;
		}
		footer #proteccion_datos section .celda:last-child img{
			 float: right;  
			display: block;
		}
		footer #proteccion_datos .titulos p{
			color: #807f84;
			float:left;
		}
		footer #proteccion_datos .titulos blockquote p:first-of-type{
			width: 15.7%;
			text-decoration: none;
		}
		footer #proteccion_datos .titulos blockquote p:last-of-type{
			float: right;
			width: 84.3%;
			color: #000;
		}
		footer #proteccion_datos .informacion{
			float: left;
			width: 84%;
		}
		footer #proteccion_datos .titulos p, footer #proteccion_datos .informacion p{
			/*font-size: 12px;*/
			line-height: 1.5em;
		}	
		footer #proteccion_datos .informacion a{
			color: #057ab8;
		}
		footer #proteccion_datos blockquote {
			clear: both;
		}		

}
@media only screen and (max-width : 900px)  {
	footer {
  		padding: 0 5px;
	}
}
}