@font-face {
	font-family: "Mi fuente";
	src: url('../fuente/Edwardian Script ITC.ttf'),
		url('../fuente/Edwardian Script ITC.eot'); /* IE9 */
	
}


html, body{
	background: rgb(153,204,255);
	font-family: "Helvetica Neue", Helvetica, Arial, Sans-Serif;
	font-size: 12px;

}


/*Cuadro principal*/
#principal{
	width: 100%;
	height: 100%;
	
}

				/***********************************************
			Si se desea poner margenes con px quitar los porcentajes de width y min-width de #pagina y min-width en footer y width en #pieCentro.
			Si se desaa poner margenes con % quitar los px de width de #pagina y width en #pieCentro
				************************************************/


									/****************************************************
										paginaGeneral y centradoGeneral
										
										afecta a la parte principal (centro) y al pie de pagina
									*****************************************************/
.paginaGeneral{
	
	width: 1260px;
	width: 92%;

/*	width: 92%;
	min-width: 1155px;*/
	margin: auto;
	height: auto;
	
	
}
	/*Para todas la paginas*/
	.centradoGeneral{
		overflow: hidden;
		width: 90%;
		max-width: 1200px;
		height: auto;
		margin: 0 auto;

	}

	/*Para la página principal*/
	#centradoPrincipal{
		overflow: hidden;
		width: 92%;
		max-width: 1400px;
		height: auto;
		margin: 0 auto;

	}
	
	#centrado{
		width: 80%;
	}

	/*PARA LA CABECERA*/

