/* Created by Artisteer v4.2.0.60623 */

#click-main {
   background: #7EBCEF url('images/pageglare.png') no-repeat fixed;
   background: url('images/pageglare.png') no-repeat, -webkit-linear-gradient(top, #1B84DA 0, #1C89E3 22px, #DFEFFB 500px) no-repeat;
   background: url('images/pageglare.png') no-repeat, -moz-linear-gradient(top, #1B84DA 0, #1C89E3 22px, #DFEFFB 500px) no-repeat;
   background: url('images/pageglare.png') no-repeat, -o-linear-gradient(top, #1B84DA 0, #1C89E3 22px, #DFEFFB 500px) no-repeat;
   background: url('images/pageglare.png') no-repeat, -ms-linear-gradient(top, #1B84DA 0, #1C89E3 22px, #DFEFFB 500px) no-repeat;
   -svg-background: url('images/pageglare.png') no-repeat, linear-gradient(top, #1B84DA 0, #1C89E3 22px, #DFEFFB 500px) no-repeat;
   background: url('images/pageglare.png') no-repeat, linear-gradient(to bottom, #1B84DA 0, #1C89E3 22px, #DFEFFB 500px) no-repeat;
   background-attachment: fixed, fixed !important;
   margin: 0 auto;
   font-size: 13px;
   font-family: Tahoma, Arial, Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: normal;
   position: relative;
   width: 100%;
   min-height: 100%;
   left: 0;
   top: 0;
   cursor: default;
   overflow: hidden;
}

table,
ul.click-hmenu {
   font-size: 13px;
   font-family: Tahoma, Arial, Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: normal;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
ul,
ol,
li {
   margin: 0;
   padding: 0;
}

/* Reset buttons border. It's important for input and button tags. 
 * border-collapse should be separate for shadow in IE. 
 */
.click-button {
   /*border: 0;
   border-collapse: separate;
   -webkit-background-origin: border !important;
   -moz-background-origin: border !important;
   background-origin: border-box !important;
   background: #C8D2CE;
   -webkit-border-radius:3px;
   -moz-border-radius:3px;
   border-radius:3px;
   border-width: 0;
   padding:0 21px;
   margin:0 auto;
   height:25px;*/
   border: 0;
   border-collapse: separate;
   background: #F1F4F3;
   color: #272200;
   border-width: 0;
   padding: 0 21px;
   margin: 0 auto;
   height: 25px;
}

.click-postcontent,
.click-postheadericons,
.click-postfootericons,
.click-blockcontent,
ul.click-vmenu a {
   text-align: left;
}

.click-postcontent,
.click-postcontent li,
.click-postcontent table,
.click-postcontent a,
.click-postcontent a:link,
.click-postcontent a:visited,
.click-postcontent a.visited,
.click-postcontent a:hover,
.click-postcontent a.hovered {
   font-size: 13px;
   font-family: Tahoma, Arial, Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: normal;
   line-height: 175%;
}

.click-postcontent p {
   margin: 13px 0;
   text-align: left;
}

.click-postcontent h1,
.click-postcontent h1 a,
.click-postcontent h1 a:link,
.click-postcontent h1 a:visited,
.click-postcontent h1 a:hover,
.click-postcontent h2,
.click-postcontent h2 a,
.click-postcontent h2 a:link,
.click-postcontent h2 a:visited,
.click-postcontent h2 a:hover,
.click-postcontent h3,
.click-postcontent h3 a,
.click-postcontent h3 a:link,
.click-postcontent h3 a:visited,
.click-postcontent h3 a:hover,
.click-postcontent h4,
.click-postcontent h4 a,
.click-postcontent h4 a:link,
.click-postcontent h4 a:visited,
.click-postcontent h4 a:hover,
.click-postcontent h5,
.click-postcontent h5 a,
.click-postcontent h5 a:link,
.click-postcontent h5 a:visited,
.click-postcontent h5 a:hover,
.click-postcontent h6,
.click-postcontent h6 a,
.click-postcontent h6 a:link,
.click-postcontent h6 a:visited,
.click-postcontent h6 a:hover,
.click-blockheader .t,
.click-blockheader .t a,
.click-blockheader .t a:link,
.click-blockheader .t a:visited,
.click-blockheader .t a:hover,
.click-vmenublockheader .t,
.click-vmenublockheader .t a,
.click-vmenublockheader .t a:link,
.click-vmenublockheader .t a:visited,
.click-vmenublockheader .t a:hover,
.click-headline,
.click-headline a,
.click-headline a:link,
.click-headline a:visited,
.click-headline a:hover,
.click-slogan,
.click-slogan a,
.click-slogan a:link,
.click-slogan a:visited,
.click-slogan a:hover,
.click-postheader,
.click-postheader a,
.click-postheader a:link,
.click-postheader a:visited,
.click-postheader a:hover {
   font-size: 22px;
   font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: normal;
   line-height: 120%;
}

.click-postcontent a,
.click-postcontent a:link {
   font-family: Tahoma, Arial, Helvetica, Sans-Serif;
   text-decoration: none;
   color: #3395E6;
}

.click-postcontent a:visited,
.click-postcontent a.visited {
   font-family: Tahoma, Arial, Helvetica, Sans-Serif;
   text-decoration: none;
   color: #819790;
}

.click-postcontent a:hover,
.click-postcontent a.hover {
   font-family: Tahoma, Arial, Helvetica, Sans-Serif;
   text-decoration: underline;
   color: #A3B3AE;
}

.click-postcontent h1 {
   color: #42504B;
   margin: 10px 0 0;
   font-size: 20px;
   font-family: Tahoma, Arial, Helvetica, Sans-Serif;
   font-weight: bold;
   font-style: normal;
   text-align: center;
}

.click-blockcontent h1 {
   margin: 10px 0 0;
   font-size: 20px;
   font-family: Tahoma, Arial, Helvetica, Sans-Serif;
   font-weight: bold;
   font-style: normal;
   text-align: center;
}

.click-postcontent h1 a,
.click-postcontent h1 a:link,
.click-postcontent h1 a:hover,
.click-postcontent h1 a:visited,
.click-blockcontent h1 a,
.click-blockcontent h1 a:link,
.click-blockcontent h1 a:hover,
.click-blockcontent h1 a:visited {
   font-size: 20px;
   font-family: Tahoma, Arial, Helvetica, Sans-Serif;
   font-weight: bold;
   font-style: normal;
   text-align: center;
}

.click-postcontent h2 {
   color: #282F2D;
   margin: 10px 0 0;
   font-size: 14px;
   font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
   font-weight: bold;
   font-style: normal;
   text-align: left;
}

.click-blockcontent h2 {
   margin: 10px 0 0;
   font-size: 14px;
   font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
   font-weight: bold;
   font-style: normal;
}

.click-postcontent h2 a,
.click-postcontent h2 a:link,
.click-postcontent h2 a:hover,
.click-postcontent h2 a:visited,
.click-blockcontent h2 a,
.click-blockcontent h2 a:link,
.click-blockcontent h2 a:hover,
.click-blockcontent h2 a:visited {
   font-size: 14px;
   font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
   font-weight: bold;
   font-style: normal;
}

.click-postcontent h3 {
   color: #4770BD;
   margin: 10px 0 0;
   font-size: 14px;
   font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: italic;
}

.click-blockcontent h3 {
   margin: 10px 0 0;
   font-size: 14px;
   font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: italic;
}

.click-postcontent h3 a,
.click-postcontent h3 a:link,
.click-postcontent h3 a:hover,
.click-postcontent h3 a:visited,
.click-blockcontent h3 a,
.click-blockcontent h3 a:link,
.click-blockcontent h3 a:hover,
.click-blockcontent h3 a:visited {
   font-size: 14px;
   font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: italic;
}

.click-postcontent h4 {
   color: #FF23AE;
   margin: 10px 0 0;
   font-size: 18px;
   font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
}

.click-blockcontent h4 {
   margin: 10px 0 0;
   font-size: 18px;
   font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
}

.click-postcontent h4 a,
.click-postcontent h4 a:link,
.click-postcontent h4 a:hover,
.click-postcontent h4 a:visited,
.click-blockcontent h4 a,
.click-blockcontent h4 a:link,
.click-blockcontent h4 a:hover,
.click-blockcontent h4 a:visited {
   font-size: 18px;
   font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
}

.click-postcontent h5 {
   color: #687E77;
   margin: 10px 0 0;
   font-size: 15px;
   font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
}

.click-blockcontent h5 {
   margin: 10px 0 0;
   font-size: 15px;
   font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
}

.click-postcontent h5 a,
.click-postcontent h5 a:link,
.click-postcontent h5 a:hover,
.click-postcontent h5 a:visited,
.click-blockcontent h5 a,
.click-blockcontent h5 a:link,
.click-blockcontent h5 a:hover,
.click-blockcontent h5 a:visited {
   font-size: 15px;
   font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
}

.click-postcontent h6 {
   color: #C5CFCC;
   margin: 10px 0 0;
   font-size: 13px;
   font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
}

.click-blockcontent h6 {
   margin: 10px 0 0;
   font-size: 13px;
   font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
}

.click-postcontent h6 a,
.click-postcontent h6 a:link,
.click-postcontent h6 a:hover,
.click-postcontent h6 a:visited,
.click-blockcontent h6 a,
.click-blockcontent h6 a:link,
.click-blockcontent h6 a:hover,
.click-blockcontent h6 a:visited {
   font-size: 13px;
   font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
}

header,
footer,
article,
nav,
#click-hmenu-bg,
.click-sheet,
.click-hmenu a,
.click-vmenu a,
.click-slidenavigator>a,
.click-checkbox:before,
.click-radiobutton:before {
   -webkit-background-origin: border !important;
   -moz-background-origin: border !important;
   background-origin: border-box !important;
}

header,
footer,
article,
nav,
#click-hmenu-bg,
.click-sheet,
.click-slidenavigator>a,
.click-checkbox:before,
.click-radiobutton:before {
   display: block;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}

ul {
   list-style-type: none;
}

ol {
   list-style-position: inside;
}

html,
body {
   height: 100%;
}

/**
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 * https://github.com/necolas/normalize.css
 */

html {
   -ms-text-size-adjust: 100%;
   /* 2 */
   -webkit-text-size-adjust: 100%;
   /* 2 */
}

body {
   padding: 0;
   margin: 0;
   min-width: 700px;
   color: #3F4D48;
   font-size: 14px;
}

.click-header:before,
#click-header-bg:before,
.click-layout-cell:before,
.click-layout-wrapper:before,
.click-footer:before,
.click-nav:before,
#click-hmenu-bg:before,
.click-sheet:before {
   width: 100%;
   content: " ";
   display: table;
}

.click-header:after,
#click-header-bg:after,
.click-layout-cell:after,
.click-layout-wrapper:after,
.click-footer:after,
.click-nav:after,
#click-hmenu-bg:after,
.click-sheet:after,
.cleared,
.clearfix:after {
   clear: both;
   font: 0/0 serif;
   display: block;
   content: " ";
}

form {
   padding: 0 !important;
   margin: 0 !important;
}

table.position {
   position: relative;
   width: 100%;
   table-layout: fixed;
}

li h1,
.click-postcontent li h1,
.click-blockcontent li h1 {
   margin: 1px;
}

li h2,
.click-postcontent li h2,
.click-blockcontent li h2 {
   margin: 1px;
}

li h3,
.click-postcontent li h3,
.click-blockcontent li h3 {
   margin: 1px;
}

li h4,
.click-postcontent li h4,
.click-blockcontent li h4 {
   margin: 1px;
}

li h5,
.click-postcontent li h5,
.click-blockcontent li h5 {
   margin: 1px;
}

li h6,
.click-postcontent li h6,
.click-blockcontent li h6 {
   margin: 1px;
}

li p,
.click-postcontent li p,
.click-blockcontent li p {
   margin: 1px;
}


.click-shapes {
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   overflow: hidden;
   z-index: 0;
}

.click-slider-inner {
   position: relative;
   overflow: hidden;
   width: 100%;
   height: 100%;
}

.click-slidenavigator>a {
   display: inline-block;
   vertical-align: middle;
   outline-style: none;
   font-size: 1px;
}

.click-slidenavigator>a:last-child {
   margin-right: 0 !important;
}







.click-sheet {
   background: #FFFFFF;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   border-radius: 10px;
   padding: 5px;
   margin: 10px auto 0;
   position: relative;
   cursor: auto;
   width: 80%;
   min-width: 700px;
   max-width: 1536px;
   z-index: auto !important;
}

.click-layout-wrapper {
   position: relative;
   margin: 20px auto 0 auto;
   z-index: auto !important;
}

.click-content-layout {
   display: table;
   width: 100%;
   table-layout: fixed;
}

.click-content-layout-row {
   display: table-row;
}

.click-layout-cell {
   display: table-cell;
   vertical-align: top;
}

/* need only for content layout in post content */
.click-postcontent .click-content-layout {
   border-collapse: collapse;
}

.click-block {
   margin: 7px;
}

div.click-block img {
   border: none;
   margin: 0;
}

.click-blockheader {
   padding: 6px 5px;
   margin: 0 auto 2px;
}

.click-blockheader .t,
.click-blockheader .t a,
.click-blockheader .t a:link,
.click-blockheader .t a:visited,
.click-blockheader .t a:hover {
   color: #000000;
   font-size: 20px;
   font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: normal;
   margin: 0 5px;
}

.click-blockcontent {
   padding: 5px;
   margin: 0 auto;
   color: #3F4D48;
   font-size: 13px;
   font-family: Tahoma, Arial, Helvetica, Sans-Serif;
   line-height: 175%;
}

.click-blockcontent table,
.click-blockcontent li,
.click-blockcontent a,
.click-blockcontent a:link,
.click-blockcontent a:visited,
.click-blockcontent a:hover {
   color: #3F4D48;
   font-size: 13px;
   font-family: Tahoma, Arial, Helvetica, Sans-Serif;
   line-height: 175%;
}

.click-blockcontent p {
   margin: 0 5px;
}

.click-blockcontent a,
.click-blockcontent a:link {
   color: #3395E6;
   font-family: Tahoma, Arial, Helvetica, Sans-Serif;
}

.click-blockcontent a:visited,
.click-blockcontent a.visited {
   color: #C5CFCC;
   font-family: Tahoma, Arial, Helvetica, Sans-Serif;
   text-decoration: none;
}

.click-blockcontent a:hover,
.click-blockcontent a.hover {
   color: #FFE01A;
   font-family: Tahoma, Arial, Helvetica, Sans-Serif;
   text-decoration: none;
}

.click-block ul>li:before {
   content: url('images/blockbullets.png');
   margin-right: 6px;
   bottom: 2px;
   position: relative;
   display: inline-block;
   vertical-align: middle;
   font-size: 0;
   line-height: 0;
   margin-left: -12px;
}

.opera .click-block ul>li:before {
   /* Vertical-align:middle in Opera doesn't need additional offset */
   bottom: 0;
}

.click-block li {
   font-size: 13px;
   font-family: Tahoma, Arial, Helvetica, Sans-Serif;
   line-height: 175%;
   color: #546560;
   margin: 5px 0 0 10px;
}

.click-block ul>li,
.click-block ol {
   padding: 0;
}

.click-block ul>li {
   padding-left: 12px;
}

.click-breadcrumbs {
   margin: 0 auto;
}

a.click-button,
a.click-button:link,
a:link.click-button:link,
body a.click-button:link,
a.click-button:visited,
body a.click-button:visited,
input.click-button,
button.click-button {
   text-decoration: none;
   font-size: 13px;
   font-family: Tahoma, Arial, Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: normal;
   position: relative;
   display: inline-block;
   vertical-align: middle;
   white-space: nowrap;
   text-align: center;
   color: #2B3431;
   margin: 0 5px 0 0 !important;
   overflow: visible;
   cursor: pointer;
   text-indent: 0;
   line-height: 25px;
   -webkit-box-sizing: content-box;
   -moz-box-sizing: content-box;
   box-sizing: content-box;
}

.click-button img {
   margin: 0;
   vertical-align: middle;
}

.firefox2 .click-button {
   display: block;
   float: left;
}

input,
select,
textarea,
a.click-search-button span {
   vertical-align: middle;
   font-size: 13px;
   font-family: Tahoma, Arial, Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: normal;
}

.click-block select {
   width: 96%;
}

input.click-button {
   float: none !important;
   -webkit-appearance: none;
}

.click-button.active,
.click-button.active:hover {
   /*background: #47A0E8;
   -webkit-border-radius:3px;
   -moz-border-radius:3px;
   border-radius:3px;
   border-width: 0;
   padding:0 21px;
   margin:0 auto;*/
   background: #C8D2CE;
   color: #272200;
   border-width: 0;
   padding: 0 21px;
   margin: 0 auto;
}

.click-button.active,
.click-button.active:hover {
   color: #383100 !important;/
}

.click-button.hover,
.click-button:hover {
   /*background: #7EBCEF;
   -webkit-border-radius:3px;
   -moz-border-radius:3px;
   border-radius:3px;
   border-width: 0;
   padding:0 21px;
   margin:0 auto;*/
   background: #C8D2CE;
   color: #272200;
   border-width: 0;
   padding: 0 21px;
   margin: 0 auto;
}

.click-button.hover,
.click-button:hover {
  color: #242B29 !important;/
}

input[type="text"],
input[type="password"],
input[type="email"],
input[type="url"],
textarea {
   background: #FFFFFF;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
   border: 1px solid #C8D2CE;
   margin: 0 auto;
}

input[type="text"],
input[type="password"],
input[type="email"],
input[type="url"],
textarea {
   width: 100%;
   padding: 4px 0;
   color: #3F4D48 !important;
   font-size: 13px;
   font-family: Tahoma, Arial, Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: normal;
   text-shadow: none;
}

input.click-error,
textarea.click-error {
   background: #FFFFFF;
   border: 1px solid #F63B22;
   margin: 0 auto;
}

input.click-error,
textarea.click-error {
   color: #3F4D48 !important;
   font-size: 13px;
   font-family: Tahoma, Arial, Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: normal;
}

form.click-search input[type="text"] {
   background: #FFFFFF;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
   border: 1px solid #C8D2CE;
   margin: 0 auto;
   width: 100%;
   padding: 4px 0;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
   color: #3F4D48 !important;
   font-size: 13px;
   font-family: Tahoma, Arial, Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: normal;
}

form.click-search {
   background-image: none;
   border: 0;
   display: block;
   position: relative;
   top: 0;
   padding: 0;
   margin: 5px;
   left: 0;
   line-height: 0;
}

form.click-search input,
a.click-search-button {
   -webkit-appearance: none;
   top: 0;
   right: 0;
}

form.click-search>input,
a.click-search-button {
   bottom: 0;
   left: 0;
   vertical-align: middle;
}

form.click-search input[type="submit"],
input.click-search-button,
a.click-search-button {
   border-radius: 0;
   margin: 0 auto;
}

form.click-search input[type="submit"],
input.click-search-button,
a.click-search-button {
   position: absolute;
   left: auto;
   display: block;
   border: none;
   background: url('images/searchicon.png') center center no-repeat;
   width: 24px;
   height: 100%;
   padding: 0;
   color: #2B3431 !important;
   cursor: pointer;
}

a.click-search-button span.click-search-button-text {
   display: none;
}

label.click-checkbox:before {
   background: #FFFFFF;
   -webkit-border-radius: 1px;
   -moz-border-radius: 1px;
   border-radius: 1px;
   border-width: 0;
   margin: 0 auto;
   width: 16px;
   height: 16px;
}

label.click-checkbox {
   cursor: pointer;
   font-size: 13px;
   font-family: Tahoma, Arial, Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: normal;
   line-height: 16px;
   display: inline-block;
   color: #3F4D48 !important;
}

.click-checkbox>input[type="checkbox"] {
   margin: 0 5px 0 0;
}

label.click-checkbox.active:before {
   background: #7EBCEF;
   -webkit-border-radius: 1px;
   -moz-border-radius: 1px;
   border-radius: 1px;
   border-width: 0;
   margin: 0 auto;
   width: 16px;
   height: 16px;
   display: inline-block;
}

label.click-checkbox.hovered:before {
   background: #BADBF6;
   -webkit-border-radius: 1px;
   -moz-border-radius: 1px;
   border-radius: 1px;
   border-width: 0;
   margin: 0 auto;
   width: 16px;
   height: 16px;
   display: inline-block;
}

label.click-radiobutton:before {
   background: #FFFFFF;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
   border-width: 0;
   margin: 0 auto;
   width: 12px;
   height: 12px;
}

label.click-radiobutton {
   cursor: pointer;
   font-size: 13px;
   font-family: Tahoma, Arial, Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: normal;
   line-height: 12px;
   display: inline-block;
   color: #3F4D48 !important;
}

.click-radiobutton>input[type="radio"] {
   vertical-align: baseline;
   margin: 0 5px 0 0;
}

label.click-radiobutton.active:before {
   background: #7EBCEF;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
   border-width: 0;
   margin: 0 auto;
   width: 12px;
   height: 12px;
   display: inline-block;
}

label.click-radiobutton.hovered:before {
   background: #BADBF6;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
   border-width: 0;
   margin: 0 auto;
   width: 12px;
   height: 12px;
   display: inline-block;
}

.click-comments {
   border-top: 1px dotted #C8D2CE;
   margin: 0 auto;
   margin-top: 25px;
}

.click-comments h2 {
   color: #3F4D48;
}

.click-comment-inner {
   -webkit-border-radius: 2px;
   -moz-border-radius: 2px;
   border-radius: 2px;
   padding: 5px;
   margin: 0 auto;
   margin-left: 96px;
}

.click-comment-avatar {
   float: left;
   width: 80px;
   height: 80px;
   padding: 2px;
   background: #fff;
   border: 1px solid #47A0E8;
}

.click-comment-avatar>img {
   margin: 0 !important;
   border: none !important;
}

.click-comment-content {
   padding: 10px 0;
   color: #3F4D48;
   font-family: Tahoma, Arial, Helvetica, Sans-Serif;
}

.click-comment {
   margin-top: 6px;
}

.click-comment:first-child {
   margin-top: 0;
}

.click-comment-header {
   color: #3F4D48;
   font-family: Tahoma, Arial, Helvetica, Sans-Serif;
   line-height: 100%;
}

.click-comment-header a,
.click-comment-header a:link,
.click-comment-header a:visited,
.click-comment-header a.visited,
.click-comment-header a:hover,
.click-comment-header a.hovered {
   font-family: Tahoma, Arial, Helvetica, Sans-Serif;
   line-height: 100%;
}

.click-comment-header a,
.click-comment-header a:link {
   font-family: Tahoma, Arial, Helvetica, Sans-Serif;
   font-weight: bold;
   font-style: normal;
   color: #0F4C7D;
}

.click-comment-header a:visited,
.click-comment-header a.visited {
   font-family: Tahoma, Arial, Helvetica, Sans-Serif;
   color: #3F4D48;
}

.click-comment-header a:hover,
.click-comment-header a.hovered {
   font-family: Tahoma, Arial, Helvetica, Sans-Serif;
   color: #546560;
}

.click-comment-content a,
.click-comment-content a:link,
.click-comment-content a:visited,
.click-comment-content a.visited,
.click-comment-content a:hover,
.click-comment-content a.hovered {
   font-family: Tahoma, Arial, Helvetica, Sans-Serif;
}

.click-comment-content a,
.click-comment-content a:link {
   font-family: Tahoma, Arial, Helvetica, Sans-Serif;
   color: #0F4C7D;
}

.click-comment-content a:visited,
.click-comment-content a.visited {
   font-family: Tahoma, Arial, Helvetica, Sans-Serif;
   color: #3F4D48;
}

.click-comment-content a:hover,
.click-comment-content a.hovered {
   font-family: Tahoma, Arial, Helvetica, Sans-Serif;
   color: #546560;
}

.click-pager {
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
   padding: 6px;
   margin: 2px;
}

.click-pager>*:last-child {
   margin-right: 0 !important;
}

.click-pager>span {
   cursor: default;
}

.click-pager>* {
   background: #FFFFFF;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
   padding: 10px;
   margin: 0 4px 0 auto;
   line-height: normal;
   position: relative;
   display: inline-block;
   margin-left: 0;
}

.click-pager a:link,
.click-pager a:visited,
.click-pager .active {
   line-height: normal;
   font-family: Tahoma, Arial, Helvetica, Sans-Serif;
   text-decoration: none;
   color: #5A4E00;
}

.click-pager .active {
   background: #7EBCEF;
   padding: 10px;
   margin: 0 4px 0 auto;
   color: #322C00;
}

.click-pager .more {
   background: #FFE646;
   margin: 0 4px 0 auto;
}

.click-pager a.more:link,
.click-pager a.more:visited {
   color: #272200;
}

.click-pager a:hover {
   background: #FFFFFF;
   padding: 10px;
   margin: 0 4px 0 auto;
}

.click-pager a:hover,
.click-pager a.more:hover {
   text-decoration: none;
   color: #5A4E00;
}

.click-pager>*:after {
   margin: 0 0 0 auto;
   display: inline-block;
   position: absolute;
   content: ' ';
   top: 0;
   width: 0;
   height: 100%;
   right: 0;
   text-decoration: none;
}

.click-pager>*:last-child:after {
   display: none;
}

.click-commentsform {
   background: #FFFFFF;
   background: transparent;
   padding: 10px;
   margin: 0 auto;
   margin-top: 25px;
   color: #3F4D48;
}

.click-commentsform h2 {
   padding-bottom: 10px;
   margin: 0;
   color: #3F4D48;
}

.click-commentsform label {
   display: inline-block;
   line-height: 25px;
}

.click-commentsform input:not([type=submit]),
.click-commentsform textarea {
   box-sizing: border-box;
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   width: 100%;
   max-width: 100%;
}

.click-commentsform .form-submit {
   margin-top: 10px;
}

.click-post {
   padding: 5px;
}

a img {
   border: 0;
}

.click-article img,
img.click-article,
.click-block img,
.click-footer img {
   margin: 5px 5px 5px 5px;
}

.click-metadata-icons img {
   border: none;
   vertical-align: middle;
   margin: 2px;
}

.click-article table,
table.click-article {
   border-collapse: collapse;
   margin: 1px;
}

.click-post .click-content-layout-br {
   height: 0;
}

.click-article th,
.click-article td {
   padding: 2px;
   border: solid 0px #C8D2CE;
   vertical-align: top;
   text-align: left;
}

.click-article th {
   text-align: center;
   vertical-align: middle;
   padding: 7px;
}

pre {
   overflow: auto;
   padding: 0.1em;
}

.preview-cms-logo {
   border: 0;
   margin: 1em 1em 0 0;
   float: left;
}

.image-caption-wrapper {
   padding: 5px 5px 5px 5px;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}

.image-caption-wrapper img {
   margin: 0 !important;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}

.image-caption-wrapper div.click-collage {
   margin: 0 !important;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}

.image-caption-wrapper p {
   font-size: 80%;
   text-align: right;
   margin: 0;
}

.click-postheader {
   color: #197CCD;
   margin: 5px 10px;
   font-size: 16px;
   font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
   font-weight: bold;
   font-style: normal;
   text-align: right;
}

.click-postheader a,
.click-postheader a:link,
.click-postheader a:visited,
.click-postheader a.visited,
.click-postheader a:hover,
.click-postheader a.hovered {
   font-size: 16px;
   font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
   font-weight: bold;
   font-style: normal;
   text-align: right;
}

.click-postheader a,
.click-postheader a:link {
   font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
   text-decoration: none;
   text-align: left;
   color: #728A82;
}

.click-postheader a:visited,
.click-postheader a.visited {
   font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
   text-decoration: none;
   text-align: left;
   color: #A6B6B1;
}

.click-postheader a:hover,
.click-postheader a.hovered {
   font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
   text-decoration: none;
   text-align: left;
   color: #42504B;
}

.click-postheadericons,
.click-postheadericons a,
.click-postheadericons a:link,
.click-postheadericons a:visited,
.click-postheadericons a:hover {
   font-family: Tahoma, Arial, Helvetica, Sans-Serif;
   color: #546560;
}

.click-postheadericons {
   padding: 1px;
   margin: 0 0 0 10px;
}

.click-postheadericons a,
.click-postheadericons a:link {
   font-family: Tahoma, Arial, Helvetica, Sans-Serif;
   text-decoration: none;
   color: #166AAF;
}

.click-postheadericons a:visited,
.click-postheadericons a.visited {
   font-family: Tahoma, Arial, Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: normal;
   text-decoration: none;
   color: #9AACA6;
}

.click-postheadericons a:hover,
.click-postheadericons a.hover {
   font-family: Tahoma, Arial, Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: normal;
   text-decoration: underline;
   color: #596C65;
}

.click-postdateicon:before {
   content: url('images/postdateicon.png');
   margin-right: 6px;
   position: relative;
   display: inline-block;
   vertical-align: middle;
   font-size: 0;
   line-height: 0;
   bottom: auto;
}

.opera .click-postdateicon:before {
   /* Vertical-align:middle in Opera doesn't need additional offset */
   bottom: 0;
}

.click-postauthoricon:before {
   content: url('images/postauthoricon.png');
   margin-right: 6px;
   position: relative;
   display: inline-block;
   vertical-align: middle;
   font-size: 0;
   line-height: 0;
   bottom: auto;
}

.opera .click-postauthoricon:before {
   /* Vertical-align:middle in Opera doesn't need additional offset */
   bottom: 0;
}

.click-postediticon:before {
   content: url('images/postediticon.png');
   margin-right: 6px;
   bottom: 2px;
   position: relative;
   display: inline-block;
   vertical-align: middle;
   font-size: 0;
   line-height: 0;
}

.opera .click-postediticon:before {
   /* Vertical-align:middle in Opera doesn't need additional offset */
   bottom: 0;
}

.click-postcontent ul>li:before,
.click-post ul>li:before,
.click-textblock ul>li:before {
   content: url('images/postbullets.png');
   margin-right: 6px;
   bottom: 2px;
   position: relative;
   display: inline-block;
   vertical-align: middle;
   font-size: 0;
   line-height: 0;
}

.opera .click-postcontent ul>li:before,
.opera .click-post ul>li:before,
.opera .click-textblock ul>li:before {
   /* Vertical-align:middle in Opera doesn't need additional offset */
   bottom: 0;
}

.click-postcontent li,
.click-post li,
.click-textblock li {
   font-family: Tahoma, Arial, Helvetica, Sans-Serif;
   color: #3F4D48;
   margin: 3px 0 0 11px;
}

.click-postcontent ul>li,
.click-post ul>li,
.click-textblock ul>li,
.click-postcontent ol,
.click-post ol,
.click-textblock ol {
   padding: 0;
}

.click-postcontent ul>li,
.click-post ul>li,
.click-textblock ul>li {
   padding-left: 13px;
}

.click-postcontent ul>li:before,
.click-post ul>li:before,
.click-textblock ul>li:before {
   margin-left: -13px;
}

.click-postcontent ol,
.click-post ol,
.click-textblock ol,
.click-postcontent ul,
.click-post ul,
.click-textblock ul {
   margin: 1em 0 1em 11px;
}

.click-postcontent li ol,
.click-post li ol,
.click-textblock li ol,
.click-postcontent li ul,
.click-post li ul,
.click-textblock li ul {
   margin: 0.5em 0 0.5em 11px;
}

.click-postcontent li,
.click-post li,
.click-textblock li {
   margin: 3px 0 0 0;
}

.click-postcontent ol>li,
.click-post ol>li,
.click-textblock ol>li {
   /* overrides overflow for "ul li" and sets the default value */
   overflow: visible;
}

.click-postcontent ul>li,
.click-post ul>li,
.click-textblock ul>li {
   /* makes "ul li" not to align behind the image if they are in the same line */
   overflow-x: visible;
   overflow-y: hidden;
}

blockquote {
   background: #F0F3F2 url('images/postquote.png') no-repeat scroll;
   padding: 10px 10px 10px 47px;
   margin: 10px 0 0 25px;
   color: #3A4743;
   font-family: Tahoma, Arial, Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: italic;
   text-align: left;
   /* makes block not to align behind the image if they are in the same line */
   overflow: auto;
   clear: both;
}

blockquote a,
.click-postcontent blockquote a,
.click-blockcontent blockquote a,
.click-footer blockquote a,
blockquote a:link,
.click-postcontent blockquote a:link,
.click-blockcontent blockquote a:link,
.click-footer blockquote a:link,
blockquote a:visited,
.click-postcontent blockquote a:visited,
.click-blockcontent blockquote a:visited,
.click-footer blockquote a:visited,
blockquote a:hover,
.click-postcontent blockquote a:hover,
.click-blockcontent blockquote a:hover,
.click-footer blockquote a:hover {
   color: #3A4743;
   font-family: Tahoma, Arial, Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: italic;
   text-align: left;
}

/* Override native 'p' margins*/
blockquote p,
.click-postcontent blockquote p,
.click-blockcontent blockquote p,
.click-footer blockquote p {
   margin: 0;
   margin: 5px 0;
}

.Sorter img {
   border: 0;
   vertical-align: middle;
   padding: 0;
   margin: 0;
   position: static;
   z-index: 1;
   width: 12px;
   height: 6px;
}

.Sorter a {
   position: relative;
   font-family: Tahoma, Arial, Helvetica, Sans-Serif;
   color: #1F8BE3;
}

.Sorter a:link {
   font-family: Tahoma, Arial, Helvetica, Sans-Serif;
   color: #1F8BE3;
}

.Sorter a:visited,
.Sorter a.visited {
   font-family: Tahoma, Arial, Helvetica, Sans-Serif;
   color: #1F8BE3;
}

.Sorter a:hover,
.Sorter a.hover {
   font-family: Tahoma, Arial, Helvetica, Sans-Serif;
   color: #166AAF;
}

.Sorter {
   font-family: Tahoma, Arial, Helvetica, Sans-Serif;
   color: #0F4C7D;
}

.click-footer {
   background: #318AD3;
   border-top: 1px dotted #C8D2CE;
   margin: 10px auto 0;
   position: relative;
   color: #1C2220;
   font-size: 13px;
   font-family: Tahoma, Arial, Helvetica, Sans-Serif;
   line-height: 175%;
   text-align: center;
   padding: 0;
}

.click-footer a,
.click-footer a:link,
.click-footer a:visited,
.click-footer a:hover,
.click-footer td,
.click-footer th,
.click-footer caption {
   color: #1C2220;
   font-size: 13px;
   font-family: Tahoma, Arial, Helvetica, Sans-Serif;
   line-height: 175%;
}

.click-footer p {
   padding: 0;
   text-align: center;
}

.click-footer a,
.click-footer a:link {
   color: #3F4D48;
   font-family: Tahoma, Arial, Helvetica, Sans-Serif;
   text-decoration: none;
}

.click-footer a:visited {
   color: #3F4D48;
   font-family: Tahoma, Arial, Helvetica, Sans-Serif;
   text-decoration: none;
}

.click-footer a:hover {
   color: #0F4C7D;
   font-family: Tahoma, Arial, Helvetica, Sans-Serif;
   text-decoration: underline;
}

.click-footer h1 {
   color: #47A0E8;
   font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
}

.click-footer h2 {
   color: #47A0E8;
   font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
}

.click-footer h3 {
   color: #ACBBB6;
   font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
}

.click-footer h4 {
   color: #C8D2CE;
   font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
}

.click-footer h5 {
   color: #C8D2CE;
   font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
}

.click-footer h6 {
   color: #C8D2CE;
   font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
}

.click-footer img {
   border: none;
   margin: 0;
}

.click-footer-inner {
   margin: 0 auto;
   min-width: 700px;
   max-width: 1536px;
   width: 80%;
   padding: 5px;
   padding-right: 10px;
   padding-left: 10px;
}

.click-rss-tag-icon {
   background: url('images/footerrssicon.png') no-repeat scroll;
   margin: 0 auto;
   min-height: 32px;
   min-width: 32px;
   display: inline-block;
   text-indent: 35px;
   background-position: left center;
   vertical-align: middle;
}

.click-rss-tag-icon:empty {
   vertical-align: middle;
}

.click-facebook-tag-icon {
   background: url('images/footerfacebookicon.png') no-repeat scroll;
   margin: 0 auto;
   min-height: 32px;
   min-width: 32px;
   display: inline-block;
   text-indent: 35px;
   background-position: left center;
   vertical-align: middle;
}

.click-facebook-tag-icon:empty {
   vertical-align: middle;
}

.click-twitter-tag-icon {
   background: url('images/footertwittericon.png') no-repeat scroll;
   margin: 0 auto;
   min-height: 32px;
   min-width: 32px;
   display: inline-block;
   text-indent: 35px;
   background-position: left center;
   vertical-align: middle;
}

.click-twitter-tag-icon:empty {
   vertical-align: middle;
}

.click-tumblr-tag-icon {
   background: url('images/tumblricon.png') no-repeat scroll;
   margin: 0 auto;
   min-height: 32px;
   min-width: 32px;
   display: inline-block;
   text-indent: 35px;
   background-position: left center;
   vertical-align: middle;
}

.click-tumblr-tag-icon:empty {
   vertical-align: middle;
}

.click-pinterest-tag-icon {
   background: url('images/pinteresticon.png') no-repeat scroll;
   margin: 0 auto;
   min-height: 32px;
   min-width: 32px;
   display: inline-block;
   text-indent: 35px;
   background-position: left center;
   vertical-align: middle;
}

.click-pinterest-tag-icon:empty {
   vertical-align: middle;
}

.click-vimeo-tag-icon {
   background: url('images/vimeoicon.png') no-repeat scroll;
   margin: 0 auto;
   min-height: 33px;
   min-width: 32px;
   display: inline-block;
   text-indent: 35px;
   background-position: left center;
   vertical-align: middle;
}

.click-vimeo-tag-icon:empty {
   vertical-align: middle;
}

.click-youtube-tag-icon {
   background: url('images/youtubeicon.png') no-repeat scroll;
   margin: 0 auto;
   min-height: 32px;
   min-width: 32px;
   display: inline-block;
   text-indent: 35px;
   background-position: left center;
   vertical-align: middle;
}

.click-youtube-tag-icon:empty {
   vertical-align: middle;
}

.click-linkedin-tag-icon {
   background: url('images/linkedinicon.png') no-repeat scroll;
   margin: 0 auto;
   min-height: 32px;
   min-width: 32px;
   display: inline-block;
   text-indent: 35px;
   background-position: left center;
   vertical-align: middle;
}

.click-linkedin-tag-icon:empty {
   vertical-align: middle;
}

.click-footer ul>li:before {
   content: url('images/footerbullets.png');
   margin-right: 6px;
   bottom: 2px;
   position: relative;
   display: inline-block;
   vertical-align: middle;
   font-size: 0;
   line-height: 0;
   margin-left: -13px;
}

.opera .click-footer ul>li:before {
   /* Vertical-align:middle in Opera doesn't need additional offset */
   bottom: 0;
}

.click-footer li {
   font-size: 13px;
   font-family: Tahoma, Arial, Helvetica, Sans-Serif;
   color: #F9FAFA;
}

.click-footer ul>li,
.click-footer ol {
   padding: 0;
}

.click-footer ul>li {
   padding-left: 13px;
}

.click-page-footer,
.click-page-footer a,
.click-page-footer a:link,
.click-page-footer a:visited,
.click-page-footer a:hover {
   font-family: Arial;
   font-size: 10px;
   letter-spacing: normal;
   word-spacing: normal;
   font-style: normal;
   font-weight: normal;
   text-decoration: underline;
   color: #0C3C64;
}

.click-page-footer {
   position: relative;
   z-index: auto !important;
   padding: 1em;
   text-align: center !important;
   text-decoration: none;
   color: #333D3A;
}

.click-lightbox-wrapper {
   background: #333;
   background: rgba(0, 0, 0, .8);
   bottom: 0;
   left: 0;
   padding: 0 100px;
   position: fixed;
   right: 0;
   text-align: center;
   top: 0;
   z-index: 1000000;
}

.click-lightbox,
.click-lightbox-wrapper .click-lightbox-image {
   cursor: pointer;
}

.click-lightbox-wrapper .click-lightbox-image {
   border: 6px solid #fff;
   border-radius: 3px;
   display: none;
   max-width: 100%;
   vertical-align: middle;
}

.click-lightbox-wrapper .click-lightbox-image.active {
   display: inline-block;
}

.click-lightbox-wrapper .lightbox-error {
   background: #fff;
   border: 1px solid #b4b4b4;
   border-radius: 10px;
   box-shadow: 0 2px 5px #333;
   height: 80px;
   opacity: .95;
   padding: 20px;
   position: fixed;
   width: 300px;
   z-index: 100;
}

.click-lightbox-wrapper .loading {
   background: #fff url('images/preloader-01.gif') center center no-repeat;
   border: 1px solid #b4b4b4;
   border-radius: 10px;
   box-shadow: 0 2px 5px #333;
   height: 32px;
   opacity: .5;
   padding: 10px;
   position: fixed;
   width: 32px;
   z-index: 10100;
}

.click-lightbox-wrapper .arrow {
   cursor: pointer;
   height: 100px;
   opacity: .5;
   filter: alpha(opacity=50);
   position: fixed;
   width: 82px;
   z-index: 10003;
}

.click-lightbox-wrapper .arrow.left {
   left: 9px;
}

.click-lightbox-wrapper .arrow.right {
   right: 9px;
}

.click-lightbox-wrapper .arrow:hover {
   opacity: 1;
   filter: alpha(opacity=100);
}

.click-lightbox-wrapper .arrow.disabled {
   display: none;
}

.click-lightbox-wrapper .arrow-t,
.click-lightbox-wrapper .arrow-b {
   background-color: #fff;
   border-radius: 3px;
   height: 6px;
   left: 26px;
   position: relative;
   width: 30px;
}

.click-lightbox-wrapper .arrow-t {
   top: 38px;
}

.click-lightbox-wrapper .arrow-b {
   top: 50px;
}

.click-lightbox-wrapper .close {
   cursor: pointer;
   height: 22px;
   opacity: .5;
   filter: alpha(opacity=50);
   position: fixed;
   right: 39px;
   top: 30px;
   width: 22px;
   z-index: 10003;
}

.click-lightbox-wrapper .close:hover {
   opacity: 1;
   filter: alpha(opacity=100);
}

.click-lightbox-wrapper .close .cw,
.click-lightbox-wrapper .close .ccw {
   background-color: #fff;
   border-radius: 3px;
   height: 6px;
   position: absolute;
   left: -4px;
   top: 8px;
   width: 30px;
}

.click-lightbox-wrapper .cw {
   transform: rotate(45deg);
   -ms-transform: rotate(45deg);
   /* IE 9 */
   -webkit-transform: rotate(45deg);
   /* Safari and Chrome */
   -o-transform: rotate(45deg);
   /* Opera */
   -moz-transform: rotate(45deg);
   /* Firefox */
}

.click-lightbox-wrapper .ccw {
   transform: rotate(-45deg);
   -ms-transform: rotate(-45deg);
   /* IE 9 */
   -webkit-transform: rotate(-45deg);
   /* Safari and Chrome */
   -o-transform: rotate(-45deg);
   /* Opera */
   -moz-transform: rotate(-45deg);
   /* Firefox */
}

.click-lightbox-wrapper .close-alt,
.click-lightbox-wrapper .arrow-right-alt,
.click-lightbox-wrapper .arrow-left-alt {
   color: #fff;
   display: none;
   font-size: 2.5em;
   line-height: 100%;
}

.ie8 .click-lightbox-wrapper .close-alt,
.ie8 .click-lightbox-wrapper .arrow-right-alt,
.ie8 .click-lightbox-wrapper .arrow-left-alt {
   display: block;
}

.ie8 .click-lightbox-wrapper .cw,
.ie8 .click-lightbox-wrapper .ccw {
   display: none;
}

.click-content-layout .click-content {
   margin: 0 auto;
}

/* Begin Additional CSS Styles */

.resp_texto img {
   margin: 0;
   padding-left: 5px;
}

.img_audio,
.img_video {
   cursor: pointer;
}

.div_paginacion {
   background: #FFFFFF;
   margin: 0px auto 0;
   position: relative;
   color: #1C2220;
   font-size: 13px;
   font-family: Tahoma, Arial, Helvetica, Sans-Serif;
   line-height: 175%;
   text-align: center;
   padding: 0;
}

.div_paginacion_abajo {
   background: #FFFFFF;
   margin: 15px auto 0;
   position: relative;
   color: #1C2220;
   font-size: 13px;
   font-family: Tahoma, Arial, Helvetica, Sans-Serif;
   line-height: 175%;
   text-align: center;
   padding: 0;
}

.div_cont_paginacion {
   margin: 0 auto !important;
   width: 80%;
   padding: 5px;
   padding-right: 10px;
   padding-left: 10px;
   display: none;
}

#btn_atras_pag,
#btn_adelante_pag,
#btn_atras_pag_abajo,
#btn_adelante_pag_abajo {
   padding: 0px 8px;
   margin: 0;
}

#paginas_leccion,
#paginas_leccion_abajo {
   position: relative;
   overflow: hidden;
   max-width: 50%;
   display: inline-block;
   padding: 0;
   margin: 0;
   vertical-align: middle;
}

.contenedor_paginas_leccion {
   position: relative;
   width: 780px;
   float: left;
   padding: 0;
   margin: 0;
}

#cont_crucigrama1 {
   color: #F04AA2;
   font-size: 10px;
}

#crucigrama1 {
   background-color: #DEDEDE;
   border: none;
}

#crucigrama1 tr td {
   border: none;
   width: 30px;
   height: 30px;
   margin: 0;
   padding: 1px 1px 0px 0px;
}

#crucigrama1 span.cruc_hor {
   display: inline-block;
   width: 18px;
   height: 30px;
   vertical-align: top;
}

