@charset "utf-8";
/* CSS Document imagen des*/
*{
	padding:0px;
	margin:0px;
	font-family:Helvetica;
}#log{
padding-top: 5px;
}.index{
		display:-webkit-flex;
		display:-khtml-flex;
		display:-moz-flex;
		display:-ms-flex;
		display:-o-flex;
		display:flex;
		-webkit-flex-wrap:wrap;
		-khtml-flex-wrap:wrap;
		-moz-flex-wrap:wrap;
		-ms-flex-wrap:wrap;
		-o-flex-wrap:wrap;
		flex-wrap:wrap;
	align-content:-webkit-flex-start;
	align-content:-khtml-flex-start;
	align-content:-moz-flex-start;
	align-content:-ms-flex-start; 
	align-content:-o-flex-start;
	align-content:flex-start;
	align-content:stretch; 
	justify-content:space-around;
	aling-items:stretch;
	
	width: 100%;
	margin: auto;
	padding:0;
	}
section{
		display:-webkit-flex;
		display:-khtml-flex;
		display:-moz-flex;
		display:-ms-flex;
		display:-o-flex;
		display:flex;
		-webkit-flex-wrap:wrap;
		-khtml-flex-wrap:wrap;
		-moz-flex-wrap:wrap;
		-ms-flex-wrap:wrap;
		-o-flex-wrap:wrap;
		flex-wrap:wrap;
	align-content:-webkit-flex-start;
	align-content:-khtml-flex-start;
	align-content:-moz-flex-start;
	align-content:-ms-flex-start; 
	align-content:-o-flex-start;
	align-content:flex-start;
	justify-content:center;

	width: 95%;
	margin: auto;
	padding:0;
	background-color: rgba(255,255,255,.5);
	}#caja_banner{
		width: 100%;
		z-index:0;
		margin-bottom: 0px;
	}.contenedor{
		display:-webkit-flex;
		display:-khtml-flex;
		display:-moz-flex;
		display:-ms-flex;
		display:-o-flex;
		display:flex;
		-webkit-flex-wrap:wrap;
		-khtml-flex-wrap:wrap;
		-moz-flex-wrap:wrap;
		-ms-flex-wrap:wrap;
		-o-flex-wrap:wrap;
		flex-wrap:wrap;
		justify-content:space-around;


		/*-webkit-flex:1 1 100%;
		-khtml-flex:1 1 100%;
		-moz-flex:1 1 100%;
		-ms-flex:1 1 100%;
		-o-flex:1 1 100%;
		flex:1 1 100%;
		max-width: 100%;*/
		width: 100%;
	}.continer{
		display:-webkit-flex;
		display:-khtml-flex;
		display:-moz-flex;
		display:-ms-flex;
		display:-o-flex;
		display:flex;

		width: 250px;
		margin: 5px;
		padding: 10px;
		background: #cecece;
		border-bottom: #004480 solid 5px;
	}.texto{
		width: 150px;
		font-size: 15px;
		align-self:center;
		color: #58595b;
	}.imagen{
		width: 150px;
		cursor: pointer;
		overflow: hidden;
		-webkit-transition:all .5s;
		-khtml-transition:all .5s;
		-moz-transition:all .5s;
		-ms-transition:all .5s;
		-o-transition:all .5s;
		transition:all .5s;
	}.imagen:hover{
		 -webkit-transform:scale(1.05) rotate(12deg);
		 -khtml-transform:scale(1.05) rotate(12deg);
		 -moz-transform:scale(1.05) rotate(12deg);
		 -ms-transform:scale(1.05) rotate(12deg);
		 -o-transform:scale(1.05) rotate(12deg);
		 transform:scale(1.05) rotate(12deg);
	}
	.contenedor_2{
		-webkit-flex:1 1 600px;
		-khtml-flex:1 1 600px;
		-moz-flex:1 1 600px;
		-ms-flex:1 1 600px;
		-o-flex:1 1 600px;
		flex:1 1 600px;
		max-width: 600px;
		margin-top: 15px;
	}.titulo{
		border-bottom: #7f80a4 solid 2px;
		color: #7f80a4;
		font-weight:bolder;
		font-size: 20px;
		width: 100%;
		margin: 10px 0;
	}.contenido{
		display:-webkit-flex;
		display:-khtml-flex;
		display:-moz-flex;
		display:-ms-flex;
		display:-o-flex;
		display:flex;

		color: #58595b;
		-webkit-flex:1 1 500px;
		-khtml-flex:1 1 500px;
		-moz-flex:1 1 500px;
		-ms-flex:1 1 500px;
		-o-flex:1 1 500px;
		flex:1 1 500px;
		margin: 15px 0;
	}
	footer{
		display:-webkit-flex;
		display:-khtml-flex;
		display:-moz-flex;
		display:-ms-flex;
		display:-o-flex;
		display:flex;
		-webkit-flex-wrap:wrap;
		-khtml-flex-wrap:wrap;
		-moz-flex-wrap:wrap;
		-ms-flex-wrap:wrap;
		-o-flex-wrap:wrap;
		flex-wrap:wrap;
		align-content:-webkit-flex-start;
		align-content:-khtml-flex-start;
		align-content:-moz-flex-start;
		align-content:-ms-flex-start; 
		align-content:-o-flex-start;
		align-content:flex-start;
		justify-content:center;
		aling-items:center;
	
		-webkit-flex:1 1 500px;
		-khtml-flex:1 1 500px;
		-moz-flex:1 1 500px;
		-ms-flex:1 1 500px;
		-o-flex:1 1 500px;
		flex:1 1 500px;
		
		color:#e0e0e0;
		background:#004480;
		padding-top:10px;
		padding-bottom:10px;
		margin: auto;
		margin-top: 5px;
	}
		.footer_s{
			display:-webkit-flex;
			display:-khtml-flex;
			display:-moz-flex;
			display:-ms-flex;
			display:-o-flex;
			display:flex;
			justify-content:space-around;

			-webkit-flex:1 1 200px;
			-khtml-flex:1 1 200px;
			-moz-flex:1 1 200px;
			-ms-flex:1 1 200px;
			-o-flex:1 1 200px;
			flex:1 1 200px;
			color:#e4e4e4;
			margin: 10px;
			border: 2px solid #7f80a4;
		}
		@media screen and (max-width:950px ){
			.footer_s{
				-webkit-flex:1 1 600px;
				-khtml-flex:1 1 600px;
				-moz-flex:1 1 600px;
				-ms-flex:1 1 600px;
				-o-flex:1 1 600px;
				flex:1 1 600px;
			}
		}
		.footer_text{
			-webkit-flex:1 1 200px;
			-khtml-flex:1 1 200px;
			-moz-flex:1 1 200px;
			-ms-flex:1 1 200px;
			-o-flex:1 1 200px;
			flex:1 1 200px;
			color:#e4e4e4;
			margin: 10px;
		}.footer_img{
			-webkit-flex:1 1 70px;
			-khtml-flex:1 1 70px;
			-moz-flex:1 1 70px;
			-ms-flex:1 1 70px;
			-o-flex:1 1 70px;
			flex:1 1 70px;
			color:#e4e4e4;
			float: right;
			margin: 10px;
			max-width: 150px;
		}
