@charset "utf-8";

/* GENERAL */
*									{ margin:0; border:0; padding:0; outline:none; text-decoration:none; word-break:break-strict; }
img									{ max-width:100%; }
body								{ font-family: 'Source Sans Pro', sans-serif; font-weight:400; font-size:14px; line-height:1em; position:relative; }
a:hover, a:focus					{ text-decoration:none; outline:none; }
a									{ outline:none !important; }

/* ESTRUCTURA */
.ionix								{ width:100%; max-width:1920px; min-width:320px; height:auto; position:relative; margin:0 auto;}
.generalMin							{ width:90%; max-width:1100px; min-width:320px; height:auto; position:relative; margin:0 auto; }
.general							{ width:90%; max-width:1440px; min-width:320px; height:auto; position:relative; margin:0 auto; }
.general2							{ width:100%; max-width:1440px; min-width:320px; height:auto; position:relative; margin:0 auto; }
.generalMax							{ width:96%; max-width:1920px; min-width:320px; height:auto; position:relative; margin:0 auto; }
.generalMaximo						{ width:100%; max-width:1920px; min-width:320px; height:auto; position:relative; margin:0 auto; }
.allion								{ height:auto; position:relative; }
.allion120							{ height:auto; position:relative; min-height:500px; }
.menuion 							{ position:relative; z-index:16515; }

.tShadow 							{ text-shadow: 0 0 10px rgba(0,0,0,0.8); }


.ffN 								{ font-family: 'Source Sans Pro', sans-serif; font-weight:700; }
.ff0								{ font-family: 'Montserrat', sans-serif; font-weight:300; }
.ff1								{ font-family: 'Montserrat', sans-serif; font-weight:400; }
.ff2								{ font-family: 'Montserrat', sans-serif; font-weight:500; }
.ff3								{ font-family: 'Montserrat', sans-serif; font-weight:700; }
.ff4								{ font-family: 'Montserrat', sans-serif; font-weight:900; }

.tabAll								{ width:100%; height:100%; display:table; position:relative; }
.tab								{ width:100%; display:table; position:relative; }
.tabIn								{ display:table-cell; vertical-align:middle; position:relative; }
.tab5								{ display:table-cell; width:5%; vertical-align:middle; position:relative; }
.tab20								{ display:table-cell; width:20%; vertical-align:middle; position:relative; }
.tab25								{ display:table-cell; width:25%; vertical-align:middle; position:relative; }
.tab30								{ display:table-cell; width:30%; vertical-align:middle; position:relative; }
.tab50								{ display:table-cell; width:50%; vertical-align:middle; position:relative; }
.tab70								{ display:table-cell; width:70%; vertical-align:middle; position:relative; }
.tab80								{ display:table-cell; width:80%; vertical-align:middle; position:relative; }
.tab40								{ display:table-cell; width:40%; vertical-align:middle; position:relative; }
.tab60								{ display:table-cell; width:60%; vertical-align:middle; position:relative; }

/* ZONAS */

