html { position: relative; z-index: 0; }

body { position: relative; z-index: 1; overflow-y: scroll; margin: 0; padding: 0; color: black; background-color: white; font-family: "Arial", "Helvetica", sans-serif; font-size: 12px; line-height: 20px; }

div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, input, select, textarea, table, caption, tbody, tfoot, thead, tr, th, td, .x { margin: 0; padding: 0; color: inherit; background-color: transparent; background-repeat: no-repeat; font-family: inherit; font-size: 1em; font-weight: inherit; font-style: inherit; line-height: inherit; text-decoration: none; text-align: left; vertical-align: baseline; border: 0; outline: 0; }

a, input, textarea, select, button { outline: 0; }

ul, ol, dd { margin: 0 0 0 20px; list-style-position: outside; }
ul ul, ol ul, dd ul { list-style-type: circle; }

ol { list-style-type: decimal; list-style-position: outside; }
ol ol { list-style-type: lower-roman; }

hr { display: block; height: 1px; background: black; border: none; }

blockquote cite { display: block; }

table { width: 100%; border-collapse: separate; border-spacing: 0; }
table th, table td { vertical-align: top; }
table thead, table th, table caption { font-weight: bold; }

img { -ms-interpolation-mode: bicubic; }

h1 { font-size: 31px; }

h2 { font-size: 24px; }

h3 { font-size: 16px; }

h4 { font-size: 14px; }

h5 { font-size: 12px; }

h6 { font-size: 12px; }

h7 { font-family: Calibri, Verdana, Arial, sans-serif; font-size: 15px; }

p { font-size: 12px; }

ul { margin: 0 0 0 20px; }