header{
	width: 100%;
	text-align: center;
	background: rgb(153,204,255);
	height: auto;
	/*height: 300px;*/
	/*-webkit-box-shadow: 0px 10px 20px 10px #CED8F6;
	-moz-box-shadow: 0px 10px 20px 10px #CED8F6;*/
	
}


	

	#redSocial{
		margin-top: 5px;
		width: 100%;
		
		height: 30px;
		margin-bottom: 5px;
		
	}
	
		#contVisitas{
			float: left;
			width: 25%;
			height: 30px;
		
		}
			#contVisitas:hover{
				cursor: default !important;
			}
		
	
		#face, #twitter, #youtube{
			float: right;
			width: 40px;
			height: 40px;
			
		}
		#face img, #twitter img, #youtube img{
			width: 30px;
			height: 30px;
			border-radius: 80px;
		}
		#face img:hover, #twitter img:hover, #youtube img:hover{
			cursor: pointer;
			opacity: 0.4;
		}
	
	
	/*parte del logotipo, letras y menu*/
	header #logo{
		
		height: 240px;
		
		width: 100%;
		background-color: #CEE3F6;
		
		-webkit-border-top-left-radius: 10px;
			-moz-border-top-left-radius: 10px;
				border-top-left-radius: 10px;
		-webkit-border-bottom-left-radius: 10px;
			-moz-border-bottom-left-radius: 10px;
				border-bottom-left-radius: 10px; 
		
		-webkit-border-top-right-radius: 10px;
			-moz-border-top-right-radius:10px;
				border-top-right-radius: 10px;
		-webkit-border-bottom-right-radius: 10px;
			-moz-border-bottom-right-radius: 10px;
				border-bottom-right-radius: 10px;
			
		/*border: 1px solid red;*/
			
	}
	
		header #logotipo{
			float: left;
			overflow: hidden;
			width: 24%;
			height: 100%;
			background-image: url("../imagenes/galeria/otras/nubes.jpg");
			background-size: 100% 100%;
			background-repeat: no-repeat;
			border-bottom-left-radius: 4%; 
				border-top-left-radius: 4%;
				
			
			box-shadow: 20px 5px 30px #aaa;

		}
		
			header #logotipo img{
				width: 100%; 
				height: 100%; 
				border-bottom-left-radius: 4%; 
				border-top-left-radius: 4%;
				transition: 1s ease;
			 		-moz-transition: 1s ease; /* Firefox */
			 		-webkit-transition: 1s ease; /* Chrome - Safari */
			 		-o-transition: 1s ease; /* Opera */
			} 
			
			header #logotipo img:hover{
				transform : scale(1.8);
				-moz-transform : scale(1.8); /* Firefox */
				-webkit-transform : scale(1.8); /* Chrome - Safari */
				-o-transform : scale(1.8); /* Opera */
				-ms-transform : scale(1.8); /* IE9 */
			
			}
			
		header #letras{	
			margin-top: 25px;
			float: right;
			margin-right: 1%;
			width: 74%;
			min-height: 145px;
			/*max-height: auto;*/
			/*font-size: 66px;*/
			font-size: 6em;
			font-family: "Mi fuente", "Edwardian Script ITC";
			/*font-family: "Mi fuente";*/
			
		}
		
			header #letras a{text-decoration: none; color: black;}
			header #letras a span{font-size: 42px;}


	.nav-collapse{display: none;}
	
	
	/*Menu*/

	header #menu{
		float: right;
		margin-bottom: 5px;
		margin-top: 11px;
		width: 75%;
		/*width: auto;*/
		height: 55px;
		/*margin-top: 40px;*/
		/*margin-right: 4%;*/

		
	}

		#menu ul {		
			list-style: none;
			margin: 0;
			padding: 0;
			height: 55px;
			width: auto;
			/*width: 880px;*/
			margin: 0 auto;
			margin-left: 5%;
		}
		
		#menu ul .sub-menu{border: 2px solid rgb(1,152,255); background-color: rgb(153,204,255);}
		
		#menu ul .sub-menu .sub_sub-menu{border: border: 2px solid rgb(1,152,255);}
		
		#menu ul li {
			position: relative;
			display: inline-block;
			text-align: center;
			float: left;
			width: 140px;
			width: 15%;
			
		}

		/*#menu ul li:last-child { margin: 0; }*/

		#menu ul li a {
			display: block;
			/*background: rgb(1,152,255);*/
			
			/*padding: 15px 20px;*/
			padding: 15px 2%;
			color: black;
			font-size: 20px;
			text-decoration: none;
			transition: 0.2s linear;
		}

		#menu ul li a:hover { background: rgb(1,152,255);}

		
		
		
		
		
		/*Submenu*/
		#menu ul li ul {
			margin: 0;
			/*display: none;*/
			position: absolute;
			top: 100%;
			left: -4px;
			width: 228px;
			/*width: 280px;*/
			border-bottom: 4px solid #2E64FE;
			
			height: auto;
			visibility: hidden;
			-moz-transform: scaleY(0);
			-ms-transform: scaleY(0);							
			-o-transform: scaleY(0);
			-webkit-transform: scaleY(0);
			
			transform: scaleY(0);
	
			-moz-transform-origin: 0 0;
			-ms-transform-origin: 0 0;
			-o-transform-origin: 0 0;
			-webkit-transform-origin: 0 0;

			transform-origin: 0 0;
			-moz-transition: -moz-transform 0.1s linear;
			-ms-transition: -ms-transform 0.1s linear;
			-o-transition: -o-transform 0.1s linear;
			-webkit-transition: -webkit-transform 0.1s linear;
			
			transition: transform 0.1s linear;
			
		}
		
		

		#menu ul li:hover ul.subs {
			display: block;
			visibility: visible;
			-moz-transform: scaleY(1);
			-ms-transform: scaleY(1);
			-o-transform: scaleY(1);
			-webkit-transform: scaleY(1);
		
			z-index: 1000;
		
		}
		
		#menu ul li ul li {
		  display: block;
		  width: 100%;
		  margin: 0;
		  text-align: left;
		 
		}

		


		#menu ul li ul li a {
		  display: block; 
		  padding: 10px 15px;
		  
		}

		#menu ul li ul li a {
		  width: auto;
		  border-left: 4px solid transparent;
		  padding: 10px 15px;
		  font-size: 18px;
		  
		}
		
		#menu ul li ul li{
			background-color: #CEE3F6;
		   	border-bottom: 1px dotted #BDBDBD;
		 
		
		}
		
		#menu ul li ul li:last-child{border: none;}

		#menu ul li ul li a:hover {
		  background: #BDBDBD;
		  border-left: 4px solid #2E64FE;
		}
		
		/*Parte del submenu del submenu*/
		#menu ul li ul li .subs_subs{
			width: 240px;
			position: absolute;
			left: 228px;
			top: -2px;
		}

		#menu ul li ul li.sub_sub-menu:hover ul.subs_subs{
			display: block;
			visibility: visible;
			-moz-transform: scaleY(1);
			-ms-transform: scaleY(1);
			-o-transform: scaleY(1);
			-webkit-transform: scaleY(1);
		
			z-index: 1000;
		}


			/*PARA EL CONTENIDO*/
			
