@charset "utf-8";

/* Tipografias  font-family: 'Oswald', sans-serif; */
@import url('https://fonts.googleapis.com/css?family=Oswald:400,700|Roboto:400,400i,700,700i&subset=latin-ext');


/* ---------------------------------------------------------------------- */
/* Importados externos
/* ---------------------------------------------------------------------- */
/* Normalización navegadores */ @import url('normalize.css');
/* Cuadrícula y Layouts */ @import url('grid.css');
/* Carousel */ @import url('carousel.css');
/* Formularios */ @import url('form.css');
/* Tablas */ @import url('tables.css');
/* Ventanas Modales */ @import url('jquery.fancybox.css'); 
/* Botones + Iconos */ @import url('botones.css');
/* Botones + Iconos */ @import url('tooltip-popover.css');


body { font-family:'Roboto', sans-serif; font-size:13px; line-height:1.5em; color: #333; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; background-color:#fff}

/* ---------------------------------------------------
   Texto
--------------------------------------------------- */



/* Headings */
h1, h2, h3, h4, h5, h6 { margin:10px 0; font-family:'Oswald', sans-serif; font-weight:700; line-height:normal; color:inherit; text-rendering:optimizelegibility; overflow:hidden; text-transform:uppercase}
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { font-weight:normal;}
h1 { font-size:50px; padding-bottom:10px;border-bottom:5px solid}
h2 { font-size: 28px; margin-bottom:20px;}
h3 { font-size: 20px;}
h4 { font-size: 16px;}
h5 { font-size: 14px;}
h6 { font-size: 11.9px;}
h1 small { font-size: 45px; }
h2 small { font-size: 17.5px;}
h3 small { font-size: 14px;}
h4 small { font-size: 14px;}
h1.ficha { border-bottom:5px solid #f1f1f1; margin:0; padding:0;}
h1.ficha small {font-size:30px; font-weight:700}
h1.ficha p { font-size:45px; margin:0 !important; padding:0; line-height:50px}

/* Formato textos */
p { margin: 0 0 10px; line-height:1.8em; text-align:justify}
small { font-size: 85%;}
strong { font-weight: bold;}
em {font-style: italic;}
cite {font-style: normal;}
.destacado{font:normal 18px 'Oswald', sans-serif; text-transform:uppercase}
.precio{ display:block; margin:0; padding:0 10px; font-size:43px; line-height:50px; color:#666}

.nowrap{white-space:nowrap}

/* Links */
a{}
a:hover{}

a.ampliaFoto{ display:block; padding:10px}
a.ampliaFoto span{ position:absolute; margin:25px 0 0 40px; -webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;}
a.ampliaFoto:hover span{ position:absolute; margin:25px 0 0 40px; background-color:#ccc}
a.ampliaFoto img{ width:100px; border:2px solid #f1f1f1; }
a.ampliaFoto:hover img{ opacity: .25; -moz-opacity: .25; filter:alpha(opacity=25); border:2px solid #333}

/* Listas */

ul { list-style: none;}
ul, ol { padding: 0; margin: 0 0 10px 25px;}
ul ul, ul ol, ol ol, ol ul { margin-bottom: 0;}
li { line-height: 20px;}
ul.unstyled, ol.unstyled { margin-left: 0; list-style: none;}
ul.inline, ol.inline { margin-left: 0; list-style: none;}
ul.inline > li, ol.inline > li {display: inline-block; *display: inline; /* IE7 inline-block hack */ *zoom: 1; padding-left: 5px; padding-right: 5px;}
dl { margin-bottom: 20px; }
dt, dd { line-height: 20px;}
dt { font-weight: bold;}
dd { margin-left: 10px;}

ul.circle, ul.check, ol.decimal, ol.lower-alpha {margin-bottom: 20px; }
ul.circle ul, ul.check ul, ol.decimal ul, ol.lower-alpha ul{ margin-left:14px;}
ul.circle ol, ul.check ol, ol.decimal, ol.decimal ol, ol.lower-alpha, ol.lower-alpha ol { margin-left: 18px; }
ul.circle li, ul.check li,ol.decimal li,ol.lower-alpha li{ margin-bottom: 5px;}
ul.circle ul li:first-child, ul.circle ol li:first-child, 
ul.check ul li:first-child, ul.check ol li:first-child,
ol.decimal ol li:first-child, ol.decimal ul li:first-child,
ol.lower-alpha ol li:first-child, ol.lower-alpha ul li:first-child { margin-top: 5px;}

	/* Desordenadas */
ul.circle li { background: url(../images/iconos/li.png) no-repeat left 0.5em; /* 6px */ padding-left: 11px;}
ul.check li { background: url(../images/iconos/li-check.png) no-repeat left 0.333em; /* 4px */ padding-left: 17px;}

	/* Ordenadas */
ol.decimal { list-style: decimal;}
ol.lower-alpha { list-style: lower-alpha;}

/* Alineaciones (texto y bloques) */
.hidden, legend{display:none;}
.overFlowHidden{overflow:hidden;}

.left{float:left;}
.right{float:right;}
.leftI{float:left !important;}
.rightI{float:right !important;}

.txtLeft{text-align:left;}
.txtRight{text-align:right;}
.txtCenter{text-align:center !important;}


/* Imagenes */
img.left{float:left;padding:0 40px 40px 0;}
img.right{float:right;padding:0 0 40px 40px;}
img.centro{ display:block; width:auto; margin:0 auto; padding:20px 0px !important;}
img.flexible{ width:100%; margin:0 auto; padding:0;}
.img-polaroid { padding:2px; background-color: #fff; width:85px; border:1px solid #f1f1f1; border: 1px solid rgba(0, 0, 0, 0.1); -webkit-box-shadow:1px 2px 3px rgba(0, 0, 0, 0.6); -moz-box-shadow:1px 2px 3px rgba(0, 0, 0, 0.6); box-shadow:1px 2px 3px rgba(0, 0, 0, 0.4);}


/* Formularios */
button,input,select,textarea{margin:0;font-size:100%;vertical-align:middle;}
button,input{*overflow:visible;line-height:normal;}
button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0;}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;}
label,select,button,input[type="button"],input[type="reset"],input[type="submit"],input[type="radio"],input[type="checkbox"]{cursor:pointer;}
input[type="search"]{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-webkit-appearance:textfield;}
input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none;}
textarea{overflow:auto;vertical-align:top;}



/* ---------------------------------------------------
   Header
--------------------------------------------------- */
.header{ height:98px; background:url(../images/fnd-header.jpg) no-repeat top center; overflow:visible}
a.accesoLogin, a.accesoUsuario, a.accesoSalir{display:block; float:right; padding:5px 25px; font:normal 14px 'Oswald', Verdana, Arial, Helvetica, sans-serif; color:#fff; text-decoration:none; background-image:url(../images/iconos/iconos-usuarios.png); background-repeat:no-repeat; text-transform:uppercase}
a.accesoLogin{background-position:0px 2px}
a.accesoLogin:hover{ color:#33CC00}
a.accesoUsuario{ background-position:0px -40px; color:#333333}
a.accesoUsuario:hover{ color:#33CC00}
a.accesoSalir{ width:0px; height:16px; background-position:0px -80px;}
a.accesoSalir:hover{ color:#33CC00}


/* Menu principal */
.menu, .menu ul { list-style: none; margin: 0; padding: 0;z-index:50}
.menu{ width:77%; float:right; margin:9px 20px 0 200px !important; display:block; list-style:none; position:relative;}
.menu li{ position:relative; float:left; padding:0 1%; width:32%; height:26px; text-align:center; background:url(../images/mainmenu-separador.png) no-repeat right;}
.menu li.inicio{ display:none}
.menu li.ultimo{ background-image:none; width:28%;}
.menu li a, .menu li a:link, .menu li a:active, .menu li a:visited, .menu li span{ display:block; font:700 15px 'Oswald', Verdana, Arial, Helvetica, sans-serif; color:#333; text-decoration:none; background:url(../images/mainmenu-flecha.png) no-repeat right;width:55%; margin:0 20%; white-space:nowrap;  text-transform:uppercase}
.menu li:hover a{ color:#fff; background:url(../images/mainmenu-flecha2.png) no-repeat right; }

.menu ul {position:absolute; text-align:center}
.menu ul li{ background:none; width:auto; padding:5px 10px; margin:0;vertical-align:top;
float:none; height:105px!important; display: inline-block !important; *display:inline; *float:left;}


.menu ul.organ, .menu ul.depor, .menu ul.gescon { background: url(../images/mainmenu-fondo.png) no-repeat top left; height:139px; width:758px;}
.menu ul.organ { left:-10px;}
.menu ul.depor { left:-266px;}
.menu ul.gescon { left:-522px;}

.menu li:hover ul li a{ color:#333; width:98px; height:105px; background-position:bottom; background-repeat:no-repeat; margin:0;}
.menu li:hover ul li a:hover{ color: #009900;}
.menu ul.organ a.item1{ background-image:url(../images/iconos/mainmenu-ico_bibtag.png)}
.menu ul.organ a.item2{ background-image:url(../images/iconos/mainmenu-ico_champion.png)}
.menu ul.organ a.item3{ background-image:url(../images/iconos/mainmenu-ico_servicios.png)}
.menu ul.organ a.item4{ background-image:url(../images/iconos/mainmenu-ico_presupuestos.png)}
.menu ul.organ a.item5{ background-image:url(../images/iconos/mainmenu-ico_nueva-carrera.png)}
.menu ul.organ a.item6{ background-image:url(../images/iconos/mainmenu-ico_gestion.png)}

.menu ul.depor a.item1{ background-image:url(../images/iconos/mainmenu-ico_calendario.png)}
.menu ul.depor a.item2{ background-image:url(../images/iconos/mainmenu-ico_clasif.png)}
.menu ul.depor a.item3{ background-image:url(../images/iconos/mainmenu-ico_circuitos.png)}
.menu ul.depor a.item4{ background-image:url(../images/iconos/mainmenu-ico_servicios.png)}
.menu ul.depor a.usuarios{ background-image:url(../images/iconos/mainmenu-ico_usuario.png)}
.menu ul.depor a.usuarios,.menu ul.organ a.usuarios,.menu ul.gescon a.usuarios{ background-image:url(../images/iconos/mainmenu-ico_usuario.png)}

.menu ul.gescon .item1{ background-image:none!important; height:25px!important;}
.menu ul.gescon a.item2{ background-image:url(../images/iconos/mainmenu-ico_contacto.png); }
.menu ul.gescon a.item3{ background-image:url(../images/iconos/mainmenu-ico_cv.png); width:160px;}
.menu ul.gescon a.item4{ background-image:url(../images/iconos/mainmenu-ico_servicios.png)}

.menu ul div a{ width:90px!important; height:30px !important; padding:0 0 0 20px; background:none!important; font-size:16px!important; color:#057336!important; text-align:left;}
.menu ul div a:hover{ color:#00CC00 !important}

/* ---------------------------------------------------
   Home
--------------------------------------------------- */
.contenidoHome{ width:100%; overflow:hidden}

/* slider */
#slider-home{ background:url(../images/slider/px-slider.gif); margin-bottom:20px;}

/* 3 opciones */
#tresOpciones{ margin-bottom:70px;}
#tresOpciones .box{ width:26%;  min-height:250px; margin:0 1.5%; padding:0 2% 10px 2%; background-color:#fff; float:left;
 background: -moz-linear-gradient(25%, #fff , #f4f3f2 50px);
 background: -webkit-gradient(linear, 0 25%, 0 100%, from(#fff),  to(#f4f3f2)); }
#tresOpciones .separa{border-right:1px solid #f4f3f2; height:250px; min-height:250px; background-color:#000; float:left;}
#tresOpciones .box h3{ line-height:22px; text-align:center !important;}
#tresOpciones .box .rayita{ display:block; margin:5px auto; height:2px; width:30px; background-color:#c9c2bc;}
#tresOpciones .box .imagenHome{padding:0 3% 15px 3%; text-align:center;}
#tresOpciones .box .imagenHome img{ width:100%;box-shadow:0px 10px 20px -5px #666;}
#tresOpciones .box p{ padding:0 12px; margin:0 !important; line-height:16px}


/* ---------------------------------------------------
   Migas (breadcrumb)
--------------------------------------------------- */
#rastroMigas{ width:100%; overflow:hidden;}
#rastroMigas ul{ list-style:none; float:right; padding:0; margin:0 45px 0 0}
#rastroMigas ul li{ float:left; padding:2px 2px 0 2px; font-size:11px;}
#rastroMigas ul li:after{ content:" / ";}
#rastroMigas ul li,#rastroMigas ul li a{ color:#999}


/* ---------------------------------------------------
   Pagina interior SIN banners
--------------------------------------------------- */
#contenidoFullPage{ background:url(../images/fnd-content-full.gif) no-repeat center top; padding:34px 0 30px 0;}
.fondoBorde{ background:url(../images/fnd-content-border.gif) no-repeat left top #fff; width:100%; border-top:1px solid #c9c2bc}
.fondoColor{ background:url(../images/fnd-content-border.gif) no-repeat right top; width:90%; padding:20px 5%}

	/* solo en ficha tecnica */
	#contenidoDosCol{ background:url(../images/fnd-content-full.gif) no-repeat right top; padding:34px 0 30px 0; width:83.5%; float:right}
	#contentAside{ width:15.5%; float:left;padding:34px 0 30px 0;}
	#contentAside img{ width:96%; height:auto; margin-bottom:15px; padding:0}
	#contentAside img.banner{ border:3px solid #d9d4d0}

#subnavAnclas,#subnavAnclas ul{width:100%; overflow:hidden; margin:20px 0; padding:0; height:auto}
#subnavAnclas ul li{width:40%; margin-right:3%; padding:10px 0 10px 7%; float:left; overflow:hidden; background:url(../images/iconos/li-subnav.png) no-repeat 0px 5px;}
#subnavAnclas ul li a{font:normal 17px 'Oswald', sans-serif; color:#666; text-decoration:none; text-transform:uppercase}

a.subir{ display:block; width:100%; clear:both; background:url(../images/separador-full.png) no-repeat center bottom; padding:5px 0; margin:50px 0; text-align:center;font:normal 18px 'Oswald', sans-serif; color:#ccc; text-transform:uppercase; text-decoration:none;}



/* ---------------------------------------------------
   Pagina interior CON banners // Zonas con banners
--------------------------------------------------- */
#contenidoDosCol{ background:url(../images/fnd-content-full.gif) no-repeat right top; padding:34px 0 30px 0; width:83.5%; float:right}
#contentTop{ padding:0; margin:0 auto; text-align:center;}
#fichaBannersBottom { margin:0; padding:50px 0 0 0;}
#contentBottom { padding-bottom:50px;}
#contentBottom .fila, #contentTop.fila, #fichaBannersBottom.fila{ width:100% !important;display:block; overflow:hidden}

img.banner{ padding:0; margin:0}
/*#contentTop img, #fichaBannersBottom img, #contentBottom img{ width:auto; max-width:100%; height:auto; max-height:100px; margin-bottom:-5px;}*/
#contentTop img, #fichaBannersBottom img, #contentBottom img{ width:100%; max-width:100%; height:auto; margin-bottom:-5px;}
#contentTop a, #fichaBannersBottom a, #contentBottom a{}


/* 3 banners */
#contentTop .tresColIndividual, #fichaBannersBottom .tresColIndividual, #contentBottom .tresColIndividual{border:3px solid #d9d4d0; background-color:#fff; text-align:center; }
#contentTop .tresColMargenIzda,#fichaBannersBottom .tresColMargenIzda, #contentBottom .tresColMargenIzda{ padding-right:0; margin-right:3% !important}

/* 1 banner */
#contentTop.unBanner .dosB, #contentTop.unBanner .tresB, #fichaBannersBottom.unBanner .dosB, #fichaBannersBottom.unBanner .tresB, #contentBottom .unBanner .dosB, #contentBottom .unBanner .tresB{ display:none;}
#contentTop.unBanner .tresColIndividual,#fichaBannersBottom.unBanner .tresColIndividual,#contentBottom .unBanner .tresColIndividual{ width:99.2%}
#contentTop.unBanner .tresColMargenIzda,#fichaBannersBottom.unBanner .tresColMargenIzda, #contentBottom .unBanner .tresColMargenIzda{ padding:0; margin:0px}

/* 2 banners */
#contentTop.dosBanner .tresB,#fichaBannersBottom.dosBanner .tresB, #contentBottom .dosBanner .tresB{display:none;}
#contentTop.dosBanner .tresColIndividual,#fichaBannersBottom.dosBanner .tresColIndividual, #contentBottom .dosBanner .tresColIndividual{ width:48%;}
#contentTop.dosBanner .tresColIndividual.dosB,#fichaBannersBottom.dosBanner .tresColIndividual.dosB, #contentBottom .dosBanner .tresColIndividual.dosB{float:right; margin-right:0px!important}
#contentTop.dosBanner .tresColMargenIzda,#fichaBannersBottom.dosBanner .tresColMargenIzda, #contentBottom .dosBanner .tresColMargenIzda{ margin-right:0 !important}

#buscador { width:94%; padding:5px 2.9%}
#buscador .botones .destacado{ text-transform:uppercase; font-size:16px; font-weight:bold}




/* ---------------------------------------------------
   Pruebas deportivas
--------------------------------------------------- */
.pruebaCalendario{ width:100%; margin-bottom:10px; overflow:hidden;}

.pruebaCalendario figure, .pruebaCalendario div, .pruebaCalendario > ul{ overflow:hidden;}
.pruebaCalendario figure{ width:22%; height:140px; text-align:center; float:left; }
.pruebaCalendario figure .imagen{ margin:0; width:130px; height:130px; max-height:130px; background-color:#fff; border:2px solid #999; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); overflow:hidden;}
.pruebaCalendario figure img{ width:auto; height:auto; max-width:100%;}

.pruebaCalendario .texto{ float:left; width:78%; min-height:55px; padding:15px 0px 0px 0px;}
.pruebaCalendario h2, #ficha h3{ font:700 16px 'Oswald',Arial, sans-serif; margin:0; text-transform:uppercase}
.pruebaCalendario p{ line-height:17px}
.pruebaCalendario a{ text-decoration:none}

.pruebaCalendario .opciones{border-top:1px solid #d8e4c4;border-bottom:1px solid #d8e4c4; overflow:hidden; height:60px; width:78%; }
.pruebaCalendario .tipoCompeticion{ display:block; float:left; width:50%; padding-top:10px; font-size:13px; font-weight:bold;}
.pruebaCalendario .tipoCompeticion a, .pruebaCalendario .tipoCompeticion span{ display:block; float:left; }
.pruebaCalendario .tipoCompeticion span{ margin-top:10px; max-width:56%; line-height:15px}
.pruebaCalendario ul{  float:right;margin:0; padding:0;}
.pruebaCalendario ul li{ border-right:1px solid #fff;border-left:1px solid #d8e4c4; text-align:center; float:left; padding:7px 5px}

.pruebaCalendario [class^="icon-medium-"], .pruebaCalendario [class*="icon-medium-"], .pruebaCalendario [class^="icon-depor-"], .pruebaCalendario [class*="icon-depor-"], .pruebaCalendario [class^="icon-deporG-"], .pruebaCalendario [class*="icon-deporG-"] { float:none;padding:0;margin:5px 5px 2px 5px;}

.pruebaCalendario ul li.clasificacion, .pruebaCalendario ul li.clasificacion ul{ border:0; margin:0; padding:0; height:auto; width:134px;}
.pruebaCalendario ul li.clasificacion [class^="icon-medium-"], .pruebaCalendario ul li.clasificacion [class*="icon-medium-"] { padding:0px 1px 0 0;margin:1px 0 0 0;border-right:1px solid #d8e4c4;}
.pruebaCalendario ul li.clasificacion span.separa { padding:0;margin:0; height:1px;border-bottom:1px solid #d8e4c4;}

.pruebaCircuito{ width:94%; margin-bottom:10px; padding:3%; overflow:hidden;}
.pruebaCircuito h2{ padding:0; margin:0 0 10px 0; line-height:normal}
.pruebaCircuito figure{ width:100%; height:140px; overflow:hidden;text-align:center;}
.pruebaCircuito figure .imagen{margin:0; width:auto; height:120px; max-height:120px; background-color:#fff; border:2px solid #999; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); overflow:hidden;}
.pruebaCircuito figure img{ width:auto; height:auto; max-width:100%;}
.pruebaCircuito .btn{ margin-bottom:15px; margin-left:5px}

.pestPubli{ margin-top:12px; overflow:hidden; border-bottom:1px solid #ccc}
.pestPubli span{ display:block; float:right; padding:2px 30px; text-shadow:0 1px 0 rgba(255, 255, 255, 0.5); -webkit-border-top-left-radius:4px;-webkit-border-top-right-radius: 4px;  -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px;border-top-left-radius:4px;border-top-right-radius: 4px; font-weight:bold; border-top:1px solid #ccc; border-left:1px solid #ccc; border-right:1px solid #ccc}

/* ---------------------------------------------------
   Ficha
--------------------------------------------------- */
/* menu ficha */
.nav { margin-left:0; margin-top:20px; margin-bottom:20px; list-style:none;}
.nav > li > a { display: block;text-decoration:none; color:#5caa00; font-weight:bold}
.nav > li > a:hover, .nav > li > a:focus {text-decoration: none;  margin-top:0px; padding-bottom:10px}
.nav > li:hover, .nav > li:focus {text-decoration: none;  margin-top:0px; padding-bottom:10px}
.nav-tabs{ *zoom:1; overflow:hidden; height:40px; border-bottom:4px solid #509300}
.nav-tabs:before, .nav-tabs:after{ display:table; content: ""; line-height: 0;}
.nav-tabs:after{clear: both;}
.nav-tabs > li{float:left; height:30px; border:1px solid #000; overflow:hidden; display: block;margin-bottom:-1px;text-decoration:none; color:#5caa00; font-weight:bold }
.nav-tabs > li{ padding:8px 5px 5px 5px; margin-right:3px; margin-top:5px; line-height: 20px; border:1px solid #509300; -webkit-border-radius:6px 6px 0 0; -moz-border-radius:6px 6px 0 0; border-radius:6px 6px 0 0;color:#5caa00; font-weight:bold}
.nav-tabs {}
.nav-tabs > .disabled, .nav-tabs > .disabled:hover, .nav-tabs > .disabled:focus { border-color:#ccc; border-bottom:0px; margin-top:5px; padding-bottom:5px; cursor:default; color:#ccc}
.nav-tabs > .active,
.nav-tabs > .active:hover,
.nav-tabs > .active:focus { color:#fff; border:1px solid #509300; cursor:default; margin-top:0px;
 background-color:#509300;background-image:-moz-linear-gradient(top, #5caa00, #509300);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#5caa00), to(#509300));background-image:-webkit-linear-gradient(top, #5caa00, #509300);background-image:-o-linear-gradient(top, #5caa00, #509300);background-image:linear-gradient(to bottom, #5caa00, #509300);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5caa00', endColorstr='#ff509300', GradientType=0);}
 .nav-tabs > .active > a, .nav-tabs > .active > a:hover, .nav-tabs > .active > a:focus{ background:none; color:#fff; text-decoration:none}

/* imagen prueba */
#ficha figure, #blog figure{ width:100%; text-align:center; overflow:hidden}
#ficha figure .imagen, #blog figure .imagen{ margin:0 0 5px 0; padding-bottom:0; width:95%; height:auto; max-height:300px; background-color:#fff; border:2px solid #66cccc; -webkit-box-shadow:2px 2px 3px rgba(0, 0, 0, 0.3); -moz-box-shadow:2px 2px 3px rgba(0, 0, 0, 0.3); box-shadow:2px 2px 3px rgba(0, 0, 0, 0.3);}
#ficha figure .imagen img, #blog figure .imagen img{ width:100%; max-height:300px; margin-bottom:-5px;}

/* modalidad */
#modalidades article{ overflow:hidden; }
#modalidades .docu, #modalidades .acciones, #modalidades figure, #modalidades .texto{ float:left; padding-bottom:10px}
#modalidades .docu{ border-right:2px solid #ccc; width:570px;}
#modalidades .acciones{ width:310px;}
#modalidades h3{ padding:0 5px; height:45px; font:700 18px/40px 'Oswald', sans-serif;}
#modalidades figure{ padding:0 25px 0 15px; width:85px;}
#modalidades .texto{width:420px; }
#modalidades .texto.Ins{ padding:0 25px; width:auto}
#modalidades a.btn.btn-primary{ margin-bottom:10px}
#modalidades .texto p{ padding:0; margin:0;}
#modalidades .separador{ margin:5px 0 5px 0 !important; overflow:hidden;}
#modalidades .btn{ margin-right:25px}
#modalidades .fede{ margin:5px; overflow:hidden;}
#modalidades .fede .btn{ width:145px}
.n-inscritos{font:normal 14px 'Oswald', sans-serif; color:#666; text-align:center; text-transform:uppercase}
.n-inscritos span{font:700 28px 'Oswald', sans-serif; color:#666; line-height:28px; display:block}
.max-inscritos{ float:left; font-size:11px; color:#999; line-height:normal}

.container882 #modalidades .docu, .container882 #modalidades .acciones{ width:100%; padding-bottom:10px; border:none}
.container882 #modalidades .texto, .container882 #modalidades .texto.Ins{ width:90%; overflow:hidden; margin:0 5%; padding:0 0 10px 0;}


/* pasos inscripción on-line */
#situacion .pasos{margin-left:0; margin-bottom:30px; list-style:none; height:auto; overflow:hidden; background-repeat:no-repeat;}
#situacion .pasos .hecho{ background-image:url(../images/fondo-paso-1.png); background-color:#7ecb11}
#situacion .pasos .ultimo{ background-color:#fff}
#situacion .pasos li{float:left; overflow:hidden; display:block; font:normal 15px/35px 'Oswald', sans-serif; width:19%; height:35px; text-align:left; padding-left:1%; margin-bottom:5px; color:#ccc; text-transform:uppercase; background-image:url(../images/fondo-paso-2.png); background-color::#fff; background-repeat:no-repeat; background-position:right top}
#situacion .pasos > li > a, #situacionMulti .pasos > li > a{ color:#ccc; text-decoration:none}
#situacion .pasos > li.hecho, #situacion .pasos > li.hecho > a, #situacionMulti .pasos > li.hecho, #situacionMulti .pasos > li.hecho > a{ color:#fff}

/* MULTIPLE */
#situacion.multi .pasos li{width:24%;}
@media only screen and (max-width: 1023px){#situacion.multi .pasos li{width:49%;}}
@media only screen and (max-width: 450px){#situacion.multi .pasos li{width:99%;}}

@media only screen and (max-width: 1023px) and (min-width: 768px){ #situacion .pasos li{ width:24%;} #situacion .pasos li.cuatro.hecho{ background-color:#fff}}
@media only screen and (max-width: 767px) and (min-width: 601px){ #situacion .pasos li{ width:32%;} #situacion .pasos li.tres.hecho{ background-color:#fff} }
@media only screen and (max-width: 600px) and (min-width: 480px){ #situacion .pasos li{ width:49%;} #situacion .pasos li.dos.hecho, #situacion .pasos li.cuatro.hecho{ background-color:#fff}}
@media only screen and (max-width: 600px) and (min-width: 390px){ #situacion .pasos li{ width:49%;} #situacion .pasos li.dos.hecho, #situacion .pasos li.cuatro.hecho{ background-color:#fff}}
@media only screen and (max-width: 389px){ #situacion .pasos li{ width:97%;padding-left:3%;} #situacion .pasos li.hecho{ background-color:#fff}}




/* importe inscripción on-line */
.importeInscrip{float:right; font-size:14px; line-height:22px; color:#057336; background-color:#7ecb11; border:1px solid #7ecb11; padding:2px 15px; -webkit-border-radius:4px; -moz-border-radius:4px;border-radius:4px;}
.importeInscrip .importe{font-size:28px;display:block; color:#fff }
.importeInscrip .importeEuro{font-size:15px;}

/* datos inscripción on-line */
.datosPersonales{border:1px solid #7ecb11; padding:2px 15px; -webkit-border-radius:10px; -moz-border-radius:10px;border-radius:10px;}
.datosPersonales .separador{width:100%; height:1px; border-bottom:1px solid #ddd; background-color:#fff; margin-top:5px; margin-bottom:15px}

/* comun */
#ficha .separador, #modalidades .separador, .fila .separador{ width:100%; height:1px; border-bottom:1px solid #ccc; background-color:#ccc; margin-top:5px; margin-bottom:15px}

/* ---------------------------------------------------
   Organizadores > Mis pruebas 
--------------------------------------------------- */
.pruebaMisFichas{ padding:15px; margin-bottom:20px; overflow:hidden; border-top:2px solid #7ecb11}
.pruebaMisFichas h2{ padding:0; margin:15px 0px; font-size:2.2em; line-height: normal}
.pruebaMisFichas ul{ width:100%; float:left; margin:0 !important; padding:0 !important; }
.pruebaMisFichas ul li{ width:10%; padding:10px 0; margin:5px 0; border-top:1px solid #d8e4c4; border-bottom:1px solid #d8e4c4; float:left; text-align:center}
.pruebaMisFichas [class^="icon-big-fichas-"], .pruebaMisFichas [class*="icon-big-fichas-"]{ float:none !important; margin:0}


.ventanaInscripciones h1{ font-size:1.8em; line-height: normal}
.ventanaInscripciones h2{ font-size:1.5em; line-height: normal}


/* ---------------------------------------------------
   Contenido Pre-footer
--------------------------------------------------- */
#contentBottom .separador{ display:block; width:100%; height:25px; border-top:1px solid #c9c2bc; background:url(../images/fnd-separador.png) top center;}


/* ---------------------------------------------------
   Footer
--------------------------------------------------- */
.footer{ width:100%; background-color:#efefef; }

#footerTop{ padding:20px 0 0 0;}
#footerTop h4{ border-bottom:1px solid #c9c2bc; line-height:2em; margin-bottom:5px}
#footerTop ul, #footerTop ul>ul{ list-style:none; font-size:10px;}
#footerTop ul{ margin:0}
#footerTop ul ul{ margin:0 0 0 10px;}
#footerTop ul a{ text-transform:uppercase; text-decoration:none}
#footerTop ul ul a{ text-transform:none; color:#666 !important;}
#footerTop ul.organ li{ padding:5px 0 10px 0}
#footerTop ul ul li{line-height:12px; padding:3px 0 !important; color:#666}
#footerTop a:hover{ text-decoration:underline;}

.social{}
a.facebook{ display:block; width:25px; height:25px; background-image:url(../images/iconos/ico_facebook.png); background-position:top; text-indent:-9000px;}
a.facebook:hover{ background-position:bottom}

#footerBottom{background-image:url(../images/fnd-footer.png); background-position:100% 100%; background-repeat:no-repeat; height:50px; margin-top:20px}
#footerBottom p{ font-style:italic; font-size:11px; text-align:right; padding:0 1% 0 0}


/* ---------------------------------------------------
   Collapse
--------------------------------------------------- */
.accordion { margin-bottom: 20px;}
.accordion-group {margin-bottom:2px; border: 1px solid #e5e5e5; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
.accordion-heading { border-bottom:0; background-image:url(../images/iconos/li-collapse.png); background-repeat:no-repeat; background-position:1% 50%}
.accordion-heading .accordion-toggle { display:block; padding:8px 30px; text-decoration:none; font-size:16px; font-weight:bold}
.accordion-toggle {cursor:pointer;}
.accordion-inner {padding: 9px 15px; border-top: 1px solid #e5e5e5;}
.collapse{position:relative;height:0;overflow:hidden;-webkit-transition:height 0.35s ease;-moz-transition:height 0.35s ease;-o-transition:height 0.35s ease;transition:height 0.35s ease;}
.collapse.in{height:auto;}
.accordion-inner.descargas{padding: 9px 15px; border-bottom: 1px solid #e5e5e5;background:#f9f9f9}
.accordion-inner.descargas li{ font-size:12px; color:#999; padding:5px 0 3px 20px}

.accordion-inner h3{ margin:0; padding:0; line-height:normal}

/* ---------------------------------------------------
   Paginación
--------------------------------------------------- */
.pagination{margin:20px 0;}
.pagination ul{display:inline-block;*display:inline;*zoom:1;margin-left:0;margin-bottom:0;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:0 1px 2px rgba(0, 0, 0, 0.05);-moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.05);box-shadow:0 1px 2px rgba(0, 0, 0, 0.05);}
.pagination ul>li{display:inline;}
.pagination ul>li>a,.pagination ul>li>span{float:left;padding:4px 12px;line-height:20px;text-decoration:none;background-color:#ffffff;border:1px solid #dddddd;border-left-width:0;}
.pagination ul>li>a:hover,.pagination ul>li>a:focus,.pagination ul>.active>a,.pagination ul>.active>span{background-color:#f5f5f5;}
.pagination ul>.active>a,.pagination ul>.active>span{color:#999999;cursor:default;}
.pagination ul>.disabled>span,.pagination ul>.disabled>a,.pagination ul>.disabled>a:hover,.pagination ul>.disabled>a:focus{color:#999999;background-color:transparent;cursor:default;}
.pagination ul>li:first-child>a,.pagination ul>li:first-child>span{border-left-width:1px;-webkit-border-top-left-radius:4px;-moz-border-radius-topleft:4px;border-top-left-radius:4px;-webkit-border-bottom-left-radius:4px;-moz-border-radius-bottomleft:4px;border-bottom-left-radius:4px;}
.pagination ul>li:last-child>a,.pagination ul>li:last-child>span{-webkit-border-top-right-radius:4px;-moz-border-radius-topright:4px;border-top-right-radius:4px;-webkit-border-bottom-right-radius:4px;-moz-border-radius-bottomright:4px;border-bottom-right-radius:4px;}
.pagination-centered{text-align:center;}
.pagination-right{text-align:right;}

/* -------------------------------------------------
comprar servicios 
--------------------------------------------------- */
.comprarServicios h2{ margin:25px 0 10px 0; padding:0; line-height:normal}
.comprarServicios h2 input{ margin:0px 25px 10px 0; padding:0; line-height:normal}
.comprarServicios p.item{ border-bottom:1px dotted #CCCCCC; overflow:hidden; padding-left:45px;}
.comprarServicios p.item span{ float:right; display:block; font:30px 'Oswald', Arial, Helvetica, sans-serif}

/* -------------------------------------------------
   Blog
--------------------------------------------------- */
#blog .fecha{ margin:10px 0; padding:0; border-bottom:3px solid #999; font-size:14px; font-style:italic; color:#999}
#blog .totalCol img{ margin:0 0 5px 0; padding-bottom:0; width:auto; height:auto; max-height:300px; max-width:300px; background-color:#fff; border:2px solid #66cccc; -webkit-box-shadow:2px 2px 3px rgba(0, 0, 0, 0.3); -moz-box-shadow:2px 2px 3px rgba(0, 0, 0, 0.3); box-shadow:2px 2px 3px rgba(0, 0, 0, 0.3); float:left; margin:0 25px 25px 0}
#posts { margin:15px;}

.comment{ padding:10px}
.comment:nth-of-type(odd){ background:#f1f1f1}

/* ---------------------------------------------------
   Colores
--------------------------------------------------- */
/* -------------- verde claro = #7ecb11 // verde oscuro = #057336 // verde aqua = #1ac9bc  // gris = #333    ------------------------ */ 
/* colores de texto */
a, a > *,
h1.depor, h2.depor, h3.depor, h4.depor, span.depor,
#footerTop ul.depor li a,
#subnavAnclas ul li a:hover,
.pruebaCalendario h2,
.pruebaCalendario ul li span,
#modalidades .texto span,
#modalidades .fede .n-inscritos span{ color:#7ecb11}

a:hover,
h1.organ, h2.organ, h3.organ, h4.organ,
#footerTop ul.organ li a{ color:#057336}

h1.gescon, h2.gescon, h3.gescon, h4.gescon,
#footerTop ul.gescon li a,
.destacado{color:#1ac9bc}

.button{color:#fff;}

/* colores de fondo */
#buscador {background-color:#eff7e5; margin-bottom:20px}

	/* degradados */
	.pruebaCalendario.fondo, .pruebaCircuito.fondo, .pruebaMisFichas.fondo{background-color:#e3f5ce;background-image:-moz-linear-gradient(top, #e3f5ce, #ffffff);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#e3f5ce), to(#ffffff));background-image:-webkit-linear-gradient(top, #e3f5ce, #ffffff);background-image:-o-linear-gradient(top, #e3f5ce, #ffffff);background-image:linear-gradient(to bottom, #e3f5ce, #ffffff);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe3f5ce', endColorstr='#ffffffff', GradientType=0);*background-color:#e3f5ce;} /* de verde a blanco */
	
	.nav-tabs > li, #modalidades article, .datosPersonales{background-color:#f5f5f5;background-image:-moz-linear-gradient(top, #ffffff, #eeeeee);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#eeeeee));background-image:-webkit-linear-gradient(top, #ffffff, #eeeeee);background-image:-o-linear-gradient(top, #ffffff, #eeeeee);background-image:linear-gradient(to bottom, #ffffff, #eeeeee);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffeeeeee', GradientType=0);} /* de gris a blanco */


/* bordes */
.infobox { border-color:#;}


/* Color de fondo cuando seleccionas texto */
::-moz-selection {background:#2fb134;}
::selection {background:#2fb134;} 


/* Tiny Nav */

.tinynav { 
	display: none; 
	height: 2.333em; /* 28px */
	padding: 0.416em 10px; /* 5px 10px */
	margin: 0.416em 14px; /* 5px 14px */
	background-color: #e5e5e5; border: none; font-size:11px
}

.tinynav option {
	padding: 5px 10px;
}
.tinynav { width:auto;}



/* ---------------------------------------------------------------------- */
/* Media Queries 
/* ---------------------------------------------------------------------- */

/* Large desktop */
@media only screen and (min-width: 1200px) {
#slider-home{margin-bottom:65px;}
}

/* pantallas de 1024px */
@media only screen and (min-width: 1024px) and (max-width: 1199px) {
a.accesoLogin{ padding:5px 25px;}
.header{ height:88px;}
#tresOpciones .box h3{ margin:0;}
}
 

@media only screen and (max-width: 979px) {
/* menu tabs */
.nav-tabs{}
.nav-tabs > .disabled > a, .nav-tabs > .disabled > a:hover, .nav-tabs > .disabled > a:focus { border-bottom:1px solid #ccc;}
/* banners 
#contentTop img{ height:90px; width:auto}*/
#contentTop.unBanner .tresColIndividual,#fichaBannersBottom.unBanner .tresColIndividual{ width:99% !important}
#contentTop .tresColMargenIzda, #fichaBannersBottom .tresColMargenIzda{ margin-right:2.8% !important; padding:0;}

/* modalidades inscripción */
#modalidades .docu{ border-right:0px solid #ccc; width:100%;}
#modalidades .texto{width:60%;}
#modalidades .acciones{ width:100%;}
	/* ficha publicitada */
#modalidades .texto.Ins{ padding:0 5%; width:87%}
/* inscripciones */
.datosPersonales .tresColIndividual{width:100%;}
.img-responsive{ width:100% !important}

.accordion-inner .ampliaFoto img{ width:100px !important; height:auto !important}
.accordion-inner img{ width:100% !important; height:auto !important}

.pruebaMisFichas ul li{ width:20%;}
}


/* Portrait tablet to landscape and desktop */
@media only screen and (min-width: 768px) and (max-width: 979px) {
.container, .container882{width:750px; outline:0px solid #FF00CC}
.header{ background:url(../images/fnd-header-755.jpg) no-repeat top left;height:85px;}
/* menu */
.menu{ width:71%; margin:1px 20px 0 200px !important; }
.menu li{ width:33%;}
.menu li a, .menu li a:link, .menu li a:active, .menu li a:visited{ width:70%; margin:0 15%;}
.menu ul li{ background:none; width:auto; padding:5px 10px; 
float:none; width:100px!important; height:105px!important; display: inline-block !important; *display:inline; *float:left;}
.menu ul.organ { left:-200px;}
.menu ul.depor { left:-388px;}
.menu ul.gescon { left:-576px;}

/* slider */
#slider-home .carousel-inner>.item>.imgSlide{ width:750px}
#slider-home .carousel-inner>.active{margin-left:-375px;}
#slider-home .carousel-inner>.next.left, #slider-home .carousel-inner>.prev.right{left:50%; margin-left:-375px;}
.carousel-indicators{position:absolute;bottom:5px;left:auto; right:10px; margin-left:auto; margin-right:auto; z-index:5;list-style:none; width:auto; padding-left:0 }
.carousel-caption{position:absolute;left:90px;right:0;top:0; padding:0;width:270px;}
.carousel-caption h2{ font-size:20px;}
.carousel-caption p{font-size:13px}

#slider-logos.container, #footerTop.container{ width:720px;}

/* menu ficha */
.nav-tabs > li{ padding:8px 4px 5px 4px; margin-right:1px;}


}

/* Landscape phone to portrait tablet */
@media only screen and (max-width: 767px) {
.container, .container882{width:95%; outline:0px solid #ff0000}
.header{ background:url(../images/fnd-header-devices.gif) no-repeat top center !important; height:50px; padding:165px 0 0 0}
a.accesoLogin{padding:10px 20px 2px 28px; background-position:0px 8px;background-image:url(../images/iconos/iconos-usuarios.png); background-repeat:no-repeat; }
a.accesoUsuario, a.accesoSalir{padding:10px 20px 2px 28px;}
a.accesoUsuario{ background-position:0px -32px; color:#333333}
a.accesoSalir{ height:22px; background-position:0px -72px;}


/* menu */
.menu{display:none}
	/* Tinynav */
    .tinynav, .js .tinynav { display: block;}
	#mainMenu, .js #mainMenu { display: none; }
nav{ border:1px solid #bfb9c4; background:#cac5cb;}
nav#rastroMigas,nav#subnavAnclas,nav#tabsFicha,nav#situacion{ border:none; background:none}
#rastroMigas ul{ margin:0}
#subnavAnclas ul li{width:35%; padding:10px 0 10px 11%;}
/* slider */
#slider-home .carousel-inner>.item>.imgSlide{ width:100%}
#slider-home .carousel-inner>.item>img, #slider-home.carousel-inner>.item>a>img{width:100%}
#slider-home .carousel-inner>.active{left:0; margin-left:0;}
#slider-home .carousel-inner>.next.left, #slider-home .carousel-inner>.prev.right{left:0; margin-left:0;}
.carousel-indicators li{ float:none; margin-left:0px; margin-bottom:2px} 
.carousel-indicators{position:absolute;bottom:5px;left:auto; right:10px; margin-left:auto; margin-right:auto; z-index:5;list-style:none; width:auto; padding-left:0 }
.carousel-caption{left:55px;right:0;top:0;width:260px !important; }
.carousel-caption h2{ font-size:23px;}
.carousel-caption p{ display:none}


/* footer */
#footerTop .cincoColDoble{ width:55%}
#footerTop .cincoColIndividual{ width:37%}
#footerBottom{background-image:url(../images/fnd-footer-devices.gif);height:30px;}

/* 3 banners */
#contentTop .tresColMargenIzda,#fichaBannersBottom .tresColMargenIzda, #contentBottom .tresColMargenIzda{ margin-right:2.6% !important}

/* Pruebas deportivas */
.pruebaCalendario figure{ width:33%; }
.pruebaCalendario .texto{ width:62%; padding:15px 5%px 0px 0px;}
.pruebaCalendario .opciones{width:100%; }
.pruebaCalendario .tipoCompeticion span{ max-width:50%;}
.pruebaCalendario ul li{ padding:7px 2px}

.pruebaCircuito .tresColIndividual, .pruebaCircuito .tresColDoble{ width:100%}

h1 .wIcon{ float:none; margin-top:0px; margin-bottom:10px}

/* Pagina interior CON banners // Zonas con banners */
#contenidoDosCol{ background:url(../images/fnd-content-full.gif) no-repeat right top; width:79% !important; }
#contentAside{ width:20% !important; float:left;padding:34px 0 30px 0; border:0px solid #0000ff;}
#contentTop .tresColMargenIzda, #fichaBannersBottom .tresColMargenIzda{ margin-right:2.6% !important;}

/* menu ficha */
.nav-tabs{ overflow:hidden; height:auto; border-bottom:0px solid #509300}
.nav-tabs > li,.nav-tabs > .active{ width:47%; height:20px; float:left; border-bottom:4px solid #509300; margin-top:5px !important; text-align:center}
.nav > li:hover, .nav > li:focus,.nav-tabs > .active{ padding-bottom:5px  !important}
.nav-tabs > .active:hover{padding-bottom:8px  !important}
.nav-tabs > .disabled, .nav-tabs > .disabled:hover, .nav-tabs > .disabled:focus {  border-bottom:4px solid #ccc;}
/* galeria */
#galerias .galeria li{ width:45% !important}
}


@media only screen and (max-width: 720px) {
.carousel-caption{left:35px;right:0;top:0;width:200px !important; }
.carousel-caption h2{ font-size:18px; margin-bottom:10px;}

.accordion .cuatroColDoble,.accordion .tresColIndividual, .accordion .tresColDoble { width:100%;}
.accordion .cuatroColMargenIzda, .accordion .tresColMargenIzda{ padding-right:0px;}

/* 3 banners */
#contentTop .tresColMargenIzda,#fichaBannersBottom .tresColMargenIzda{ margin-right:2.2% !important}
#contentBottom .tresColMargenIzda{ margin-right:2.5% !important}

#modalidades h3{ height:auto !important;}

}


@media only screen and (min-width: 480px) and (max-width: 600px) {

/* 3 opciones */
#tresOpciones .box{ width:60%; margin:0 auto 40px auto; float:none; 
 background: -moz-linear-gradient(25%, #fff , #f4f3f2 50px);
 background: -webkit-gradient(linear, 0 25%, 0 100%, from(#fff),  to(#f4f3f2)); }
#tresOpciones .separa{ display:none}

/* Pruebas deportivas */
.pruebaCalendario figure{ width:40%; }
.pruebaCalendario .texto{ width:55%; padding:15px 5%px 0px 0px;}
.pruebaCalendario .opciones{width:100%; }
.pruebaCalendario .tipoCompeticion{ padding-top:2px;}
.pruebaCalendario .tipoCompeticion a, .pruebaCalendario .tipoCompeticion span{ float:none; text-align:center }
.pruebaCalendario .tipoCompeticion span{ margin-top:0px; padding:0; max-width:100%; line-height:10px;}
.pruebaCalendario ul li{ padding:7px 0px}
.pruebaCalendario [class^="icon-medium-"], .pruebaCalendario [class*="icon-medium-"], .pruebaCalendario [class^="icon-depor-"], .pruebaCalendario [class*="icon-depor-"], .pruebaCalendario [class^="icon-deporG-"], .pruebaCalendario [class*="icon-deporG-"] { margin:5px 3px 0px;}



}


@media only screen and (max-width: 600px) {
/* menu ficha */
.nav-tabs > li,.nav-tabs > .active{ width:95%; height:20px;}


#buscador .cuatroColIndividual,#buscador .cincoColIndividual{ width:99.4%;}
#buscador .cuatroColMargenIzda,#buscador .cincoColMargenIzda{padding-right:0;}

/* banners */
#contentTop .tresColIndividual, #fichaBannersBottom .tresColIndividual, #contentBottom .tresColIndividual,
#contentTop.unBanner .tresColIndividual,#fichaBannersBottom.unBanner .tresColIndividual,#contentBottom .unBanner .tresColIndividual,
#contentTop.dosBanner .tresColIndividual,#fichaBannersBottom.dosBanner .tresColIndividual, #contentBottom .dosBanner .tresColIndividual{width:98.5% !important; margin-bottom:20px; }
#contentTop .tresColMargenIzda,#fichaBannersBottom .tresColMargenIzda, #contentBottom .tresColMargenIzda{margin-right:0 !important}

#contentTop.dosBanner .tresColIndividual.dosB,#fichaBannersBottom.dosBanner .tresColIndividual.dosB, #contentBottom .dosBanner .tresColIndividual.dosB{ float:left}

}


@media only screen and (max-width: 480px) {
/* menu */
.header{ height:100px;}
a.accesoLogin{ width:60%;padding:10px 20px 15px 28px; border:0px solid #000}
a.accesoUsuario, a.accesoSalir{ padding:10px 20px 15px 28px; border:0px solid #000}


nav #mainMenu{height:90px}

.tinynav, .js .tinynav { width:90%}

#contentBottom .tresColIndividual{width:98% !important;}

#datosCorredorComparativa .tresColIndividual{ border-bottom:2px solid #f1f1f1; margin-bottom:15px;}
#tiemposComparativa .tresColIndividual{ margin-bottom:15px;}
#tiemposComparativa .dorsalComparativa{ display:block !important}

/* galeria */
#galerias .galeria li{ width:95% !important}

/* botones */
.cuatroColDoble .btn.left, .cuatroColDoble .btn.right{ float:none; margin-bottom:10px;}
}


/* Landscape phones and down */
@media only screen and (max-width: 479px){
h1{ font-size:35px}
#subnavAnclas ul li a{font-size:13px !important}

.container, .container882{width:97%; outline:0px solid #00ff00}
/* nav */
#subnavAnclas ul li{width:90%; padding:10px 0 10px 15%;}
/* slider */
.carousel-caption{left:32px;padding:0 0px;width:140px !important;}
.carousel-caption h2{ font-size:14px; margin:5px 0px 5px 0px}

.bot{ font-size:15px !important; padding:2px 5px !important}/* carousel.css */
/* 3 opciones */
#tresOpciones .box{ width:80%; margin:0 auto 40px auto; float:none; 
 background: -moz-linear-gradient(25%, #fff , #f4f3f2 50px);
 background: -webkit-gradient(linear, 0 25%, 0 100%, from(#fff),  to(#f4f3f2)); }
 #tresOpciones .separa{ display:none}

/* carrusel logos */
#slider-logos .carousel-inner>.item>ul li{ float:left; padding:1%; margin:1%; width:45%; height:75px; text-align:center; border-bottom:1px solid #f1f1f1}
/* footer */
#footerTop{border:0px solid #000}
#footerTop .cincoColDoble{ display:none}
#footerTop .cincoColIndividual{ display:none}
#footerTop .cincoColIndividual.social{ width:80% !important; padding:0 10%; display:block; border:0px solid #000}
#footerBottom{ height:40px}
#footerBottom p{ line-height:normal}

/* Pagina interior CON banners // Zonas con banners */
#contenidoDosCol{ background:none; padding-top:0px ; width:100% !important; float:none}
#contentAside{ width:100% !important; float:none; padding:10px 0; text-align:center; border:0px solid #0000ff;}
#contentAside img{ width:100% !important; max-width:145px; margin:5px; display:inline-block}

.pruebaCalendario ul li.clasificacion [class^="icon-medium-"], .pruebaCalendario ul li.clasificacion [class*="icon-medium-"] { margin:5px 0}

/* modalidades inscripción */
#modalidades .texto{width:100%;}

.pruebaCalendario figure{ display:none;}
.pruebaCalendario .texto{ width:90%; padding:15px 5%;}

.pruebaCalendario .opciones{border-top:1px solid #d8e4c4;border-bottom:1px solid #d8e4c4; overflow:hidden; height:auto; width:100%; }
.pruebaCalendario .tipoCompeticion span{ max-width:80%; line-height:15px;}
.pruebaCalendario .tipoCompeticion a, .pruebaCalendario .tipoCompeticion span{ display:block; float:left; }
.pruebaCalendario .tipoCompeticion{ float:none; width:100%; border-bottom:1px solid #d8e4c4}

/* banners */
#contentTop .tresColIndividual, #fichaBannersBottom .tresColIndividual, #contentBottom .tresColIndividual,
#contentTop.unBanner .tresColIndividual,#fichaBannersBottom.unBanner .tresColIndividual,#contentBottom .unBanner .tresColIndividual,
#contentTop.dosBanner .tresColIndividual,#fichaBannersBottom.dosBanner .tresColIndividual, #contentBottom .dosBanner .tresColIndividual{width:97.5% !important; margin-bottom:20px; }


.pruebaMisFichas ul li{ width:25%;}
}








/* ---------------------------------------------------------------------- */
/* Graficas
/* ---------------------------------------------------------------------- */
.demo-container { box-sizing: border-box; width:100%; height:150px; padding:0 !important; margin:20px 0 0 10px !important; border:0px solid #ccc;}
.demo-placeholder {	width:100%; height:150px; min-width:100px; min-height:100px; max-width:900px; max-height:150px; font-size: 14px;line-height: 1.2em; float:right;}

/* ---------------------------------------------------------------------- */
/* Galerias
/* ---------------------------------------------------------------------- */
#galerias { box-sizing: border-box; width:97.5%; height:auto; padding:0 !important; margin:20px 0 0 10px !important; border:0px solid #ccc; overflow:hidden}
#galerias h3{ padding:0px; height:45px; font:22px/40px 'Oswald', sans-serif; border-bottom:2px solid #7ecb11; color:#7ecb11}
#galerias .fotos li a.galeria{ display:block; width:70px; height:70px; overflow:hidden; border:5px solid #7ecb11; margin:0 auto}
#galerias .galeria li a.galeria{ display:block; float:left; margin-right:15px; width:70px; height:70px; overflow:hidden; border:5px solid #7ecb11;}
#galerias .galeria li a.galeria:hover, #galerias .fotos li a.galeria:hover{border:5px solid #1ac9bc;}
#galerias a.galeria img{ min-height:70px; min-width:70px; max-width:105px; margin-left:-15px;}
#galerias .galeria li{ float:left; margin:15px 15px 15px 3px; width:30%; overflow:hidden; max-height:80px;}
#galerias .fotos li{ float:left; margin:15px 5px; width:auto; overflow:hidden; width:80px; text-align:center}
#galerias .fotos li .fotoDiploma{ display:block; padding:3px 0; margin-top:2px; font-size:9px; background:#057336; text-decoration:none; color:#fff}
#galerias .fotos li .fotoDiploma:hover{ background:#7ecb11;}
#galerias iframe{ width:100%; height:260px}

/* ---------------------------------------------------------------------- */
/* Diplomas
/* ---------------------------------------------------------------------- */
#diplomas { width:100%; height:580px; overflow:hidden;}
#diplomas .fondoDiploma{ overflow:hidden; margin-top:15px; z-index:1}
#diplomas .fondoDiploma img{ position:absolute; width:750px; height:auto}
#diplomas .textoDiploma{ position:absolute; margin:135px 0 0 330px; z-index:5}
#diplomas .textoDiploma p{ font-size:11px; width:380px}
#diplomas .imagenesDiploma{ position:absolute; margin:110px 0 0 50px; z-index:10;}

.imagenesDiploma img{ width:200px; height:auto;}
.imagenesDiploma #nav{ display:none;}
.imagenesDiploma .nav{ margin-top:0; margin-bottom:5px;}
.imagenesDiploma #next{ float:right}
.imagenesDiploma a{ font-weight:bold; color:#057336; text-transform:uppercase; text-decoration:none; font-size:30px; line-height:15px; padding-bottom:8px}
.imagenesDiploma a:hover{ color:#fff;}

#diplomasVertical { width:100%; height:870px; overflow:hidden;}
#diplomasVertical .fondoDiploma{ overflow:hidden; margin-top:15px; margin-left:70px; z-index:1;}
#diplomasVertical .fondoDiploma img{ position:absolute; width:580px; height:auto}
#diplomasVertical .textoDiploma{ position:absolute; margin:440px 0 0 145px; z-index:5}
#diplomasVertical .textoDiploma p{ font-size:11px; width:435px; text-align:center}
#diplomasVertical .textoDiploma h3{ text-align:center}
#diplomasVertical .imagenesDiploma{ position:absolute; margin:110px 0 0 265px; z-index:10; }


/* ---------------------------------------------------------------------- */
/* Ficha técnica
/* ---------------------------------------------------------------------- */
.headerFicha{ background:url(../images/fnd-footer-devices.gif) no-repeat right top;}
.headerFicha h1 img{ padding:10px 0}
.fichaTecnica h2{ border-bottom:3px solid ;padding-bottom:5px}
.fichaTecnica h2 img{ margin-top:0px; float:left; margin-right:10px}
.fichaTecnica h4 img{ margin:0 15px}
.fichaTecnica{ font-family:'Oswald'; font-size:1.2em; text-transform:uppercase}
.fichaTecnica .fondoTexto{ background-color:none; padding:5px}

.fichaTecnica .puesto{ display:inline-block; padding:5px 10px;font-weight:bold; background:#eee; border:1px solid #ddd; font-size:1.5em; color:#7ecb11; margin:0 10px}
.fichaTecnica .puestoPosicion{ color:#7ecb11; font-weight:bold; font-size:12px}
.fichaTecnica .puestoPosicion img{ vertical-align:middle; margin-right:10px;}
.fichaTecnica .barraVacia{ height:15px; background-color:#e3f3ca; width:100% }
.fichaTecnica .barraPosicion{ height:15px; background-color:#75C300; }
.fichaTecnica .separador{ border-bottom:5px solid #f1f1f1; margin:20px 0}
.fichaTecnica .tiempo{display:inline-block; padding:3px 10px; background:#fff; border:1px solid #ddd; font-size:1.5em; color:#999; margin:0 10px}
.fichaTecnica .grafico{ height:200px; width:100% !important;overflow-y:auto !important; _overflow:auto !important;}
.fichaTecnica .puntosControl{ width:553px; margin:0 auto !important; float:none; overflow:hidden;}
.fichaTecnica .puntosControl .punto{ float:left !important; margin-top:-25px; width:60px; height:auto; text-align:center; z-index:1000;}
.fichaTecnica .puntosControl .imagen{z-index:500}
.fichaTecnica .dorsal{ border:3px solid #ccc; font-size:18px; padding:3px; text-align:center; color:#fff; background-color:#7ecb11; margin:0 auto; overflow:hidden}
.fichaTecnica .dorsal span{ color:#000}

#datosCorredorComparativa, #datosCorredor{ font-size:14px; line-height:25px; color:#999; text-transform:uppercase}
#datosCorredorComparativa .fondoTexto, #datosCorredor .fondoTexto{ font-size:18px; color:#000}
#datosCorredorComparativa .corredor, #datosCorredor .corredor{ font-size:22px; font-weight:700; color:#057336; padding:0; display:block; padding:5px 0 0 0}
#tiemposComparativa .dorsal,#datosCorredorComparativa .dorsal, #datosCorredor .dorsal{ border:3px solid #ccc; font-size:13px; padding:5px; text-align:center; float:right; color:#fff; background:#7ecb11}
#tiemposComparativa .dorsal span, #datosCorredorComparativa .dorsal span, #datosCorredor .dorsal span{ display:block; font-size:22px; font-weight:700; color:#000}
#datosCorredorComparativa .prueba, #datosCorredor .prueba{ font-size:22px;font-weight:700; padding:0;}
#datosCorredorComparativa .datosPrueba, #datosCorredor .datosPrueba{ font-size:28px; padding:0;}
#tiemposComparativa .dorsalComparativa{ display:none; float:none; text-align:center; width:100%}
#tiemposComparativa .dorsalComparativa .dorsal{ float:none !important; display:block !important; margin:0 auto; overflow:hidden}

#tiemposComparativa .puesto, #tiemposComparativa .tiempo{ font-size:16px; padding:3px 5px}

#tiempos h3{font-size:1em}
#tiempos h4{font-size:.9em; border-bottom:0px solid #f1f1f1; padding: 10px 0; margin:0px}

#comparativas p{font-family:'Oswald', sans-serif; font-size:18px; }
#comparativas h3{ padding:0; margin:0; line-height:20px}

.inflabelparc{ border:1px solid #ddd;font:16px 'Oswald', sans-serif; padding:2px 3px; background-color:#fff; color:#333; display:inline-block; width:auto; white-space:nowrap}




.clasificacion{ background-color:#eee}
.clasificacion header{ /*background:url(http://www.gescon-chip.es/bundles/frontend/images/email/cabecera.gif) no-repeat center top*;*/ max-width:980px; margin:0 auto; height:130px;}
.clasificacion #buscador{ background:none}
.clasificacion #buscador input.dorsal{text-align:center; width:60px; margin-top:10px}

.clasificacion .logo, .clasificacion .rayas{ float:left; overflow:hidden}
.clasificacion .amore{ float:right;width:25%; text-align:right; overflow:hidden; background:}
.clasificacion .logo{ width:44%; padding-top:2%; padding-left:1%; background:}
.clasificacion .rayas{width:30%; background:}

.clasificacion .rayas img, .clasificacion .amore img, .clasificacion .logo img{ max-width:100%}

@media only screen and (max-width: 650px){
.clasificacion .cincoColIndividual{ width:100%; text-align:center; margin-bottom:10px;}
.clasificacion .cincoColMargenIzda{padding:0 !important;}
}

@media only screen and (max-width: 650px){
.clasificacion #footerBottom{ height:55px;}
.clasificacion #footerBottom p{ line-height:15px; width:70%; float: right}
.clasificacion .logo{ width:59%;}
.clasificacion .rayas{width:40%;}
.clasificacion .amore{ width:100%; text-align:center; height:70px}
.clasificacion .amore img{ max-height:70px}
}

@media only screen and (max-width: 400px){
.clasificacion #footerBottom p{ width:100%;}
.clasificacion .amore img{ max-height:50px}
}


/* -------------- verde claro = #7ecb11 // verde oscuro = #057336 // verde aqua = #1ac9bc  // gris = #333    ------------------------ */