#crucigrama1 span.cruc_ver {
   display: inline-block;
   width: 18px;
   height: 30px;
   vertical-align: bottom;
}

#crucigrama1 input[type="text"] {
   width: 28px !important;
   height: 28px !important;
   border: 1px solid #DEDEDE;
   text-transform: uppercase;
   background: #FFFFFF;
   -webkit-border-radius: 0;
   -moz-border-radius: 0;
   border-radius: 0;
   margin: 0;
   padding: 0;
   text-align: center;
}

/* Estilo para la ventana modal (oculta por defecto) */
.modal {
   display: none;
   position: fixed;
   z-index: 1;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   overflow: auto;
   background-color: rgb(0, 0, 0);
   background-color: rgba(0, 0, 0, 0.4);
}

/* Estilo para el contenido de la ventana modal */
.modal-content {
   background-color: #f6f7f7;
   margin: 15% auto;
   padding: 20px;
   border: 1px solid #888;
   width: 120%;
}

/* El botón (x) para cerrar la ventana modal */
.close {
   color: #aaa;
   float: right;
   font-size: 28px;
   font-weight: bold;
}

.close:hover,
.close:focus {
   color: black;
   text-decoration: none;
   cursor: pointer;
}


/* Stylo para el Boton de Spell  */

.text-btn {
   color: #426fa0;
   font-size: 14px;
   font-weight: bold;
   letter-spacing: 1.5px;
   padding-top: 2rem;
}

