*{
	padding:0;
	margin:0;
}

html{
	font-size:0.625em;
}

body{
	font-size:1.6rem;
	font-family:'Open Sans', san-serif;
	overflow-X:hidden;
}
::selection{
   color:white;
   background:#b90021;
}

::-moz-selection{
   color:white;
   background:#b90021;
}

/**********HEADER***************/
  /**********HEADER***************/
#logoelcorreo {
    background: #fff;
    height: 50px;
    border-bottom: 1px solid #f7f7f7;
    text-align: center;
    display: flex;
    justify-content: center;
    position: relative;
    width: 100%;
    z-index: 99999;
}
#logoelcorreo a {
    max-width: 150px;
    display: block;
    margin: 0 auto;
    align-self: center;
}
#logoelcorreo img {
    width:100%;
	height:auto;
	display:block;
}

/*****AUTOR*****/
#autor {
    font-size: 0;
    list-style: none;
    border-top: 1px solid #ddd;
	color:#888;
    text-align: right;
    max-width: 1100px;
    margin: 20px auto;
}
#autor li{
	font-size:1.5rem;
	line-height:1.5em;
	display:inline-block;
	padding:0 10px;
}
/****ANUNCIO*****/
#robapaginas_2 {
	left: 50%;
	display: inline-block;
	position: relative;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}
/**********SOCIAL********/
article footer {
    background: none;
    top: 0;
    position: static;
	padding:0;
}

/******************/
#social{
	text-align:center;
	margin:40px 0;
}
#social li{
	display:inline-block;
	margin:0 5px;
	font-size:2rem;
}
#social a{
	color:#000;
	text-decoration:none;
	border:2px solid #000;
	border-radius:50%;
	padding:10px;
	display:block;
	line-height: 25px;
    height: 25px;
}
#social span{
	display:none;
}
#social .icon-facebook{
	color:#3b5998;
	border-color:#3b5998;
}
#social .icon-facebook:hover{
	color:#fff;
	background:#3b5998;
}
#social .icon-twitter{
	color:#55acee;
	border-color:#55acee;
}
#social .icon-twitter:hover{
	color:#fff;
	background:#55acee;
}
#social .icon-gplus{
	color:#dd4b39;
	border-color:#dd4b39;
}
#social .icon-gplus:hover{
	color:#fff;
	background:#dd4b39;
}
#social .icon-whatsapp{
	color:#4dc247;
	border-color:#4dc247;
}
#social .icon-whatsapp:hover{
	color:#fff;
	background:#4dc247;
}

/****FOOTER****/
footer {
    background: #fff;
    width: 100%;
    padding: 20px;
    box-sizing: border-box;
	position:relative;
	/*top:600px;*/
}
.pie-container {
    max-width: 750px;
    padding: 0 !important;
}
article footer:before {
    content: "";
    display: none;
}


/**********CONTENIDO*****************/
#gris{
    background: #f0eff3;
    padding: 100px 0;
    margin-bottom: 50px;
}
#amarillo{
	background:#ffdd0e;
    padding: 100px 0;
    margin-bottom: 50px;		
}
#blanco{
	background:#fff;
    padding: 100px 0;
    margin-bottom: 50px;		
}
section{
	position:relative;
	margin:0 auto;
	height: 100%;
}

section img {
    width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
}

/****FLECHAS*****/
#flechas{
	font-size:0;
	list-style:none;
	max-width:1100px;
	margin:0 auto;
}
#flechas li{
	font-size:2rem;
	position:fixed;
	top: 50%;
    transform: translateY(-50%);
}
#flechas li span{
	display:none;
}
#flechas li a{
	color:#555;
	text-decoration:none;
	font-size:3rem;
}
#flechas li a:hover{
	color:#000;
}
#flechas #volverinicio {
    left: 0;
    top: 40%;
}
#flechas #left {
    left: 0;
}
#flechas #right {
   right: 0;
}


@media screen and (min-width:1190px){
#logo {
    left: 50px;
	transform:translateX(0);
}
#gris{
	padding: 0;
}
#amarillo{
	padding: 0;
}
#blanco{
    padding: 0;		
}
#flechas li{
	position:absolute;
}
#flechas li a{
	color:#555;
	text-decoration:none;
	font-size:5rem;
}
#flechas #volverinicio {
    left: 20px;
}
#flechas #left {
    left: 20px;
}
#flechas #right {
   right: 20px;
}

}
@media screen and (min-width:1300px){
html,body, article {
	height:100%;
}
section img {
    width: auto;
    height: 100%;
    display: block;
    margin: 0 auto;
}
footer {
	top:500px;
}
}