/*=============================
=            $Core            =
=============================*/
html { font-size: 100.01%; }

body { direction: ltr; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 0.875em; line-height: 1.5em; }

/*==========  $Core Links  ==========*/
a, a:link { color: #4e9a06; font-weight: bold; text-decoration: none; }

a:hover, a:active { text-decoration: underline; }

a:visited { color: #468b05; }

a:hover { color: #3e7b05; }

a:active { color: #468b05; }

a:focus { color: #4e9a06; outline-color: #4e9a06; }

/*==========  $Core Headings  ==========*/
h1, h2, h3, h4, h5, h6 { clear: both; font-family: "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans-serif; font-weight: normal; line-height: 120%; margin: 0 0 0.5em 0; }

h1 { font-size: 294%; }

h2 { font-size: 192%; }

h3 { font-size: 171%; }

h4 { font-size: 150%; }

h5 { font-size: 128%; }

h6 { font-size: 107%; }

/*==========  $Core Text  ==========*/
p, address { margin: 0 0 1em 0; }

mark, .highlight { background: #FFD700; }

acronym[title], abbr[title] { border-bottom: 1px dotted #4e9a06; cursor: help; letter-spacing: 2px; }

/*==========  $Core Quotes  ==========*/
blockquote { border-left: 1px solid #e5e5e5; font-size: 122%; font-style: italic; line-height: 150%; margin: 6px 15px 1em 15px; padding-left: 6px; quotes: none; }

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

blockquote p:last-child { margin-bottom: 0; }

blockquote > span, blockquote .credit { font-size: 78%; font-style: italic; margin-bottom: 0; }

blockquote > span:before, blockquote .credit:before { content: '\2013'; }

blockquote.styled { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; background: #f5f5f5; border: 0; color: #555555; padding: 18px 0; }

blockquote.styled:before { color: #dadada; content: '\201C'; font-size: 60px; font-style: normal; font-weight: bold; line-height: 40px; padding-left: 9px; }

blockquote.styled p { margin-top: 0; margin-right: 18px; margin-bottom: 1em; margin-left: 36px; }

blockquote.styled p:first-child { margin-top: -40px; }

blockquote.styled p:last-child { margin-bottom: 0; }

cite, q { font-style: italic; }

cite:after, q:after { content: close-quote; }

cite:before, q:before { content: open-quote; }

/*==========  $Core Code  ==========*/
code, kbd, pre { background: #fafafa; font-family: Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace; }

code, kbd { font-size: 85.7%; line-height: 192%; padding: 2px 5px; white-space: pre; }

code, pre { border: 1px solid #eeeeee; }

kbd, pre { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }

kbd { -webkit-box-shadow: #dadada 0 2px 0, #555555 0 2px 2px; -moz-box-shadow: #dadada 0 2px 0, #555555 0 2px 2px; box-shadow: #dadada 0 2px 0, #555555 0 2px 2px; color: #555555; font-weight: bold; text-transform: capitalize; }

pre { margin: 0 0 9px 0; padding: 6px; }

pre code { background: transparent; border: 0; padding: 0; }

/*==========  $Core Lists  ==========*/
ul, ol { margin-top: 0; margin-right: 0; margin-bottom: 15px; margin-left: 24px; padding: 0; /* Remove vertical spacing from nested lists. */ }

li > ul, li > ol { margin-bottom: 0; }

ol li { margin: 0 0 0 9px; }

dl { margin: 0 0 15px 24px; padding: 0; }

dt { font-weight: bold; margin: 0; padding: 0; }

dd { margin: 0 0 0 9px; padding: 0; }

/*==========  $Core Tables  ==========*/
table { -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; border-collapse: separate; border-right: 1px solid #e5e5e5; border-top: 1px solid #e5e5e5; margin: 0 0 15px 0; width: 100%; }

table caption { font-size: 85.7%; font-style: italic; font-weight: bold; margin: 0; padding: 0 0 3px 0; }

[colspan] { text-align: center; }

[colspan="1"] { text-align: left; }

[rowspan] { vertical-align: middle; }

[rowspan="1"] { vertical-align: top; }

th { background: #eeeeee; border-bottom: 1px solid #e5e5e5; border-left: 1px solid #e5e5e5; font-weight: bold; padding: 6px; text-align: left; }

thead tr:first-child th:first-child { -webkit-border-radius: 3px 0 0 0; -moz-border-radius: 3px 0 0 0; border-radius: 3px 0 0 0; }

thead tr:last-child th:last-child { -webkit-border-radius: 0 3px 0 0; -moz-border-radius: 0 3px 0 0; border-radius: 0 3px 0 0; }

td { border-bottom: 1px solid #e5e5e5; border-left: 1px solid #e5e5e5; padding: 6px; vertical-align: top; }

/*==========  $Media Images  ==========*/
img { /* Make images responsive by default */ height: auto; vertical-align: bottom; /* Images inside figure */ }

img[width], img[height] { display: inline-block; }

figure > img { display: block; }

/*==========  $Media Audio  ==========*/
audio { width: 100%; }

/*==========  $Forms Main  ==========*/
form { /* div, p { clear: both; margin-bottom: 9px; } */ }

form div p { margin: 6px 0; }

fieldset { border-color: #dadada; margin: 0 0 15px 0; }

legend { font-size: 128%; font-weight: normal; margin: 0 0 6px 0; padding: 0 0 6px 0; }

label, span.label { display: block; line-height: 130%; padding: 8px 0; }

label em, label .required, span.label em, span.label .required { color: #e14049; }

/*==========  $Forms Controls  ==========*/
input:not([type]), input[type=date], input[type=datetime], input[type=datetime-local], input[type=email], input[type=file], input[type=month], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week], select, textarea { -webkit-box-shadow: 0 2px 6px #eeeeee inset; -moz-box-shadow: 0 2px 6px #eeeeee inset; box-shadow: 0 2px 6px #eeeeee inset; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: 1px solid #dadada; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; padding: 8px 4px; width: 100%; }

input:not([type]):focus, input[type=date]:focus, input[type=datetime]:focus, input[type=datetime-local]:focus, input[type=email]:focus, input[type=file]:focus, input[type=month]:focus, input[type=number]:focus, input[type=password]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=text]:focus, input[type=time]:focus, input[type=url]:focus, input[type=week]:focus, select:focus, textarea:focus { border-color: #4e9a06; outline-color: #4e9a06; }

input:not([type])[readonly], input[type=date][readonly], input[type=datetime][readonly], input[type=datetime-local][readonly], input[type=email][readonly], input[type=file][readonly], input[type=month][readonly], input[type=number][readonly], input[type=password][readonly], input[type=search][readonly], input[type=tel][readonly], input[type=text][readonly], input[type=time][readonly], input[type=url][readonly], input[type=week][readonly], select[readonly], textarea[readonly] { background-color: #fafafa; }

input:not([type])[disabled], input[type=date][disabled], input[type=datetime][disabled], input[type=datetime-local][disabled], input[type=email][disabled], input[type=file][disabled], input[type=month][disabled], input[type=number][disabled], input[type=password][disabled], input[type=search][disabled], input[type=tel][disabled], input[type=text][disabled], input[type=time][disabled], input[type=url][disabled], input[type=week][disabled], select[disabled], textarea[disabled] { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background: #e5e5e5; color: #888888; }

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

input[type=checkbox]:focus, input[type=radio]:focus { outline-color: #4e9a06; }

input[type=checkbox] + label, input[type=radio] + label { display: inline-block; }

input[type=image], input.image { border: 0; height: auto; width: auto; }

textarea { height: 8em; resize: vertical; }

select { cursor: pointer; padding: 8px 4px; }

select[disabled] { cursor: default; }

/*==========  $Buttons  ==========*/
input[type=button], input[type=submit], input[type=reset], input[type=color], button, .btn, .btn:link, .btn:visited, .button, .button:link, .button:visited { background: #fafafa; background: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#eeeeee)); background: -webkit-linear-gradient(top, #fafafa, #eeeeee); background: -moz- oldlinear-gradient(top, #fafafa, #eeeeee); background: linear-gradient(180deg, #fafafa, #eeeeee); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: 1px solid #dadada; border-bottom-color: #A9A9A9; color: #888888; display: inline-block; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-weight: bold; line-height: 100%; padding: 9px; /*! For links */ text-decoration: none; white-space: nowrap; word-wrap: normal; /* IE7 padding bugfix */ overflow: visible; width: auto; }

input[type=button]:focus, input[type=submit]:focus, input[type=reset]:focus, input[type=color]:focus, button:focus, .btn:focus, .button:focus { background: #fafafa; background: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#e5e5e5)); background: -webkit-linear-gradient(top, #fafafa, #e5e5e5); background: -moz- oldlinear-gradient(top, #fafafa, #e5e5e5); background: linear-gradient(180deg, #fafafa, #e5e5e5); color: #555555; outline: thin auto #4e9a06; }

input[type=button]:active, input[type=submit]:active, input[type=reset]:active, input[type=color]:active, button:active, .btn:active, .button:active { background: #e5e5e5; background: -webkit-gradient(linear, left top, left bottom, from(#e5e5e5), to(#fafafa)); background: -webkit-linear-gradient(top, #e5e5e5, #fafafa); background: -moz- oldlinear-gradient(top, #e5e5e5, #fafafa); background: linear-gradient(180deg, #e5e5e5, #fafafa); -webkit-box-shadow: inset 0 1px 6px #A9A9A9, 0 1px 0 #f5f5f5; -moz-box-shadow: inset 0 1px 6px #A9A9A9, 0 1px 0 #f5f5f5; box-shadow: inset 0 1px 6px #A9A9A9, 0 1px 0 #f5f5f5; border-color: #888888 #A9A9A9 #dadada; color: #888888; }

input[type=button][disabled], input[type=button][disabled]:hover, input[type=button][disabled]:active, input[type=submit][disabled], input[type=submit][disabled]:hover, input[type=submit][disabled]:active, input[type=reset][disabled], input[type=reset][disabled]:hover, input[type=reset][disabled]:active, input[type=color][disabled], input[type=color][disabled]:hover, input[type=color][disabled]:active, button[disabled], button[disabled]:hover, button[disabled]:active, .btn.disabled, .btn.disabled:hover, .btn.disabled:active, .button.disabled, .button.disabled:hover, .button.disabled:active { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background: #e5e5e5; border: 1px solid #dadada; color: #888888; cursor: default; }

input[type=color] { height: 25px; width: 25px; }

/*! Fixes a NASTY bug in Firefox where input's line-height does not work */
/* @-moz-document url-prefix() { input[type=button], input[type=submit], input[type=reset] { height: 1.9em; } } */
/*! Removes box-model-related styles from images inside buttons */
button img, .btn img, .button img { border: 0; margin: 0; padding: 0; }

/*==========  $Core Details/Summary  ==========*/
details { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: #fafafa; border: 1px solid #e5e5e5; }

details summary { background: #fafafa; background: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#eeeeee)); background: -webkit-linear-gradient(top, #fafafa, #eeeeee); background: -moz- oldlinear-gradient(top, #fafafa, #eeeeee); background: linear-gradient(180deg, #fafafa, #eeeeee); -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; border-bottom: 1px solid #e5e5e5; cursor: pointer; margin: 0; padding: 0 6px; }

details summary:focus { border-color: #4e9a06; outline-color: #4e9a06; }

details > div { padding: 6px; }

details[open] summary { border-color: #dadada; }

/*==========  $Core Rulers / line breaks  ==========*/
hr { display: block; height: 1px; border: 0; border-top: 1px solid #888888; margin: 1em 0; padding: 0; }

br { clear: both; }

/*==========  $Misc  ==========*/
:focus { outline-color: #4e9a06; }

#block-views-block-video-galeria-home-block-1, #block-views-block-video-galeria-home-block-1 .view-content { overflow: hidden; }

.path-frontpage .first-row .ctn-eoc .editorial a { font-size: 1.5em; }

.padre, .lateral { width: 100%; vertical-align: top; display: inline-block; margin: auto; width: 80%; border-top: 2px solid #006598; padding-top: 5px; }

.lateral { width: 198; border-top: 2px solid #006598; padding-top: 5px; }

.galeria-iframe { width: 100%; height: 500px; background-color: #fff; }

.lateral-iframe { width: 100%; height: 500px; }

.video-one { width: 100%; display: block; margin: 1px auto; height: auto; position: relative; text-align: center; background-color: #F2F2F2; padding-bottom: 5px; font-weight: 600; font-size: 14px; font-family: AustinSemibold; }

.video-one:hover { background-color: #D7E7F4; cursor: pointer; }

#cajavideo { width: 100%; height: auto; position: relative; overflow: hidden; }

.imgvideo { width: 100%; height: 100%; }

.cajaTransparente { display: block; position: absolute; bottom: 0px; z-index: 10; width: 100%; height: 100%; padding: .5em; }

.padre { min-width: 70%; float: left; }

.lateral { max-width: 28%; float: left; height: 508px; overflow-y: scroll; }

.video-section .video-playlist-container { height: 458px; overflow-y: scroll; }

.title-video { text-align: center; margin-bottom: 20px; }

.section-title { font-size: 1.8em; color: #016797; }

.section-title h2 { font-size: 1.3em; font-family: AustinSemibold; }

.section-title:after { width: 100px; height: 2px; margin: 12px 0 17px; display: block; /*	background-color: black; */ content: ""; }

@media screen and (max-width: 800px) { .padre { width: 100%; float: left; border-top: 0px solid #006598; padding-top: 0px; }
  .padre iframe.galeria-iframe { height: 280px; }
  .lateral { width: 100%; float: left; height: 505px; overflow-y: scroll; border-top: 0px solid #006598; padding-top: 0px; }
  ul.list-videos li { width: 32% !important; float: left !important; margin-right: 5px !important; min-height: 240px; }
  .video-one { font-size: 16px; min-height: 230px; }
  .video-one:hover { min-height: 230px; } }

@media screen and (max-width: 600px) { .padre iframe.galeria-iframe { height: 300px; }
  .video-one { font-size: 14px; }
  ul.list-videos { max-width: 100%; width: 100%; } }

/*-----  End of $Core  ------*/