.container-btn {
   display: flex;
   justify-content: center;
   text-decoration: none;
}

/* Fondo de botones  */
.btnAzurePractice {
   border: none;
   font-size: 16px;
   padding: 1rem 3rem;
   border-radius: 0.8rem;
   color: white;
   cursor: pointer;
   margin: 1rem 0rem;
}

.btnAzurePractice.bloqueado {
   background-color: #bbbbbb;  /* Color gris para mostrar que está bloqueado */
   cursor: not-allowed;     /* Cambia el cursor para indicar que no se puede hacer clic */
   opacity: 0.6;        
   color: white;    /* Reduce la opacidad para hacer que parezca deshabilitado */
 }
 

.vocabulary {
   background-color: #4179bd;
}

.conversations {
   background-color: #82b65a;
}

/* ESTULOS PARA OCULTAR EL PAGINADO DE LOS LIBROS DE TODAS LAS LECCIONES  */
.div_paginacion,
.div_paginacion_abajo {
   display: none;
   /* background-color: yellowgreen; */
}

.btn-receptivas {
   background-color: #a967e4;
   padding: 1rem 2rem;
   border-radius: 0.8rem;
}

.btn-receptivas:hover {
   background-color: #9441dd;
   transform: scale(1.1);
   transition: 0.4s;
}