#contenidoPrincipal{
	overflow: hidden;
	width: 100%;
	/*height: auto;*/
	height: auto;

	margin-top: 20px;	
	background-color: #CEE3F6;
	-webkit-border-top-left-radius: 1%;
		-moz-border-top-left-radius: 1%;
		border-top-left-radius: 1%;
	-webkit-border-top-right-radius: 1%;
		-moz-border-top-right-radius: 1%;
		border-top-right-radius: 1%; 
	

}

  /*PARA AQUELLAS PAGINAS QUE CONTENGAN MAPA DE NAVEGACION*/
 
	#mapaNavegacion{
		width: 100%;
		height: 55px;
		font-size: 15px;
		color: black;
		background-color: rgb(1,152,255);
		
	}	
	
		#mapaNavegacion #izq{
			margin-top: 30px;
			float: left;
			font-size: 26px;
			margin-left: 40px;
			
		}
		#mapaNavegacion #der{
			margin-top: 15px;
			margin-right: 20px;
			float: right;
			font-size: 14px;
		
		}
		#mapaNavegacion #der a{
			text-decoration: none;
			font-weight: bold;
			color: black;
			
		}



	/*Slider de imágenes de la página principal*/
	#imagenes{
		width: 100%;
		height: 400px;
		margin-top: 15px;
		
	}
	
		/*Para la deshabilitacion de javascript*/
		.deshabilitado{
			margin-top: 50px;
			width: 100%;
			height: auto;
			text-align: center;
			line-height: 22px;
			font-size: 20px;
			
		}
			.deshabilitado h1{
				font-size: 20px;
				font-weight: bold;
				margin-bottom: 20px;
				
			}
			.deshabilitado img{
				width: 20px;
				height: 20px;	
			}
			
		#galeria{
			float: left;
			width: 60%;
			height: 360px;
			/*display: inline-block;*/
			background: #CEE3F6;
			background-image: url("../blascoeles1.jpg");
			background-size: 100% 100%;
			background-repeat: no-repeat;
			
			/*overflow: auto;*/

			opacity: 1;
			transition: 1s;
			border: 6px solid #BDBDBD;

			-webkit-box-shadow: 0 10px 6px -6px #777;
                -moz-box-shadow: 0 10px 6px -6px #777;
                box-shadow: 0 10px 6px -6px #777;
			
		}
		
		#miniaturasIzq{
			border-top-left-radius: 12%;
			border-bottom-left-radius: 12%;
			padding-right: 2px;
			margin-left: 12%;

		}
		
		#miniaturasDer{ 
			margin-right: 20px;
			border-top-right-radius: 12%;
			border-bottom-right-radius: 12%;
			padding-left: 5px;
		}
		
		#miniaturasDer, #miniaturasIzq{
			float: left;
			width: 76px;
			height: 340px;
			position: relative;
			background: #BDBDBD;
			
			padding-top: 20px;
			
			border: 6px solid #BDBDBD;
			
			-webkit-box-shadow: 0 10px 12px -6px #777;
                -moz-box-shadow: 0 10px 12px -6px #777;
                box-shadow: 0 10px 12px -6px #777;
            
            
		}

		
		#miniaturasDer .miniatura, #miniaturasIzq .miniatura{
			margin-top : 5px;
			height: 60px;
			box-shadow : 0px;
			
		}
		#miniaturasIzq .miniatura{
			margin-left: 5px;
		}
		#miniaturasDer .miniatura img, #miniaturasIzq .miniatura img{
			opacity : 0.8;
			margin-top: 5px;
			
		}


		#miniaturasDer .miniatura img:hover, #miniaturasIzq .miniatura img:hover{
			opacity : 1.0;
			outline : solid black 3px;
			cursor: pointer;
			transform: scale(1.2);

		}
		
		
		
	/*Descripcion del contenido*/	
	#margenIzquierdo{
		width: 68%;
		height: auto;
		float: left;
		margin-top: 20px;
	
	}
	
		#descripcionPrincipal{
			width: 94%;
			height: auto;
			
			padding: 3%;
			padding-bottom: 0px;
			
			background-image: url("../imagenes/galeria/otras/ermita3.jpg");
			background-repeat: no-repeat;
			background-size: 100% 100%;
			
			/* IE8 HACK */
			background: no-repeat center center fixed\0/;

			text-align: justify;
			font-size: 15px;
			line-height: 24px;
			
		
		}
			#descripcionPrincipal #saludo{
				text-align: center;
				font-size: 60px;
				font-family:"Edwardian Script ITC";
				margin-top: 15px;
				margin-bottom: 40px;
				
			}
			
			#descripcionPrincipal p{
				text-indent: 40px;
				margin-bottom: 15px;
			
			} 
				#descripcionPrincipal .importante{
					font-family: bold;
					font-size: 20px;
					color: black;
				}
				#descripcionPrincipal .destacado{
					font-style: italic;
					font-family: bold;
					font-size: 20px;
					color: black;
				}
				
				#descripcionPrincipal #autor{
					width: 100%;
					height: 110px;
					text-align: center;
					font-size: 12px;
					line-height: 10px;
					font-style: italic;
				
				}
				

				#descripcionPrincipal #autor p:first-child{
					margin-top: 30px;
					line-height: 20px;
					font-style: normal;
					font-size: 19px;
					font-family: bold;
				} 
	
	
	
	/*zona de la temperatura y los contadores*/
		#tempUbi{
			overflow: hidden;
			height: auto;
			width: 100%;
			margin-top: 15px;
			padding-bottom: 10px;
			
		}
		
			/*zona de la temperatura*/
			#temperatura{
				clear: both;
				width: 30%;
				height: 285px;
				float: left;
				
			}
			
				#temperatura .subrayado{
					position: relative;
					height: 1px;
					padding-top: -2px;
					margin-bottom: 20px;
					
				}
				
				
				#temperatura .subrayado span{
					display: block;
					width: 96%;
					height: 3px;
					background: rgb(1,152,255);
					margin: 0 auto;
					margin-top: 5px;
					
				}
				
			
				#temperatura p{
					text-align: center;
				
					font-size: 20px;
					font-style: italic;
					font-weight: normal;
					color: #585858;
					margin-top: 10px;
					margin-left: 8px;
					line-height: 26px;
					
				}
				#temperatura #temp{
					width: 80%;
					margin: 0 auto;
					height: 205px;
		
				}
			


		/*Contador de días que faltan para una determinada fecha*/
			#contador{
				/*padding-top: 15px;*/
				height: 285px;
				width: 66%;
				float: right;
				
				margin-left: 10px;
			
			}
			
							/***************************************************************
							 	Para el contador del día del CUBILLO (contador1)
							 	Para el contador del día de la ASCENSIÓN (contador2)
							****************************************************************/
						
			#contador1{
				width: 50%;
				height: 285px;
				float: left;
				list-style-type: none;
				
			}
			
			#contador2{
				width: 49%;
				height: 285px;
				float: right;
				list-style-type: none;
			}
			
			
			/*Para el subrayado de los contadores*/
			
			#contador1 .subrayado, #contador2 .subrayado{
				position: relative;
				height: 1px;
				padding-top: 6px;
				margin-bottom: 20px;
				
			}
				
				#contador1 .subrayado span{
					display: block;
					width: 152px;
					/*width: 56%;*/
					height: 3px;
					background: rgb(1,152,255);
					margin: auto;
					margin-top: 2px;
					
				}
				
				#contador2 .subrayado span{
					display: block;
					width: 200px;
					/*width: 72%;*/
					height: 3px;
					background: rgb(1,152,255);
					margin: auto;
					margin-top: 2px;
					
				}	
				
				
				/*Para el contador del día del CUBILLO (contador1)*/
				
				#contador1 > p:first-child, #contador2 > p:first-child{
					font-style: italic;
					margin-top: 10px;
					font-size: 22px;
					color: #585858;
					text-align: center;
					
				}
					
					#contador1 .subtituloContador, #contador2 .subtituloContador{
						text-align: center;
						font-size: 22px;
						margin-top: 30px;
						margin-bottom: 20px;
						color: blue;
					}
					
					#contCubillo, #contAscension{
						text-align: center;
						text-decoration: none;
						color: blue;
						font-size: 18px;
						margin-top: 40px;
					}
					#fechaCubillo, #fechaAscension{
						text-align: center;
						text-decoration: none;
						font-size: 28px;
						margin-top: 36px;
						color: #DA0202;
					}
					
						#dia, #dia2{
						
						}
		
		
							/*Para el contador del día de la ASCENSIÓN*/
								
			

			#contador2 .subrayado{
				position: relative;
				height: 1px;
				padding-top: 6px;
				margin-bottom: 20px;
				
			}
				
				#contador2 .subrayado span{
					display: block;
					width: 200px;
					/*width: 72%;*/
					height: 3px;
					background: rgb(1,152,255);
					margin: auto;
					margin-top: 2px;
					
				}
					
				#contAscension{
						text-align: center;
						text-decoration: none;
						color: blue;
						font-size: 18px;
					}







		#contenidoPrincipal.contenido{
			border-top: 4px solid rgb(1,152,255);

			width: 100%;
			height: 270px;
		}
	
	
	

