.foot_ocg
	{
		max-width: 100%;
		height: 100%;
		float: right;
	}

	.foot_ocgtxt
	{
		max-width: 100%;
		height: 100%;
		float: right;
		margin-top: 5px;
		margin-right:3px;
		color: #ffffff;

	}

	.foot_ocgtxt2
	{
		max-width: 100%;
		height: 100%;
		float: left;
		margin-top: 5px;
		margin-left:1%;
		color: #ffffff;
		font-weight: bold;
		font-size:11px;	
	}

	#conte
	{
	 position: relative;
	 width: 100%;
	 height:200px;
	 padding:7%;
	}

	#conte2
	{
	 position: relative;
	 width: 70%;
	 height: 55%;
	 padding: 1em 1em;
	 margin: 1%auto;
	}

	#contemapa
	{
	 position: relative;
	 -webkit-box-shadow:10px 10px 40px 1px #000;	
	 width: 90%;
	 height: 400px;
	 margin: 2% ;
	}

	#i_sola
	{
	 position: relative;
	 width: 50%;
	 height: 50%;
	 padding: 1em 1em;
	 margin: 2% auto;
	}

	.overlay 
	{
	  position: absolute;
	  top: 0;
	  bottom: 0;
	  left: 0;
	  right: 0;
	  height: 100%;
	  width: 100%;
	  opacity: 0;
	  border-radius: 7px;
	  transition: .5s ease;
	  background-color: #111111;
	  /*background-color: #e57373;*/
	}

	.ho:hover .overlay 
	{
	  opacity: 0.80;
	  border-radius: 5px;
	}

	.text 
	{
	  color: white;
	  font-size: 25px;
	  position: absolute;
	  top: 40%;
	  left: 50%;
	  transform: translate(-50%, -50%);
	  -ms-transform: translate(-50%, -50%);
	  text-align: center;
	}

	.logo
	{
		max-width: 13%;
		max-height: 30%;
		width:11.5%;
	}

	.boton_personalizado{
		text-decoration: none;
		padding: 10px;
		width:60%;
		margin:2% auto;
		font-weight: 600;
		font-size: 20px;
		color: #fff;
		/*background-color: #d50000;*/
		background-color: #8C1717;
		/*border: 2px solid #000000;*/
		border: 2px solid #FAF394;
		border-radius: 6px;
		 opacity: 0.8; 
		 -webkit-box-shadow:2px 2px 3px 1px #fff;	
	}

	.boton_personalizado:hover{
		color: #8C1717;
		text-decoration: none;
		padding: 10px;
		font-weight: 600;
		font-size: 20px;
		border-radius: 6px;
		background-color: #fff;
		border: 2px solid #8C1717;
	  }
	  
	body
	{ 
		background-image: url(../img/foco3.png);
		 /*background:#bdbdbd;*/
	  width:100%; 
	  margin:auto;
	  position:absolute;    
	  background-size: cover;
	  background-repeat: no-repeat;
	 background-attachment: fixed;
	color: #000000;
	font-family: "OleoScript-Regular";
	font-size: 24px;

	}
	
	@font-face{
  font-family: "OleoScript-Regular";
  src: url("../OleoScript-Regular.ttf");
}

	.fon2
	{
	 background-image: url(../img/fondo3b.png);
	/* background-image: url(../img/circulitos.png);*/
	  background-repeat: no-repeat;
	  background-position:top;
	  background-attachment: fixed;
	  background-size: cover;
	  width:100%;
	  position:relative;
	  margin:auto;
	}

	.fon3
	{
	 background-image: url(../img/circulitos.png);
	  background-repeat: no-repeat;
	  background-position:top;
	  background-attachment: fixed;
	  background-size: cover;
	  width:100%;
	  position:relative;
	  margin:auto;
	}

	.ho
	{
	position:relative;
	
	}

	.divo
	{
	 background-image: url(../img/circulitos.png);
	 background-repeat: no-repeat;
	  background-size: cover;
	  border-radius:7px;
	  margin-top:0%;
	  margin-left:2%;
	  margin-right:2%;
	  z-index:2;

	}

	.divo2
	{
	 background-image: url(../img/circulitos.png);
	 background-repeat: no-repeat;
	  background-size: cover;
	  border-radius: 5px;
	  margin-top:2%;
	  margin-left:2%;
	  margin-right:2%;
	  -webkit-box-shadow:0px -1px 15px 5px #FFFFFF;
	  background-color: #EF9A9A;
	   
	 }

	.fondo
	{
		background-color:black;
	}

	#boton_nav
	{
		background-color:#8C1717 ;
		text-decoration: none;
		padding:1px ;
		float:left;
		margin-left:1%;
		margin-top:4%;
		margin-bottom:1%;
		position:relative;
		width: 100%;
		/*font: 400 100px/1.3 'Oleo Script', Helvetica, sans-serif;
		font-size: 17px;*/
		font-family: Vegur, 'PT Sans', Verdana, Sans-serif;
		font-size: 17px;
		color: #fff;
		-webkit-box-shadow:1px 0.5px 5px 0px #ffffff;	
		border: 2px solid #ffffff;
		border-radius: 50px;
	}

	#boton_nav:hover{
	background-color:transparent;
		color:#FAF394;
		-webkit-box-shadow:1px 2px 20px 3px #ffffff;	
		text-decoration: none;
		padding:2px ;
		font-size: 17px;
		border-radius: 50px;
		border: 3px solid #FAF394;
	  }

	#pa
	{
		text-decoration: none;
		padding: 10px;
		width:60%;
		margin:2% auto;
		font-weight: 600;
		font-size: 20px;
	}


	@media screen and (max-width: 600px)
	{

	#contemapa
	{
	 position: relative;
	 width: 100%;
	 height: 40%;
	 padding: 1% auto;
	 margin: 1% auto;
	}

	.text 
	{
	  color: white;
	  font-size: 30px;
	  position: absolute;
	  top: 40%;
	  left: 50%;
	  transform: translate(-50%, -50%);
	  -ms-transform: translate(-50%, -50%);
	  text-align: center;
	}

	#conte2
	{
	 position: relative;
	 width: 90%;
	 height: 30%;
	 padding: 1em 1em;
	 margin: 1%auto;
	}

	.boton_personalizado
	{
		text-decoration: none;
		padding: 4%;
		width:80%;
		margin:2% auto;
		font-size: 13px;
		color: #fff;
		background-color: #d50000;
		border: 2px solid #000000;
		border-radius: 6px;
	}

	.boton_personalizado:hover{
		color: #d50000;
		width:80%;
		margin:2% auto;
		text-decoration: none;
		padding: 4%;
		font-size: 13px;
		border-radius: 6px;
		background-color: #fff;
		border: 2px solid #000000;
	  }

	.fon2
	{
	 background-image: url(../img/fondo3b.png);
	 /*background-image: url(../img/circulitos.png);*/
	  background-repeat: no-repeat;
	  background-position:top;
	  background-attachment: fixed;
	  background-size: cover;
	  width:100%;
	  position:relative;
	  margin:auto;
	}

	.logo
		{
		max-width: 50%;
		max-height: 30%;
		width:35%;
		}
		
		body
		{ 
			background-image: url(../img/foco3.png);
			width:100%; 
			margin:auto;
			position:absolute;    
			background-size: cover;
			background-repeat: no-repeat;
	 /* background-attachment: fixed;*/
			color: #000000;
		}
		
	.divo
	{
	 background-image: url(../img/circulitos.png);
	 background-repeat: no-repeat;
	  background-size: cover;
	  border-radius:7px;
	  margin-top:1%;
	  margin-left:1%;
	  margin-right:1%;
	   z-index:2;

	}

	#boton_nav
	{
		background-color:#8C1717 ;		
		text-decoration: none;
		position:relative;
		margin:1%;
		width:90%;
		font-family: Vegur, 'PT Sans', Verdana, Sans-serif;
		font-size: 10px;
		color: #fff;
		/*-webkit-box-shadow:1px 0.5px 5px 0px #ffffff;	*/
		border: 2px solid #ffffff;
		border-radius: 50px;
	}

	#boton_nav:hover{
		background-color:transparent;
		color:#FAF394;
		-webkit-box-shadow:1px 2px 20px 3px #ffffff;	
		text-decoration: none;
		font-size: 10px;
		border-radius: 50px;
		border: 3px solid #FAF394;
	  }



}