/*HTML5 */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
/*titulos*/
h1, h2, h3, h4, h5{
	font-weight: normal;
}
.clear{
	clear: both;
}

/*BODY*/

body{
	background-color: #fff;
	background-image:url(../img/bg.png);
	background-repeat: repeat-x;
}

/*HEADER*/

header{
	width: 940px;
	margin: 35px auto;
	/* border: red 1px solid; */
	/* background-color: rgb(106, 117, 106); */
}
header nav{
	width: 940px;
	float: right;
	margin-top: 25px;
}
header nav li{
	float: left;
	min-width: 80px;
	padding-right: 5px;
	padding-left: 10px;
	background-image:url(../img/linkBorder.png);
	background-repeat: no-repeat;
	background-position: left bottom;
}
header nav li a{
	font-family: Georgia, 'Times New Roman', Times, serif;
	font-size: 16px;
	font-weight: bolder;
	color: #666666;
	text-decoration: none;
	
}
header nav li a .linkDesc{
	font-family: Tahoma, Verdana, Segoe, sans-serif;
	font-size: 11px;
	font-weight:normal;
	color:#b7b7b7;
	
}

/*ASIDE*/

#gallery{
	width: 940px;
	margin: 35px auto;
	/* border: rgb(8, 6, 6) 1px solid; */
	/* efectos */
	background: #e0e0e0;
    border-radius: 20px;
    box-shadow: 8px 8px 16px #bcbcbc, 
                -8px -8px 16px #ffffff;
    padding: 10px;
    width: 80%; /* Ajustamos el ancho */
    margin: auto; /* Centramos el contenedor */
    display: block;
    text-align: center;
	/* efectos 2 */
	background: #e0e0e0;
    border-radius: 15px;
    box-shadow: 6px 6px 12px #bcbcbc, 
                -6px -6px 12px #ffffff;
    padding: 10px;
    /* display: inline-block;
    width: 100%; */
    animation: floating 10s infinite ease-in-out;
}
@keyframes floating {
    0% { transform: translateY(0); }
    50% { transform: translateY(-8px); } /* Eleva ligeramente */
    100% { transform: translateY(0); }
}
#gallery img{
	width: 100%;
    border-radius: 15px;
}

/*MAIN ARTICLES*/
#mainArticles, #bottomInfo{
	width: 940px;
	margin: 0px auto ;
	padding-top: 35px;
	background-image:url(../img/division.png);
	background-repeat: no-repeat;
}
#mainArticles article{
	width: 313px;
	float: left;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 12px;
}
#mainArticles2 article{
	width: 313px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 12px;

	background: #e0e0e0;
    border-radius: 15px;
    box-shadow: 6px 6px 12px #bcbcbc, 
                -6px -6px 12px #ffffff;
    padding: 10px; /* Reduciendo el padding */
    display: inline-block;
    width: 30%; /* Ajustar el ancho para tres imágenes */
	/* efecto */
	background: #e0e0e0;
    border-radius: 15px;
    box-shadow: 6px 6px 12px #bcbcbc, 
                -6px -6px 12px #ffffff;
    padding: 10px;
    display: inline-block;
    width: 30%;
    overflow: hidden;
    transition: transform 0.3s ease, filter 0.3s ease;
	
}
#mainArticles2 article img{
	width: 100%;
    border-radius: 15px;
}
#mainArticles2 article:hover{
	transform: scale(1.01); /* Aumenta ligeramente el tamaño */
    filter: brightness(1.01) blur(1px); /* Aumenta el brillo y desenfoca */
}

#bottomInfo .bottomInfoContent{
	width: 313px;
	float: left;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 12px;
}

#mainArticles article h1{
	width: 939px;
	font-family: Georgia, Times, "Times New Roman", serif;
	font-size: 16px;
	color:#00070a;


}
#mainArticles2 article h1{
	width: 939px;
	font-family: Georgia, Times, "Times New Roman", serif;
	font-size: 16px;
	color:#00070a;

}
#mainArticles article p{
	width: 939px;

}
#mainArticles article .byline{
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 14px;
	color:#2c2b2b;
	margin-top: 5px;
}

#mainArticles article .imgborder{
	margin-top: 15px;
	background-image:url(../img/articleImageBg.png);
	background-repeat: no-repeat;
	width: 300px;
	height: 210px;
	padding-left: 10px;
    padding-top: 10px;

}
#mainArticles article .imgborder2{
	margin-top: 15px;
	background-image:url(../img/articleImageBg2.png);
	background-repeat: no-repeat;
	width: 600px;
	height: 420px;
	padding-left: 10px;
    padding-top: 10px;

}
#mainArticles article .imgborder3{
	margin-top: 15px;
	background-image:url(../img/articleImageBg3.png);
	background-repeat: no-repeat;
	width: 900px;
	height: 630px;
	padding-left: 40px;
    padding-top: 40px;

}
#mainArticles article .imgborder4{
	margin-top: 15px;
	background-image:url(../img/articleImageBg4.png);
	background-repeat: no-repeat;
	width: 900px;
	height: 900px;
	padding-left: 40px;
    padding-top: 40px;

}
.more{
	width: 163px;
	height: 32px;
	background-image:url(../img/nextBg.png);
	background-repeat: no-repeat;
	margin-top: 20px;
	margin-left: 5px;
	padding-top: 10px;
	padding-left: 15px;
	color:#11719e;

}

.bottomInfoContent h1{
	font-family: Georgia, Times, "Times New Roman", serif;
	font-size: 18px;
	color: #444;
	border-bottom: #c2c2c2 1.5px dashed;
	padding-bottom: 10px;
	margin-bottom: 15px;
	width: 290px;
} 

.newsletterTitle{
	font-family: "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
	font-size: 18px;
	font-weight: bold;
}

.socialButon{
	float: left;
	margin-top: 10px;
	margin-bottom: 35px;

}

.action{
	background-image:url(../img/actionButton.png);
	background-repeat: no-repeat;
	width: 163px;
	height: 32px;
	padding-left: 12px;
	padding-top: 10px;
	font-family: Georgia, Times, "Times New Roman", serif;
	font-size: 12px;
	color: #fff;
	margin-top: 10px;
}

.action:hover{
	color: rgb(2, 73, 56);
}

.more:hover{
	color: rgb(73, 2, 2);
}


.bottomInfoContent input, .bottomInfoContent textarea{
	width: 285px;
	border: #cfcfcf 2px solid;
	color:#cfcfcf ;
	-moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  	border-radius: 5px;
  	padding-left: 15px;
  	margin-top: 15px;
}
.bottomInfoContent input{
	height: 33px;
}

.bottomInfoContent textarea{
	height: 135px;
	text-align: left;
}

.bottomInfoContent .blogPost{
	height: 70px;
	border-bottom: #c2c2c2 1.5px dashed;
	padding-top: 15px;

}
.bottomInfoContent .blogPost img{
	float: left;
}
.bottomInfoContent .blogPost p{
	float: left;
	width: 230px;
	margin-left: 10px;

}

/*FOOTER*/

footer{
	background-image:url(../img/footerBg.png);
	background-repeat:repeat-x;
	height: 188px;
	margin-top: 25px;
	font-family: "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
	font-size: 12px;
	color: #999;
}

#footerContainer{
	width: 940px;
	margin: 0px auto ;
	padding-top: 35px;
}
#credits, #copy, #footerContainer nav{
	width: 300px;
}
#credits{
	float: left;
	
}
#copy{
	float: right;
}


.navBar li a {
	color: rgb(151, 144, 144); 
	text-decoration: none;
}
  
.navBar li a:hover, .navBar li a:focus {
	color: white; 
}