/* Copyright 
-------------------------------------------------------------------------------------- */


/*
 * Bits & Bytes Media
 * http://www.bitsandbytesmedia.com/
 *
 * @copyright
 * Copyright (C) 2014 Dario Santana.
 *
 * @license
 * Este archivo es parte de Bits & Bytes Media.
 * Bits & Bytes Media es una empresa multinacional con sedes en la Republica Dominicana, Alemania y Espana.
 * Nuestra especializacion y experiencia en el area nos permite asesorarle desde el comienzo hasta el final 
   del proyecto, garantizando los elementos necesarios para que el mismo sea exitoso.
   
*/


/* Reset 
-------------------------------------------------------------------------------------- */

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}


/* HTML5 display-role reset for older browsers 
-------------------------------------------------------------------------------------- */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

body {
    line-height: 1;
}

ol,
ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

div,
li,
td,
input,
textarea {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


/* Layout 
-------------------------------------------------------------------------------------- */

body {
    background: url(../media/bg.png);
    font-family: 'Raleway', sans-serif;
    font-size: 14px;
    font-weight: 400
}

h1 {
    font-size: 24px;
    font-weight: 300;
    margin-bottom: 15px
}

h2,
h3 {
    font-weight: 700;
    margin-bottom: 15px
}

h2 {
    font-size: 18px
}

h3 {
    font-size: 16px
}

h4 {
    font-size: 14px
}

h1.section {
    background: url(../media/separator_950.png) no-repeat bottom;
    padding-bottom: 20px
}

h1.contentpanel {
    background: url(../media/separator_630.png) no-repeat left bottom;
    /*background-size: 100%;*/
    padding-bottom: 20px
}

h2.module {
    background: #95201a;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI5JSIgc3RvcC1jb2xvcj0iIzk1MjAxYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjZDI0MWMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #95201a 9%, #cd241c 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(9%, #95201a), color-stop(100%, #cd241c));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #95201a 9%, #cd241c 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #95201a 9%, #cd241c 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #95201a 9%, #cd241c 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #95201a 9%, #cd241c 100%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#95201a', endColorstr='#cd241c', GradientType=0);
    /* IE6-8 */
    text-align: center;
    color: #fff;
    font-size: 18px;
    font-weight: lighter;
    margin-bottom: 10px;
    padding: 8px;
    box-shadow: 0px 10px 10px rgba(207, 207, 207, 0.6);
    border-radius: 5px 5px 0 0;
    overflow: hidden
}

h2.module a {
    color: #fff !important
}

h2.category_name {
    width: 100%;
    max-width: 430px;
    background: #ddd;
    padding: 8px
}

a {
    color: #1c3e7b;
    text-decoration: none;
    outline: none
}

a:hover {
    color: #1c3e7b;
    text-decoration: underline;
}

b,
strong {
    font-weight: 700
}

p {
    line-height: 130%;
    margin-bottom: 15px
}

small {
    font-size: 12px
}

.clear:before,
.clear:after {
    content: "";
    clear: both;
    display: block
}

.hidden {
    display: none
}

input[type=text],
input[type=number],
input[type=password],
input[type=email],
textarea {
    line-height: 100%;
    font-family: 'Raleway', sans-serif;
    font-size: 13px;
    padding: 8px 10px;
    border: 1px solid #e1e1e1;
    outline: none !important;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 4px 0 rgba(0, 0, 0, .1);
    -moz-box-shadow: inset 0 0 4px 0 rgba(0, 0, 0, .1);
    box-shadow: inset 0 0 4px 0 rgba(0, 0, 0, .1);
}

.img_left {
    float: left;
    margin-right: 10px;
    margin-bottom: 10px
}

.img_right {
    float: right;
    margin-left: 10px;
    margin-bottom: 10px
}

a.btn,
.btn {
    float: left;
    background: #1c3e7b;
    display: block;
    font-size: 12px;
    color: #fff;
    padding: 8px;
    margin: 0 4px 5px 0;
    border: none;
    border-radius: 3px;
    cursor: pointer
}

.main-container {
    background: url(../media/bg_shadow.png) no-repeat top center;
    width: 100%;
    height: auto
}

.container {
    width: 100%;
    height: auto
}

.wrapper {
    background: #fff;
    width: 100%;
    max-width: 1400px;
    margin: 0px auto;
    padding: 0px 20px;
    position: relative;
}


/*-----------------------------------------------------------------------------------
|	Grid & Align
-----------------------------------------------------------------------------------*/

.grid-10,
.grid-20,
.grid-30,
.grid-40,
.grid-50,
.grid-50-footer,
.grid-60,
.grid-70,
.grid-80,
.grid-90,
grid-100 {
    float: left;
    -moz-transition: 0.8s;
    -o-transition: 0.8s;
    -webkit-transition: 0.8s;
    transition: 0.8s;
}

.grid-10 {
    width: 10%
}

.grid-20 {
    width: 20%
}

.grid-30 {
    width: 30%
}

.grid-40 {
    width: 40%
}

.grid-50 {
    width: 50%
}

.grid-60 {
    width: 60%
}

.grid-70 {
    width: 70%
}

.grid-80 {
    width: 80%
}

.grid-90 {
    width: 90%
}

.grid-100 {
    width: 100%
}

.grid-separator-right {
    padding-right: 20px
}

.grid-separator-left {
    padding-left: 20px
}

.left {
    text-align: left
}

.right {
    text-align: right
}

.center {
    text-align: center !important
}

.both-side-20 {
    padding-left: 20px;
    padding-right: 20px;
}


/* Header 
-------------------------------------------------------------------------------------- */

#header {}

#top {
    position: relative;
    display: block;
    background: url(../media/bg_header.jpg) no-repeat top right;
    width: 100%;
    min-height: 110px;
    margin-bottom: 3px
}

#logo {
    float: left;
    width: 100%;
    max-width: 430px;
    margin-top: 10px
}

#logo2 {
    float: left;
    width: 100%;
    max-width: 120px;
    margin-top: 10px
}

.login_form {
    float: right;
    padding-top: 25px;
    margin-bottom: 1px;
    z-index: 999;
}

.login_form input[type=text],
.login_form input[type=password] {
    width: 100%;
    max-width: 185px;
    height: 32px;
    line-height: 100%;
    display: inline-block;
    margin-bottom: 5px;
    padding-left: 40px;
    color: #aaa;
}

.login_form input[type=text] {
    background: #fff url(../media/icons/login.png) no-repeat left center;
}

.login_form input[type=password] {
    background: #fff url(../media/icons/password.png) no-repeat left center
}

.login_form ul li {
    display: inline-block
}

.login_form ul li p {
    margin-bottom: 5px
}

#btn-login {
    float: right;
    background: url(../media/btn-login.png) no-repeat;
    width: 104px;
    height: 35px;
    border: none !important;
    margin-left: 5px;
    cursor: pointer;
}

.login_form label {
    float: left;
    width: 100%;
    max-width: 260px;
    text-align: right;
    margin-top: 2px;
    line-height: 140%;
    font-size: 12px
}

ul.login {
    position: relative;
    margin-bottom: 8px
}

ul.login li.circular {
    position: relative;
    cursor: pointer;
    line-height: 40px
}

ul.login .profile_pic {
    float: left;
    width: 40px;
    height: 40px;
    margin-right: 3px;
    overflow: hidden;
}

ul.login .img {
    width: 100%;
    height: 100%;
    border-radius: 100%
}

.box-login {
    width: 420px;
    margin-top: -10px
}

.box-login .profile_image {
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    width: 70px;
    height: 100px;
    float: right;
    margin-left: 8px;
    overflow: hidden
}