/*MARGEN DERECHO*/

	#margenDerecho{
		width: 30%;
		height: auto;
		float: right;
		margin-top: 20px;
		
	}

	/*Acceso a los cofrades*/
	#cofrades{
		width: 100%;
		height: auto;
		margin-top: 200px;
		
	}
		#cofrades p:first-child{
			color: #585858;
			font-size: 23px;
			/*margin-bottom: 40px;*/
			margin-top: 40px;
			text-align: center;
			
			
		}
			#cofrades form{
				width: 99%;
				height: auto;
				
				text-align: center;

			}
			
			#cofrades label{
				height: 20px;
				font-size: 18px;	
				display: block;
				margin-bottom: 10px;
				margin-left: 25px;
				color: #424242;
				text-align: left;
			}
			#cofrades input{
				margin-bottom: 25px;		
				height: 35px;
				width: 70%;
				border: 3px solid #DA0202;
				background: #CED8F6;
				
				
			}
				#cofrades .usuario{
					background-position: left center;
					background-image: url("../imagenes/iconos/personForm.png");
					background-repeat: no-repeat;
					padding: 5px 5px 5px 55px;
					
					
				}
				
				#cofrades .pass{
					background-position: left center;
					background-image: url("../imagenes/iconos/bloqForm.png");
					background-repeat: no-repeat;
					padding: 5px 5px 5px 55px;
					
					
				}
				

			/*Modificar el formulario de los input*/
				input::-webkit-input-placeholder {
					color: #A4A4A4;
					font-weight: #A4A4A4;
					font-size: 15px;
				}
				input::-moz-placeholder {
					color: #848484;
					font-weight: bold;
					font-size: 15px;
				}
				input::-ms-placeholder {
					color: #848484;
					font-weight: bold;
					font-size: 15px;
				}


			#cofrades .boton{
				cursor: pointer;
				background-color: rgb(153,204,255);
				border: 1px solid #2E64FE;
				font-family: Verdana;
				font-size: 19px;
				border-radius: 10px;
				color: black;
				height: 35px;
				width: 150px;
				text-align: center;
				-webkit-transition: background-color 1.5s ease-out;
					-moz-transition: background-color 1.5s ease-out;
						-o-transition: background-color 1.5s ease-out;
							transition: background-color 1.5s ease-out;
					
				
			}
			#cofrades .boton:hover{
				background-color: rgb(1,152,255);
			
			}
			
		/*para el mensaje de error*/
			#cofrades #error{
				line-height: 22px;
				border-radius: 10px;
				background-color: #F7819F;
				color: white;
				width: 80%;
				text-align: center;
				font-size: 18px;
				margin: 0 auto;
				margin-top: 25px;
				margin-left: 30px;
			}
			
	/*Acceso a Noticias*/
	#noticias{
		width: 100%;
		height: auto;
		margin-top: 60px;
		margin-right: 3%;
		
	}		
		#noticias #tituloNoticias{
			margin-top: 30px;
			margin-bottom: 5px;
			font-size: 23px;
			color: #585858;
			text-align: center;
			/*border-bottom: 4px dotted #585858;*/
		}
			
		
		#noticiasActuales{
			width: 94%;
			/*height: auto;
			min-height: 300px;
			max-height: 500px;*/
			
			height: 500px;
			
			overflow: auto;
			overflow-x: hidden;
			background-color: white;
			color: black;
			
			text-align: justify;
			line-height: 22px;
			font-size: 16px;
			
			padding-top: 20px;
			padding-bottom: 20px;
			padding-left: 10px;
			padding-right: 10px;
			
		}
			#noticiasActuales p{
				margin-top: 20px;
			}
		
			#noticiasActuales .negrita{
				font-weight: bold;
				
			}
			
			#noticiasActuales .destacado{
				color: blue;
				
			}
			
	#cofrades .subrayado, #noticias .subrayado{
		position: relative;
		height: 1px;
		padding-top: 4px;
		/*border-bottom: 1px solid #585858;*/
		margin-bottom: 40px;
		
	}
	#noticias .subrayado{
		margin-bottom: 10px;
		
	}	

										/************************************************************************
										**************************FORMATOS***************************************
										*************************************************************************/
								
								
		#noticiasActuales strong{
			font-weight: bold;
		}
		#noticiasActuales em{
			font-style: italic;
		}
		#noticiasActuales s{
			font-style:inherit;
		}
		
		#noticiasActuales ol{
			list-style:decimal;
			margin-left: 50px;
		}
		#noticiasActuales ul{
			list-style: disc;
			margin-left: 50px;
		}
		#noticiasActuales .marker{
			 background: yellow;
		}
		#noticiasActuales h1{
			color: black;
			text-align: left;
			margin: 0px;
			display: block;
			font-size: 2em;
			-webkit-margin-before: 0.67em;
			-webkit-margin-after: 0.67em;
			-webkit-margin-start: 0px;
			-webkit-margin-end: 0px;
			font-weight: bold;
		}
		#noticiasActuales h2{
			display: block;
			font-size: 1.5em;
			-webkit-margin-before: 0.83em;
			-webkit-margin-after: 0.83em;
			-webkit-margin-start: 0px;
			-webkit-margin-end: 0px;
			font-weight: bold;
		}
		#noticiasActuales h3{
			font-weight: normal;
  			line-height: 1.2;
  			display: block;
			font-size: 1.17em;
			-webkit-margin-before: 1em;
			-webkit-margin-after: 1em;
			-webkit-margin-start: 0px;
			-webkit-margin-end: 0px;
  			
		}
		
		#noticiasActuales table{
			border-spacing: 1px;
			
			display: table;
			border-collapse: separate;
			border-color: gray;
		
		}
			 #noticiasActuales table tbody{
			  	display: table-row-group;
  				vertical-align: middle;
  				border-color: inherit;
  				border-collapse: separate;
				border-spacing: 2px;
				border-color: gray;
	
			}
		
			#noticiasActuales table tr{
				display: table-row;
 				vertical-align: inherit;
  				border-color: inherit;
  				border-collapse: separate;
  	
			}
			#noticiasActuales table th{
				display: table-cell;
				border-collapse: separate;
				border: 1px solid gray;
				font-weight: bold;
			}
			
			#noticiasActuales table td{
				display: table-cell;
  				vertical-align: inherit;
  				border-collapse: separate;
				border: 1px solid gray;
				padding-left: 14px
				
			}
		
								/************************************************************************
								**************************FIN FORMATOS***********************************
								*************************************************************************/


		#cofrades .subrayado span, #noticias .subrayado span{
			display: block;
			width: 210px;
			height: 3px;
			background: rgb(1,152,255);
			margin-top: -2px;
		}
		
		#cofrades .subrayado span{
			/*margin-left: 70px;*/
			margin: 0 auto;
		}
		
		#noticias .subrayado span{
			width: 180px;
			/*margin-left: 60px;*/
			margin: 0 auto;
		}
	
	
	#subir{
		position: fixed;
		left: 92%;
		opacity: 0.5;
		margin-top: 20px;
		bottom: 20px;
		visibility: hidden;
		
	}
	#subir:hover{
		opacity: 1.0;
		cursor: pointer;
	}
	
	
	
			/*PIE DE PAGINA PRINCIPAL*/

