body { 
	margin:0; 
	padding:0; 
	border:0px; 
	/*background-image:url(http://www.creatividadliteraria.com/objetos/fondoweb.jpg);
	background-repeat:no-repeat;
	background-attachment: fixed;*/
	font-family: Times New Roman, Arial, Helvetica, sans-serif, Tahoma;
	} 

.wrapper{ 	
	width:100%; 
	padding-top:0%;
}

.fixed{position:fixed; top:0}

.cuerpo{
margin:0 auto;
width:100%;	
padding-top:20%;
height:250px;
}

.cuerpo table{
width:100%;	
margin:0 auto;
}

.contenido{
	margin:0 auto;
	width:80%;
	background:#F8F6F6;
}

.contenido a{
	color:red;
	font-weight:bold;
}

.contenido a:hover{
	color:#000;
	font-weight:bold;
	font-style:italic;
}


.panel-concursos{
	width:70%;
	margin:0 auto;
	text-align:justify;
	
}

.panel-concursos h2{
	text-align:left;
	font-size:1.2em;
	font-weight:bold;
	
}


.card {
   position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 300px;
    height: 400px;
    background: #262626;
    overflow: hidden;
}
.card .imgBx,
.card .details {
    width: 100%;
    height: 100%;
    position: absolute;
    box-sizing: border-box;
    transition: .5s;
}
.card .imgBx {
    top: 0;
    left: 0;
}
.card:hover .imgBx {
    top: 0;
    left: -100%;
}
.card .imgBx img {
    width: 100%;
}
.card .details {
    background: #262626;
    top: 0;
    left: 100%;
    padding: 60px 30px;
}
.card:hover .details {
    top: 0;
    left: 0%;
}
.card .details h2 {
    color: #fff;
    text-align: center;
    margin: 0;
    padding: 0 0 10px;
    border-bottom: 2px solid #fff;

}
.card .details p {
    margin: 20px 0 0;
    color: #fff;
}

.card a{
	color:#fff;
	font-weight:bold;	
}

.card a:hover{
	color:red;
	font-weight:bold;
	font-style:italic;
}

.libreria {
	margin: 0 auto;
	width:80%;
}

.libreria p{
	text-align:center;
	padding:5% 5% 5% 5%;
	font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
}