.box-login .email_contact {
    font-size: 12px;
    color: #666
}

#searchbox {
    float: right;
    width: 100%;
    max-width: 375px;
    height: 39px;
    background: #fff;
    clear: right;
    border: 1px solid #e1e1e1;
    border-radius: 5px;
}

.searchtxt {
    float: left;
    background: transparent;
    border: none;
    width: 100%;
    max-width: 333px;
    height: 36px;
    font-size: 18px;
    font-style: italic;
    color: #aaa;
    border: none !important;
    border-radius: 0px !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}

.searchbtn {
    float: right;
    background: url(../media/icons/search.png) no-repeat;
    border: none;
    cursor: pointer;
    width: 38px;
    height: 38px
}

nav {
    background: #7094de;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzcwOTRkZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxYzNlN2IiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #7094de 0%, #1c3e7b 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7094de), color-stop(100%, #1c3e7b));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #7094de 0%, #1c3e7b 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #7094de 0%, #1c3e7b 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #7094de 0%, #1c3e7b 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #7094de 0%, #1c3e7b 100%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#7094de', endColorstr='#1c3e7b', GradientType=0);
    /* IE6-8 */
    position: relative;
    height: 40px;
    border-radius: 5px;
    z-index: 501;
}

ul.menu li {
    display: inline;
    float: left;
    position: relative;
    line-height: 25px;
    font-size: 13px;
}

ul.menu li a {
    display: block;
    padding: 7px 10px 10px;
    color: #fff
}

ul.menu>li.menu-large {
    line-height: 13px !important;
}

ul.menu>li:hover {
    background: url(../media/nav_hover.png);
    color: #000
}

ul.menu>li:first-child {
    border-radius: 4px 0 0 7px;
    line-height: 0 !important
}

ul.menu>li:first-child:hover {
    border-radius: 4px 0 0 5px !important
}

ul.menu li>a:hover,
ul.menu li.active a,
ul.menu li:hover>a {
    color: #000
}

ul.menu li.active {
    background: url(../media/nav_hover.png)
}

ul.menu li ul {
    display: none;
    position: absolute;
    float: left;
    width: 230px;
    background: #6c8aad;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzZjOGFhZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxYTQ4ODAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #6c8aad 0%, #1a4880 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #6c8aad), color-stop(100%, #1a4880));
    background: -webkit-linear-gradient(top, #6c8aad 0%, #1a4880 100%);
    background: -o-linear-gradient(top, #6c8aad 0%, #1a4880 100%);
    background: -ms-linear-gradient(top, #6c8aad 0%, #1a4880 100%);
    background: linear-gradient(to bottom, #6c8aad 0%, #1a4880 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#6c8aad', endColorstr='#1a4880', GradientType=0);
    padding: 10px 5px 5px;
    top: 40px;
    left: 0;
    z-index: 999;
}

ul.menu li ul.last-menu {
    float: right !important;
    right: 0px !important;
    left: auto !important
}

ul.menu li:hover>ul {
    display: block;
}

ul.menu li ul li {
    clear: both;
}

ul.menu li ul li a {
    color: #fff !important;
    margin-right: 5px;
    padding: 3px 10px !important;
    font-size: 13px;
    line-height: 15px !important;
    display: inline-block;
}

ul.menu li ul li a:hover,
ul.menu li ul li a.current {
    background: #7094de;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzcwOTRkZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxYzNlN2IiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #7094de 0%, #1c3e7b 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7094de), color-stop(100%, #1c3e7b));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #7094de 0%, #1c3e7b 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #7094de 0%, #1c3e7b 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #7094de 0%, #1c3e7b 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #7094de 0%, #1c3e7b 100%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#7094de', endColorstr='#1c3e7b', GradientType=0);
    /* IE6-8 */
    color: #fff;
    border-radius: 5px;
    box-shadow: inset 0px -5px 5px rgba(98, 134, 206, 1);
}


/* Content 
-------------------------------------------------------------------------------------- */

#content {
    position: relative;
    min-height: 420px;
    padding-bottom: 20px
}

#content:after {
    content: "";
    clear: both;
    display: block
}

ul._menuTop {
    position: absolute;
    top: 0;
    right: 0
}

ul._menuTop li {
    float: left;
}

ul._menuTop li:after {
    content: "|";
    color: #d7d8d9;
    padding: 5px
}

ul._menuTop li:last-child:after {
    content: "";
    padding: 0
}

ul._menuTop li a {
    background: #7094de;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzcwOTRkZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxYzNlN2IiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #7094de 0%, #1c3e7b 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7094de), color-stop(100%, #1c3e7b));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #7094de 0%, #1c3e7b 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #7094de 0%, #1c3e7b 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #7094de 0%, #1c3e7b 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #7094de 0%, #1c3e7b 100%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#7094de', endColorstr='#1c3e7b', GradientType=0);
    /* IE6-8 */
    border-radius: 5px;
    color: #fff;
    padding: 5px 8px
}

ul.toolbar {
    position: absolute;
    top: -13px;
    right: 0px
}

ul.toolbar li {
    float: left
}

ul.toolbar li.notification {
    background: url(../media/icons/notification.png) no-repeat left bottom;
    width: 34px;
    height: 40px
}

ul.toolbar li.notification .num {
    float: right;
    background: #1c3e7b;
    color: #fff;
    border-radius: 25px;
    padding: 3px;
    font-size: 11px
}

#slideshow {
    float: left;
    display: block;
    width: 100%;
    /*max-width: 630px;*/
    height: 100%;
    max-height: 354px;
    margin-bottom: 20px;
    overflow: hidden
}

.rslides_box {
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    max-height: 354px;
    overflow: hidden
}

.rslides_text {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0px;
    max-width: 100%;
    padding: 15px 15px 0;
    background: url(../media/black.png)
}

.rslides_text a {
    color: #fff
}

.rslide_title {
    color: #fff;
    font-size: 1.5em;
    font-weight: 500;
    text-transform: uppercase
}

.rslide_text {
    color: #fff;
    font-size: 1em;
    line-height: 110%;
    margin-top: 15px
}

ul.banners-asistencia {
    /*margin-bottom: 20px*/
}

ul.banners-asistencia li {
    float: left;
    margin-right: 3px;
}

@media (max-width:479px) {
    ul.banners-asistencia,
    ul.banners-asistencia li {
        width: 100%
    }
    ul.banners-asistencia li img {
        width: 100%;
        height: auto;
    }
}

@media (min-width:480px) and (max-width:1023px) {
    ul.banners-asistencia {
        width: 100%
    }
    ul.banners-asistencia li {
        width: 32.8%
    }
    ul.banners-asistencia li img {
        width: 100%;
        height: auto;
    }
}

ul.banners-asistencia li:last-child {
    margin-right: 0
}

body#chat .control-panel-wrap {
    display: none
}

.resources-online {
    margin-bottom: 40px
}

.iframe-embed,
.iframe-embed1 {
    position: relative;
    /*padding-bottom: 56.25%;*/
    padding-top: 30px;
    margin-bottom: 10px;
    height: 0;
    overflow: hidden;
}

@media (max-width:479px) {
    .iframe-embed {
        padding-bottom: 206.25%;
    }
    .iframe-embed1 {
        padding-bottom: 108.25%;
    }
}

@media (min-width:480px) and (max-width:599px) {
    .iframe-embed {
        padding-bottom: 114.25%;
    }
    .iframe-embed1 {
        padding-bottom: 65.25%;
    }
}

@media (min-width:600px) and (max-width:767px) {
    .iframe-embed {
        padding-bottom: 92.25%;
    }
    .iframe-embed1 {
        padding-bottom: 51.25%;
    }
}