.menuion								{ height:120px; position:relative; background-color:transparent; box-shadow:none; }
.menuion *								{ box-shadow:none !important; }
.menuion .navbar-brand					{ padding:0; z-index:13541341; }
.menuion .navbar-brand .logo			{ padding:0 0 0; }
.menuion .navbar						{ -webkit-box-shadow:none; background-color:transparent; box-shadow:none; margin:0 !important; }
.menuion .navbar-nav > li				{ background-color:transparent; vertical-align:middle; display:table; height:120px; width:; text-align:center; margin:0 0; }
.menuion .navbar-nav > li:hover			{ background-color:transparent; }
.menuion .navbar-nav > li.active		{ background-color:transparent; }
.menuion .navbar-nav > li > a			{ padding:0 15px; color:#fff; display:table-cell; vertical-align:middle; line-height:1em; }
.menuion .navbar-nav > li > a:hover		{ color:#ccc; background-color:#042c5a; }
.menuion .navbar-nav > li > a.b000:hover{ color:#fff; background-color:#000; }

.menuion .navbar-nav > li.active > a:hover		{ color:#ccc; background-color:transparent; }
.menuion .navbar-nav > li.active > a 			{ background:transparent; color:#fff; box-shadow:none; }
.menuion .navbar-nav > li.active > a:visited,
.menuion .navbar-nav > li.active > a:active,
.menuion .navbar-nav > li.active > a:focus 		{ background:#transparent !important; color:#fff; }
.menuion .navbar-nav > li.active > a:hover		{ background-color:#transparent; color:#fff; }
.menuion .navbar-collapse						{ padding:0; }

.menuion .navbar-nav > li > ul 					{ background-color:#000; }
.menuion .navbar-nav > li > ul > li > a			{ color:#fff; padding:10px 20px; border-bottom: 1px solid #111111; }
.menuion .navbar-nav > li > ul > li > a:active,
.menuion .navbar-nav > li > ul > li > a:focus,
.menuion .navbar-nav > li > ul > li > a:visited,
.menuion .navbar-nav > li > ul > li > a:hover	{ background:#333 !important; }

.menuion .navbar-nav > li > ul > li > a.titCon	{ background:#333 !important; color:#fff !important; }
.menuion .navbar-nav > li > ul > li > a.titSin	{ background:#333 !important; color:#aaa !important; cursor: default !important; }
.menuion .navbar-nav > li > ul > li > a.titSub	{ background:#3a3a3a !important; padding:6px 20px 6px 35px; }

.menuion .navbar-nav > li > ul > li > a.titCon:hover,
.menuion .navbar-nav > li > ul > li > a.titSub:hover	{ background:#111111 !important; }


.navProg							{ margin:0 auto; }
.navProg .nav						{ border:0; width:100%; text-align:center; }
.navProg .nav-tabs					{ border:0; text-align:center; }
.navProg .nav-tabs li				{ border:0; width:25%; background-color:#eee; text-align:center; border-radius:0 !important; float:left; display:block; margin:0;; }
.navProg .nav-tabs li.active		{ border:0; border-radius:0 !important; }
.navProg .nav-tabs li.active a		{ border:0; color:#eb1734; background-color:#eee; font-weight:bold; border-radius:0 !important; }
.navProg .nav-tabs li.active a i	{ color:#eb1734; }
.navProg .nav-tabs li a				{ border:0; color:#999; background-color:#fff; border-radius:0 !important; padding:15px 10px; width:100%; }
.navProg .nav-tabs li a i			{ color:#999; }
.navProg .nav-tabs li a:hover		{ border:0; color:#666; background-color:#fff; border-radius:0 !important; }
.navProg .nav-tabs li a:hover i		{ color:#666; }
.navProg .nav-tabs li.active a:hover{ border:0; color:#eb1734; background-color:#eee;  border-radius:0 !important; }
.navProg .nav-tabs li.active a:hover i{ color:#eb1734;  }

.ww									{ background-image: url(../../img/general/shh2.png); }
.w1									{ width: 60%; height: 100%; left:0%; border-right:1px solid #ccc; }
.w2									{ width: 20%; height: 100%; left:60%; border-right:1px solid #ccc; }
.w3									{ width: 20%; height: 100%; left:80%; }

.navbar-default 					{ background:transparent !important; }
.navbar-brand, .navbar-nav > li > a { text-shadow:none; }

.aTab:hover 						{ color:#fff;}
.aTab:hover .tabIn.wh50				{ background-color: rgba(7,66,134,0.7); }

.h400 								{ height: 400px; }
.h500 								{ height: 500px; }
.h600 								{ height: 600px; }
.wh100 								{ width:100px; height:100px; }
.wh10 								{ width:10px; height:10px; }
.wh20 								{ width:20px; height:20px; }
.wh30 								{ width:30px; height:30px; }
.wh40 								{ width:40px; height:40px; }
.wh50 								{ width:50px; height:50px; }
.w20 								{ width:20%; }
.w40x 								{ width:40px; }

.pL160 								{ padding-left: 160px; }
.h40 								{ height: 40px; }
.h160 								{ height: 160px; }
.oH									{ overflow: hidden; }
.p6030 								{ padding:60px 30px; }
.p3060 								{ padding:30px 60px; }
.p3080 								{ padding:30px 80px; }

.tV {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    width:25px;
}

.tab25								{ width: 25%; vertical-align: middle; }
.tab50								{ width: 50%; vertical-align: middle; }


.max400								{ max-width:400px; }
.max500								{ max-width:500px; }
.max600								{ max-width:600px; }



.marEsp11 							{ line-height:0.8em; margin-left: -10%; }
.marEsp33 								{ margin-left:0; padding:30px 40px; width:100%; }
.marEsp1 							{ line-height:0.8em; margin-left: -10%; }
.marEsp2 							{ margin-top:-30px; }
.marEsp3 							{ margin-left:-20%; padding:30px 20%; width:120%; }
.marEsp4 							{ padding:100px 30px; margin-top: -120px; }
.marEsp5 							{ margin-top: -120px; }
.mEsp55 							{ margin-top: -100px; }
.pB150esp1 							{ padding-bottom: 150px;}
.mT-70_esp651 						{ margin-top:-70px; }
.mT-100_esp652 						{ margin-top:-80px; }
.marginEsp645 						{ margin:-20px -30px 0 30px; }
.mL-60 								{ margin-left:-60px; }

.colorAzul 							{ color:#0051ab; }
.colorAzul2 						{ color:#00408f; }
.colorAzul3 						{ color:#0a9fca; }
.colorAzul4 						{ color:#042c5a; }
.colorRojo 							{ color:#eb1734; }
.colorCarton 						{ color:#e7ce82; }
.colorVerde 						{ color:#5f9c5b; }


.bAzul								{ background-color:#00408f; }
.bAzul2								{ background-color:#0051ab; }
.bAzul3								{ background-color:#0a9fca; }
.bAzul4								{ background-color:#042c5a; }
.bRojo 								{ background-color:#eb1734; }
.bCarton 							{ background-color:#e7ce82; }
.bVerde 							{ background-color:#5f9c5b; }


.bMenu								{ background-color:rgba(0,0,0,0.75); }
.b333T 								{ background-color:rgba(51,51,51,0.9);  }
.bFFFT 								{ background-color:rgba(255,255,255,0.3);  }
.bCfff 								{ border-color:#fff; }

.bS10	 							{ border: 10px solid #ccc; }
.bCAzul 							{ border-color:#00408f; }
.bCCarton 							{ border-color:#e7ce82; }

.bAzulT2 							{ background-color:rgba(11,152,192,0.8);  }

.bAzulT 							{ background-color:rgba(11,152,192,0);  }
.bAzulT:hover 						{ background-color:rgba(11,152,192,0.4);  }
.bCCartonEsp 						{ border-color:transparent; }
.bCCartonEsp:hover 					{ border-color:#e7ce82; }

.bYouk 								{ opacity:0; }
.genIvos .h300:hover .bYouk 		{ opacity:1; }




/* TRANSFORM */

.prees1:active, .prees1:focus, 
.prees1:visited, .prees1:hover		{ color:#FFFFFF !important; }

.bHover3:hover						{ background-color:#333; color:#fff; }
.bHover2:hover						{ background-color:#bf0411; color:#fff; }
.bHover1:hover						{ background-color:#eee; color:#00408f; }
.bHover:hover						{ background-color:#004389; color:#fff; }

.aHover:hover						{ color:#eee; }

.bHover1, .bHover2, .bHover3, .aS, .bAzulE, .bCategoria *, .programion *, .cEquipo *, .prevprograma, .prevprograma *,
.menuion .navbar-nav > li > a, .navProg *,
.bAzulT, .bCCartonEsp, .genIvos .h300 *
{
	-webkit-transition: all 350ms ease-in;
	-moz-transition: all 350ms ease-in;
	-ms-transition: all 350ms ease-in;
	-o-transition: all 350ms ease-in;
	transition: all 350ms ease-in;
}
.triangulo {
     width: 0; 
     height: 0; 
     border-right:15px solid #0051ab;
     border-top:10px solid transparent;
     border-bottom:10px solid transparent; 
}
.triangulo2 {
     width: 0; 
     height: 0; 
     border-left:15px solid #0051ab;
     border-top:10px solid transparent;
     border-bottom:10px solid transparent; 
}