footer{

	width: 100%;
	/*min-width:1155px;*/
	
	height: 80px;
	background: #E6E6E6;
	margin-top: 50px;
	
}
	#pieCentro{
		height: auto;
		/*width: 1260px;*/
		width: 100%;
		margin: auto;
		color: black;
				
	}	
	
		#paginaCentro{border-top: 4px solid rgb(1,152,255);}
	
	
			#pieCentro #disenador{
				visibility: hidden;
				font-size: 16px;
			}
			
			#pieCentro #aviso{
				width: 30%;
				height: 70px;
				color: black;
				float: left;
				
			}
				#pieCentro #aviso p{
					
					margin-top: 15px;
					font-size: 14px;
				}
				
					
					#pieCentro #aviso p a{
						color: red;
						text-decoration: none;
					}
					#pieCentro #aviso p a:hover{
						opacity: 0.6;
					}
				
				#pieCentro #menuSecundario{
					float: right;
					width: 40%;
					height: 40px;
					font-size: 15px;
					padding-top: 30px;
					text-align: center;
					
					
				}
				
					#pieCentro #menuSecundario a{
						text-decoration: none;
						color: #585858;
						
					}
					
					#pieCentro #menuSecundario a:hover{
						color: rgb(1,152,255);
					}

/* CSS para la animación y localización de los DIV de cookies */
 