@media (min-width:768px) and (max-width:799px) {
    .iframe-embed {
        padding-bottom: 36.25%;
    }
    .iframe-embed1 {
        padding-bottom: 17.25%;
    }
}

@media (min-width:800px) and (max-width:1023px) {
    .iframe-embed {
        padding-bottom: 96.25%;
    }
    .iframe-embed1 {
        padding-bottom: 55.25%;
    }
}

@media (min-width:1024px) {
    .iframe-embed {
        padding-bottom: 36.25%;
    }
    .iframe-embed1 {
        padding-bottom: 17.25%;
    }
}

.iframe-embed iframe,
.iframe-embed object,
.iframe-embed embed,
.iframe-embed1 iframe,
.iframe-embed1 object,
.iframe-embed1 embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.form-members {
    display: block;
    width: 33%;
    padding-bottom: 20px;
}

.form-members input[type=text],
.form-members textarea {
    width: 100%;
    margin-bottom: 5px;
}

.form-members textarea {
    min-height: 150px;
    max-height: 250px
}


/* Dashboard
-------------------------------------------------------------------------------------- */

#dashboard-container {
    width: 100%;
    background: url(../media/separator_950.png) no-repeat bottom;
    padding-bottom: 25px;
    margin-bottom: 20px
}


/*.control-panel-wrap h1.section { display: none }*/


/*
ul.dashboard_block { width: 250px; }
ul.dashboard_block ul { list-style: none; }
ul.dashboard_block p { margin: 0 }
ul.dashboard_block p.dash1 { line-height: 28px }
ul.dashboard_block > li { padding-bottom: 15px }
ul.dashboard_block li { float: left; background: #fafafa; position: relative; font-size: 14px; padding: 5px 10px; display: block; width: 250px; cursor: pointer; z-index: 100 }
ul.dashboard_block li a { color: #000 }
ul.dashboard_block li ul { display: none; position: absolute; width: 250px; margin-top: 5px; left: 0; background: #fafafa }
ul.dashboard_block li:hover ul { display: block; background: rgba(250,250,250, 0.9); border-top: 1px solid #ccc; height: auto }
ul.dashboard_block li ul li { clear: both; border-style: none; font-size: 13px; width: 250px; }
ul.dashboard_block li .icon-dash { float: left; margin-right: 5px }
ul.dashboard_block li .icon-arrow { float: right; margin-left: 5px }
*/

ul.dash-menu {
    text-align: center
}

ul.dash-menu li {
    display: inline-block;
    width: 100px;
    height: 80px;
    margin-bottom: 5px;
    border: 1px solid #000;
    vertical-align: top;
    transition: all 500ms ease;
    border-radius: 5px;
    position: relative;
    box-sizing: border-box;
}

ul.dash-menu li a {
    display: block;
    height: 100%;
    padding: 5px;
}

ul.dash-menu li p {
    font-size: 10px;
    margin-bottom: 0px
}

ul.dash-menu li:hover {
    background: #7094de;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzcwOTRkZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxYzNlN2IiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #7094de 0%, #1c3e7b 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7094de), color-stop(100%, #1c3e7b));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #7094de 0%, #1c3e7b 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #7094de 0%, #1c3e7b 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #7094de 0%, #1c3e7b 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #7094de 0%, #1c3e7b 100%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#7094de', endColorstr='#1c3e7b', GradientType=0);
    /* IE6-8 */
    color: #fff;
    /*border-radius: 5px;*/
    box-shadow: inset 0px -5px 5px rgba(98, 134, 206, 1);
}

ul.dash-menu li a:hover {
    color: #fff
}


/*body#dashboard #dashboard-container { background: none !important }
body#dashboard ul.dash-menu li { width: 128px; padding: 0 10px; }
body#dashboard ul.dash-menu li p { font-size: 13px; margin-bottom: 0px }*/

#statiticColumnWrap {
    position: relative
}

.tbl_main {}

.tbl_main a {
    color: #dc4a40
}

.tbl_main thead {
    background: #ddd;
    border: 2px solid #eee;
    border-bottom: none;
    font-size: 14px;
    font-weight: 700;
    line-height: 26px
}

.tbl_main thead th {
    border-right: 1px solid #fff
}

.tbl_main thead th:last-child {
    border: none
}

.tbl_main tbody tr:hover {
    background: #f5f5f5
}

.tbl_main tbody td {
    border: 1px solid #eee;
    font-size: 12px;
    padding: 3px 5px;
    vertical-align: top
}

.tbl_secondary tbody td {
    border: none;
    width: 350px
}

#listdisplay .tbl_main {
    width: 950px;
}

#listdisplay .tbl_main thead {
    font-size: 11px;
}


/* Perfil
-------------------------------------------------------------------------------------- */

#profile_form {
    float: left;
    width: 100%;
    max-width: 674px;
    margin-right: 20px
}

#profile_form input[type=text],
#profile_form input[type=password],
#profile_form input[type=email] {
    float: left;
    width: 200px;
    height: 34px
}

.tbl_profile_form {
    margin-bottom: 40px
}

.tbl_profile_form td {
    vertical-align: middle;
    padding-bottom: 10px
}

.tbl_profile_form label {
    float: left;
    font-size: 14px;
}

.delete_account_btn {
    font-size: 13px;
    text-decoration: underline
}

.selectParent {
    float: left;
    width: 200px;
    height: 34px;
    overflow: hidden;
    background: url(../media/icons/arrow_down.png) no-repeat right;
    border: 1px solid #e1e1e1;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 4px 0 rgba(0, 0, 0, .1);
    -moz-box-shadow: inset 0 0 4px 0 rgba(0, 0, 0, .1);
    box-shadow: inset 0 0 4px 0 rgba(0, 0, 0, .1);
}

.selectParent select {
    width: 230px;
    padding: 5px;
    border: 0;
    border-radius: 0;
    cursor: pointer;
    height: 34px;
    line-height: 100%;
    outline: none !important;
    font-family: 'Raleway', sans-serif;
    background: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.selectParentNarrow {
    float: left;
    width: 65px;
    height: 34px;
    overflow: hidden;
    background: url(../media/icons/arrow_down.png) no-repeat right;
    border: 1px solid #e1e1e1;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 4px 0 rgba(0, 0, 0, .1);
    -moz-box-shadow: inset 0 0 4px 0 rgba(0, 0, 0, .1);
    box-shadow: inset 0 0 4px 0 rgba(0, 0, 0, .1);
}

.selectParentNarrow select {
    width: 65px;
    padding: 5px;
    border: 0;
    border-radius: 0;
    cursor: pointer;
    height: 34px;
    line-height: 100%;
    outline: none !important;
    font-family: 'Raleway', sans-serif;
    background: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

#profile_photo {
    float: left;
    width: 256px;
    height: 256px;
}

#profile_photo_jce {
    float: left;
    width: 256px;
    height: 226px;
    margin-bottom: 15px;
    overflow: hidden
}


/* Mensajes
-------------------------------------------------------------------------------------- */

#message_container {
    position: relative;
    border-width: 1px;
    border-style: dotted solid solid solid;
    border-color: #d8d9da
}

#message_container:after {
    content: "";
    clear: both;
    display: block
}

.message_list_board {
    float: left;
    position: relative;
    width: 400px;
    height: 514px;
    display: block;
    margin: 5px 0;
    overflow: hidden
}

#message_list {
    float: left;
    width: 400px
}

#message_list ul li {
    width: 400px;
    padding: 8px;
    border-bottom: 1px solid #d8d9da;
    display: block;
    cursor: pointer
}

#message_list ul li:last-child {
    border-bottom: none;
}

#message_list ul li:hover {
    background: #f8f8f8
}

