@charset "utf-8";
/* CSS Document */
html{ background:#565656;}
html, body {margin: 0;}
body {font: 100%/1.4 Arial, Helvetica, sans-serif;background-color: #f3f3f3; padding: 0px;color: #000;}

ul, ol, dl { margin: 0; padding: 0;}
h1, h2, h3, h4, h5, h6, p {margin-top: 0;padding-right: 15px;padding-left: 15px; letter-spacing: -1px; }
a img {border: none;}
a{color: #42413C;text-decoration: none;}
a:visited {color: #6E6C64;text-decoration: underline;}
a:hover, a:active, a:focus { text-decoration: none;}
h1 a.title-selected{ color: #25aae1; } h1 a.title-selected:hover{ text-decoration:underline;}

.fltrt { float: right;margin-left: 8px;}
.fltlft { float: left;margin-right: 8px;}
.clearfloat {clear:both;height:0;font-size: 1px;line-height: 0px;}
.hrfloat {clear:both;height: 1px; background: #6f6f6f; font-size: 1px;line-height: 0px;}
.hrfloat2 {clear:both;height: 1px; background: #dbdbdb; font-size: 1px;line-height: 0px; width: 920px; margin: 0 auto;}
.hrfloat3 {clear:both;height: 1px; background: #dbdbdb; font-size: 1px;line-height: 0px;}

/* MENU */
.top-wrapper { background: #ffffff; -webkit-box-shadow: 0 0 5px #000; -moz-box-shadow: 0 0 5px #000; -o-box-shadow: 0 0 5px #000; box-shadow: 0 0 5px #000;}
.menu { height: 65px; width: 950px; margin: 0 auto; position:relative; }
a.logo{ float:left; width:225px; height: 56px; margin: 6px 0 0 5px; padding: 0px; background:url(../img/logo.png) no-repeat;}
ul.home-nav{ float:right; width: auto; height: 65px; margin-right: 25px; }
ul.home-nav li {float: left;list-style: none;height: 65px;font-family: Arial;font-size: 13px;font-weight: bold;}
ul.home-nav li a {width: auto;padding: 22px 9px;height: 21px; display: block; -webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear;-ms-transition: all 0.3s linear;-o-transition: all 0.3s linear; transition: all 0.3s linear;}
ul.home-nav li a:hover { background: #25aae1; color: #fff; text-shadow: 0 1px 1px #1a79a0; -webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear;-ms-transition: all 0.3s linear;-o-transition: all 0.3s linear; transition: all 0.3s linear;}
ul.home-nav li a.active{ background: #25aae1; color: #fff; text-shadow: 0 1px 1px #1a79a0; -webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear;-ms-transition: all 0.3s linear;-o-transition: all 0.3s linear; transition: all 0.3s linear;}
/*	primer nivel  */
ul.dropdown { position: relative; }
ul.dropdown li { font-weight: bold; float: left; zoom: 1;}
ul.dropdown li a { display: block;  color: #565656;  }
ul.dropdown li.hover, ul.dropdown li:hover { position: relative; }
/* 	segundo  */
ul.dropdown ul{ width: 200px; visibility: hidden; position: absolute; top: 100%; left: 0; z-index: 003 }
ul.sub_menu {-webkit-box-shadow: 0 2px 4px #333; -moz-box-shadow: 0 2px 4px #333; -o-box-shadow: 0 2px 4px #333; box-shadow: 0 2px 4px #333;}
ul.dropdown ul li{ background: #fff; color: #565656; border-bottom: 1px solid #f5f5f5; float: none; height: 34px !important; }
ul.dropdown ul li:last-child{ border-bottom: none;}
/* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a	{ border-right: none; width: 176px; display: inline-block; padding: 7px 12px; font-weight: normal; font-size: 13px; -webkit-transition: background 0.2s linear; -moz-transition: background 0.2s linear; -o-transition: background 0.2s linear; transition: background 0.2s linear; } 
/* tercero no lo necesitamos pero por las dudas */
ul.dropdown ul ul { left: 100%; top: 0; }
ul.dropdown li:hover > ul{ visibility: visible; }

.home-social { margin: 1em -47em;height: 30px;width: 105px;float: right;}
.f-social {margin: 1em 4em;height: 30px;width: 105px;float: left;}
.home-social a, .f-social a{ width:29px; height: 30px; display:block; background:url(../img/social-icons.png); float: left; margin: 0 3px;}
.home-social a.facebook, .f-social a.facebook{ background-position: 0px 0px;}
.home-social a.facebook:hover, .f-social a.facebook:hover{ background-position: 0px 30px;}
.home-social a.twitter, .f-social a.twitter{ background-position: -29px 0px;}
.home-social a.twitter:hover, .f-social a.twitter:hover{ background-position: -29px 30px;}
.home-social a.gplus, .f-social a.gplus{ background-position: -58px 0px;}
.home-social a.gplus:hover, .f-social a.gplus:hover{ background-position: -58px 30px;}


/* CONTENT */
.mainContent { width: 950px; padding: 15px; box-sizing:border-box; margin: 0 auto;}

.breadcrumb { list-style: none; overflow: hidden; font: 18px Helvetica, Arial, Sans-Serif; margin: 5px 0 0 7px;}
.breadcrumb li { float: left; color: #25aae1; font-size: 11px; }
.breadcrumb li a {color: #9b9b9b; text-decoration: none; padding: 5px;}
.breadcrumb li a:hover { color: #25aae1; }
.breadcrumb li a.active{ font-weight: bold;}

.col-left { width: 613px; float:left; margin-top: 10px;}
.col-right{ width: 283px; float:right; margin-top: 10px;}

.col-left h1{ color: #5c5c5c; font-size: 36px; font-weight: bold;margin: 0px;padding: 10px;}.col-left h1 span { margin-left: 155px;} .col-left h1 span a{font-size: 18px; color: #a9a9a9; }
.col-left h1.compact{padding: 0 10px;}
.col-left h1 span a:hover{color: #999;}
.left-banner img { border: 10px solid #e4e4e4;width: 96.5%;height: auto;}
.multiple-pics li { list-style: none; float:left; width: 173px; height: 118px; margin: 16px 12px;}
.multiple-pics li img {border: 10px solid #e4e4e4;}
.left-slideshow{position: relative; padding-bottom: 60%;}
.left-slideshow div{display:none; position:absolute;top: 0;left: 0;margin: -15px 0 10px 0;padding: 15px 30px 15px 15px;height: 407px;font-size: 12px;list-style: none;width: 95%;z-index: 001;}
.slideshow-thumbs { position: relative;float: right;z-index: 002; top: -20px; right: 31px}
.slideshow-thumbs li { list-style: none; float:left;}
.slideshow-thumbs li a { display:block; width: 77px; height:auto;}.slideshow-thumbs li a img { border: 3px solid #e4e4e4; width: 90%; height:auto;}
.slideshow-thumbs li a:hover{ box-shadow: 0 1px 2px ;}

.col-left p, .col-right p { font-size: 14px; color: #5c5c5c;}
p.ubicacion{ width: 40%; float:left; font-size: 14px; color: #9b9b9b;} p.ubicacion a { color: #25aae1; text-decoration:underline;}

.colaborar .fb-like{ margin: 18px 0 5px 15px !important; position: relative; z-index: 002 !important;}
.col-left .fb-like{ margin: 23px 0 0 15px; position: relative; z-index: 002 !important;}
.col-right .fb-like{ margin: 10px 0 10px 2px; width: 140px !important; overflow:hidden; float:left; position: relative; z-index: 002 !important;}
.necesitado .fb-like { margin: 8px 0 10px 2px; width: 140px !important; overflow:hidden; float:left; position: relative; z-index: 002 !important;}
.colaborar .twitter-share-button {margin: 20px -5px 0px 0px !important;}
.col-right .twitter-share-button {margin: 12px -5px 0px 0px;float: right;}
.necesitado .twitter-share-button { width: 50px; margin: 10px -5px 0px 0px; float:right;}
.col-left p a{ color: #25aae1; text-decoration:underline} .col-left p a:hover{ text-decoration: none;}

.colaborar, .padrinos-right { padding: 10px 0 !important;}
.col-box {width: 283px; padding: 10px; margin-bottom: 15px; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; background: #fff; -webkit-box-shadow: 0 1px 2px #aaaaaa; -moz-box-shadow: 0 1px 2px #aaaaaa; -o-box-shadow: 0 1px 2px #aaaaaa; box-shadow: 0 1px 2px #aaaaaa;}
.col-box h2 { width: 88%; padding-bottom: 7px; text-align:center; color: #929292; font-size: 20px; font-size: 20px; border-bottom: 1px solid #e4e4e4;}
.col-box a img { margin: -2px 3px 0 0;}
.col-box a.home-donar{ width: 263px; height: 64px; box-sizing:border-box; padding: 20px 0; text-align:center; display:block; background: #45b8e6; border: 1px solid #438faf; -webkit-box-shadow: inset 0 1px 1px #9fd2eb; -moz-box-shadow: inset 0 1px 1px #9fd2eb; -o-box-shadow: inset 0 1px 1px #9fd2eb; box-shadow: inset 0 1px 1px #9fd2eb; font-weight: bold; font-size: 17px; color: #fff; text-shadow: 0 1px 1px #3084a7; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; }
.col-box a.home-donar:hover { background: #52c3f0;}
.col-box a.home-apadr{ width: 263px; height: 64px; box-sizing:border-box; padding: 20px 0; margin-top: 12px; text-align:center; display:block; background: #add144; border: 1px solid #8a9b5c; -webkit-box-shadow: inset 0 1px 1px #cddf99; -moz-box-shadow: inset 0 1px 1px #cddf99; -o-box-shadow: inset 0 1px 1px #cddf99; box-shadow: inset 0 1px 1px #cddf99; font-weight: bold; font-size: 17px; color: #fff; text-shadow: 0 1px 1px #7c962f; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; }
.col-box a.home-apadr:hover{ background: #bde153;}
.col-box a.home-merien{width: 263px; height: 64px; box-sizing:border-box; padding: 20px 0; margin-top: 12px; text-align:center; display:block; background: #e5747e; border: 1px solid #d45762; -webkit-box-shadow: inset 0 1px 1px #eeafb5; -moz-box-shadow: inset 0 1px 1px #eeafb5; -o-box-shadow: inset 0 1px 1px #eeafb5; box-shadow: inset 0 1px 1px #eeafb5; font-weight: bold; font-size: 17px; color: #fff; text-shadow: 0 1px 1px #a7525a; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; }
.col-box a.home-merien:hover{ background: #ef808a; }

.col-right .box-comedor { width: 283px; height: 403px; background: #fff; -webkit-box-shadow: 0 1px 2px #aaaaaa; -moz-box-shadow: 0 1px 2px #aaaaaa; -o-box-shadow: 0 1px 2px #aaaaaa; box-shadow: 0 1px 2px #aaaaaa;}
.col-right .box-comedor img { width: 100%; height: auto;}
.col-right .box-comedor li img { width:auto; height:auto;}
.col-right .box-comedor .progress { margin: 7px; border: 1px solid #b4b4b4; height: 22px;width: 266px;}
.col-right .box-comedor .progress-bar {height:22px; width: 100%; background:url(../img/progress-small.png) center no-repeat; text-align:center;}
.col-right .tag-necesitado{display: none; position:relative; z-index: 003; background:url(../img/necesitado-label.png) center no-repeat; width: 114px; height: 103px; float: right;
top: -354px; right: -105px;}
.colaborar .progress-large{ width: 283px; height:auto; float:none; margin-top: 20px; margin-bottom: 5px;}
.colaborar .progress { margin: 10px 10px 0 10px !important; border: 1px solid #b4b4b4; height: 22px;width: 261px !important;}
.colaborar .progress-bar {height:22px; width: 100%; background:url(../img/progress-large.png) center no-repeat; text-align:center;}

p.completado{ color: #939393; font-weight: bold; font-size: 13px; margin: 0px; padding: 2px 0; text-align:center; text-shadow: 0 1px 1px #fff;}
p.completado span { color: #5c5c5c;}

.colaborar a.right-colaborar{ clear:both;margin: 0 auto;margin-top: 13px;margin-bottom: 10px; display: block;height: 65px;width: 260px;box-sizing: border-box;padding: 9px 5px;background: #44b9e6;border: 1px solid #669cb5; box-shadow: inset 0 1px 1px #9ed3ec;color: #fff;text-transform: capitalize;text-shadow: 0 1px 1px #2a7c9b;text-align: center;font-size: 30px;font-weight: normal;}
.colaborar a.right-colaborar:hover{ background: #4bc4f2;}

ul.comedor-info { margin: 0 5px 5px 5px;}
ul.comedor-info li { font-size: 12px; color: #5c5c5c; list-style: none; line-height: 20px;}

.padrinos-right { padding: 0px 0px 10px 0px !important}
.padrinos-right h3 { padding: 8px 10px; background: #d2e269; color: #fff; text-shadow: 0 1px 1px #939f4a; box-shadow: inset 0 -1px 5px #b8c45d}
.padrinos-right h3 img { margin: 0 3px -1px 0}
.padr-scroll { margin: -5px 0 0 12px; height: 290px; overflow: auto;}
.padr-scroll li { list-style: none; font-size: 13px; color: #5c5c5c; line-height: 22px; }
.newsletters-list, .events-list { height: 190px !important; margin-left: 8px}
.newsletters-list li, .events-list li{ list-style: none; color: #5c5c5c; font-size: 14px;clear: both;}
.newsletters-list li a, .events-list li a{ color: #26aced;}

.col-right h4, .col-right h5{ color: #5c5c5c;margin: 8px 8px;padding: 0;}
.list-titulo, .list-fecha, .list-fecha-dos, .list-comprob{ width: 50%;float: left;padding: 0;margin-bottom: 5px;} 
.list-fecha, .list-comprob { text-align:right;}
.list-comprob a{ text-decoration:underline; font-size: 12px;}

.banner{ width: 898px; height: 320px; padding-bottom: 20px; margin: 0 auto;}
.boxes-wrapper { float:left; }
.small{ width: 182px !important; height: 320px; float:left; margin-left: 2px;}
.medium{ width: 266px; height: 159px;}
.large{ width: 446px; height: 320px; margin-left: 2px;}
.slideshow { position: relative; width: 100%; height: 100%; z-index: 000; }
.slideshow > div { position: absolute;}
.main-ban{ background:#d3d3d3; width: 266px; height: 100%;}
.box2{margin-top: 2px;}
.box5{ margin: -150px 0 0 10px; position: relative; z-index: 003; text-shadow: 0 1px 1px #fff;}
.box5 h1{ font-size: 30px; font-weight:bold; color: #5c5c5c; margin-bottom: 0px;}
.box5 p, .box5 ul li{ font-size: 14px; font-weight: bold; color: #838383;} .box5 p a, .box5 ul li a{ color: #25aae1; text-decoration:underline;}
.box5 ul {margin-left: 30px;}
.box5 ul li{ list-style:disc;}

.filtrar { width: 900px; height: auto; margin:auto; margin: 20px 0 0 0;}
.filtrar li.filtrarpor{ color: #8d8d8d; font-weight: bold; border: 0px;}
.filtrar li{ list-style: none; float:left; padding: 0 10px;font-size: 14px; border-left: 1px solid #cbcaca; }
.filtrar li a{ color: #5c5c5c;} .filtrar li a:hover{ color: #2b2a2a; text-decoration:underline;}


.necesitado{ width: 896px; height: 315px; margin: 20px auto; padding: 10px 0 10px 10px; background: #fff; box-sizing: border-box; -webkit-box-shadow: 0 2px 2px #b6b6b6; -moz-box-shadow: 0 2px 2px #b6b6b6; -o-box-shadow: 0 2px 2px #b6b6b6; box-shadow: 0 2px 2px #b6b6b6;}
.tag-necesitado { position:relative; z-index: 003; background:url(../img/necesitado-label.png) center no-repeat; width: 114px; height: 103px; float: right;
top: -308px; right: -3px;}
.necesitado img { float:left; width: 420px; height: 294px;}
.info-large{ float:right; width: 445px;margin-right: 10px;}
.info-large h2, .info-large p { margin: 0px; padding: 0 5px;}
.info-large h2 { font-weight:bold; font-size: 28px; color: #5c5c5c; line-height: 20px; } .info-large h2 span{ font-size: 11px; font-weight: normal; color: #9b9b9b;}
.info-large p { font-size: 13px; color: #808080; margin-top: 15px; width: 95%} .info-large p a{color: #25aae1; text-decoration:underline;}
.info-large ul { float:left; margin-left:}
ul.comedor-detalle li { float:left; font-size: 12px; font-weight: bold; color: #acabab; list-style: none; margin: 15px 20px 0 0;}
ul.comedor-detalle li span { color: #5c5c5c}
ul.comedor-detalle li img { height: 14px; width: 14px; margin: 2px;}
.col-left ul.comedor-detalle li{ margin: 1px 20px 0 0; font-size: 14px}
.col-left ul.comedor-detalle li img {margin-bottom: -2px;}

p.tiene { text-align:center; font-size: 20px; font-weight: bold; color: #929292; margin: 20px 0;} p.tiene span { color: #5c5c5c; } p.tiene span.bigger{ font-size: 24px;}

ul.display-comedores { width: 900px; margin: 0 auto; clear: both; position: relative; top: 70px; margin-bottom: 50px;}
ul.display-comedores li.box-comedor { list-style: none; float: left;width: 250px; margin: 0 10px 20px 30px; background: #fff; -webkit-box-shadow: 0 1px 2px #aaaaaa; -moz-box-shadow: 0 1px 2px #aaaaaa; -o-box-shadow: 0 1px 2px #aaaaaa; box-shadow: 0 1px 2px #aaaaaa;}
.box-comedor a img { border-top: 1px solid #fff; border-bottom: 1px solid #e7e7e7;}
.box-info{ margin: 8px;height: 102px;}
.box-info h2, .box-info p { margin: 0px; padding: 0 5px;}
.box-info h2 { font-size: 18px; font-size: 18px; color: #5c5c5c; line-height: 14px; letter-spacing: -1px; padding-bottom: 10px;} .box-info h2 span { font-size: 11px; font-weight: normal; color: #9b9b9b;}
.box-info p{ font-size: 12px; color: #838383; line-height: 16px;} .box-info p a {color: #25aae1; text-decoration:underline;}

.box-comedor ul { float:left; width: 45%; margin-left:}
.box-comedor li { float:left; font-size: 12px; font-weight: bold; color: #acabab; line-height: 10px; list-style: none; margin: 10px 10px 0 10px !important;} .box-comedor li span { color: #5c5c5c}
.box-comedor li img { height: 14px; width: 14px; margin: 5px 2px -2px 0 !important; border: 0px;}

.necesitado-social{ float:left; height: 30px; width: 280px;margin: 8px 0 2px 0;}
.pls, .uiIconText { display: none !important;}
.info-large a.colaborar{display: block;width: 147px;height: 23px;padding: 10px 0; margin-top: -6px; float: right;background: #41b3e0;border-top: 1px solid #aed2ea;-webkit-box-shadow: 0 0 2px #88a9c0;-moz-box-shadow: 0 0 2px #88a9c0;-o-box-shadow: 0 0 2px #88a9c0;box-shadow: 0 0 2px #88a9c0;font-weight: bold;color: #fff;text-align: center; text-shadow: 0 1px 1px #2a7a97; }.info-large a.colaborar:hover {background: #45b8e5;}
.box-comedor a.colaborar{display: block;width: 90px;height: 14px;padding: 9px 0;margin: 5px;float: right;background: #41b3e0;border: 1px solid #2a7a97;color: #fff;text-align: center;
text-shadow: 0 1px 1px #2a7a97;font-size: 12px;font-weight: bold; -webkit-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px;}.box-comedor a.colaborar:hover {background: #45b8e5;}

.progress-large{ background: #ececec; border-bottom: 1px solid #e2e2e2; border-top: 1px solid #e2e2e2; height: 64px; width: 466px; float:right; margin-top: 28px; }
.progress-large .progress { margin: 10px; border: 1px solid #b4b4b4; height:41px; width: 444px;}
.progress-large .progress-bar{ height:41px; width: 100%; background:url(../img/progress-large.png) center no-repeat; text-align:center;}
.progress-large b { font-size: 18px; color: #6b6001; line-height: 40px; text-shadow: 0 1px 1px #fff;}

.progress-small{background: #ececec; border-bottom: 1px solid #e2e2e2; border-top: 1px solid #e2e2e2; height: 38px; width: 100% }
.progress-small .progress { margin: 7px; border: 1px solid #b4b4b4; height: 22px; width: 233px}
.progress-small .progress-bar {height:22px; width: 100%; background:url(../img/progress-small.png) center no-repeat; text-align:center;}
.progress-small b { font-weight:bold; font-size: 12px; color: #6b6000; line-height:24px; text-shadow: 0 1px 1px #fff;}

ul.team { width: 295px}
ul.team li{ list-style: none; color: #909090; font-size: 14px; font-weight: bold; clear:both; line-height: 24px; text-shadow: 0 1px 1px #fff; }
ul.team li a img{ margin: 0 0 -2px 0; display: inline-block; height: 11px; width: 13px}
ul.team li.list-titulo { color: #5c5c5c; font-size: 18px; margin-top: 20px; margin-bottom: 0px;width: 290px;}
ul.team li.subtitle{color: #5c5c5c;}
ul.team ul { margin-left: 20px;}

.col-left form { padding: 4px;}
.editarcuenta .fltlft, .editarcuenta .fltrt { width: 45%;}
.editarcuenta { font-size: 13px; color: #5c5c5c; }
.editarcuenta input, .editarcuenta select{ width: 220px; height: 28px; padding: 3px; box-sizing:border-box; border: 1px solid #c8c8c8;margin-bottom: 10px;}
.editarcuenta input[type=checkbox]{ width:auto; height: auto; margin-bottom: 0px;}
input.vencimiento { width: 30px}

.edit-cancel{ font-size: 16px; font-weight: bold; color: #fff; text-shadow: 0 1px 1px #757575; background: #aeaeae; width:98px !important; height:39px !important; border: 1px solid #919191; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; cursor: pointer;margin: 22px 10px 0 25%;}
.edit-cancel:hover{background: #a4a4a4;}
.edit-save {font-size: 18px; font-weight: bold; color: #fff; text-shadow: 0 1px 1px #588aab; background: #42b5e2; width:175px !important; height:45px !important; border: 1px solid #4f8ab2 !important; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; cursor: pointer; margin-top: -2px}
.edit-save:hover{ background: #4bbdea;}
.select-save {font-size: 16px; font-weight: bold; color: #fff; text-shadow: 0 1px 1px #588aab; background: #42b5e2; width:120px !important; height:39px !important; border: 1px solid #4f8ab2 !important; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; cursor: pointer; float:right; margin: 15px 15px 0 0}
.select-save:hover{ background: #4bbdea;}

.subs-titles { color: #616060; font-size: 14px; font-weight: bold; margin-top: -10px; padding: 0 32px 5px 8px; border-bottom: 1px solid #e4e4e4;}
.subs-titles li { list-style: none;}
.subs-titles li:last-child{ float:right;margin: -20px 0 0 0;}

.suscripciones li.suscripcion { list-style: none; border-bottom: 1px solid #f6f6f6;} 
p.suscripcion { font-size: 12px; text-align:center; width: 100%; padding: 10px 0; margin: 0px; border-bottom: 1px solid #f6f6f6; color: #666;}
.suscripcion ul {padding: 5px 5px 0 5px;}
.suscripcion ul li { float:left; list-style: none; font-size: 12px;}
.suscripcion ul li.comed-progr { width: 180px;}
.suscripcion ul li.comed-progr a{ color: #25aae1; text-decoration: underline;}
.suscripcion ul li.monto{ text-align:center; width: 45px;}
.suscripcion ul li.edit-suscr { margin: 2px 0 0 10px;}
.suscripcion ul li.edit-suscr a{ display:block; width: 13px; height: 12px; background:url(../img/icono-edit.png) center no-repeat}

.data-selected li { list-style: none; font-size: 14px; font-weight: bold; color: #5c5c5c; margin-left: 15px;}

a.aside-register { background: #b4cb58; width: 189px; height: 37px; display:block; font-size: 16px; font-weight: bold; color: #fff; text-shadow: 0 1px 1px #738238;  -webkit-box-shadow: inset 0 1px 1px #e6eec8; -moz-box-shadow: inset 0 1px 1px #e6eec8; -o-box-shadow: inset 0 1px 1px #e6eec8;box-shadow: inset 0 1px 1px #e6eec8; border: 1px solid #9aae47; cursor: pointer; margin: 0 auto; margin-bottom: 10px;padding: 7px 0;text-align: center; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box;box-sizing: border-box;}
a.aside-register:hover{background: #c0e260;}

.padr-display{width: 600px; height: 450px; margin: 0 auto; overflow: auto;}
table.padrinos { border: 1px solid #e4e4e4; border-spacing: 0px;}
table.padrinos th{ background: #e4e4e4; border: none;  width: 185px; height: 35px; font-size: 14px; color: #5c5c5c; text-transform: capitalize;}
th.large, td.large { width: 220px;}
table.padrinos td { height: 30px; text-align:center; border-right: 1px solid #e4e4e4; border-bottom: 0px; border-top: 0px; border-left: 0px; font-size: 13px; font-weight: normal; color: #868686;}

.agradecimientos { text-align:center;}
.agradecimientos img{ margin: 0 auto; }
.agradecimientos p { font-size: 12px !important; font-weight: bold; color: #7f7f7f;}
.sponsor-logos { width:auto; margin: 0 auto;}
.sponsor-logos li { display: inline-block; border: 5px solid #e4e4e4; list-style: none; width: auto; height:auto; margin-top:4px;}
.sponsor-logos li img { width: 106px; height: 107px;}

.donar-form { padding: 5px 2px !important;}
.donar-btn{ width: 285px; height:80px; display:block; color: #fff; text-align:center; text-transform:uppercase; font-size: 20px; font-weight: bold; line-height: 24px;  box-sizing: border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box;box-sizing:border-box; cursor: pointer}
.donar-btn span { font-size: 21px;}
.quince {background: #c55876; border: 1px solid #9e3b56; -webkit-box-shadow: inset 0 1px 1px #e1abba; -moz-box-shadow: inset 0 1px 1px #e1abba; -o-box-shadow: inset 0 1px 1px #e1abba; -ms-box-shadow: inset 0 1px 1px #e1abba; box-shadow: inset 0 1px 1px #e1abba;text-shadow: 0 1px 1px #8b3e53;}
.treinta {background: #d88337; border: 1px solid #a36329; -webkit-box-shadow: inset 0 1px 1px #eac09a; -moz-box-shadow: inset 0 1px 1px #eac09a; -o-box-shadow: inset 0 1px 1px #eac09a; -ms-box-shadow: inset 0 1px 1px #eac09a; box-shadow: inset 0 1px 1px #eac09a;text-shadow: 0 1px 1px #985c26;}
.sesenta {background: #7ca943; border: 1px solid #668b38; -webkit-box-shadow: inset 0 1px 1px #bdd4a1; -moz-box-shadow: inset 0 1px 1px #bdd4a1; -o-box-shadow: inset 0 1px 1px #bdd4a1; -ms-box-shadow: inset 0 1px 1px #bdd4a1;  box-shadow: inset 0 1px 1px #bdd4a1; text-shadow: 0 1px 1px #58782f}
input.donarx{ border: 1px solid #63477d; background: #fff; color: #bebebe !important; padding-left: 5px;margin: 0 0 0 15px;width: 235px;height: 34px;position: absolute;}

.thanks { width: 610px; margin-top: 13px;}
.thanks h2 { color: #5c5c5c; text-align:left; width: 95%}
.thanks-logo { background: #f3f3f3; width: 180px; height: 130px; float:left; margin: 0 8px 7px 8px; }

.ad-small, .ad-medium, .ad-large { background: #f3f3f3; width: 245px; margin: 0 auto;}
.ad-small { height: 40px; margin-top: 10px; }
.ad-medium { height: 70px; }
.ad-large { height:160px; margin-top: 10px; margin-bottom: 10px;}

p.error {font-size: 12px;text-align: center;margin-top: 15px;font-weight: bold;color: #C00 !important;}
p.success{font-size: 12px;text-align: center;margin-top: 15px;font-weight: bold;color: #390 !important;}

.faqs { height: 500px;}
.faqs p { font-weight: bold;}
.faqs p span { font-weight: normal;}

#banner-overlay {display:none; z-index: 999; width: 100%; height: 100%; background: rgba(0,0,0, 0.4); top: 0 !important; left: 0;}
.banner-box {position:relative; top: 10%; width: 800px; height: 400px; margin: 0 auto; padding: 15px; box-sizing:border-box;background:#fff; -webkit-box-shadow: 0 1px 5px #000; -moz-box-shadow: 0 1px 5px #000; -o-box-shadow: 0 1px 5px #000; box-shadow: 0 1px 5px #000;}
.banner-box img { width: 760px;height: 310px;padding: 5px;}

/* FOOTER */
.footer-btns{ float:left; width: 240px; padding: 20px 15px;}
.footer-btns a{-webkit-transition: background 0.2s linear;-moz-transition: background 0.2s linear;-ms-transition: background 0.2s linear;-o-transition: background 0.2s linear; transition: all 0.2s linear;}
.footer-btns a span { text-transform:none; font-weight: normal; font-size: 11px;}
.footer-btns a img { margin: -2px 3px 0 0;}
.footer-btns a.home-donar{ display: block;height: 65px;width: 240px;-moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box;padding: 14px 20px;background: #47b9e7;color: #fff;text-transform: uppercase;text-shadow: 0 1px 1px #5380a0;text-align: center;font-size: 15px;font-weight: normal;border-top: 1px solid #d1e7f5;-webkit-box-shadow: 0 0 8px #000;-moz-box-shadow: 0 0 8px #000;-o-box-shadow: 0 0 8px #000;box-shadow: 0 0 8px #000;}
.footer-btns a.home-donar:hover { background: #8dcaf4;}
.footer-btns a.home-apadr{display: block;height: 65px;width: 240px;margin-top: 5px; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box;padding: 6px 45px;background: #9fbe41;color: #fff;text-transform: uppercase;text-shadow: 0 1px 1px #5380a0;text-align: center;font-size: 15px;font-weight: normal;border-top: 1px solid #d1e7f5;-webkit-box-shadow: 0 0 8px #000;-moz-box-shadow: 0 0 8px #000;-o-box-shadow: 0 0 8px #000;box-shadow: 0 0 8px #000;}
.footer-btns a.home-apadr:hover{ background: #b8cf58;}

.footer-wrapper{ background: #565656; width: 100%}
.footer { width: 950px; margin: 0 auto;}
.footer ul.foot-donar, .footer ul.foot-links { margin: 10px 0}
.footer ul.foot-donar li, .footer ul.foot-links li { list-style: none; float:left; margin: 10px 10px;}
.footer a.tienda{ width: 172px; height: 21px; display:block; background:url(../img/tienda.png) center no-repeat}
.footer a.tienda:hover {background:url(../img/tienda-h.png) center no-repeat}
.footer a.merienda{ width: 144px; height: 22px; display:block; background:url(../img/merienda.png) center no-repeat}
.footer a.merienda:hover{background:url(../img/merienda-h.png) center no-repeat}

.footer-menu { float:left; width: 670px; padding: 17px 5px;}
.footer-menu ul{ float:left; width:auto; margin: 0 5px;}
.footer-menu ul li {list-style: none;  font-size: 12px; font-weight:bold; line-height: 22px;text-shadow: 0 1px 1px #3b3b3b;}
.footer-menu ul li a { color: #b6b6b6;} .footer-menu ul li a:hover { color: #fff;}
.f-title { font-size: 16px; font-weight: bold; color: #e0dfdf; text-shadow: 0 1px 1px #3b3b3b; margin: 5px 0 5px -10px}

.footer ul.foot-links li a { font-size: 14px; text-shadow: 0 1px 1px #3a3a3a; color: #fff;}
.footer ul.foot-links li a:hover { color: #26baf7;}
.footer ul.foot-links li a.newsletter{ background: #47b9e7; padding: 7px 10px; text-shadow: 0 1px 1px #4f7b9a; -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
.footer ul.foot-links li a.newsletter:hover{ text-shadow: 0 -1px 1px #4f7b9a; color: #fff;}

#login, #registrar, #forgot, #help_download_banner{display:none; z-index: 999; width: 100%; height: 100%; background: rgba(0,0,0, 0.4); top: 0 !important; left: 0;}
#registrar{font-size: 12px; font-weight: normal; font-style:italic; color: #5d5d5d;}
.registrar-form {overflow-y: scroll; height: 300px;}
.pop-up-small{ position:relative; top: 30%; width: 372px; margin: 0 auto; padding: 15px; box-sizing:border-box;background:#fff; -webkit-box-shadow: 0 1px 5px #000; -moz-box-shadow: 0 1px 5px #000; -o-box-shadow: 0 1px 5px #000; box-shadow: 0 1px 5px #000;}
.pop-up-large{position:relative; top: 10%; width: 520px; height: 400px; margin: 0 auto; padding: 15px; box-sizing:border-box;background:#fff; -webkit-box-shadow: 0 1px 5px #000; -moz-box-shadow: 0 1px 5px #000; -o-box-shadow: 0 1px 5px #000; box-shadow: 0 1px 5px #000;}
#login h3, #registrar h3, #forgot h3,  #help_download_banner h3{ color: #5d5d5d; font-size: 22px; font-weight: bold; font-style: normal; padding: 0 2px 10px 2px; margin: 0px; width: 100%; border-bottom: 1px solid #d7d7d7;}
#login h3 span{ font-size: 13px; color: #b2b2b2}
#login h3 span a {color: #25aae1; text-decoration:underline;}
span.close{   position:absolute; cursor:pointer; font-size: 24px !important; margin-left: 35px;}
#login .login-wrap { width: 60%; margin: 0 auto; }
#login label { font-size: 16px; font-weight: bold; color: #25aae1; text-transform:lowercase; margin-top: 10px}
#login input, #forgot input{ border: 1px solid #d1d1d1; padding: 5px 3px; width: 100%; height: 30px; color: #333;}
#forgot input {width: 80%;position: relative;left: 27px;}
#login .login-send, #forgot .forgot-send, #help_download_banner .login-send{ display:block; background: #44b7e5; border: 1px solid #4d91c0; -webkit-box-shadow: inset 0 1px 1px #afddf3; -moz-box-shadow: inset 0 1px 1px #afddf3; -o-box-shadow: inset 0 1px 1px #afddf3; box-shadow: inset 0 1px 1px #afddf3; font-weight: bold; font-size: 20px; color: #fff; text-shadow: 0 1px 1px #256c88;width: 206px; height:auto; cursor: pointer;  text-align:center;}
.forgot-send{ position: relative;top: 5px;left: 62px;}
#help_download_banner span{ font-size: 13px; color: #b2b2b2}

#login .login-send:hover{ background: #63cbf5;}
a.forgot-psswd{color: #25aae1; text-decoration:underline; font-size: 12px; font-weight: bold; text-align:center; display:block; width: 60%;padding: 10px; margin: 0 auto; }
#forgot p {color: #444;font-size: 14px;}
#forgot p.adknowledge {color: #25aae1; font-size: 12px; margin-top: 20px; text-align:center;}

.aside-login { width: 75%; margin: 0 auto;}
.aside-login label{ font-size: 12px; font-weight: bold; color: #25aae1; text-transform:lowercase; margin-top: 10px}
.aside-login input{ width: 100%; border: 1px solid #d1d1d1; padding: 5px 3px; color: #333;}
.aside-login .login-send { display:block; background: #44b7e5; border: 1px solid #4d91c0; -webkit-box-shadow: inset 0 1px 1px #afddf3; -moz-box-shadow: inset 0 1px 1px #afddf3; -o-box-shadow: inset 0 1px 1px #afddf3; box-shadow: inset 0 1px 1px #afddf3; font-weight: bold; font-size: 16px; color: #fff; text-shadow: 0 1px 1px #256c88; height:auto; cursor: pointer; text-align:center;}
.aside-login .login-send:hover{background: #63cbf5;}


#registrar label {font-size: 14px; font-weight: bold; font-style:normal; color: #5d5d5d; text-transform: capitalize; text-align:right; margin-top: 10px; width: 150px; float:left;}
#registrar input { width: 260px; height: 28px; border: 1px solid #dddddd; margin: 3px 0 7px 7px; }
#registrar input[type="checkbox"] { width:auto; height:auto; margin-left: 160px;}
#registrar input[type="submit"] { background: #b4cb58; width: 160px; height: 48px; font-size: 16px; font-weight: bold; color: #fff; text-shadow: 0 1px 1px #738238;  -webkit-box-shadow: inset 0 1px 1px #e6eec8; -moz-box-shadow: inset 0 1px 1px #e6eec8; -o-box-shadow: inset 0 1px 1px #e6eec8;box-shadow: inset 0 1px 1px #e6eec8; border: 1px solid #9aae47; cursor: pointer; float:right;margin: 13px 52px 0 0; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;} 
#registrar input[type="submit"]:hover{ background: #c2da61;}

/* FACEBOOK */
.face-wall { height: 408px; overflow:auto;}
.fb-wall{font-family: "lucida grande",tahoma,verdana,arial,sans-serif;font-size:13px;width: 95%;margin: 0 auto;line-height:1.2em;color:#333333;padding:10px;}
.fb-wall a{text-decoration:none;color:#3B5998;}
.fb-wall a:hover{text-decoration:underline;}
.fb-wall.loading{height:300px;background:url(loader-small.gif) no-repeat center center;}
.fb-wall-box{margin-bottom:10px;border-top:1px solid #eee;padding-top:10px;}
.fb-wall-box-first{border:0;padding-top:0;}
.fb-wall-avatar{float:left;border:0;}
.fb-wall-data{margin-left:60px;}
.fb-wall-media{display:block;font-size:11px;margin-bottom:5px;}
.fb-wall-border-left{border-left:2px solid #CCCCCC;padding:0 0 3px 8px;}
.fb-wall-media-container{display:table;}
.fb-wall-media-link{border:1px solid #ccc;display:inline-block;color:#3B5998;cursor:pointer;float:left;margin-right:5px;}
.fb-wall-media-link:hover{border:1px solid #3B5998;}
.fb-wall-picture{margin-right:10px;border:0;display:block;margin:3px;}
.fb-wall-name{display:block;font-weight:bold;color:#3B5998;}
.fb-wall-caption{display:block;color:#3B5998;}
.fb-wall-description{display:block;color:#777;line-height:1.2em;}
.fb-wall-icon{float:left;margin-right:5px;}
.fb-wall-date{font-size:11px;color:#777;clear:left;display:block;margin-bottom:5px;}
.fb-wall-message{display:block;margin-bottom:5px;}
.fb-wall-message-from{font-weight:bold;color:#3B5998;}
.fb-wall-link{color:#333;font-size:11px;text-decoration:none;}

/* Likes*/
.fb-wall-likes{border-bottom:1px solid #E5EAF1;margin-bottom:2px;display:block;font-size:11px;background:url(../img/like.gif) no-repeat 0 0 ;padding-top:5px;}
.fb-wall-likes div{margin:0;background:url(../img/like.gif) no-repeat 0 -5px #EDEFF4;padding:5px 5px 4px 24px;}
.fb-wall-likes div span{color:#3B5998;}

/* Comments */
.fb-wall-comments{margin-top:2px;font-size:11px;}
.fb-wall-comment{background-color:#EDEFF4;border-bottom:1px solid #E5EAF1;margin-top:2px;padding:5px 5px 4px; display:block;overflow:hidden;}
.fb-wall-comment-message{display:table;}
.fb-wall-comment-from-name{font-weight:bold;color:#3B5998;}
.fb-wall-comment-from-date{color:#777;clear:left;display:block;}
.fb-wall-comment-avatar{width:32px;height:32px;float:left;margin-right:5px;overflow:hidden;}
.fb-wall-comment-avatar img{width:32px;height:32px;}
		
/* Clearfix */
		
.fb-wall:after, .fb-wall-media:after, .fb-wall-clean{content:'.';display:block;height:0;clear:both;visibility:hidden;font-size:0;line-height:0;}		

/* Estilos de selector */
a.back-btn { font-size:14px; color:#0CF; text-decoration:underline; padding: 10px; display:block; margin-left: 30px; }
.cancel-btn{ font-size: 16px; font-weight: bold; color: #fff; text-shadow: 0 1px 1px #757575; background: #aeaeae; width:98px !important; height:39px !important; border: 1px solid #919191; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; cursor: pointer;margin: 22px 10px 0 25%;}
.cancel-btn:hover{background: #a4a4a4;}

.juegoteca {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color:#ededed;
	-webkit-border-top-left-radius:6px;
	-moz-border-radius-topleft:6px;
	border-top-left-radius:6px;
	-webkit-border-top-right-radius:6px;
	-moz-border-radius-topright:6px;
	border-top-right-radius:6px;
	-webkit-border-bottom-right-radius:6px;
	-moz-border-radius-bottomright:6px;
	border-bottom-right-radius:6px;
	-webkit-border-bottom-left-radius:6px;
	-moz-border-radius-bottomleft:6px;
	border-bottom-left-radius:6px;
	text-indent:0;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#777777;
	font-family:arial;
	font-size:10px;
	font-weight:bold;
	font-style:normal;
	height:20px;
	line-height:20px;
	width:60px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #ffffff;
}
.juegoteca:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
	background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	background-color:#dfdfdf;
}.juegoteca:active {
	position:relative;
	top:1px;