/* BOTON VER RESPUESTAS */
.repuestas {
   color: white;
   background-color: #e2a54a;
   padding: 0.6rem 1.8rem;
   border-radius: 0.8rem;
}

.repuestas:hover {
   color: white;
   background-color: #e99e2e;
   padding: 0.6rem 1.8rem;
   border-radius: 0.8rem;
}

/* BOTON LIMPIAR RESPUESTAS */
.limpiar {
   background-color: #d83961;
   padding: 1rem 2rem;
   border-radius: 0.8rem;
}

.limpiar:hover {
   background-color: #bb1f46;
   padding: 1rem 2rem;
   border-radius: 0.8rem;
}

@media only screen and (max-width: 768px) {
   #cont_crucigrama1 {
     transform: scale(0.7) !important;
     transform-origin: left top !important;
     margin: 0 !important;
     max-width: 100% !important;
     width: 100% !important;
   }
   #crucigrama1 {
     font-size: 8px !important;
   }
   .click-layout-cell.layout-item-3 {
     width: 100% !important;
     padding: 0 !important;
     overflow-x: hidden !important;
   }

   ._alertbox_15nxw_118{
      width: 85% !important;
   }
 }

 input.red-disabled:disabled {
   color: #f63b22 !important; 
   background-color: white !important; 
   opacity: 1 !important;
   width: 69% !important;
   border-radius: 0.3rem;
   height: 22px;
}