#nada{
	width:80%;
	height:20px;
}

/**/
#element_to_pop_up {
            display:none;
            background-color:#fff;
            border-radius:15px;
            color:#000;
            margin: 10px;
            padding:10px;
            -webkit-flex: 1 400px;
            -khtml-flex: 1 400px;
            -moz-flex: 1 400px;
            -ms-flex: 1 400px;
            -o-flex: 1 400px;
            flex: 1 400px;
            max-width: 500px;

    		-webkit-user-select: none;
    		-khtml-user-select: none;
    		-moz-user-select: none;
    		-ms-user-select: none;
    		-o-user-select: none;
    		user-select: none;
    		cursor: default;
    		box-shadow:inset 2px 2px 4px rgba(120, 120, 120, .7), inset -3px -3px 3px rgba(120,120,120,.7), inset -3px -3px 3px rgba(120,120,120,.7);
        }
		.b-close{
		    cursor:pointer;
		    position:absolute;
		    right:4px;
		    top:4px;
		    padding: 5px;
		    border-radius: 10px;
		    font-weight: bold;
		    font-size: 18px;
		    background: #666EFF;
		    color: #fff;
		    -webkit-box-shadow: 0px 0px 10px #ffffff;
		    -khtml-box-shadow: 0px 0px 10px #ffffff;
		    -moz-box-shadow: 0px 0px 10px #ffffff;
		    -ms-box-shadow: 0px 0px 10px #ffffff;
		    -o-box-shadow: 0px 0px 10px #ffffff;
		    box-shadow: 0px 0px 10px #ffffff;
		}
.cajas_de_texto{
	border: 1px solid #999;
	margin-left: 8px;
	width: 90%;
	height: 30px;
	padding-left: 7px;
	font-size: 16px;
	box-shadow: rgba(150,150,150,.8) 2px 2px 5px inset;
}
/**/

/*MEDIA QUERYS*/
@media screen and (max-width:436px ){
}