@keyframes desaparecer
{
	0%		{bottom: 0px;}
	80%		{bottom: 0px;}
	100%		{bottom: -50px;}
}
 
@-webkit-keyframes desaparecer /* Safari and Chrome */
{
	0%		{bottom: 0px;}
	80%		{bottom: 0px;}
	100%		{bottom: -50px;}
}
 
@keyframes aparecer
{
	0%		{bottom: -38px;}
	10%		{bottom: 0px;}
	90%		{bottom: 0px;}
	100%		{bottom: -38px;}
}
 
@-webkit-keyframes aparecer /* Safari and Chrome */
{
	0%		{bottom: -38px;}
	10%		{bottom: 0px;}
	90%		{bottom: 0px;}
	100%		{bottom: -38px;}
}
#cookiesms1:target {
    display: none;
}
.cookiesms{	
	width:100%;
	min-height: 43px;
	height: auto;
	margin:0 auto;
	padding-left:1%;
        padding-top:5px;
        font-size: 1.2em;
	clear:both;
        font-weight: strong;
	color: #333;
	bottom:0px;
	position:fixed;
	left: 0px;
	background-color: #FFF;
	opacity:0.7;
	filter:alpha(opacity=70); /* For IE8 and earlier */
	transition: bottom 1s;
	-webkit-transition:bottom 1s; /* Safari */
	-webkit-box-shadow: 3px -3px 1px rgba(50, 50, 50, 0.56);
	-moz-box-shadow:    3px -3px 1px rgba(50, 50, 50, 0.56);
	box-shadow:         3px -3px 1px rgba(50, 50, 50, 0.56);
	z-index:100;
	
}
 
.cookiesms:hover{
	bottom:0px;
}
.cookiesms a{
	color: rgb(1,152,255);
	font-weight: bold;
}

.cookies2{
	background-color: #FFF;
	display:inline;
	opacity:0.9;
	filter:alpha(opacity=95);
	position:absolute; 
	left:1%; 
	top:-30px;
	font-size:15px;
	height:30px;
	padding-left:25px;
	padding-right:25px;
	padding-top: 5px;
	-webkit-border-top-right-radius: 15px;
	-webkit-border-top-left-radius: 15px;
	-moz-border-radius-topright: 15px;
	-moz-border-radius-topleft: 15px;
	border-top-right-radius: 15px;
	border-top-left-radius: 15px;
	-webkit-box-shadow: 3px -3px 1px rgba(50, 50, 50, 0.56);
	-moz-box-shadow:    3px -3px 1px rgba(50, 50, 50, 0.56);
	box-shadow:         3px -3px 1px rgba(50, 50, 50, 0.56);
	
	color: black;
}

#cookie1{
	background-color: #2E2E2E;
	color: white;
	
}

.cookies2:hover{
	cursor: pointer;

}
.cookiesms button:hover{cursor: pointer; opacity: 0.7;}
/* Fin del CSS para cookies */