/* ------ STYLOS IMPORTANES DEL VIDEO AVATAR ----------- */
.videoContain {
   position: fixed;
   top: 5px;
   left: 10px;
   width: 150px;
   height: 150px;
   border-radius: 50%;
   overflow: hidden;
   display: flex;
   justify-content: center;
   align-items: center;
   padding-top: 55px;
   z-index: 1000;
   transition: top 2.2s ease-in-out;

   @media (max-width: 740px) {
      width: 111px;
      height: 111px;
   }
}

.hidden {
   display: none;
}

#video {
   max-width: 100%;
   max-height: 100%;
   cursor: pointer;
   object-fit: cover;
}

.letter {
   border: 1px solid #faf2f2;
   padding: 3px 9px;
   border-radius: 1rem;
   cursor: pointer;
   background-color: #e9e6e642;
   box-shadow: 0 4px 6px #0000001a;
   backface-visibility: hidden;
}

.letter:hover {
   transform: scale(1.01);
   transition: 0.4s ease-in-out;
}

.letter.clicked-generic {
   background-color: #FDDA0D   !important;
}

.letter.clicked-vowels {
   background-color: #dfc7ed !important;
   /* Color verde */
}

.letter.clicked-consonants {
   background-color: #ffbc7e !important;
}

.letter.clicked-pronuntiation {
   background-color: #c7edc7 !important;
}

