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

body {
	font-family:Arial;	
	background-image:url(../imagenes_plantilla_SEO/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-family:abel; 	
	font-size: 40px;
	
}



.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;
 
	}
	
		#logoheader{
	display: inline-block;
	float: inherit;
	padding-top: 10px;
	padding-bottom: 0px;
	padding-right: 3%;
	padding-left: 38%;
	transition: ease-out;
	transition-duration: 0.6s;
	width: 26%;
 

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

}
	
.contenedor{
	margin: auto;
	width: 100%;
	max-width: 1000px;
	min-width: 50px;
	transition: ease-out;
	transition-duration: 0.6s;
	background-color: #FFFFFF;
	margin-top: 20px;
	margin-bottom: 20px;
 
		
}


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



.miMenu{
	text-align:center;	
	margin-top:5px;
	margin-bottom:10px;
	
	height:auto;
	width:100%;
	transition: ease-out;
	transition-duration: 0.6s;
 
	
}
.botonMenu{
	width: 60%;
	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: 30px;
	padding-bottom: 10px;
	padding-right: 12px;
	padding-left: 10px;
	text-align: center;
	margin-bottom: 2px;
	margin-left: 2px;
	margin-right: 2px;
	margin-top: 2px;
	transition: ease-out;
	transition-duration: 0.6s;
 
}


.botonMenu2{
	width: 30%;
	display: inline-block;
	vertical-align:top;
	

	font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	font-size: 15px;
	font-weight: 300;
	padding-top:30px;
	padding-bottom: 10px;
	padding-right: 6px;
	padding-left: 6px;
	text-align: center;
	margin-bottom: 2px;
	margin-left: 2px;
	margin-right: 2px;
	margin-top: 10px;
	transition: ease-out;
	transition-duration: 0.6s;
 
 
}








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;
 
}

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: 1000px) {
	body{background-image:url("../css_Plantilla/%22%22");}
}	
	

@media screen and (max-width: 710px) {
	
	
	body {
	font-family:Arial;	
	background-image:url(../imagenes_plantilla_SEO/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: 28px;
}


.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;
 
}

		#logoheader{
	display: inline;
	float: inherit;
	padding-top: 10px;
	padding-bottom: 0px;
	padding-right: 1%;
	padding-left: 30%;
	transition: ease-out;
	transition-duration: 0.6s;
	width: 21%;
 

}
	
	

.botonMenu{
	width: 94%;
	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-top: -27px;
	margin-right: -27px;
	margin-left: -27px;
	margin-bottom: -27px;
	display: inline-block;
	color: #FFF;
	padding-top: 10px;
	padding-bottom: 10px;
	vertical-align: super;
	text-align: center;
	transition: ease-out;
	transition-duration: 0.6s;
 
	
	
 
}



}	
	
@media screen and (max-width: 579px) {
	
	
	body {
	font-family:Arial;	
	background-image:url(../imagenes_plantilla_SEO/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: 28px;
}


.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: 11px;
	padding-left: 11px;
	transition: ease-out;
	transition-duration: 0.6s;
 
}

		#logoheader{
	display: inline;
	float: inherit;
	padding-top: 10px;
	padding-bottom: 0px;
	padding-right: 1%;
	padding-left: 30%;
	transition: ease-out;
	transition-duration: 0.6s;
	width: 69%;
 

}
	
	
}

@media screen and (max-width: 430px) {
	
	
	body {
	font-family:Arial;	
	background-image:url(../imagenes_plantilla_SEO/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: 28px;
}


.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;
 
}

		#logoheader{
	display: inline;
	float: inherit;
	padding-top: 10px;
	padding-bottom: 0px;
	padding-right: 1%;
	padding-left: 2%;
	transition: ease-out;
	transition-duration: 0.6s;
	width:100%;
 

}

#social_media{
	visibility: hidden;
	width: 0px;
	height: 0px;
	display: none;
	float: right;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-right: 5%;
	padding-left: 5px;
	transition: ease-out;
	transition-duration: 0.6s;
 

}
	
	
}

@media screen and (max-width: 520px) {
	
	
	body {
	font-family:Arial;	
	background-image:url(../imagenes_plantilla_SEO/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: 28px;
}


.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: 5px;
	padding-left: 15px;
	transition: ease-out;
	transition-duration: 0.6s;
 
}

		#logoheader{
	display: inline;
	float: inherit;
	padding-top: 10px;
	padding-bottom: 0px;
	padding-right: 1%;
	padding-left: 25%;
	transition: ease-out;
	transition-duration: 0.6s;
	width:100%;
 

}
	

}

@media screen and (max-width: 449px) {
	
	
	body {
	font-family:Arial;	
	background-image:url(../imagenes_plantilla_SEO/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: 28px;
}


.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: 0px;
	padding-left: 0px;
	transition: ease-out;
	transition-duration: 0.6s;
 
}

		#logoheader{
	display: inline;
	float: inherit;
	padding-top: 10px;
	padding-bottom: 0px;
	padding-right: 1%;
	padding-left: 22%;
	transition: ease-out;
	transition-duration: 0.6s;
	width: 100%;
 

}
	

}

@media screen and (max-width: 339px) {
	
	
	body {
	font-family:Arial;	
	background-image:url(../imagenes_plantilla_SEO/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: 30px;
}


.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: 0px;
	padding-left: 0px;
	transition: ease-out;
	transition-duration: 0.6s;
 
}

		#logoheader{
	display: inline;
	float: inherit;
	padding-top: 10px;
	padding-bottom: 0px;
	padding-right: 1%;
	padding-left: 15%;
	transition: ease-out;
	transition-duration: 0.6s;
	width: 2%;
 

}

	

}