#message_list ul li:after {
    content: "";
    clear: both;
    display: block
}

#message_list ul li img {
    float: left;
    margin-right: 10px
}

#message_list ul li p.contact_name {
    font-size: 14px;
    color: #000;
    margin-bottom: 15px
}

#message_list ul li p {
    font-size: 13px;
    color: #1c3e7b
}

#message_content:before,
#message_content:after {
    content: "";
    clear: both;
    display: block
}

#message_content {
    float: left;
    position: relative;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    width: 548px;
    height: auto;
    border-left: 1px solid #d8d9da
}

.message_content_board:before,
.message_content_board_post:before,
.message_content_board:after,
.message_content_board_post:after {
    content: "";
    clear: both;
    display: block
}

.message_content_board {
    position: relative;
    display: block;
    margin: 5px 0;
    height: 400px;
    overflow: hidden;
}

.message_content_board_post {
    font-size: 12px;
    padding: 8px
}

.message_content_board_post img {}

.message_content_board_post .contact_name {
    font-size: 13px;
    font-weight: 700;
}

#message_box {
    width: 100%;
    max-width: 548px;
    background: #f8f8f8;
    border-top: 1px solid #d8d9da;
    padding: 10px 20px 0px;
    padding: 8px\9
}

#message_box:after {
    content: "";
    clear: both;
    display: block
}

#message_box textarea {
    font-size: 14px;
    width: 100%;
    height: 76px;
    padding: 8px 10px;
    resize: none
}

#message_box button {
    float: right;
    font-family: 'Raleway', sans-serif;
    background: none;
    border: none;
    cursor: pointer;
    padding: 3px 0
}

.messageColumnWrap {
    float: left;
    border-right: 1px solid #d8d9da;
    padding-bottom: 40px
}

.messageColumnWrap:last-child {
    border: none
}

#mensajes ul._menuTop {
    position: absolute;
    top: 0;
    right: 35px
}

#newsfeed {
    float: left;
    width: 700px
}

#newsfeed:before,
#newsfeed:after {
    content: "";
    clear: both;
    display: block
}

.userPostWall {
    width: 684px;
    border: 1px solid #d8d9da;
    margin-bottom: 15px;
    padding: 10px;
    font-size: 12.5px
}

.userPostWall .brn_rm {
    float: right
}

.userPostWall:last-child {
    margin-bottom: 0px
}

.userPostWall div:before,
.userPostWall div:after {
    content: "";
    clear: both;
    display: block
}

.userPostWall div:first-child {
    margin-bottom: 15px
}

.userPostWall:hover {
    background: #fafafa
}

.userPostWall:after {
    content: "";
    clear: both;
    display: block
}

.userPostWall img {
    float: left;
    margin-right: 10px
}

.userPostWall p.contact_name {
    color: #000;
    font-weight: 700;
    margin-bottom: 6px
}

.userPostWall p {
    font-size: 12px;
    color: #1c3e7b
}

.userPostWall textarea.replyComment {
    float: left;
    font-size: 12px;
    width: 617px;
    height: 40px;
    padding: 8px 10px;
    resize: none
}

.userPostWall .commentPost {
    display: none;
    margin-top: 5px
}

.userPostWall p.replyPost,
.userPostWall .sendPost {
    float: right;
    margin-top: 10px
}

.userPostWall .sendPost {
    background: #1c3e7b;
    border: 0;
    color: #fff;
    font-size: 12px;
    padding: 5px 8px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

.commentUserEntrie:before,
.commentUserEntriePost:before,
.commentUserEntrie:after,
.commentUserEntriePost:after {
    content: "";
    clear: both;
    display: block
}

.commentUserEntrie {
    background: #f1f1f1;
    border-top: 1px solid #ccc;
    padding: 5px
}

.commentUserEntriePost {
    margin-bottom: 5px !important
}

.commentUserEntriePost p {
    color: #000
}

#message_content_wall {
    width: 684px;
    height: 136px;
    background: url(../media/bg_message_content_wall.png) no-repeat top left;
    margin-bottom: 15px;
    padding-top: 16px
}

.message_content_board_wall {}

#message_box_wall {
    width: 100%;
    padding: 10px 20px;
    padding: 8px\9
}

#message_box_wall:after {
    content: "";
    clear: both;
    display: block
}

#message_box_wall textarea {
    font-size: 14px;
    width: 100%;
    height: 76px;
    padding: 8px 10px;
    resize: none
}

#message_box_wall button {
    float: right;
    font-family: 'Raleway', sans-serif;
    background: none;
    border: none;
    cursor: pointer;
    padding: 3px 0
}

.module_right_message {
    width: 249px;
    max-width: 249px;
    margin-bottom: 30px;
    padding-left: 15px
}

.module_right_message .new_members {
    margin: 8px 0
}

.module_right_message .new_members:before,
.module_right_message .new_members:after {
    content: "";
    clear: both;
    display: block
}

.module_right_message .new_members img {
    float: left;
    margin-right: 5px
}

.module_right_message .new_members p.contact_name {
    color: #1c3e7b;
    font-size: 14px;
    margin-bottom: 5px
}

.module_right_message .new_members p.member_since {
    font-size: 11px
}


/* Directorio
-------------------------------------------------------------------------------------- */

#directory-content {
    margin: 0;
    padding: 0;
    width: 100%
}

.letters {
    width: 100%;
    font-size: 24px;
    font-weight: 300;
    text-align: center;
    margin-bottom: 1.5em
}

.letters a {
    margin: 0px 5px
}

ul.directory_grid {
    width: 100%;
    margin-right: 10px
}

ul.directory_grid li {
    position: relative;
    display: inline-block;
    width: 298px;
    border: #1c3e7b solid 1px;
    margin: 0 10px 10px 0;
    padding: 5px;
    overflow: hidden
}

ul.directory_grid li:nth-child(3n+3) {
    margin-right: 0
}

ul.directory_grid li img {
    margin: 0 2% 20px 0
}

ul.directory_grid li p+p {
    font-size: 13px;
    color: #1c3e7b
}

ul.directory_grid li p.sendmsg {
    padding-top: 8px
}

ul.directory_grid li p.sendmsg a {
    color: #000
}

#dletters {
    float: left;
    width: 100%;
    margin: 15px 0 10px
}

#dletters a {
    background: #1c3e7b;
    font-size: 24px;
    padding: 3px 7px;
    color: #fff
}

#dletters:after {
    clear: both;
    display: block
}

ul.padron-list {
    width: 100%;
    margin-bottom: 40px
}

ul.padron-list li {
    float: left;
    width: 25%;
    line-height: 2em;
}


/* Registrarme
-------------------------------------------------------------------------------------- */

#register-fields {
    display: block
}

#register-fields input[type=text],
#register-fields input[type=password],
#register-fields input[type=email] {
    width: 200px;
    height: 34px;
    margin-right: 12px
}

.verification {
    float: left;
    background: #f1f1f1;
    border: 1px solid #ddd;
    padding: 20px
}

.verification-box {
    margin-bottom: 15px
}

.verification-box input[type=text] {
    margin-top: 8px
}

.label-box:before,
.label-box:after {
    content: "";
    clear: both;
    display: block
}

.label-box {
    display: block;
    margin-bottom: 10px
}

.label-box label {
    float: left;
    width: 190px;
    line-height: 100%;
    margin-right: 10px
}

.label-box select {
    padding: 5px
}

.label-box .btn {
    margin-left: 10px;
}

.column-ad-left,
.column-ad-right {
    float: left
}

body#acceso-denegado .login_form {
    display: none
}

.column-ad-left {
    width: 30%;
}

.column-ad-right {
    width: 70%;
    padding-left: 20px
}