.pronoun {
   color: #575656;
   font-size: 16px;
}

.containAvatar {
   height: 70px;
   width: 70px;
   border-radius: 50%;
   border: 2px solid #faefda;
   overflow: hidden;
   display: flex;
   justify-content: center;
   align-items: center;
   margin-left: 1rem;
}

.containAvatar img {
   max-width: 100%;
   max-height: 100%;
}

.containAvatar:hover {
   transform: scale(1.05);
   transition: 0.5s;
   cursor: pointer;
   border: 2px solid #fff9a1;
}

.leyenAvatar {
   color: #38709e;
}

h1.clicked, 
h2.clicked {
   background-color: #f5f566 !important
}

/* Scroll para desaparecer el scroll y todo => barra deslizadora y dhumb */
::-webkit-scrollbar {
   display: none;
}

.vocales-legend {
   height: 20px;
   width: 20px;
   background-color: #dfc7ed;
}

.consonants-legend {
   height: 20px;
   width: 20px;
   background-color: #ffbc7e;
}


.leyenda-mobile {
   display: block;

   @media (min-width: 640px) {
      display: none;
   }
}

input.red-disabled:disabled {
   color: #f63b22 !important; 
   background-color: white !important; 
   opacity: 1 !important; 
}

.click-layout-cell.layout-item-3 {
   width: 100% !important;
  
}

