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

.background { width: 100%; height: 100%; max-height: 100%;position: absolute; overflow:hidden; z-index: 001;}
img.fullscreen { width: 100%; height:auto;}

ul, ol, dl { margin: 0; padding: 0;}
h1, h2, h3, h4, h5, h6, p {margin-top: 0;padding-right: 15px;padding-left: 15px; }
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;}

.fltrt { float: right;margin-left: 8px;}
.fltlft { float: left;margin-right: 8px;}
.clearfloat {clear:both;height:0;font-size: 1px;line-height: 0px;}

/* Menu */
.buttons-wrapper {position:absolute; z-index: 003; top: 6%; left: 0%; }
.home-menu { height: 65px; width: auto; 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;}
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-left: 20px;padding-right: 10px; }
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; }
ul.dropdown ul li{ background: #fff; color: #565656; border-bottom: 1px solid #f5f5f5; float: none; height: 34px !important; }
/* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a	{ border-right: none; width: 176px; display: inline-block; padding: 8px 12px; font-weight: normal; font-size: 13px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 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 0 0 1em !important; height: 30px; width: 105px}
.home-social a{ width:29px; height: 30px; display:block; background:url(../img/social-icons.png); float: left; margin: 0 3px;}
.home-social a.facebook{ background-position: 0px 0px;}
.home-social a.facebook:hover{ background-position: 0px 30px;}
.home-social a.twitter{ background-position: -29px 0px;}
.home-social a.twitter:hover{ background-position: -29px 30px;}
.home-social a.gplus{ background-position: -58px 0px;}
.home-social a.gplus:hover{ background-position: -58px 30px;}

.home-btns{position: relative;z-index: 002;padding-top: 30%;margin: 0 auto;width: 600px;}
.home-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;}
.home-btns a span { text-transform:none; font-weight: normal; font-size: 11px;}
.home-btns a img { margin: -2px 3px 0 0;}
.home-btns a.home-donar{ display: block; float:left; height: 75px; width: 255px;-moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box;box-sizing: border-box;padding: 16px 10px; background: #47b9e7; color: #fff; text-transform:uppercase; text-shadow: 0 1px 1px #5380a0; text-align:center; font-size: 17px; 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;}
.home-btns a.home-donar:hover { background: #8dcaf4;}
.home-btns a.home-apadr{display: block;float: left;height: 75px;width: 215px;-moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box;box-sizing: border-box;padding: 10px 15px; background: #9fbe41;color: #fff;text-transform: uppercase;text-shadow: 0 1px 1px #5380a0;text-align: center;font-size: 17px;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;}
.home-btns a.home-apadr:hover{ background: #b8cf58;}

.home-ad{ clear:both; position: relative; top: 30px; z-index: 002; background: #dfdfdf; width: 468px; height: 60px; -webkit-box-shadow: 0 0 3px #000; -moz-box-shadow: 0 0 3px #000; -o-box-shadow: 0 0 3px #000; box-shadow: 0 0 3px #000;}

.footer-wrapper{position: absolute; bottom: 0%; z-index:003; background: #565656; height: 62px; width: 100%}
.footer { width: 950px; height: 62px; margin: 0 auto;}
.footer ul.foot-donar, .footer ul.foot-links { margin-top: 20px}
.footer ul.foot-donar li, .footer ul.foot-links li { list-style: none; float:left; margin: 0 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 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, #forgot{display:none; z-index: 999; width: 100%; height: 100%; background: rgba(0,0,0, 0.4); top: 0 !important; left: 0;}
.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;}
#login h3, #forgot h3{ color: #5d5d5d; font-size: 22px; font-weight: bold; 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{ 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;}
#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;}