a { color: #506799; }
a:hover { color: black; }
a:active { color: #cc3333; }

del { color: #888888; text-decoration: line-through; }

abbr, acronym { text-transform: uppercase; border-bottom: 1px dashed #dddddd; cursor: help; }

code, pre, var { font-family: Palatino Linotype, Courier, monospace; font-size: 12px; color: #008800; background-color: #eeeeee; }

strong { font-weight: bold; }

em, cite { font-style: italic; }

u, ins { text-decoration: underline; }

s, strike { text-decoration: line-through; }

sub { font-size: 7px; vertical-align: sub; }

sup { font-size: 7px; vertical-align: super; }

body { text-align: center; }

.left { text-align: left; }
.left #container { margin-left: 0; }

.right #container { margin-right: 0; }

#header, #content-wrapper, #footer { position: relative; _display: inline-block; _zoom: 1; clear: both; margin: 0 auto; }
#header:after, #content-wrapper:after, #footer:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* + html #header, * + html #content-wrapper, * + html #footer { height: 1%; zoom: 1; }

#container, .in { clear: both; margin: 0 auto; }

input, select, textarea { background-color: white; border: 1px solid #888888; }

input[type=checkbox], input[type=radio], input[type=submit], select, button { cursor: pointer; }

button { margin: 0; padding: 0; line-height: 20px; }

body { display: none; background-color: #1781be; }

h2 { color: #334c60; font-size: 36px; letter-spacing: -1px; }

h7 { font-family: Helvetica, Verdana, Arial, sans-serif; color: #F6071D; font-size: 26px; letter-spacing: 1px; }

h3, h4 { color: white; font-size: 36px; }

h4 { font-size: 24px; }

p { color: #d0e5f2; }

.btn { border-radius: 15px 15px 15px 15px; -moz-border-radius: 15px 15px 15px 15px; -webkit-border-top-left-radius: 15px; -webkit-border-top-right-radius: 15px; -webkit-border-bottom-left-radius: 15px; -webkit-border-bottom-right-radius: 15px; padding: 4px 30px 3px 12px; color: white; background-color: #1781be; background-image: url(http://congregacion.net/img_src/ico-arrow.png); background-position: 90% 50%; font-size: 18px; }
.btn.selected { opacity: 0.2; -moz-opacity: 0.2; -khtml-opacity: 0.2; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity= $value); filter: "alpha(opacity= $value)"; }
.btn:hover { color: white; background-color: #334c60; }
.btn:active { padding-top: 5px; padding-bottom: 2px; }

#header { background-color: white; background-image: url(http://congregacion.net/img_src/header.png); background-repeat: repeat-x; border-bottom: 5px solid #daeefa; }
#header .clouds { background-image: url(http://congregacion.net/img_src/clouds.png); background-repeat: repeat; background-position: 65% 0; }
#header .in { width: 820px; margin-left: auto; margin-right: auto; padding: 60px 0 50px; }
#header .logo { width: 401px; }
#header .logo a { display: block; height: 102px; background-image: url(http://congregacion.net/img_src/logo.png); text-indent: -9999em; }
#header .btn { *display: inline; float: right; clear: right; margin: 0 0 10px; }
#header .introduction { padding: 70px 0 0 92px; }
#header .introduction p { padding: 10px 120px 0 0; color: #5e7b91; }

#container { width: 820px; margin-left: auto; margin-right: auto; }
#container #content-wrapper, #container #footer { margin: 0 0 0 92px; }

#footer { border-top: 5px solid #459acb; padding-bottom: 20px; }
#footer p, #footer p a { padding: 10px 0 0; color: #8bc0de; font-size: 11px; text-align: right; }
#footer p em, #footer p a em { padding: 0 3px; font-style: normal; }
#footer p a:hover, #footer p a a:hover { color: white; }

.subscribe { border-top: 5px solid #459acb; padding: 60px 0 40px; }
.subscribe form { padding: 20px 0; }
.subscribe form .legend { display: block; }
.subscribe form .control { position: relative; _display: inline-block; _zoom: 1; }
.subscribe form .control:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* + html .subscribe form .control { height: 1%; zoom: 1; }
.subscribe form label, .subscribe form .alt .title { *display: inline; float: left; width: 100px; margin-left: 0; padding: 6px 0; vertical-align: top; }
.subscribe form input, .subscribe form select, .subscribe form textarea { width: 240px; padding: 3px; }
.subscribe form input, .subscribe form textarea { padding-top: 4px; padding-bottom: 4px; }
.subscribe form select { width: 248px; cursor: pointer; }
.subscribe form textarea { height: 72px; }
.subscribe form button { margin: 0; font-weight: bold; cursor: pointer; }
.subscribe form .indent { padding-left: 100px; }
.subscribe form .alt label { width: auto; padding: 3px 0; padding-right: 15px; cursor: pointer; }
.subscribe form .alt label p, .subscribe form .alt label span, .subscribe form .alt label div { display: inline; vertical-align: top; line-height: 20px; }
.subscribe form .alt input { width: auto; margin: 3px; margin-left: 0; padding: 0; border: 0; cursor: pointer; }
.subscribe form .rows label { position: relative; _display: inline-block; _zoom: 1; float: none; display: block; padding-left: 100px; }
.subscribe form .rows label:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* + html .subscribe form .rows label { height: 1%; zoom: 1; }
.subscribe form .rows .title { margin-right: -100px; }
.subscribe form .control { *display: inline; float: left; clear: none; padding-right: 15px; }
.subscribe form .control * { *display: inline; float: left; }
.subscribe form .indent { margin-left: 0; }
.subscribe form label { width: auto; padding-right: 15px; }
.subscribe form .control { margin-right: 15px; padding-right: 0; }
.subscribe form .control label { width: 200px; color: white; font-weight: bold; }
.subscribe form .control label em { padding: 0 5px; color: #b9d9eb; font-style: normal; font-weight: normal; }
.subscribe form .control label * { float: none; }
.subscribe form .control input { border-radius: 3px 3px 3px 3px; -moz-border-radius: 3px 3px 3px 3px; -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; -webkit-border-bottom-left-radius: 3px; -webkit-border-bottom-right-radius: 3px; clear: left; padding: 6px; color: #334c60; border: 1px solid white; }
.subscribe form .control input.email { width: 310px; }
.subscribe form .button { *display: inline; float: right; padding: 33px 0 0 0; margin: 0; }
.subscribe form .button button { border-radius: 15px 15px 15px 15px; -moz-border-radius: 15px 15px 15px 15px; -webkit-border-top-left-radius: 15px; -webkit-border-top-right-radius: 15px; -webkit-border-bottom-left-radius: 15px; -webkit-border-bottom-right-radius: 15px; padding-top: 8px; padding-right: 50px; *padding-right: 10px; color: #1781be; background-color: white; background-image: url(http://congregacion.net/img_src/ico-arrow-blue.png); background-repeat: no-repeat; border: 0; }
.subscribe form .button button:active { padding-top: 9px; }

.features { border-top: 5px solid #459acb; padding: 60px 0 40px; }
.features ul { position: relative; _display: inline-block; _zoom: 1; margin: 0; list-style: none; }
.features ul:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* + html .features ul { height: 1%; zoom: 1; }
.features ul li, .features ul a { float: left; margin: 0; }
.features ul ul { position: relative; _display: inline-block; _zoom: 1; margin: 0; list-style: none; }
.features ul ul:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* + html .features ul ul { height: 1%; zoom: 1; }
.features ul ul li, .features ul ul a { float: left; margin: 0; }
.features ul li { width: 380px; min-height: 150px; margin: 0 0 40px; }
.features ul li p { padding: 10px 80px 0 0; }
.features ul li.margin { width: 320px; }
.features ul li.margin p { padding-right: 20px; }

.blog .introduction { display: none; }

.article { border-top: 5px solid #459acb; padding: 60px 0 80px; }
.article h3 { padding: 0 120px 0 0; }
.article h3 em { color: #459acb; font-style: normal; }
.article p { padding: 10px 120px 0 0; }
.article a { color: white; }
.article a:hover { color: white; text-decoration: underline; }

@media print { body { font-size: 12pt; } }