/*
Theme Name:         OMM Foundation 6.3
Theme URI:          http://omm.ec/foundation/
Description:        New Theme made by @0r2k using Foundation 5 as base.
Version:            6.3
Author:             Ricardo Andramuño
Author URI:         http://omm.ec/

License:            MIT License
License URI:        http://www.opensource.org/licenses/mit-license.php
*/


h4.subheader, ol.commentlist cite.subheader.fn { margin-top: -1em }

ol.commentlist { margin-left: 0; margin-top: 0; }
ol.commentlist li { list-style: none; margin-bottom: 2em }
ol.commentlist .comment-author img { border-radius: 50%; float: left; margin: 0 1em 0 0 }
ol.commentlist .author-meta { display: block; padding: 0 20px }
ol.commentlist cite.fn { margin-right: 0.5em }
ol.commentlist section.comment { margin-bottom: 1.25em; margin-left: 3px; border-top: 1px solid #f5f5f5; border-bottom: 1px solid #ccc; padding: 5px 20px 20px; background: white; font-size: 14px }
ol.commentlist section.comment h1, 
ol.commentlist section.comment h2, 
ol.commentlist section.comment h3, 
ol.commentlist section.comment h4, 
ol.commentlist section.comment cite.fn, 
ol.commentlist section.comment h5, 
ol.commentlist section.comment h6, 
ol.commentlist section.comment p { color: #333333 }
ol.commentlist section.comment > :first-child { margin-top: 0 }
ol.commentlist section.comment > :last-child { margin-bottom: 0 }
ol.commentlist section.comment h1, ol.commentlist section.comment h2, ol.commentlist section.comment h3, ol.commentlist section.comment h4, ol.commentlist section.comment cite.fn, ol.commentlist section.comment h5, ol.commentlist section.comment h6 { line-height: 1; margin-bottom: 0.625em }
ol.commentlist section.comment h1.subheader, 
ol.commentlist section.comment h2.subheader, 
ol.commentlist section.comment h3.subheader, 
ol.commentlist section.comment h4.subheader, 
ol.commentlist section.comment cite.subheader.fn, 
ol.commentlist section.comment h5.subheader, 
ol.commentlist section.comment h6.subheader { line-height: 1.4 }
ol.commentlist a.comment-reply-link { float: right; position: relative; bottom: 0.3em; font-size: 11px; text-transform: uppercase }

input.prefix.button { line-height: 1 }
#sidebar input.prefix.button { line-height: 0.7 }

img.alignright { float: right; margin: 0 0 18px 18px }
img.alignleft { float: left; margin: 0 18px 18px 0 }
img.aligncenter { display: block; margin: 18px auto }

figure.figure { margin: 0 auto; display: inline-block }
figure.figure figcaption { padding: 8px 10px; color: gray; margin-bottom: 1.25em }
figure.alignright.figure { float: right; margin: 0 0 18px 18px }
figure.alignleft.figure { float: left; margin: 0 18px 18px 0 }

.gallery dl.gallery-item { float: left; margin: 5px 0 0; text-align: center; padding: 6px }
.gallery-columns-1 .gallery-item { width: 100% }
.gallery-columns-2 .gallery-item { width: 50% }
.gallery-columns-3 .gallery-item { width: 33.333% }
.gallery-columns-4 .gallery-item { width: 25% }
.gallery-columns-5 .gallery-item { width: 20% }
.gallery-columns-6 .gallery-item { width: 16.665% }
.gallery-columns-7 .gallery-item { width: 14.285% }
.gallery-columns-8 .gallery-item { width: 12.5% }
.gallery-columns-9 .gallery-item { width: 11.111% }
.wp-caption-text.gallery-caption { width: 90%; font-size: 0.85em; margin: 0 auto 0.75rem }

/*
 * jQuery FlexSlider v2.2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */
/* Browser Resets
*********************************/
.flex-container a:hover, .flex-slider a:hover, .flex-container a:focus, .flex-slider a:focus { outline: none; }
.slides, .slides > li, .flex-control-nav, .flex-direction-nav { margin: 0; padding: 0; list-style: none; }
.flex-pauseplay span { text-transform: capitalize; }

@font-face {
  font-family: 'flexslider-icon';
  src: url('fonts/flexslider-icon.eot');
  src: url('fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'), url('fonts/flexslider-icon.woff') format('woff'), url('fonts/flexslider-icon.ttf') format('truetype'), url('fonts/flexslider-icon.svg#flexslider-icon') format('svg');
  font-weight: normal;
  font-style: normal;
}

.flexslider { margin: 0; padding: 0; }
.flexslider .slides > li { display: none; -webkit-backface-visibility: hidden; position: relative }
.flexslider .slides img { width: 100%; display: block; }
.flexslider .slides:after { content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
html[xmlns] .flexslider .slides { display: block; }
* html .flexslider .slides { height: 1%; }
.no-js .flexslider .slides > li:first-child { display: block; }
.no-js .top-bar { display: none }

/* FlexSlider Default Theme
*********************************/
.flexslider { margin: 0; background: #ffffff; position: relative; zoom: 1 }
.flexslider .slides { zoom: 1; }
.flexslider .slides img { height: auto; }
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 300px; }
.carousel li { margin-right: 5px; }
.flex-direction-nav { *height: 0; }
.flex-direction-nav a { text-decoration: none; display: block; width: 36px; height: 36px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; background: rgba(0, 0, 0, 0.7); color: #fff; text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.flex-direction-nav a:before { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f001'; color: #fff; text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3); }
.flex-direction-nav a.flex-next:before { content: '\f002'; }
.flex-direction-nav .flex-prev { left: 0; text-align: center }
.flex-direction-nav .flex-next { right: 0; text-align: center; }
.flexslider:hover .flex-direction-nav .flex-prev { opacity: 0.7 }
.flexslider:hover .flex-direction-nav .flex-prev:hover { opacity: 1; }
.flexslider:hover .flex-direction-nav .flex-next { opacity: 0.7 }
.flexslider:hover .flex-direction-nav .flex-next:hover { opacity: 1; }
.flex-direction-nav .flex-disabled { opacity: 0!important; filter: alpha(opacity=0); cursor: default; }
.flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; }
.flex-pauseplay a:before { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; }
.flex-pauseplay a:hover { opacity: 1; }
.flex-pauseplay a.flex-play:before { content: '\f003'; }
.flex-control-nav { width: 100%; position: absolute; bottom: 50px; z-index: 100; text-align: center; }
.flex-control-nav li { margin: 0 6px; display: inline-block; zoom: 1; *display: inline; }
.flex-control-paging li a { width: 11px; height: 11px; display: block; background: #666; background: rgba(255, 255, 255, 0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; }
.flex-control-paging li a:hover { background: #ebb631; }
.flex-control-paging li a.flex-active { background: #ebb631; cursor: default; }
.flex-control-thumbs { margin: 5px 0 0; position: static; overflow: hidden; }
.flex-control-thumbs li { width: 25%; float: left; margin: 0; }
.flex-control-thumbs img { width: 100%; height: auto; display: block; opacity: .7; cursor: pointer; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.flex-control-thumbs img:hover { opacity: 1; }
.flex-control-thumbs .flex-active { opacity: 1; cursor: default; }

/* Clases standard */

.centered, .aligncenter { display: block; margin:0px auto !important; }
.alignright { float: right; margin: 0 0 8px 7px; display: inline; }
.alignleft { float: left; margin: 0 22px 0 0; display: inline; }
.alignnone { margin: 8px auto; }
.center { margin: 0 auto; }
.izquierda { text-align: left; }
.centrado { text-align: center; }
.centrosmall { text-align: center }
.derecha { text-align: right; }
.block { display: block !important; }
.relative { position: relative; }
.absolute { position: absolute; }
.clearboth { clear: both; }
.overhidden { overflow: hidden; }
.listnone { list-style: none; }
.subraya { text-decoration: underline }
.mayuscula { text-transform: uppercase }
.regular { font-weight: normal }
.indent { text-indent: -9999px }
.none { display: none }
.nobg { background: none; }
.floatnone { float: none }
.noright { margin-right: 0 !important }
.noleft { margin-left: 0 !important }
.nobottom { margin-bottom: 0 !important }
.nomargin { margin: 0 !important }
.nopadding { padding: 0 }
.primera .postimg { margin-left: -0.9375rem; margin-right: -0.9375rem; display: block }
.nopright { padding-right: 0 !important }
.nopleft { padding-left: 0 !important }
.nopbottom { padding-bottom: 0 !important }
.nopmargin { padding: 0 !important }
.lineas { border-top: 1px solid #767777; border-bottom: 1px solid #767777; padding-top: 20px; padding-bottom: 20px }
.lineas.blancas { border-top: 1px solid #fff; border-bottom: 1px solid #fff }
.lineas.delgadas { padding-top: 5px; padding-bottom: 5px }
.gris { color: #767777 }
.cienxciento { width: 100% }

html { background: #fff }
body { background: #fff; font-family: Helvetica, Arial, sans-serif }
h1, h2, h3, h4, h5, h6 { line-height: 1.2 }
h1 { margin: 0 !important; font-size: 0.1em }
h2 { font-size: 1.5em; font-weight: bold }
h3 { font-size: 1.6em }
h4 { font-size: 1.3em }
h5 { font-size: 1.1em }
h6 { }
p { font-size: 0.9rem; line-height: 1.4 }
a { color: #12498f; transition: all 0.2s linear }
a:hover { color: #12498f }
time { display: block; font-size: 11px }
.button { background: #12498f; color: #fff; border-radius: 4px }
.button:hover, a.button:focus { background: #ecbc35; color: #000 }
.button.blanco { background: #fff }
.button.txtpurple { color: #8400B9 }

/* De este sitio */
header { position: relative; z-index: 999 }
.logo { padding: 10px 0 0 }
.menuresponsive { margin-bottom: 10px }
.menu > li a { text-transform: uppercase; color: #12498f; padding: 0.7rem 0.2rem }
.menu-item a.menu-image-title-below.menu-image-not-hovered img, .menu-item a.menu-image-hovered.menu-image-title-below .menu-image-hover-wrapper { margin: 0 10px 0 0 !important; display: inline !important; padding-bottom: 0 !important }
.menu-item a.menu-image-title-above, .menu-item a.menu-image-title-below { text-align: left !important }
.top-bar, .top-bar ul { background: none }
.title-bar { background: none; padding: 0 }
.title-bar .menu-icon { margin-left: 0 }
.menu-icon.dark { width: 45px; height: 45px; border-radius: 5px; margin: 2px 0 2px 2px; padding: 5px; background: #ebb631 }
.menu-icon.dark::after { width: 76%; top: 14px; left: 5px; }
.is-drilldown-submenu { background: #ebb631 !important }
#sports-menu { text-align: left }
.inscripcion a.elboton, .inscrip a.elboton1 { display: block; margin-bottom: 8px; background: #12498f; color: #fff; border-radius: 4px; padding: 0.4rem 1rem }
#rapido { background: #fff; border-radius: 0 0 4px 4px; bottom: -54px; padding: 5px 10px 10px; position: absolute; right: 0; display: none; z-index: 999; box-shadow: 0px 5px 6px rgba(0,0,0,0.5) }
.rapido1 { background: #fff; border-radius: 0 0 4px 4px; bottom: -9px; padding: 5px 10px 10px; position: absolute; right: -85; display: inline-block; z-index: 999; box-shadow: 0px 5px 6px rgba(0,0,0,0.5) }
#rapido form, .rapido1 form { border: 1px solid #d9d9d9; background: #fff; box-shadow: 0 0 3px rgba(0, 0, 0, 0.2) inset; overflow: hidden; width: 162px }
#rapido form > input, .rapido1 form > input { background: none; border: 0 none; box-shadow: 0 0 0; float: left; margin: 0; width: 120px }
#rapido form button, .rapido1 form button { color: #12498f; float: right; height: 2.4375rem; width: 2.4375rem }
#menu-dos { z-index: 999 }
#nav2.menu li a { color: #12498f; font-family: 'Oswald', sans-serif; padding: 0.7rem }
.menu-item a.menu-image-title-after img { padding-right: 2px !important }
.dropdown.menu li > .submenu { background: #ebb631; text-align: left }
.dropdown.menu li:hover { background: #ebb631 }
.dropdown.menu li:hover > .submenu { display: block }
.dropdown.menu li .submenu li:hover { background: #fff }
#mainslider { margin-top: 14px; min-height: 156px; background: #fff url('images/cargando.gif') center center no-repeat }
#mainslider li h3 { font-family: 'Oswald', sans-serif; margin: 0; width: 100%; padding: 10px 20px; text-align: center; font-size: 1.5em }
#mainslider .slides > li { background: #fff }
#mainslider, #mainslider .slides > li { border-radius: 5px }
#mainslider .slides img { border-radius: 5px }
#mainslider h3 a { color: #000 }
#mainslider .flex-control-nav { bottom: -40px }
#acerca, #direccion { margin-top: 10px }
#postprincipales { padding-top: 40px; }

/* Tamaño minimo de slider
#mainslider { min-height: 598px } 
*/
 
#carreras { background: #032e68 }
#carreras .content_countdown .time_left { background-color: transparent; color: #032e68; line-height: 1.1; font-family: sans-serif; padding: 0 }
#carreras .content_countdown .time_description { color: #032e68; font-size: 0.425em; font-family: sans-serif }
#carreras .content_countdown .element_conteiner { min-width: 0; margin-right: 0 }
.carrera { background: #fff; color: #032e68; border-radius: 8px; overflow: hidden }
.carrera > span { font-size: 0.64em }

.home .noticias, .archive .noticias { margin-bottom: 20px; background: #fff; border-radius: 5px }
.noticias.row { margin-left: 0; margin-right: 0 }
.home .noticia, .archive .noticia { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #ececec }
.home .hentry:last-child .noticia, .archive .hentry:last-child .noticia { border-bottom: 0 none }
.noticia .titulo { position: absolute; top: 0; bottom: 0; margin: 0 }
.noticia .titulo h3 { font-weight: bold; text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.8); color: #fff }
.noticia .titulo .vermas { background: #ecbc35; color: #000; display: inline-block; padding: 8px 25px }
.noticia .titulo .vermas:hover { box-shadow: 2px 2px 8px rgba(0,0,0,0.8) }

.categoria { padding-top: 10px; padding-bottom: 10px; border-radius: 5px 5px  0 0; background: #ebb631 }
.categoria a { color: #000; font-weight: bold; text-transform: uppercase; letter-spacing: 1.5px }
.primera.noticia h3 { font-size: 1.2rem; margin-top: 15px }
.noticia.secundaria h3 { font-size: 1rem }
.noticia h3 a { color: #000; font-weight: bold }
.noticia h3 a:hover { color: #12498f }

.cellpc { border-radius: 5px; display: inline-block; height: 52px; padding: 5px 0; background: none; margin-bottom: 20px; width: 92% }

#principal { background: #12498f; padding-top: 20px; padding-bottom: 50px; position: relative; z-index: 990 }
#noticia { background: #fff; padding-bottom: 50px; padding-top: 20px }
#relacionadas { background: #f2f2f2; border-right: 1px solid #ccc }
.relacionada { padding-top: 10px; padding-bottom: 10px; border-bottom: 1px solid #ccc }
.relacionada:hover { background: #fff }
.relacionada a { font-weight: bold; font-size: 0.85rem; color: #222; display: block; line-height: 1.3 }
.relacionada small { font-size: 65%; color: #6f6f6f }
#galeria { background: #ecbc35; padding-bottom: 50px }

#carreras h2, #principal > h2, #galeria h2 { color: #fff; line-height: 1.6; padding-top: 20px; position: relative; width: 100%; margin: 0 auto 8px }
#carreras h2:before, #principal > h2:before, #galeria h2:before { content: ''; display: block; border-top: solid 2px #fff; width: 100%; height: 1px; position: absolute; top: 60%; z-index: 1 }
#carreras h2 span, #principal > h2 span, #galeria h2 span { padding: 0 20px; position: relative; z-index: 5 }
#noticia h2 { color: #12498f }
#experiencia h2 { color: #12498f; line-height: 1.6; padding-top: 20px; position: relative; width: 100%; margin: 0 auto 8px }
#experiencia h2:before { border-top: 2px solid #12498f; content: ""; display: block; height: 1px; position: absolute; top: 60%; width: 100%; z-index: 1 }
#noticia.bgfeat h2:before { border: 0 none }

#carreras h2 span { background: #032e68 }
#principal h2 span { background: #12498f }
#galeria h2 span { background: #ecbc35 }
#noticia h2 span, #experiencia h2 span { background: #fff; padding: 0 20px; position: relative; z-index: 5 }
.bgfeat { position: relative; background-size: cover !important; background-repeat: no-repeat !important; background-position: center top !important }
#noticia.bgfeat h2 { font-size: 2em; line-height: 1.2; text-shadow: 0 0 8px rgba(0, 0, 0, 0.5); color: #fff; padding-top: 80px; padding-bottom: 140px; z-index: 999 }
#noticia.bgfeat h2 span { background: none }
#noticia.bgfeat h2 small { font-size: 50%; color: #fff }
.bgfeat #lapagina { background: #fff }
.meta { margin-top: 15px }
#noticia .essb_displayed_postfloat { margin-left: -45px !important }

.gfield > label { font-weight: bold }
.ginput_complex.has_first_name { margin-bottom: 1em }
.ginput_complex.has_first_name input { margin: 0 !important }
.ginput_container, .ginput_complex.has_first_name label { margin-top: 0 !important }

.pagination { text-align: center; clear:both; padding:20px 0; width: 100%; position:relative; font-size:11px; line-height:13px }
.pagination span, .pagination a { display:inline-block; margin: 2px 2px 2px 0; padding:6px 9px 5px 9px; text-decoration:none; width:auto; color:#000; background: #ebb631 }
.pagination span { background: none; color: #fff }
.pagination a:hover{ color:#fff; background: #3279BB }
.pagination .current{ padding:6px 9px 5px 9px; background: #fff; color:#000 }


.galerias { display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap; }
.galeriahome { padding-left: 0; padding-right: 0; position: relative }
.galeriahome .titulo { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: 0 }
.galeriahome .titulo a { height: 100%; background: rgba(0,0,0,0.8); transition: all 0.5s linear; opacity: 0 }
.galeriahome .titulo a:hover { opacity: 1 }
.galeriahome .titulo a span { color: #fff }
.unagaleria { margin-bottom: 15px }

span.negro { display: block; height: 300px; left: 0; position: absolute; top: 0; width: 100%; z-index: 1; background-color: rgba(0, 0, 0, 0);
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.6)), to(rgba(0, 0, 0, 0)));
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0));
  background: -moz-linear-gradient(top , rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0));
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0));
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0));
  background: linear-gradient(top, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0)); }
span.blanco { display: block; height: 40%; left: 0; position: absolute; top: 60%; width: 100%; z-index: 1; background-color: #fff }
  
.interna { position: relative; z-index: 970 }

#nuestrascarreras { background: url('images/bg-carreras.jpg') no-repeat; background-size: cover; background-attachment: fixed; background-position: center top; padding: 50px 0 }
#nosotros { background: url('images/bg-nosotros.jpg') no-repeat; background-size: cover; background-attachment: fixed; padding: 50px 15px }
#listacarreras, #lacarrera, #lapagina { background: rgba(255,255,255,0.92); border-radius: 8px; padding-top: 40px; padding-bottom: 40px }
#listacarreras h2, #lacarrera h2 { color: #12498f }
#lacarrera h2 { border-bottom: 2px solid #12498f }
#listacarreras form .button { margin-right: 0 }
#listacarreras .mes, #listacarreras .carrerita h3 { font-weight: bold; font-size: 1.3em; color: #12498f }
#nosotros h2 { color: #12498f }
.carrerita { background: #fff; margin-bottom: 3px }
.carrerita h3 { font-size: 1em }
.logocarrera { padding-top: 10px; padding-bottom: 10px }
.distancias { background: #fff; padding-top: 14px; margin-bottom: 30px }

.flex-control-nav { bottom: -10px }

#slidercarrera { background-color: #fff; height: 222px; padding: 10px }
#slidercarrera .flex-control-nav { bottom: 0 }
#slidercarrera .flex-control-paging li a { background: rgba(0, 0, 0, 0.5) }
#slidercarrera .flex-control-paging li a:hover { background: rgba(18, 75, 143, 0.9); }
#slidercarrera .flex-control-paging li a.flex-active { background: rgba(18, 75, 143, 0.9) }
#carruselcarrera { background: #fff; padding: 0 10px 10px; margin-bottom: 20px }
#carruselcarrera li { margin-right: 11px; cursor: pointer; opacity: 0.6 }
#carruselcarrera li:hover { opacity: 0.9 }
#carruselcarrera li.flex-active-slide { cursor: default; opacity: 1 }

#rapido2 { margin-top: -15px; margin-bottom: 20px; padding: 10px 0; display: none; z-index: 999 }
#rapido2 form { border: 1px solid #d9d9d9; background: #fff; box-shadow: 0 0 3px rgba(0, 0, 0, 0.2) inset; overflow: hidden; width: 100% }
#rapido2 form > input { background: none; border: 0 none; box-shadow: 0 0 0; float: left; margin: 0; width: 80% }
#rapido2 form button { color: #12498f; float: right; height: 2.4375rem; width: 2.4375rem }
.rapido2 #volver { margin-top: 26px; }

.recorrido { margin-bottom: 15px; margin-top: 40px }
.linkanio { display: block; background: #ecbc35; color: #000; padding: 20px 10px; font-weight: bold; font-size: 2.2em; border-radius: 4px }
.lanotice { background:#FFFAE7; border:1px solid #FFECA3; line-height: 1.2; padding:5px; margin-bottom:20px }
.autor { color: #555; text-decoration: underline }

.datos { font-size: 0.85em; overflow: hidden }
.dato.left { float: left; width: 23% }
.dato.right { float: right; text-transform: none ; width: 76% }
.dato1.right { float: right; text-transform: capitalize ; width: 76% }
.tabs { background: 0 none; border: 0 none; border-bottom: 1px solid #e6e6e6 }
.tabs-title > a, .accordion-title { background: #12498f; color: #fff; padding: 0.8rem 0.5rem; font-size: 16px }
.tabs-title > a:hover, .tabs-title > a:focus, .tabs-title > a[aria-selected="true"], .accordion-title:hover, .accordion-title:focus, .accordion-title[aria-selected="true"] { background: #ecbc35; color: #000 }
.contenido { padding: 10px 0; font-size: 0.8em }
.contenido h3 { color: #12498f; font-size: 1.2em }
#inscribir { font-size: 1.3em }
#cerradas { color: #000; font-size: 1.3em; font-weight: bold }
.botonpaymentez { background: #719c31; color: #fff; border: 0 none; border-radius: 5px !important; width: 100% !important; margin-bottom: 5px; padding: 5px 20px; text-align: center }

#formpago { background: rgb(255, 249, 215); margin-bottom: 20px; margin-top: 10px; border-radius: 5px; padding-top: 10px; padding-bottom: 5px }

.widget { background: #fff; padding-bottom: 10px; margin-bottom: 15px; border-radius: 5px }
#imgrotativo .widget, #imgrotativo1 .widget { background: none; padding-bottom: 0; margin-bottom: 0; border-radius: 5px; display: inline-block; float: left }
#imgrotativo .widget { width: auto }
#imgrotativo1 .widget { width: auto }

#media_image-7.widget { padding-top: 15px }
#text-2.widget, #text-3.widget { padding-top: 30px }
#text-4.widget { padding: 0 }
.widget.titulares ul { color: #6c6d6f; line-height: 1.2 }
.widget.titulares a { color: #222; font-size: 0.85rem }
.widget h2 { font-size: 1.1rem; color: #6c6d6f; border-bottom: 1px solid #ececec; padding: 12px 0; font-weight: normal }
#lapagina.chubbpage { border-radius: 0 0 8px 8px }

thead th, thead td, tfoot th, tfoot td, tbody th, tbody td { font-size: 0.7em }
.widget tbody td, .widget thead th { font-size: 1rem; padding: 2px 5px }
.especiales { padding-top: 20px }

.unad { padding-top: 5px; padding-bottom: 0 }

#ingresorapido label.middle { margin: 0 }
#ingresorapido [type="text"], #ingresorapido [type="password"], #ingresorapido [type="date"], 
#ingresorapido [type="datetime"], #ingresorapido [type="datetime-local"], #ingresorapido [type="month"], 
#ingresorapido [type="week"], #ingresorapido [type="email"], #ingresorapido [type="number"], 
#ingresorapido [type="search"], #ingresorapido [type="tel"], #ingresorapido [type="time"], 
#ingresorapido [type="url"], #ingresorapido [type="color"], #ingresorapido select, #ingresorapido textarea { margin: 0 0 0.5rem }
#ingresorapido strong { color: #f00 }
#ingresorapido .button { font-size: 0.99em; font-weight: bold; width: 100% }

#patrocinadores { padding: 20px 0 }
#patrocinadores h2 { color: #12498f; font-weight: bold }
#carrusel { min-height: 121px; border-top: 2px solid #12498f; border-bottom: 2px solid #12498f; padding-top: 20px; padding-bottom: 20px }
#carrusel li { margin-right: 10px }

.page-id-8 #principal { padding: 0 }
.page-id-8 #lapagina { background: none; color: #fff; padding-top: 0 }
.page-id-8 #lapagina label { color: #fff !important }
.page-id-8 #lapagina .button { background: #fff; color: #12498f; font-weight: bold; text-transform: uppercase }
#mapacontacto { padding: 0 }
#mapacontacto iframe { top: 0; width: 100%; height: 660px; bottom: 0 }
.notita { color: green; font-size: 12px; margin-top: 10px }

#cg_slider { margin-top: -501px; z-index: 1 }

/*
#cgsliders:after {
    background: #fff none repeat scroll 0 0;
    bottom: -59px;
    content: "";
    height: 196px;
    position: absolute;
    right: -162px;
    transform: rotate(-45deg);
    width: 408px;
    z-index: 1;
    pointer-events: none;
}
*/

#cgsliders img.logoslider { position: absolute; top: 150px; left: 70px; }

#programaoficial #imagenfondo { margin-top: -452px; z-index: 1 }

hr { position: relative; margin-top: 50px; }

#menubotones { margin-top: 10px }
#menubotones hr { position: relative; margin-top: 50px; }
#menubotones ul { position: relative; margin-top: -48px; }
#menubotones ul li { list-style: none; }
#menubotones ul li span.circulo { background: #00A85D; border-radius: 100%; color: #fff; display: inline-block;
	padding: 5px; height: 46px; width: 46px; font-weight: bold; }
#menubotones ul li span.letrasmenu { }	

#programaoficial { height: 440px; }
#programaoficial h2 { position: relative; margin-top: 120px; margin-left: 16px; }
#programaoficial h3 { position: relative; margin-top: 14px; }
#programaoficial .bloquecompleto { position: absolute; top: 175px }
#programaoficial #programa-oficial { position: relative; margin-top: 200px; }

#programaoficial h4 { color: #000; margin-bottom: 0; margin-top: 50px; }
#programaoficial .leyenda { text-align: right }
#programaoficial .leyenda p { color: #fff; font-size: 14px; }

#progofi .bloquecompleto h4, #programaoficial #competencia { color: #fff; }

#calendario { position: relative; margin-top: 60px; padding: 80px 0; }
#calendario #imgizq { position: absolute; bottom: 0; }
#calendario #imgder { position: absolute; top: 0; right: 0; }

#calendario .cfondoverde { background: #00A85D; color: #fff; height: 43px; font-weight: bold; line-height: 43px; }

#worldwide #masdatos #lugar:last-child { border-right: none !important; }

#contador1 .countdown .hourse,
#contador1 .countdown .minutes,
#contador1 .countdown .secondes { display: none; }

#main_countedown_1 .countdown {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

#main_countedown_1 .time_left {
    border-radius: 50px !important;
    background-color: #fff !important;
    font-size: 25px !important;
    font-family: monospace;
    color: #00A85D !important;
    padding: 5px;
}

#contador { height: 85px }
#contador .time { height: 70px; width: 48px }
#contador .count { font-size: 2.3em; line-height: 70px }
#contador .label { font-size: 1em; top: 66px }

#contador { height: 85px; margin-bottom: 10px }
#contador .time { border-radius: 5px; box-shadow: 0 0 10px 0 rgba(0,0,0,0.5); display: inline-block; text-align: center; position: relative; height: 50px; width: 55px;
	-webkit-perspective: 479px; -moz-perspective: 479px; -ms-perspective: 479px; -o-perspective: 479px; perspective: 479px;
	-webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden;
	-webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0);
	-webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
#contador .count { background: #202020; color: #f8f8f8; display: block; font-size: 2.4em; line-height: 1.5em; overflow: hidden; position: absolute; text-align: center; text-shadow: 0 0 10px rgba(0, 0, 0, 0.8); top: 0; width: 100%;
	 -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0);
	 -webkit-transform-style: flat; -moz-transform-style: flat; -ms-transform-style: flat; -o-transform-style: flat; transform-style: flat }
#contador .count.top { border-top: 1px solid rgba(255,255,255,0.2); border-bottom: 1px solid rgba(255,255,255,0.1); border-radius: 5px 5px 0 0; height: 50%;
	-webkit-transform-origin: 50% 100%; -moz-transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; -o-transform-origin: 50% 100%; transform-origin: 50% 100% }
#contador .count.bottom { background-image: linear-gradient(rgba(255,255,255,0.1), transparent); background-image: -webkit-linear-gradient(rgba(255,255,255,0.1), transparent); background-image: -moz-linear-gradient(rgba(255,255,255,0.1), transparent); background-image: -ms-linear-gradient(rgba(255,255,255,0.1), transparent); background-image: -o-linear-gradient(rgba(255,255,255,0.1), transparent); 
	border-top: 1px solid #000; border-bottom: 1px solid #000; border-radius: 0 0 5px 5px; line-height: 0; height: 50%; top: 50%;
	-webkit-transform-origin: 50% 0; -moz-transform-origin: 50% 0; -ms-transform-origin: 50% 0; -o-transform-origin: 50% 0; transform-origin: 50% 0 }
#contador .count.next { }
#contador .label { font-size: normal; color: #fff;font-weight: bold; margin-top: 5px; display: block; position: absolute; top: 45px; width: 100% }
/* Animation start */
#contador .count.curr.top { -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -ms-transform: rotateX(0deg); -o-transform: rotateX(0deg); transform: rotateX(0deg); z-index: 3 }
#contador .count.next.bottom { -webkit-transform: rotateX(90deg); -moz-transform: rotateX(90deg); -ms-transform: rotateX(90deg); -o-transform: rotateX(90deg); transform: rotateX(90deg); z-index: 2 }
/* Animation end */
#contador .flip .count.curr.top { -webkit-transition: all 250ms ease-in-out; -moz-transition: all 250ms ease-in-out; -ms-transition: all 250ms ease-in-out; -o-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out;
	-webkit-transform: rotateX(-90deg); -moz-transform: rotateX(-90deg); -ms-transform: rotateX(-90deg); -o-transform: rotateX(-90deg); transform: rotateX(-90deg) }
#contador .flip .count.next.bottom { -webkit-transition: all 250ms ease-in-out 250ms; -moz-transition: all 250ms ease-in-out 250ms; -ms-transition: all 250ms ease-in-out 250ms; -o-transition: all 250ms ease-in-out 250ms; transition: all 250ms ease-in-out 250ms;
	-webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -ms-transform: rotateX(0deg); -o-transform: rotateX(0deg); transform: rotateX(0deg) }
 

.bordeizquierdo { border-top: 3px solid #37FF0A; border-left: 3px solid #37FF0A; border-bottom: 3px solid #37FF0A; padding-top: 10px; text-align: center; }
.bordederecho { border-top: 3px solid #37FF0A; border-right: 3px solid #37FF0A; border-bottom: 3px solid #37FF0A; padding-top: 10px; text-align: center; }
.bordebajo { border-bottom: 3px solid #37FF0A; }

footer { background: #b0afb5; padding-top: 20px; padding-bottom: 20px }
footer h4 { font-size: 1.4em; color: #12498f; font-weight: bold }
footer p { font-size: 0.88em; line-height: 1.3; margin-bottom: 0.5em }
.design { padding-top: 20px; font-family: "Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif; font-size: 10px }
.omm { display: inline !important; font-family: "Tw Cen MT","Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif; }

/* .page-id-7877 header { margin-top: 0; } */
.parent-pageid-7877 .help-text { margin-top: 5px; }

.page-id-7877 footer { background: #fff; padding-bottom: 0; }
.page-id-7877 footer .marcogris { background: #ddd; color: #000; padding: 20px 20px 0 20px; }
.page-id-7877 footer .marcogris #titmenu { font-weight: bold; }
.page-id-7877 footer .marcogris #optmenu { margin-top: 20px; }
.page-id-7877 footer .marcogris a { color: #000; font-weight: 200; }
.page-id-7877 footer .marcogris a:hover { font-weight: 400; }

#carreras { padding-top: 15px; padding-bottom: 15px }
.carrera .fecha{ background: #0c0c4c; color: #fff }
.listo { background-image: url('images/listo.jpg') !important; background-repeat: no-repeat !important; background-size: 30px !important; background-position: center right !important }
.yaesta { background-image: url('images/error.jpg') !important; background-repeat: no-repeat !important; background-size: 30px !important; background-position: center right !important }
#elstatus { color: #f00; font-weight: bold }
button[disabled], html input[disabled], button[disabled]:hover, html input[disabled]:hover { cursor: not-allowed; background: #cacaca; color: #fff }
.cargando { background-image: url('images/cargando.gif') !important; background-repeat: no-repeat !important; background-size: 20px !important; background-position: center right !important }

#addfila { background: #ddd; border-radius: 5px; padding: 10px; }

#micontenido p { line-height: 1.2 }
#ingresodeporte h3 { width: 100% !important; }


#sdeporte .fa:before { font-size: 40px; margin-left: 40px }

.subsubsub li.my-button a.botompago { background: #f7f7f7; border: #ccc; border-radius: 5px; box-shadow: 0 1px 0 #ccc; color: #555; padding: 5px 10px }

@media only screen and (min-width: 40.063em) {	/* Para tablets */
	.logo { padding: 10px 0 }
	h2 { font-size: 1.5em }
	p { font-size: 1rem; line-height: 1.6 }
	.no-js .top-bar { display: block }
	.no-js .title-bar { display: none }
	.menuresponsive { padding: 0; margin-bottom: 0 }
	.menu > li { vertical-align: baseline; display: table-cell; width: auto }
	.menu-item a.menu-image-title-below.menu-image-not-hovered img, .menu-item a.menu-image-hovered.menu-image-title-below .menu-image-hover-wrapper { display: block !important; margin: 0 auto !important; padding-bottom: 10px !important }
	.menu-item a.menu-image-title-above, .menu-item a.menu-image-title-below { text-align: center !important }
	#sports-menu { text-align: center }
	#nav2.menu > li > a { padding: 0.3rem 0.5rem }
	.lasredes { display: inline-block; vertical-align: middle }
	#mainslider { min-height: 506px }
	#mainslider li h3 { font-size: 2.2em; position: absolute; bottom: 0; background: rgba(0,0,0,0.5); min-height: 65px }
	#mainslider h3 a { color: #fff }
	.menu > li a i { font-size: 20px; width: 20px; height: 20px }
	.page-id-8 #principal h2 { width: auto }
	.inscripcion a.elboton { display: inline-block; margin-bottom: 4px; font-size: 14px }
	.noticias.row { margin-left: -0.9375rem; margin-right: -0.9375rem }
	#principal { padding-top: 0 }
	#experiencia h2 { width: 500px }
	.primera.noticia h3 { font-size: 1.35rem }
	.noticia.secundaria h3 { font-size: 1.1rem }
	.carrera > span { font-size: 0.7em }
	#nosotros { padding: 50px 50px }
	#carreras .content_countdown .element_conteiner { min-width: auto; margin-right: 0 }
	#carreras .content_countdown .time_description { font-size: 0.44em }
	#listacarreras form .button { margin-right: 1em }
	#listacarreras .mes, #listacarreras .carrerita h3 { font-weight: normal; font-size: 1em; color: #000; }
	.flex-control-nav { bottom: 50px }
	.noticia .titulo h3 { text-shadow: 2px 2px 6px rgba(0, 0, 0, 1); line-height: 1 }
	.menu > li a { font-size: 0.6em; line-height: 1.3 }
	#nav a > i { font-size: 30px; height: 35px; width: 30px }
	#rapido { bottom: -55px; right: 15px }
	.rapido2 button { bottom: 10px; position: relative; }
	#slidercarrera { height: 146px }
	.tabs-title > a { padding: 1.25rem 0.9rem; font-size: 12px }
	#inscribir { font-size: 1.1em }
	.linkanio { font-size: 1.7em }
	#carreras h2, #principal h2, #galeria h2 { max-width: 500px }
	#noticia h2 { max-width: 100% !important }
	#noticia.bgfeat h2 { font-size: 3em }
	#noticia.bgfeat h2 small { font-size: 25% }
	footer { padding-top: 40px }
	footer h4 { font-size: 1.875em }
	.centrosmall { text-align: inherit }
	#carreras .time_left { font-size: 12px !important }
	#acerca, #direccion { margin-top: 0 }
	.widget { background: #fff; padding-bottom: 10px; margin-bottom: 15px; border-radius: 5px }
	#imgrotativo .widget { background: none; padding-bottom: 0; margin-bottom: 0; border-radius: 5px }
	
	#cg_slider { margin-top: -501px; z-index: 1 }
	#cgsliders img.logoslider { position: absolute; top: 150px; left: 70px; }

	#menubotones { margin-top: 40px }
	
	#programaoficial { height: 550px; }
	#programaoficial #imagenfondo { margin-top: -452px; z-index: 1 }


}

@media only screen and (min-width: 64.063em) {	/* Para PC */
	h2 { font-size: 1.875em }
	.carrera > span { font-size: 0.95em }
	#carreras .content_countdown .element_conteiner { margin-right: 5px }
	#carreras .content_countdown .time_description { font-size: 0.45em }
	.noticia .titulo h3 { text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.8); line-height: 1.2 }
	.lasredes { display: block }
	.menu > li a { font-size: 0.86em; line-height: 1.1 }
	#noticia h2 { line-height: 1.4 }
	#rapido { bottom: -52px }
	#slidercarrera { height: 236px }
	.tabs-title > a { padding: 1.25rem 1.25rem; font-size: 12px }
	#inscribir { font-size: 1.3em }
	.linkanio { font-size: 2.2em }
	.cellpc { display: inline-block; margin-left: 22px; width: 450px; padding: 0; height: 90px; background: none; vertical-align: top }
	.cellpc1 { display: inline-block; margin-left: 0; width: 728px; padding: 0; height: 90px; background: none; vertical-align: top }
	.unad { padding-top: 25px; padding-bottom: 0 }
	.widget { background: #fff; padding-bottom: 10px; margin-bottom: 15px; border-radius: 5px }
	#imgrotativo .widget, #imgrotativo1 .widget { background: none; padding-bottom: 0; margin-bottom: 0; border-radius: 5px }
	.rapido2 button { bottom: 10px; position: relative; }
	
	#cg_slider { margin-top: -501px; }
	#cgsliders img.logoslider { position: absolute; top: 150px; left: 70px; }
	
	#menubotones { margin-top: 40px }
	
	#programaoficial { height: 550px; }
	#programaoficial #imagenfondo { margin-top: -452px; z-index: 1 }

}

@media only screen and (max-width: 40em) and (orientation : landscape) {  /* Para movil landscape */
	
}

@media only screen and (max-device-width: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation : landscape) {  /* Para iPhone 6/S landscape */

}