/* estilos generales CSCJ*/


/*importación de fuentes externas */
@import url("https://fonts.googleapis.com/css2?family=Architects+Daughter&display=swap");
@import url(encabezados.css);
@import url(menu.css);
@import url(banner.css);
@import url(blog.css);
@import url(info.css);
@import url(footer.css);
@import url(galeria.css);
@import url(contacto.css);
@import url(fontello.css);

* {
	padding: 0px;
	margin: 0px;
	box-sizing: border-box;
}

body {
	font-family: "Architects Daughter";
}


header {
    width: 100%;
    height: 102px;
    background-color: #f5f3c7;
    color: #6c2222;
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 100;
}

.logotitulo {
	height:95px;
}
.contenedor {
    width: 98%;
    margin: auto;
}

h1 {
    font-size: 30px;;
}
h2 {
	font-size: 25px;
}

header .contenedor {
    display: table;
}

section {
   width: 100%;
	padding-top: 20px;
   margin-bottom: 25px;
}

#bienvenidos {
    text-align: center;
}

#main {
	width: 100%;
	display: flex;
}
#izquierda {
	width: 45%;
	margin-top: 70px;
	padding-left: 5px;
	padding-right: 5px;
}
#derecha {
	width: 55%;
	margin-top: 70px;
}

.articulo01 {
	text-align: justify;
}

.art02 {
	width: 100%;
	max-width: 500px;
}

.boton {
	display: block;
	text-decoration: none;
	width: 200px;
	text-align: center;
	border-radius: 5px;
	color: white;
	margin: 5px; 
	padding: 5px;
	border: 3px solid;
}

.boton:hover{
	background-color: brown;
	box-shadow: 5px 5px 5px gray;
}