.column-ad-right input[type="text"],
.column-ad-right input[type="password"],
.column-ad-right input[type="email"],
.column-ad-right textarea {
    float: left;
    margin-right: 8px
}

.column-ad-right #btn-login {
    float: left;
    margin-left: 0
}


/* Front-End
-------------------------------------------------------------------------------------- */

#front-column-left {
    float: right;
    width: 69%;
    max-width: 1000px;
    height: auto;
    margin: 0 10px 0 0;
    padding: 0;
}

#front-column-right {
    float: right;
    width: 30%;
    max-width: 390px;
    height: auto;
    margin: 0;
    padding: 0
}

.module_movement {
    margin-top: 20px
}

.module_movement .news_block {
    position: relative;
    border-bottom: 1px solid #666
}

.module_movement h4 {
    font-size: 20px
}

.module_movement p {
    font-size: 16px !important
}

.module_movement .btn_movement {
    position: absolute;
    top: 7px;
    right: 50px;
    background: #7094de;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzcwOTRkZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxYzNlN2IiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #7094de 0%, #1c3e7b 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7094de), color-stop(100%, #1c3e7b));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #7094de 0%, #1c3e7b 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #7094de 0%, #1c3e7b 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #7094de 0%, #1c3e7b 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #7094de 0%, #1c3e7b 100%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#7094de', endColorstr='#1c3e7b', GradientType=0);
    /* IE6-8 */
    border: none;
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
    line-height: 30px
}

#add-members {
    width: 100%;
    /*max-width: 310px;*/
    min-height: 200px;
    border: 1px solid #c7c7c7;
    border-top: none;
    border-radius: 5px;
    background: #f1f1f1;
    margin-bottom: 11px;
    padding-bottom: 10px
}

#front-column-right img {
    width: 100%;
    margin-bottom: 10px
}

#mheader {}

#member_form {
    padding: 0 5px;
    text-align: center
}

#member_form input[type=text],
#member_form input[type=email] {
    width: 100%;
    max-width: 260px;
    padding: 8px 10px;
    padding: 8px 10px 7px\9;
    margin-bottom: 5px;
    border-radius: 0
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    #member_form input[type=text],
    #member_form input[type=email] {
        margin-bottom: 3px
    }
}

#members_name,
#members_lastname {
    width: 138px !important
}

#member_form p {
    color: #656565
}

.btn-submit {
    background: url(../media/btn-member.png) no-repeat;
    cursor: pointer;
    width: 180px;
    height: 48px;
    border: none
}

#livechannel {
    margin-bottom: 10px
}

.poll,
.birth_membership,
.raffle_membership {
    width: 100%;
    /*max-width: 310px;*/
    /*height: 350px;*/
    border: 1px solid #c7c7c7;
    border-top: none;
    border-radius: 5px;
    background: #f1f1f1;
    margin-bottom: 10px;
    padding-bottom: 15px;
}

.poll h2,
.birth_membership h2,
.raffle_membership h2 {
    text-align: left !important;
    padding-bottom: 0px;
}

.poll span.poll-icon,
.birth_membership span.birthday-icon,
.raffle_membership span.raffle-icon {
    float: left;
    width: 47px;
    height: 38px;
    margin-top: -6px;
    margin-right: 5px;
    opacity: 0.7
}

.poll span.poll-icon {
    background: url(../media/question-poll.jpg) no-repeat left;
}

.birth_membership span.birthday-icon {
    background: url(../media/birth_membership.jpg) no-repeat left;
}

.raffle_membership span.raffle-icon {
    background: url(../media/raffle-membership.jpg) no-repeat left;
}

.pbody {
    color: #666;
    padding: 0px 10px
}

.pbody h4 {
    color: #000;
    font-weight: 700;
    font-size: 16px;
    margin-bottom: 10px
}

.pbody input[type=radio] {
    background: #fff transparent;
    margin-bottom: 10px
}

.pbody a {
    color: #666;
    margin: 10px auto
}

#btn-voto {
    float: left;
    background: url(../media/btn-voto.png) no-repeat;
    width: 107px;
    height: 35px;
    border: none;
    margin-top: 20px
}

#btn-result {
    background: url(../media/btn-result.png) no-repeat;
    width: 107px;
    height: 35px;
    border: none;
    margin-top: 20px;
    margin-bottom: 20px
}

#btn-result,
#btn-voto:hover {
    cursor: pointer
}

.birth_membership_box {
    width: 100%;
}

#widget_facebook {
    margin-top: 0px;
    margin-bottom: 10px
}

#widget_twitter {
    margin-bottom: 10px;
}

#widget_instagram {
    border: 1px solid #aaa;
    margin-bottom: 10px;
}

.wg_header {
    background: #EDEFF4;
    padding: 5px;
    border-bottom: 1px solid #D8DFEA;
    margin-bottom: 6px
}

.wg_header_title {
    color: #333;
    font-size: 11px;
    font-family: "lucida grande", tahoma, verdana, arial, sans-serif
}

h3.wg_header_title {
    margin-bottom: 3px
}

.wg_content_box {
    padding: 0 5px
}

#addimg {
    margin-bottom: 20px
}


/* Agenda de actividades
-------------------------------------------------------------------------------------- */

.calendar-container {
    margin-bottom: 30px;
    padding: 2px;
    overflow: hidden
}

.content-calendar {
    float: left;
    width: 300px;
    height: 60px;
    overflow: hidden;
    margin: 0 10px 0 0
}

.cdate {
    float: left;
    width: 52px;
    height: 51px;
    background: url(../media/bgdate.jpg) no-repeat;
    text-align: center;
    margin-right: 9px;
    padding-top: 4px
}

.cdate p:first-child {
    float: left;
    color: #fff;
    font-size: 9.8px;
    margin-left: 3px;
    margin-bottom: 0;
    line-height: 80%
}

.cdate p:last-child {
    color: #000;
    font-size: 28.8px
}


/* Noticias recientes
-------------------------------------------------------------------------------------- */

#news_container {
    margin-bottom: 40px
}

.news_block {
    padding: 0;
    overflow: hidden;
    margin-bottom: 10px
}

.news_block img {
    margin-right: 10px
}

.news_block p {
    font-size: 13px;
    color: #666;
    margin-top: 5px
}

.news_block p a {
    color: #666;
}


/* Maraton
-------------------------------------------------------------------------------------- */

.marathon {
    float: left;
    width: 48%;
    margin-right: 10px;
}


/* Recursos en línea
-------------------------------------------------------------------------------------- */

ul.online-means {
    text-align: center
}

ul.online-means li {
    display: inline-block;
    margin-right: 11px;
    margin-bottom: 5px
}

ul.online-means li:last-child {
    margin-right: 0px
}


/* List-view Content 
-------------------------------------------------------------------------------------- */

.category_news_block:before,
.noticias-block:before,
.category_news_block:after,
.noticias-block:after {
    content: "";
    clear: both;
    display: block
}

.category_news_block {
    float: left;
    width: 97%;
    margin: 0px 28px 20px 0px;
    padding: 0px 0px 20px 0px;
}

.category_news_block .more_news {
    float: right;
    font-size: 12px;
    font-weight: normal;
    line-height: 16px
}

.noticias-block {
    position: relative;
    float: left;
    width: 47%;
    height: 220px;
    margin: 10px;
    padding: 10px;
    border-right: 1px solid #ccc;
    border-bottom: 1px dotted #ccc
}

.noticias-block h3 {
    font-size: 14px;
    margin-bottom: 0
}

.noticias-block .date {
    margin-bottom: 15px
}

.noticias-block img {
    margin-bottom: 8px
}

