html,body { width:100%;height:100%;margin:0px;padding:0px; }
body { font-family:Arial,Verdana,Tahoma;font-size:medium;background:#F0F0F0; }

h1 { width:100%;text-align:center;margin:10px 0px;padding:0px; }

div.ContPagina { position:relative;width:100%;overflow:hidden; }
div.ContSubir { float:left;margin:10px 20px;clear:both;overflow:hidden;box-sizing:border-box; }
div.ContSubir * { float:left;margin:0px 5px; }

.BotonSubir { display:block;color:rgb(0,0,0);text-decoration:none;border:1px solid rgb(200,200,200);padding:3px 10px; }

.card { position:relative;width:224px;height:156px;float:left;margin:0px auto;box-sizing:border-box; }
.card img { display:block;float:left;width:202px;margin:10px; }
.card h2 { display:block;width:100%;line-height:30px;font-size:16px;text-align:center;color:rgb(51,51,51);overflow:hidden;margin:0px;padding:0px; }
.cardInner { float:left;height:50px;margin:44px 20px 34px 20px;overflow:hidden;box-sizing:border-box; }
.cardInner h2 { display:block;float:left;width:100%;height:30px;line-height:30px;text-align:left;color:rgb(198,33,39);margin:0px;padding:0px; }
.cardInner span { display:block;float:left;width:100%;height:20px;line-height:20px;color:#333;margin:0px; }
.cardInfo { position:absolute;left:0px;top:0px;right:0px;bottom:0px;background:rgb(0,0,0);opacity:0; }
.cardInfo span { display:table-cell;width:224px;height:156px;line-height:24px;vertical-align:middle;text-align:center;font-size:15px;color:rgb(255,255,255);overflow:hidden;opacity:0;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition: all 0.3s ease-out;-moz-transform: scale(0);-webkit-transform: scale(0);-o-transform: scale(0);-ms-transform: scale(0);transform: scale(0); }
.card:hover .cardInfo { opacity:0.7; }
.card:hover .cardInfo span { opacity: 1;-moz-transform: scale(1);-webkit-transform: scale(1);-o-transform: scale(1);-ms-transform: scale(1);transform: scale(1); }
.fila { position:relative;width:100%;height:44px;background:white;box-sizing:border-box;border-radius:6px;transition: all 0.3s ease 0s;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s; }
.fila:hover { box-shadow:rgba(0,0,0,0.3) 1px 1px 1px; }
.fila .imgSel { float:left;width:16px;height:16px;background:url(images/blanco.jpg) no-repeat;font-size:1px;margin:14px 8px; }
.fila:hover .imgSel { background:url(images/check.png) no-repeat; }
.fila .imgPeli { float:left;width:32px;height:32px;margin:6px 10px; }
.fila .textos { float:left;margin-left:10px; }
.fila .textos h2 { display:block;width:100%;height:24px;line-height:24px;font-size:16px;color:rgb(51,51,51);margin:0px;padding:0px; }
.fila .textos span { display:block;width:100%;height:20px;line-height:20px;font-size:14px;color:rgb(51,51,51); }


.Oculto { display:none; }