.h1 > .letter {
   width: 100% !important;
}

.container {
   max-width: 1100px;
   margin: auto;
   padding: 0.1rem;
}

.title-row {
   display: grid;
   grid-template-columns: 2fr 2fr 2fr 1fr;
   gap: 0.5rem;
   font-weight: bold;
   padding: 0.1rem;
   border-bottom: 2px solid #000;
   width: 100%;
}
.title-row > div {
   display: flex;
   justify-content: center;
}

.entry {
   display: grid;
   grid-template-columns: 2fr 2fr 2fr 1fr;
   gap: 0.5rem;
   align-items: center;
   background: #f3f9ff;
   padding: 0.5rem;
   border-bottom: 1px solid #ccc;
   border-radius: 8px;
   margin-bottom: 10px;
}
.entry > div:not(.letter) {
   display: flex;
   justify-content: center;
}

.entry > div {
   overflow-wrap: break-word;
}
.letter {
   width: 50%;
   padding-left: 1rem;
}
@media (max-width: 767px) {
   .letter {
      width: 100%;
      padding-left: 5px;
   }
}
.click-layout-cell.click-content{
   height: 100% !important;
}
.video-js .vjs-big-play-button {
  top: 45% !important;
  left: 45% !important;
}
@media (max-width: 425px) {
   .video-js .vjs-big-play-button {
      top: 40% !important;
      left: 40% !important;
    }
}