.noticias-block p {
    font-size: 13px;
    color: #666;
    margin-bottom: 10px
}

.noticias-block .readm:before,
.noticias-block .readm:after {
    content: "";
    clear: both;
    display: block
}

.noticias-block .readm {
    display: block
}

.libros {}

.libros li {
    float: left;
    width: 200px;
    margin-right: 40px;
    margin-bottom: 40px;
    text-align: center
}

.libros li:nth-child(4n+4) {
    margin-right: 0
}


/* Detail-view Content 
-------------------------------------------------------------------------------------- */

.error,
.success,
.warning {
    overflow: hidden;
    width: 90%;
    padding: 8px;
    border-radius: 8px;
    margin: 10px auto 15px;
    text-align: center
}

.success {
    border: solid 2px #d6e9c6;
    background: #dff0d8;
    color: #3c763d;
}

.error {
    border: solid 2px #ebccd1;
    background: #f2dede;
    color: #a94442;
}

.warning {
    border: solid 2px #C4C400;
    background: #FFA;
    color: #000;
    line-height: 120%
}

ul.gallery-list {}

ul.gallery-list li {
    float: left;
    width: 23.5%;
    margin-right: 2%;
    margin-bottom: 2%;
    padding: 8px;
    border: 1px solid #ccc
}

ul.gallery-list li:nth-child(4n+4) {
    margin-right: 0px;
}

ul.gallery-list .image-box {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 205px
}

ul.gallery-list .image-box a {
    display: block;
    height: 100%
}

ul.gallery-list li img {
    display: block;
    width: 100%
}


/* Switch Display
-------------------------------------------------------------------------------------- */

.options {
    display: block;
    text-align: right;
    font-size: 1.2em;
    line-height: 16px;
    font-weight: bold;
    color: #eee;
    margin-bottom: 8px;
}

.options .sorticon {
    position: relative;
    top: 3px;
}

.options .sorticon img {
    opacity: 0.6;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.options .sorticon img:hover {
    opacity: 1.0;
}

.options .sorticon.active img {
    opacity: 1.0;
}

#listdisplay {
    display: block;
}

#listdisplay li {
    display: block;
    width: 100%;
    margin-bottom: 1px;
}

#listdisplay li a img {
    display: none;
    float: left;
    background: #fff;
    margin-right: 10px;
    max-width: 60px
}

#listdisplay li.thumb_view {
    display: none
}

#listdisplay.thumbview li.thumb_view {
    display: block
}

#listdisplay.thumbview li:first-child {
    display: none
}

#listdisplay li .innercontent h2 {
    font-size: 1em;
    line-height: 1.35em;
    margin-bottom: 4px;
}

#listdisplay.thumbview li {
    display: block;
    width: 22%;
    float: left;
    margin-right: 10px;
    margin-bottom: 7px;
    border: 0;
}

#listdisplay.thumbview li a img {
    display: block;
    float: none;
    margin: 0 auto;
    margin-bottom: 4px;
}

#listdisplay.thumbview li .innercontent {
    display: block;
    text-align: center;
}

#listdisplay.thumbview li .innercontent h2 {
    font-size: 1em;
}

#listdisplay.thumbview li .innercontent p {
    display: none;
}

#listdisplay.thumbview li.listgrid {
    position: relative;
    float: left;
    width: 302px;
    border: #1c3e7b solid 1px;
    margin: 0 14px 10px 0;
    padding: 5px;
    overflow: hidden
}

#listdisplay.thumbview li.listgrid img {
    margin-right: 2%
}

#listdisplay.thumbview li.listgrid h4 {
    font-size: 13px;
    font-weight: 700;
    margin-bottom: 6px
}

#listdisplay.thumbview li.listgrid table.tbl_profile {
    font-size: 11px;
    color: #1c3e7b
}

#listdisplay.thumbview li.listgrid table.tbl_profile td {
    padding-bottom: 5px
}

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}


/* Filtros
-------------------------------------------------------------------------------------- */

#filters_box_outer {
    float: left;
    display: block;
    width: 130px;
    height: 26px;
    line-height: 26px;
    padding: 0px 5px;
    color: #fff;
    background: url(../media/more_filters.png) no-repeat;
    cursor: pointer
}

#filters_box_inner {
    display: none;
    position: relative;
    margin-top: 10px
}

#filters_box {
    position: absolute;
    width: 950px;
    height: 200px;
    background: url(../media/bg_filters.png) no-repeat top right;
    top: -42px;
    right: 0;
    padding: 30px;
    z-index: 999
}

.cats_box:before,
.cats_box:after {
    content: "";
    clear: both;
    display: block
}

.cats_box {
    width: 100%;
    margin-bottom: 15px;
    padding-right: 20px
}

.cats_box a {
    color: #888
}

.cats_box h3 {
    font-size: 13px;
    margin-bottom: 3px
}

.cats {
    float: left;
    margin: 3px 5px;
    list-style: none;
}

.cats li.parent {
    float: left;
    position: relative;
    width: 130px;
    font-size: 13px;
    margin: 0px 8px 2px 0;
    padding: 1px 4px;
    display: block;
    border: 1px solid #fbfbfb;
    letter-spacing: 0
}

.cats li:hover.parent {
    background: #fff;
    border-width: 1px 1px 0px 1px;
    border-style: solid;
    border-color: #ccc #ccc #fff #ccc;
    border-radius: 5px 5px 0 0
}

.cats li a {
    color: #888;
}

.cats li ul:before,
.cats li ul:after {
    content: "";
    clear: both;
    display: block
}

.cats li ul {
    display: none;
    position: absolute;
    width: 170px;
    padding: 2px 0px 2px 5px;
    margin: 1px 0px 0px -5px;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 0px 5px 5px 5px;
    z-index: 9999
}

.cats li:hover ul {
    display: block;
    background: #fff;
    height: auto
}

.cats li.child {
    clear: both;
    border-style: none;
    font-size: 12px !important;
    padding: 3px 0
}

.cats li.child a:hover {
    color: #eb871b
}

.cats ul.sub_child {
    border: none
}


/* Tables
-------------------------------------------------------------------------------------- */

.table-responsive {
    min-height: .01%;
    overflow-x: auto;
}

table.main_table_document {
    width: 100%;
    max-width: 100%;
    margin-bottom: 50px;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12px
}

table.main_table_document a {
    color: #00F
}

table.main_table_document thead {
    background: #7094de;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzcwOTRkZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxYzNlN2IiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #7094de 0%, #1c3e7b 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7094de), color-stop(100%, #1c3e7b));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #7094de 0%, #1c3e7b 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #7094de 0%, #1c3e7b 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #7094de 0%, #1c3e7b 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #7094de 0%, #1c3e7b 100%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#7094de', endColorstr='#1c3e7b', GradientType=0);
    /* IE6-8 */
}

table.main_table_document thead th {
    color: #fff;
    font-weight: 700;
    padding: 10px 2px;
    vertical-align: middle;
}

.main_table_document thead th {}

.main_table_document thead th:last-child {
    border: none
}

.main_table_document tbody {}

.main_table_document td {
    background: #fff;
    padding: 6px 5px;
    vertical-align: middle;
}

.main_table_document tbody td {
    border: 2px solid #ccc;
    border-top: none;
    height: auto;
}

.main_table_document tbody td:first-child,
.main_table_document tfoot td:first-child {
    border-left: none;
    height: auto;
}

.main_table_document_jce tbody td:first-child {
    /* height: 70px !important; */
}

.main_table_document tbody td:last-child,
.main_table_document tfoot td:last-child {
    border-right: none
}

.main_table_document td.add_as .add_as_box {
    visibility: hidden;
    display: none
}

