/* General Items */ a:link {color:#001133;text-decoration:none;} /* unvisited link */ a:visited {color:#001133;text-decoration:none;} /* visited link */ a:hover {color:#000033;} /* mouse over link */ a:active {color:#000033} /* selected link */ h1 {font-family: 'Marmelad', sans-serif; color:#003355;font-weight:400;font-size:42px; text-align:right; margin:0px 20px 0px 10px;} h2 {font-family: 'Marmelad', sans-serif; color:#001133;font-weight:400;font-size:20px; text-align:right; margin:0px 20px 5px 0px;} h3 {font-family: 'Marmelad', sans-serif; color:#000000;font-weight:400;font-size:18px; margin:5px 0px 0px 20px;} h4 {font-family: 'Marmelad', sans-serif; color:#FF2200;font-weight:400;font-size:24px;margin:0px 0px 0px 0px;} body { background: #ffffff url(https://www.xmbbox.com/multimedia/images/back/grey-pattern.jpg); font-family:"Century Gothic", Verdana, serif;font-size:14px; color:#000000; margin:0; padding:0; border:0;} #container { background: transparent; display:table; width:960px; height:auto; margin:0 auto 0 auto; clear: both;} #containercat { clear:both; text-align:left; width: 100%; min-height:550px;} #containersld { background: transparent; display:table; width:960px; height: 275px; margin:0 auto 0 auto; clear: both;} /* Access Elements*/ #accessmainbox { background: url(https://www.xmbbox.com/multimedia/images/back/translucent-white.png); width:750px; height:auto; clear:both; font-family: 'Marmelad', sans-serif; color:#000000; text-align:center; font-size:14px; margin:0 auto 0 auto; clear: both;} #accesstitlebox { background:#FFFFFF; clear:both; width: 750px; height:270px; font-family: 'Marmelad', sans-serif; text-align:center; font-size:20px; -moz-box-shadow: inset 0 0 10px #000000; -webkit-box-shadow: inset 0 0 10px #000000; box-shadow: inset 0 0 10px #000000;} #accesstextbox { background:transparent; float:left; width: 455px; height:350px; text-align:justify; font-size:30px;} #accesstextbox h3 { font-family: 'Marmelad', sans-serif; color:#000055; text-align:left;font-weight:700;font-size:24px; margin:0px 0px 0px 0px;} #accessformbox { background:#ffffff; float:left; width: 450px; height:auto; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;-khtml-border-radius:5px; -moz-box-shadow:inset 0 10px 10px #e9e9e9;-webkit-box-shadow:inset 0 10px 10px #e9e9e9;box-shadow:inset 0 10px 10px #e9e9e9; border:2px solid #bebebe;} .std_textbox { background-color:transparent;box-shadow:none; width: 445px; font-weight:400; font-size:24px; border:0px;} #accesserrorbox { background:transparent; color:#FF0000; width:445px; height:20px; font-size:20px; text-align:center; font-weight:700; clear: both; margin:0px 0px 0px 0px;} /* Main Elements*/ #mainlogobox { background:transparent; width:900px; height:600px; clear: both; text-align:left;} #sloganbox { background:transparent; width:900px; height:120px; clear: both; text-align:center;} #catbackboxesp { background: #ffffff url(https://www.xmbbox.com/oracion/images/xmbbox-oracion-velas.jpg) no-repeat center center; background-size: 100%; width: 100%; height:300px; clear: both; -moz-box-shadow: -3px 5px 5px 5px #000511; -webkit-box-shadow: -3px 5px 5px 5px #000511; box-shadow: -3px 5px 5px 5px #000511;} #catbackboxintesp { background: #ffffff url(https://www.xmbbox.com/oracion/images/xmbbox-oracion-velas.jpg) no-repeat center center; background-size: 100%; width: 100%; height:150px; clear: both; -moz-box-shadow: -3px 5px 5px 5px #000511; -webkit-box-shadow: -3px 5px 5px 5px #000511; box-shadow: -3px 5px 5px 5px #000511;} /* Containers */ #barstd { background:transparent; width:960px; height:auto; clear: both; font-family: 'Francois One', sans-serif; color:#990000; text-align:left;font-weight:400;font-size:14px;} #barstd h1 { font-family: 'Fjalla One'; color:#FFFFFF; text-align:center;font-weight:700;font-size:22px; margin:0px 0px 0px 0px;} #barstd h2 { font-family: 'Fjalla One'; color:#000040; text-align:center;font-weight:700;font-size:21px; margin:0px 0px 0px 0px;} #barstd h3 { font-family: 'Fjalla One'; color:#000040; text-align:left;font-weight:400;font-size:20px; margin:0px 0px 0px 0px;} #barstd h4 { font-family: 'Fjalla One'; color:#C46200; text-align:left;font-weight:700;font-size:18px; margin:0px 0px 0px 0px;} #barstd h5 { font-family: 'Marmelad', sans-serif; color:#FFFFFF; text-align:right;font-weight:700;font-size:40px; margin:0px 0px 0px 0px;} #barstd h7 { font-family: 'Fjalla One'; color:#000040; text-align:left; font-weight:400;font-size:14px; margin:0px 0px 0px 0px;} #sprtbox { background:transparent; width:290px; height:320px; float:left; text-align:center;} #sprtboxlogo { background:transparent; width:270px; height:205px; float:left; text-align:center; overflow-x:hidden;} #sprtboxname { background:transparent; width:270px; height:90px; float:left; text-align:center; overflow-y:hidden;} /* Text Containers */ #maintextbox { background: transparent; width: 900px; min-height:25px; clear: both; text-align:center; font-size:12px;color:#000000;margin:0 auto 0 auto;} #maintextbox h1 { font-family: 'Fjalla One'; color:#001133;font-weight:400;font-size:54px; text-align:left; margin:0px 20px 0px 10px;} #maintextbox h2 { font-family: 'Fjalla One'; color:#FF0000;font-weight:400;font-size:30px; text-align:left; margin:0px 20px 0px 10px;} #semptextbox { background: url(https://www.xmbbox.com/multimedia/images/back/translucent-white.png); width: 580px; min-height:25px; float:right; text-align:center; font-size:12px;color:#000000;margin:0 auto 0 auto;} #semptextbox h1 { font-family: 'Fjalla One'; color:#004080;font-weight:400;font-size:44px; text-align:right; margin:0px 20px 0px 10px;} #interbox { background: #00366C; width: 100%; height:580px; text-align:right; clear: both;} #intertextbox { background: transparent; width: 900px; height:25px; clear: both; text-align:center; font-size:12px;color:#000000;margin:0 auto 0 auto;} #intertextbox h1 { font-family: 'Fjalla One'; color:#FFFFFF;font-weight:700;font-size:58px; text-align:left; margin:0px 20px 0px 10px;} #intertextbox h4 { font-family: 'Fjalla One'; color:#CCCCCC;font-weight:400;font-size:28px; text-align:left; margin:0px 20px 0px 10px;} #interboxb { background: #FF8000; width: 100%; height:580px; text-align:left; clear: both;} #intertextboxb { background: transparent; width: 900px; height:25px; clear: both; text-align:center; font-size:12px;color:#000000;margin:0 auto 0 auto;} #intertextboxb h1 { font-family: 'Fjalla One'; color:#FFFFFF;font-weight:700;font-size:58px; text-align:right; margin:0px 20px 0px 10px;} #intertextboxb h4 { font-family: 'Fjalla One'; color:#000000;font-weight:400;font-size:28px; text-align:right; margin:0px 20px 0px 10px;} #infocontentbox { background: url(https://www.xmbbox.com/multimedia/images/back/translucent-white.png); width:960px; height:auto; clear:both; font-family: 'Marmelad', sans-serif; color:#000000; text-align:center; font-size:14px; margin:0 auto 0 auto; clear: both;} #infocontentbox h1 { font-family: 'Permanent Marker', cursive; color:#000000;font-weight:700;font-size:28px; text-align:center; margin:0px 0px 0px 0px;} #infocontentbox h2 { font-family: 'Permanent Marker', cursive; color:#000000;font-weight:700;font-size:24px; text-align:left; margin:0px 0px 0px 0px;} #infocontentbox h3 { font-family: 'Permanent Marker', cursive; color:#FF3300;font-weight:700;font-size:28px; text-align:center; margin:0px 0px 0px 0px;} #infocontentbox h4 { font-family: 'Permanent Marker', cursive; color:#880000;font-weight:400;font-size:26px; text-align:center; margin:0px 0px 0px 0px;text-decoration: line-through;} #infocntntboxd { background:url(https://www.xmbbox.com/multimedia/images/back/translucent-light-grey.png); width:960px; height:auto; clear:both; color:#000000; text-align:center; font-size:14px; margin:0 auto 0 auto; clear: both;} #infocntntboxd h1 { font-family: 'Marmelad', sans-serif; color:#ffffff;font-weight:700;font-size:44px; text-align:center; margin:0px 0px 0px 0px;} #infocntntboxd h2 { font-family: 'Marmelad', sans-serif; color:#ffffff;font-weight:700;font-size:40px; text-align:left; margin:0px 0px 0px 0px;} #infocntntboxd h3 { font-family: 'Marmelad', sans-serif; color:#333333;font-weight:700;font-size:40px; text-align:left; margin:0px 0px 0px 0px;} #infocntntboxd h4 { font-family: 'Open Sans', sans-serif; color:#C46200; font-weight:700;font-size:27px; text-align:left; margin:0px 0px 0px 0px;} #innertxtbox { background: transparent; width:900px; height:auto; clear:both; font-family: 'Open Sans', sans-serif; color:#333333; text-align:left; font-weight:400; font-size:27px; margin:0 auto 0 auto; clear: both;} #sectionredbar { background: #800000; width:960px; min-height:70px; float:left; font-family: 'Advent Pro', sans-serif; font-size:12px; } #sectionbluebar { background: #152D39; width:960px; min-height:70px; float:left; font-family: 'Advent Pro', sans-serif; font-size:12px; } #sectionlbluebar { background: #316482; width:960px; min-height:70px; float:left; font-family: 'Advent Pro', sans-serif; font-size:12px; } #sectionlgraybar { background:url(https://www.xmbbox.com/multimedia/images/back/translucent-light-grey.png); width:960px; min-height:40px; float:left; font-family: 'Advent Pro', sans-serif; font-size:12px; } #sectiongraybar { background: #222222; width:960px; min-height:70px; float:left; font-family: 'Advent Pro', sans-serif; font-size:12px; } #sectiongreenbar { background: #003300; width:960px; min-height:70px; float:left; font-family: 'Advent Pro', sans-serif; font-size:12px; } #sectionredbar h2 { font-family: 'Poiret One', cursive; color:#ffffff; text-align:left;font-weight:700;font-size:38px; margin:0px 0px 0px 20px;} #sectionbluebar h2 { font-family: 'Poiret One', cursive; color:#ffffff; text-align:left;font-weight:700;font-size:38px; margin:0px 0px 0px 20px;} #sectionlbluebar h2 { font-family: 'Poiret One', cursive; color:#ffffff; text-align:left;font-weight:700;font-size:28px; margin:0px 0px 0px 20px;} #sectionlgraybar h2 { font-family: 'Poiret One', cursive; color:#ffffff; text-align:left;font-weight:700;font-size:20px; margin:0px 0px 0px 20px;} #sectiongraybar h2 { font-family: 'Poiret One', cursive; color:#ffffff; text-align:left;font-weight:700;font-size:38px; margin:0px 0px 0px 20px;} #sectiongreenbar h2 { font-family: 'Poiret One', cursive; color:#ffffff; text-align:left;font-weight:700;font-size:38px; margin:0px 0px 0px 20px;} #linkbox { background: #006B9F; float:left; width: auto; min-height:38px; margin:0px 0px 20px 0px; overflow-y:hidden; -moz-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px; } #linkbox h4 { font-family: 'Open Sans', sans-serif; color:#FFFFFF; font-weight:700;font-size:27px; text-align:left; margin:5px 10px 5px 10px;} /* Menu Elements*/ #upmenubar { background:#000000; clear:both; text-align:center; width: 100%; height:100px; -moz-box-shadow: -3px 5px 5px 5px #000511; -webkit-box-shadow: -3px 5px 5px 5px #000511; box-shadow: -3px 5px 5px 5px #000511;} #upmenubox { background:transparent; margin: 0px auto 0px auto; text-align:center; width: 960px; height:80px;} #upmenulogo { background:transparent; width:290px; height:auto; float:left; text-align:left; margin:0px 0px 0px 0px;} #upmenuitem { background:transparent; width:230px; height:45px; float:left; margin:0px 0px 0px 0px;} #upmenuitem:hover { background:#004080; -moz-box-shadow: inset 0 0 10px #000000; -webkit-box-shadow: inset 0 0 10px #000000; box-shadow: inset 0 0 10px #000000; -moz-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px;} #upmenuitemsbox { background:transparent; width: 568px; height:80px; float:left; text-align:center; margin: 0px auto 0px auto; } #upmenuitem4 { background:transparent; width:140px; height:80px; float:left; margin:0px 0px 0px 0px;} #upmenuitem4:hover { background:#004080; -moz-box-shadow: inset 0 0 10px #000000; -webkit-box-shadow: inset 0 0 10px #000000; box-shadow: inset 0 0 10px #000000; -moz-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px;} #upmenuitem4 h2 { color:#FFFFFF; font-weight:700;font-size:24px; text-align:center; margin:5px 0px 0px 0px;text-decoration:none;} #blankwb { background: #BBBBBB; width:1px; height:80px; float:left; margin:0px 0px 0px 0px;} /* Separator Bars */ #blankh { background: transparent; width:5px; height:10px; clear: both; margin:0px 0px 0px 0px;} #blankh05 { background: transparent; width:5px; height:5px; clear: both; margin:0px 0px 0px 0px;} #blankh10 { background: transparent; width:5px; height:10px; clear: both; margin:0px 0px 0px 0px;} #blankh15 { background: transparent; width:5px; height:15px; clear: both; margin:0px 0px 0px 0px;} #blankh20 { background: transparent; width:5px; height:20px; clear: both; margin:0px 0px 0px 0px;} #blankh30 { background: transparent; width:5px; height:30px; clear: both; margin:0px 0px 0px 0px;} #blankh35 { background: transparent; width:5px; height:35px; clear: both; margin:0px 0px 0px 0px;} #blankh40 { background: transparent; width:5px; height:40px; clear: both; margin:0px 0px 0px 0px;} #blankh45 { background: transparent; width:5px; height:45px; clear: both; margin:0px 0px 0px 0px;} #blankh50 { background: transparent; width:5px; height:50px; clear: both; margin:0px 0px 0px 0px;} #blankl { background: transparent; width:10px; height:10px; float:left; margin:0px 0px 0px 0px;} #blankl5 { background: transparent; width:5px; height:10px; float:left; margin:0px 0px 0px 0px;} #blankl10 { background: transparent; width:10px; height:10px; float:left; margin:0px 0px 0px 0px;} #blankl15 { background: transparent; width:15px; height:10px; float:left; margin:0px 0px 0px 0px;} #blankl20 { background: transparent; width:20px; height:10px; float:left; margin:0px 0px 0px 0px;} #blankl30 { background: transparent; width:30px; height:10px; float:left; margin:0px 0px 0px 0px;} #blankl35 { background: transparent; width:35px; height:10px; float:left; margin:0px 0px 0px 0px;} #blankl40 { background: transparent; width:40px; height:10px; float:left; margin:0px 0px 0px 0px;} #blankl45 { background: transparent; width:45px; height:10px; float:left; margin:0px 0px 0px 0px;} #blankl50 { background: transparent; width:50px; height:10px; float:left; margin:0px 0px 0px 0px;} #blankl100 { background: transparent; width:100px; height:10px; float:left; margin:0px 0px 0px 0px;} #blankr { background: transparent; width:10px; height:10px; float:right; margin:0px 0px 0px 0px;} #blankr05 { background: transparent; width:5px; height:10px; float:right; margin:0px 0px 0px 0px;} #blankr10 { background: transparent; width:10px; height:10px; float:right; margin:0px 0px 0px 0px;} #blankr20 { background: transparent; width:20px; height:10px; float:right; margin:0px 0px 0px 0px;} #blankllb { width:30px; height:10px; float:left; margin:0px 0px 0px 0px;} #greyhb920 { background: #555555; width:920px; height:2px; float:left; margin:0px 0px 0px 0px;} /* Contents Elements */ #sectionsbar { background: transparent; width:960px; height:220px; clear: both;} #sectionsbarm { background: transparent; width:960px; height:339px; clear: both;} #sectionsbart { background: transparent; width:960px; height:220px; clear: both;} #sectionsbox { background: #FF4400; width:225px; height:220px; float:left; text-align:center;} #sectionsboxtxt { background: transparent; width:205px; height:100px; float:left;} #sectionsboxtxt h2 { font-family: 'Permanent Marker', cursive; color:#FFFFFF; font-weight:700;font-size:32px; text-align:center; margin:0px 0px 0px 0px; text-decoration:none;} /* BottomMenu Elements */ #bmenu { background: #888888; width: 100%; height:370px; clear: both; -moz-box-shadow: -3px 5px 5px 5px #000511; -webkit-box-shadow: -3px 5px 5px 5px #000511; box-shadow: -3px 5px 5px 5px #000511;} #bmenub { background: transparent; width:960px; height:350px;} #bmenuboxl { background:transparent; text-align:left; width:220px; min-height:330px; float:left;} #bmenubox { background:transparent; text-align:left; width:370px; min-height:330px; float:left;} #bmenubox:hover { background: #555555; -moz-box-shadow: inset 0 0 10px #000000; -webkit-box-shadow: inset 0 0 10px #000000; box-shadow: inset 0 0 10px #000000; -moz-border-radius: 9px 9px 9px 9px; -webkit-border-radius: 9px;} #bmenuboxtxt { background:transparent; text-align:left; width:340px; height:330px; float:left;} #bmenuboxl h1 { font-family:"Century Gothic", Verdana, serif; color:#ffffff;font-weight:700;text-align:center; font-size:34px; margin:0px 20px 0px 0px;} #bmenuboxtxt h2 { font-family:"Century Gothic", Verdana, serif; color:#ffffff;font-weight:400;text-align:left; font-size:28px; margin:0px 0px 12px 0px;} #bmenuboxtxt h3 { font-family:"Century Gothic", Verdana, serif; color:#ffffff;font-weight:400;text-align:left; font-size:10px; margin:5px 10px 5px 10px; display:list-item;} #bmenuboxtxt h1:hover { text-decoration:underline; } #bmenuboxtxt h2:hover { text-decoration:underline; } #bmenuboxtxt h3:hover { text-decoration:underline; } /* Gallery Elements */ #gallerybox { background:#ffffff; width: 300px; height:257px; float:left; overflow-x:hidden; overflow-y:hidden; color:#ffffff; font-size:14px; text-align:center;} #galleryimgbox { background:transparent; width: 215px; height:215px; float:left; overflow-x:hidden; overflow-y:hidden; text-align:center;} #galleryimgdescbox { background:transparent; width: 215px; height:42px; float:left; overflow-x:hidden; overflow-y:hidden; text-align:center;} #galleryimgiconboxl { background:#D0D0D0; width: 98px; height:37px; float:left; border: 3px solid #000077; -moz-border-radius: 2px; -webkit-border-radius: 2px;} #galleryimgiconboxr { background:transparent; width: 98px; height:37px; float:right; border: 3px solid #000077; -moz-border-radius: 2px; -webkit-border-radius: 2px;} /* Foot Elements */ #footer { background: transparent; width: 900px; height:25px; clear: both; text-align:center; font-size:12px;color:#000000;margin:0 auto 0 auto;} #footer h2 { font-size:14px; color:#333333; font-weight:400; text-align:center; margin:0px 0px 5px 0px; display:inline;} #footer a:link { color:#333333;text-decoration:none;} /* unvisited link */ #footer h2:hover { color:#999999; } /* Classes */ .ccomercio { font-weight:700; color:#002255;} .outshadow { -moz-box-shadow: -3px 5px 5px 5px #000511; -webkit-box-shadow: -3px 5px 5px 5px #000511; box-shadow: -3px 5px 5px 5px #000511;} .whiteoutshadow { -moz-box-shadow: -3px 5px 5px 5px #AAAAAA; -webkit-box-shadow: -3px 5px 5px 5px #AAAAAA; box-shadow: -3px 5px 5px 5px #AAAAAA;}