/* MODAL PARA VIDEO PRESENTACION */
.modal {
   display: none; /* Oculto por defecto */
   position: fixed;
   z-index: 999;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   overflow: auto;
   background-color: rgba(0,0,0,0.7);
 }
 
 .modal-content {
   background-color: #fff;
   margin: 5% auto;
   padding: 20px;
   border-radius: 8px;
   width: 80%;
   max-width: 720px;
   text-align: center;
   position: relative;
 }
 
 .modal-content video {
   width: 100%;
   height: auto;
 }
 
 .cerrar {
   position: absolute;
   top: 10px;
   right: 20px;
   color: #333;
   font-size: 28px;
   font-weight: bold;
   cursor: pointer;
   border-radius: 3px;
   background-color: #F63B22;
   display: flex;
   align-items: flex-start;
   justify-content: center;
   width: 25px;
   height: 25px;
 }
 
 @media only screen and (max-width: 767px) {
   ._alertbox_15nxw_118{
    width: 85% !important;
   }      
}

.centerb {
   display:  none;
}

:root{
   --ok:#16a34a;      /* verde */
   --bad:#dc2626;     /* rojo  */
 }
 
 /* Colorea inputs/textareas y opciones marcadas */
 .fine_response{
   color: var(--ok) !important;
   border-color: var(--ok) !important;
   outline-color: var(--ok) !important;
 }
 .error_response{
   color: var(--bad) !important;
   border-color: var(--bad) !important;
   outline-color: var(--bad) !important;
 }
 
 /* Íconos de validación */
 .validation-icon{
   margin-left: 8px;
   vertical-align: middle;
 }
 .validation-icon.success{ color: var(--ok) !important; }
 .validation-icon.error{  color: var(--bad) !important; }
 
 /* Si tus opciones son <label>/<span>, pínralas también */
 label.fine_response, span.fine_response { color: var(--ok) !important; }
 label.error_response, span.error_response { color: var(--bad) !important; }

 .video-js .vjs-big-play-button {
   top: 45% !important;
   left: 45% !important;
 }
 @media (max-width: 425px) {
    .video-js .vjs-big-play-button {
       top: 40% !important;
       left: 40% !important;
     }
 }