@charset "utf-8";
/* CSS Document */

body {
	font-family:Arial;
	background-image:url(../imagenes/fondo_pagina.jpg);
	background-position:top;
	background-attachment:fixed;
	background-repeat:repeat;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;	
	
 
}

body h1{
	font-family: alegreya;
	color: #0081a2;	
	font-size: 30px;
	
}


.box2 {
  display: inline-block;
  width: 390px;
  height: 100px;
  margin-left: 5px;
	margin-top: 10px;
	margin-right: 5px;
	margin-bottom: 0px;	
	vertical-align: top;
	
}

.box3 {
  display: inline-block;
  width: 215px;
  height: 100px;
  margin-left: 5px;
	margin-top: 10px;
	margin-right: 5px;
	margin-bottom: 0px;	
	vertical-align: top;
	
}

.box4 {
  display: inline-block;
  width: 215px;
  height: 100px;
  margin-left: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;	
	vertical-align: top;
	
}

#hoe a:link {color: #dc0f0f;
font-size:16px;

}


#hoe a:visited  {color: #dc0f0f;
font-size:16px;

}


.main{
	width:100%;
	background-color: rgba(0, 0, 0, 0.0);
	float:left;
	box-sizing:border-box;
	padding-top: 0%;
	padding-bottom: 2%;
	padding-right: 8%;
	padding-left: 8%;
	text-align:justify;
	transition: ease-out;
	transition-duration: 0.6s;
 
	}
	
	
	
	#social_media{
	display:inline-block;
	float:right;
	padding-top: 10px;
	padding-bottom: 0px;
	padding-right: 1%;
	padding-left: 5px;
	transition: ease-out;
	transition-duration: 0.6s;
 

}
	
.contenedor{
	margin: auto;
	background-color: rgba(255, 255, 255, 0.33);
	width: 100%;
	max-width: 1300px;
	min-width: 300px;
	transition: ease-out;
	transition-duration: 0.6s;
	box-shadow: -3px -2px 20px -3px rgba(0,0,0,0.3);
	
		
}


header{
	
	width:100%;	
}
header h1{
	color:#FFF;
	padding:20px 0;
	text-align:center;	
}



.miMenu{
	text-align:center;	
	margin-top:5px;
	margin-bottom:10px;
	padding: 0%;
	
	height:auto;
	width:100%;
	transition: ease-out;
	transition-duration: 0.6s;
 
	
}
.botonMenu{
	width: 55%;
	display: inline-block;
	color: #000000;
	font-family:Gotham, Helvetica Neue, Helvetica, Arial," sans-serif";
	font-size: 17px;
	font-weight: 300;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 50px;
	padding-left: 0px;
	text-align: center;
	margin-bottom: 2px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 2px;
	

}


.botonMenu2{
	width: 29%;
	display: inline-block;
	vertical-align:top;
	
	vertical-align: super;
	font-family:arial;
	font-size: 15px;
	font-weight: 300;
	padding-top: 0px;
	padding-bottom: 10px;
	padding-right: 6px;
	padding-left: 6px;
	text-align: center;
	margin-bottom: 2px;
	margin-left: 2px;
	margin-right: 2px;
	margin-top: 0px;
	
	    border-radius: 0px;
    background-color: #ffffff;
    border-style: Solid;
    border-color: #d5d5d5;
    border-width: 2px;
	
	border-top-left-radius:0px;
border-top-right-radius:20px;
border-bottom-left-radius:20px;
border-bottom-right-radius:0px;
 
 
}








tituloFooter{
	text-align:center;
	padding-bottom:10px; 
	padding-top:50px; 
	padding-left:20px; 
	padding-right:20px;
	box-sizing:border-box;
	transition: ease-out;
	transition-duration: 0.6s;
 
}

imagenFooter{
	margin-top:20px;
	box-sizing:border-box;
	width:100%;
	transition: ease-out;
	transition-duration: 0.6s;
	align-content:center;
	text-align:center;
 
}

footer{
	clear:both;
	float: inherit;
	margin-top:10px;
	margin-bottom:10px;
	box-sizing:border-box;
	width:100%;
	color:#FFF;
	transition: ease-out;
	transition-duration: 0.6s;
 


}

 
@media screen and (max-width: 1100px) {
	body{background-image:url("../css_Plantilla/%22%22");}
	
	
	

.botonMenu{
	width: 100%;
	display: inline-block;
	color: #000000;
	font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	font-size: 15px;
	font-weight: 300;
	padding-top: 45px;
	padding-bottom: 10px;
	padding-right: 12px;
	padding-left: 0px;
	text-align: center;
	margin-bottom: 2px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 2px;

}


.botonMenu2{
	width: 50%;
	display: inline-block;
	vertical-align:top;
	
	vertical-align: super;
	font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	font-size: 15px;
	font-weight: 300;
	padding-top: 0px;
	padding-bottom: 10px;
	padding-right: 6px;
	padding-left: 6px;
	text-align: center;
	margin-bottom: 2px;
	margin-left: 2px;
	margin-right: 2px;
	margin-top: 0px;
	
 
 
}
	
	
}	
	

@media screen and (max-width: 800px) {
	
	
	body {
	font-family:Arial;	
	background-image:url(../images/plantilla/fondo_pagina.jpg);
	background-position:top;
	background-attachment:fixed;
	
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;	
	
 
}
	
body h1{	
	font-size: 24px;
	font-family: alegreya;
	color: #0081a2;
}


.miMenu{
	text-align:center;	
	margin-top:5px;
	margin-bottom:10px;
	
	height:auto;
	width:100%;
	transition: ease-out;
	transition-duration: 0.6s;
 
}

.botonMenu{
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 15px;
	padding-left: 15px;
	transition: ease-out;
	transition-duration: 0.6s;
 
}
	
	#social_media{
		display:inline-block;
		float:right;
	padding-top: 10px;
	padding-bottom: 0px;
	padding-right: 10px;
	padding-left: 5px;
	transition: ease-out;
	transition-duration: 0.6s;
 

}

.botonMenu{
	width: 90%;
	margin: 2px;
	display: inline-block;
	color: #000000;
	
	font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	font-size: 15px;
	font-weight: 300;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right:10px;
	transition: ease-out;
	transition-duration: 0.6s;
 
	
	
 
}


.botonMenu2{
	
	 
	width:95%;
	margin:2px;
	display:inline-block;
	color: #121213;
	padding-top: 10px;
	padding-bottom: 10px;
	vertical-align:super;
	text-align:center;
	transition: ease-out;
	transition-duration: 0.6s;
 
	
	
 
}



}	
	

#links2 {
	
	background-color: rgba(183,5,5,1.00);
	width: 230px;
	height: 20px;
	left: 28px;
	top: 765px;
	z-index: 7;
	color: rgba(255,255,255,1.00);
	overflow: hidden;
	transition: ease-out;
	transition-duration: 0.5s;
	font-size: 15px;
	font-weight: 300;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 8px;
	padding-left: 0px;
	text-align: center;
	visibility: visible;
	-webkit-border-radius: 15px 15px 15px 15px;
	border-radius: 15px 15px 15px 15px;
}

#links2:hover{
	height:100px;
	width: 230px;
	
	cursor:pointer;
	 background-color:rgba(200,200,200,1.00);
	color: rgba(0,0,0,1.00);
	transition:ease-out;
	transition-duration: 0.5s;
    font-size: 15px;
	font-weight: 300;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 8px;
	padding-left: 0px;
	text-align: center;



	
	}
	

.boton-flotante {
    position: fixed;
    top: 93%;
    right: 2%;
    z-index: 100;
}