.main_table_document td.add_as:hover .add_as_box {
    visibility: visible;
    display: block
}

.main_table_document tfoot td {
    font-size: 15px;
    font-weight: 700;
    border: 2px solid #ccc;
}

.main_table_marathon thead th {
    font-weight: 700;
    padding-bottom: 3px;
    border-bottom: 1px solid #000;
    text-align: center
}

.main_table_marathon tbody td {
    text-align: center;
    padding: 2px 0;
    border-bottom: 1px solid #ccc;
}

.main_table_marathon tbody td:first-child {}

.main_table_marathon td.auspiciados-qty {
    font-size: 15px;
    font-weight: 700;
}

@media only screen and (max-width: 930px) {
    /* Force table to not be like tables anymore */
    #no-more-tables table,
    #no-more-tables thead,
    #no-more-tables tbody,
    #no-more-tables tfoot,
    #no-more-tables th,
    #no-more-tables td,
    #no-more-tables tr {
        display: block;
    }
    /* Hide table headers (but not display: none;, for accessibility) */
    #no-more-tables thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }
    #no-more-tables tr {
        border: 1px solid #ccc;
    }
    #no-more-tables td {
        /* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 50%;
        white-space: normal;
        text-align: left;
    }
    #no-more-tables td:before {
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        top: 6px;
        left: 6px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
        text-align: left;
        font-weight: bold;
    }
    /*
	Label the data
	*/
    #no-more-tables td:before {
        content: attr(data-title);
    }
}


/*-----------------------------------------------------------------------------------
|	Pagination
-----------------------------------------------------------------------------------*/

.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
}

.pagination>li {
    display: inline;
}

.pagination>li>a,
.pagination>li>span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #337ab7;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
}

.pagination>li:first-child>a,
.pagination>li:first-child>span {
    margin-left: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.pagination>li:last-child>a,
.pagination>li:last-child>span {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.pagination>li>a:hover,
.pagination>li>span:hover,
.pagination>li>a:focus,
.pagination>li>span:focus {
    z-index: 2;
    color: #23527c;
    background-color: #eee;
    border-color: #ddd;
}

.pagination>.active>a,
.pagination>.active>span,
.pagination>.active>a:hover,
.pagination>.active>span:hover,
.pagination>.active>a:focus,
.pagination>.active>span:focus {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #337ab7;
    border-color: #337ab7;
}

.pagination>.disabled>span,
.pagination>.disabled>span:hover,
.pagination>.disabled>span:focus,
.pagination>.disabled>a,
.pagination>.disabled>a:hover,
.pagination>.disabled>a:focus {
    color: #777;
    cursor: not-allowed;
    background-color: #fff;
    border-color: #ddd;
}

.pagination-lg>li>a,
.pagination-lg>li>span {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
}

.pagination-lg>li:first-child>a,
.pagination-lg>li:first-child>span {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
}

.pagination-lg>li:last-child>a,
.pagination-lg>li:last-child>span {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}

.pagination-sm>li>a,
.pagination-sm>li>span {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
}

.pagination-sm>li:first-child>a,
.pagination-sm>li:first-child>span {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

.pagination-sm>li:last-child>a,
.pagination-sm>li:last-child>span {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.pager {
    padding-left: 0;
    margin: 20px 0;
    text-align: center;
    list-style: none;
}

.pager li {
    display: inline;
}

.pager li>a,
.pager li>span {
    display: inline-block;
    padding: 5px 14px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 15px;
}

.pager li>a:hover,
.pager li>a:focus {
    text-decoration: none;
    background-color: #eee;
}

.pager .next>a,
.pager .next>span {
    float: right;
}

.pager .previous>a,
.pager .previous>span {
    float: left;
}

.pager .disabled>a,
.pager .disabled>a:hover,
.pager .disabled>a:focus,
.pager .disabled>span {
    color: #777;
    cursor: not-allowed;
    background-color: #fff;
}


/**** CUSTOM CSS  ***/

.pagination-results {
    border-top: 1px dotted #a9bbbf;
    border-bottom: 1px dotted #a9bbbf;
}

.pagination {
    margin: 10px 0 6px;
}

.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
    background-color: #1c2a47;
    border-color: #1c2a47;
}

.pagination>li>a,
.pagination>li>span {
    color: #1c2a47;
}

.property-results {
    line-height: 50px;
}


/*-----------------------------------------------------------------------------------
|	Icons
-----------------------------------------------------------------------------------*/

.section span,
.contentpanel span {
    float: left;
    display: block;
    width: 32px;
    margin-right: 6px
}

.dashboard {
    background: url(../media/icons/dashboard.png) no-repeat;
    height: 26px
}

.profile {
    background: url(../media/icons/profile.png) no-repeat;
    height: 26px
}

.message {
    background: url(../media/icons/message.png) no-repeat;
    height: 29px
}

.task {
    background: url(../media/icons/task.png) no-repeat;
    width: 29px !important;
    height: 29px
}

.directory {
    background: url(../media/icons/directory.png) no-repeat;
    height: 29px
}

.agenda {
    background: url(../media/icons/agenda.png) no-repeat;
    width: 22px !important;
    height: 26px
}

.news {
    background: url(../media/icons/news.png) no-repeat;
    width: 26px !important;
    height: 26px
}

.movement {
    background: url(../media/icons/flag.png) no-repeat;
    width: 26px !important;
    height: 26px
}

.resources {
    background: url(../media/icons/resources.png) no-repeat;
    width: 26px !important;
    height: 26px
}

.register {
    background: url(../media/icons/register.png) no-repeat;
    width: 24px !important;
    height: 26px
}

.forum {
    background: url(../media/icons/forum.png) no-repeat;
    height: 30px
}

.documents {
    background: url(../media/icons/documents.png) no-repeat;
    height: 28px
}

.chat {
    background: url(../media/icons/chat.png) no-repeat;
    height: 26px
}

.statistics {
    background: url(../media/icons/statistics.png) no-repeat;
    width: 28px !important;
    height: 29px
}


/*-----------------------------------------------------------------------------------
|	Footer
-----------------------------------------------------------------------------------*/

#footer .container {
    background: #f1f1f1
}

#footer .wrapper {
    background: #f1f1f1;
    width: 100%;
    max-width: 990px;
    min-height: 240px;
    margin: 0px auto;
}

#footer-list {
    font-size: 13px;
    padding-top: 25px;
    padding-bottom: 25px
}

#footer-list ul {
    font-weight: 700;
    margin-right: 20px;
}

#footer-list ul li {
    width: 180px;
    float: left;
}

#footer-list ul li ul li {
    clear: both;
    font-weight: 100;
    font-size: 12px;
}

ul.menu-footer>li:nth-child(1) {
    display: none
}

@media (min-width:768px) {
    ul.menu-footer>li:nth-child(-n+6) {
        min-height: 190px;
    }
    ul.menu-footer>li:nth-last-child(-n+7) {
        min-height: 140px;
    }
}

ul.menu-footer>li:nth-child(n+12) {
    min-height: 0px;
}

ul.menu-footer li ul {
    padding-top: 7px;
    padding-bottom: 10px
}

ul.menu-footer li ul li {
    line-height: 110%;
    padding-right: 15px;
    list-style: square;
    margin-left: 11px;
    font-weight: 400 !important
}

#copyright {
    background: #fafafa;
    min-height: 70px;
    padding: 30px 0;
    text-align: center
}

.socialnet {
    text-align: center;
    margin-bottom: 10px
}

.socialnet li {
    display: inline-block;
    margin: 0 2px
}

#img_picture1 {
    width: 100%;
    height: 100%;
}

.loading {
    display: block;
    position: absolute;
    width: 300px;
    height: 300px;
    top: 190px;
    left: 350px;
    z-index: 999;
}


/*-----------------------------------------------------------------------------------
|	Responsive Layouts
-----------------------------------------------------------------------------------*/

@media (max-width: 479px) {
    #top {
        background: none;
        height: auto !important;
        margin-bottom: 3px
    }
    #logo {}
    .login_form,
    .box-login {
        float: left;
        width: 100%;
        margin-top: 5px;
        padding-top: 0;
    }
    .login_form input[type=text],
    .login_form input[type=password],
    #member_form input[type=text],
    #member_form input[type=email],
    #profile_form input[type=text],
    #profile_form input[type=password],
    #profile_form input[type=email] {
        min-width: 100% !important;
        max-width: 100%;
    }
    #btn-login {
        float: left;
        clear: right;
        margin-left: 0;
    }
    #searchbox {
        margin-bottom: 10px;
        overflow: hidden
    }
    .searchtxt {
        max-width: 240px;
    }
    #front-column-left {
        margin: 0
    }
    .rslides_text {
        display: none
    }
    #wfacebook iframe {
        max-width: 100%;
        height: 350px !important;
        border: 1px solid red
    }
    #wfacebook iframe ._4s7c {
        height: 308px !important;
        border: 1px solid red !important
    }
    .noticias-block {
        width: 100%;
        height: auto !important;
        border-right: none
    }
    #online-means img {
        width: 48%;
        margin-bottom: 5px
    }
    ul.dashboard_block li {
        width: 100%;
        height: auto;
    }
    ul.dashboard_block li img {
        margin-bottom: 10px
    }
    ul.dashboard_block li p {
        margin: 0
    }
    .get_padron {
        float: left;
        margin-left: 0;
        margin-top: 5px
    }
    ul.gallery-list li {
        width: 48.5%;
    }
    ul.gallery-list li:nth-child(2n+2) {
        margin-right: 0px;
    }
}

@media (min-width: 480px) and (max-width: 599px) {}

@media (min-width: 480px) and (max-width: 767px) {}

@media (min-width: 480px) and (max-width: 799px) {}

@media (min-width: 480px) and (max-width: 1023px) {}

@media (min-width: 480px) {
    ul.menu-mobile {
        background: none
    }
}

@media (max-width: 599px) {
    .marathon {
        width: 100%
    }
}

@media (min-width: 600px) and (max-width: 767px) {}

@media (min-width: 600px) and (max-width: 1023px) {}

@media (max-width: 767px) {
    .grid-10,
    .grid-20,
    .grid-30,
    .grid-40,
    .grid-50,
    .grid-50-footer,
    .grid-60,
    .grid-70,
    .grid-80,
    .grid-90,
    grid-100 {
        width: 100%
    }
    .grid-separator-right {
        padding-right: 0px
    }
    .grid-separator-left {
        padding-left: 0px;
    }
    .both-side-20 {
        padding-left: 0px;
        padding-right: 0px
    }
}

@media (min-width: 768px) {}

@media (min-width: 768px) and (max-width: 799px) {}

@media (min-width: 768px) and (max-width: 1023px) {}

@media (min-width: 768px) and (max-width: 1999px) {}

@media (max-width: 799px) {
    ul.menu-mobile {
        float: left;
        margin-top: 0px;
        background: url(../media/icons/menu-toggle.png) no-repeat left;
        background-position: 5px 0;
        background-size: 40px;
        min-width: 45px;
        height: 40px;
        cursor: pointer;
        position: relative;
        outline: none !important;
    }
    ul.menu li,
    table.tbl-shopping-cart {
        display: none
    }
    ul.menu-mobile li {
        position: relative;
        background: #1C3E7B;
        width: 100%;
        z-index: 99999
    }
    ul.menu-mobile li:first-child {
        margin-top: 40px
    }
    ul.menu-mobile li ul {
        display: none !important
    }
    ul.menu-mobile li a {
        display: block
    }
    #front-column-left,
    #front-column-right {
        width: 100% !important;
        max-width: inherit !important
    }
}

@media (min-width: 800px) {
    ul.menu li {
        display: block !important;
        opacity: 1.0 !important
    }
}

@media (min-width: 800px) and (max-width: 1023px) {}

@media (max-width: 1023px) {}

@media (max-width: 1024px) {
    #front-column-left {
        float: left;
        width: 69%;
        margin: 0
    }
    #front-column-right {
        width: 30%
    }
}

@media (min-width: 1024px) {
    ul.menu-mobile li,
    ul.menu li {
        display: block !important;
        visibility: visible !important
    }
}

@media (min-width: 1024px) and (max-width: 1279px) {}

@media (max-width: 1280px) {}

@media (min-width: 1280px) {}

@media (min-width: 1280px) and (max-width: 1919px) {}

@media (min-width: 1366px) {}

@media (min-width: 1920px) {}

.progress-bar-goal {
    width: 100%;
    display: block;
    margin: 0px auto;
    position: relative;
}

.progress {
    overflow: hidden;
    height: 20px;
    background-color: #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
    margin-bottom: 20px;
}

.progress-bar {
    width: 0;
    height: 100%;
    color: #fff;
    line-height: 100%;
    text-align: center;
    background-color: #95201A;
}

.progress-striped .progress-bar {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-size: 40px 40px;
}

.progress.active .progress-bar {
    -webkit-animation: progress-bar-stripes 2s linear infinite;
    animation: progress-bar-stripes 2s linear infinite;
    -moz-animation: progress-bar-stripes 2s linear infinite;
}

.gradientBox_fff_eee {
    position: relative;
    behavior: url("/Styles/PIE.htc");
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #ddd;
    background: #fff;
    background: -moz-linear-gradient(#fff, #eee);
    background: -webkit-linear-gradient(#fff, #eee);
    background: -o-linear-gradient(#fff, #eee);
    background: -ms-linear-gradient(#fff, #eee);
    background: linear-gradient(#fff, #eee);
    -pie-background: linear-gradient(#fff, #eee);
    text-align: center;
    padding-right: 20px;
}

.confirmVote {
    border: 3px solid #2f5c83;
    /*max-width: 600px;*/
    font-family: 'Lato', sans-serif;
    font-weight: 700
}

.confirmVote h1 {
    background: #1e384e;
    font-size: 15px;
    font-weight: 700;
    color: #fff;
    text-align: center;
    padding: 5px;
    margin: 0
}

.confirmVote h2 {
    font-size: 13px;
    color: #1e384e;
    text-transform: uppercase
}

.confirmVote p {
    font-size: 13px;
    color: #2f5c83;
    margin: 0 0 3px
}

.confirmVote .box {
    float: left;
    display: block;
    box-sizing: border-box;
    width: 50%;
    max-width: 312px;
    height: 152px;
    padding: 10px;
}

.confirmVote .first {
    border-right: 3px solid #2f5c83;
}

@media (max-width:620px) {
    .confirmVote .box {
        width: 100%;
        max-width: inherit
    }
    .confirmVote .first {
        border-right: none;
        border-bottom: 3px solid #2f5c83;
    }
}

.confirmVote .text-info {
    margin-left: 25px
}

.confirmVote input[type=text] {
    border: 1px solid #1e384e;
}

.confirmVote input[type=submit],
.confirmVote input[type=reset] {
    background: #fff;
    border: none;
    color: #2f5c83;
    cursor: pointer;
    font-weight: 700;
    padding: 3px
}

.confirmVote .left {
    float: left;
    max-width: 178px;
    margin-bottom: 7px;
}

.confirmVote .right {
    float: right
}

@media (max-width:479px) {
    .confirmVote .right img {
        width: 75px !important
    }
}