@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: 'Open Sans', 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; }

.ff0								{ font-family: 'Open Sans', sans-serif; font-weight:300; }
.ff1								{ font-family: 'Open Sans', sans-serif; font-weight:400; }
.ff2								{ font-family: 'Open Sans', sans-serif; font-weight:600; }
.ff3								{ font-family: 'Open Sans', sans-serif; font-weight:700; }
.ff4								{ font-family: 'Open Sans', sans-serif; font-weight:800; }
.ffX								{ font-family: 'Orchide', sans-serif; font-weight:normal; }
.ffZ1								{ font-family: 'Playfair Display', sans-serif; font-weight:400; }
.ffZ2								{ font-family: 'Playfair Display', sans-serif; font-weight:600; }

.rrss								{ font-family: 'rrss', sans-serif; font-weight:400; }

/* ESTRUCTURA */
.ionix								{ width:100%; max-width:1920px; min-width:320px; height:auto; position:relative; margin:0 auto;}
.generalMin							{ width:90%; max-width:1200px; 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; }
.generalMax							{ width:96%; max-width:1920px; min-width:320px; height:auto; position:relative; margin:0 auto; }
.allion								{ height:auto; position:relative; }

/* ZONAS */

.fancybox-infobar__body				{ display:none; }

.h75								{ height:75px; }
.aLogo								{ margin:15px 0 -90px 0;}
.selMeenu							{ border-bottom:2px solid #5a9bd5;}
.tes200								{ font-size:200px; margin-bottom:70px; }
.tes300								{ font-size:320px; }
.tes250								{ font-size:250px; margin-bottom:50px; }
.tes250-2							{ font-size:400px; }
.tes150								{ font-size:200px; margin-bottom:70px; }
.p50100								{ padding:50px 100px; }
.mL-20								{ margin-left:-20px; }
.mT-200 							{ margin-top:-200px;}
.mT-50 								{ margin-top:-50px;}
.iJohn								{ max-height:100%; }
.bRS1 								{ border-right:1px solid #ccc; }
.mB-400 							{ margin-bottom:-400px; }
.cono1 								{ left:45%; top:30%; }
.cono2 								{ left:45%; top:50%; }
.mEsp5 								{ margin:0 30px 30px 0; }

.opa 								{ opacity:0;}


.colorAzul 							{ color:#5a9bd5; }
.colorAzul1							{ color:#c8e5ff; }
.colorAzul2							{ color:#356289; }
.colorAzul3							{ color:#181466; }
.colorAzul4							{ color:#0e0c3e; }
.colorRojo 							{ color:#f54f55; }
.colorRojo2 						{ color:#ffa2a5; }
.colorAmarillo 						{ color:#ffff00; }

.bAzul 								{ background-color:#5a9bd5; }
.bAzul1 							{ background-color:#c8e5ff; }
.bAzul2								{ background-color:#356289; }
.bAzul3								{ background-color:#181466; }
.bAzul4								{ background-color:#0e0c3e; }
.bRojo 								{ background-color:#f54f55; }
.bRojo2 							{ background-color:#ffa2a5; }
.bAmarillo 							{ background-color:#ffff00; }

.bC666 								{ border-color:#666; }
.bCeee 								{ border-color:#eee; }
.bCfff 								{ border-color:#fff; }

.bAzulT3 							{ background-color:rgba(24,20,102,0.7); }
.bAzulT 							{ background-color:rgba(105,163,216,0.7); }
.b000T 								{ background-color:rgba(0, 0, 0, 0.3)}


.bShadow 							{ -webkit-box-shadow: 0 0 15px 1px rgba(0,0,0,0.3); box-shadow: 0 0 15px 1px rgba(0,0,0,0.3); }
.tShadow 							{ text-shadow: 0 0 5px rgba(0,0,0,0.8); }

.bGrad1 							{
	background: rgb(13,11,56); /* Old browsers */
	background: -moz-linear-gradient(45deg,  rgba(13,11,56,1) 0%, rgba(24,20,102,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(45deg,  rgba(13,11,56,1) 0%,rgba(24,20,102,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(45deg,  rgba(13,11,56,1) 0%,rgba(24,20,102,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d0b38', endColorstr='#181466',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.bGrad2								{
	background: rgb(13,11,56); /* Old browsers */
	background: -moz-linear-gradient(45deg,  rgba(13,11,56,1) 0%, rgba(15,13,63,1) 34%, rgba(41,50,100,1) 66%, rgba(41,50,100,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(45deg,  rgba(13,11,56,1) 0%,rgba(15,13,63,1) 34%,rgba(41,50,100,1) 66%,rgba(41,50,100,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(45deg,  rgba(13,11,56,1) 0%,rgba(15,13,63,1) 34%,rgba(41,50,100,1) 66%,rgba(41,50,100,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d0b38', endColorstr='#293264',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}


/* TRANSFORM */
.aHover:hover						{ color:#c8e5ff; }
.aHover2:hover						{ color:#ccc; }
.bHover:hover						{ background-color:#181466; color:#fff; border-color:#181466 }
.bHover2:hover						{ background-color:#eee; color:#333; }
.bHover3:hover						{ background-color:#333; color:#fff; }

.programa .masinfo					{ display:none; }
.bAzulTH 							{ background-color:rgba(105,163,216,0); }
.bAzulTH:hover 						{ background-color:rgba(105,163,216,0.7); }

.articulo:hover 					{ background-color:#5a9bd5; }
.articulo:hover .color666			{ color:#fff; }
.articulo:hover .color333			{ color:#fff; }

.rrssBW 							{ filter: grayscale(1); opacity:.9; -webkit-filter: grayscale(100%); }
.rrssBW:hover						{ filter: grayscale(0);; opacity:1; -webkit-filter: grayscale(0%); }


.bHover, .bHover2, .bHover3, .aHover, .aHover1, .aS, .programa, .bAzulTH, .articulo, .articulo *, .rrssBW  {
	-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;
}

input.placeh::-webkit-input-placeholder 	{ color:#ccc; }
input.placeh:-moz-placeholder 				{ color:#ccc; }
input.placeh:-ms-placeholder 				{ color:#ccc; }
input.placeh::placeholder 					{ color:#ccc; }

select.placeh								{ color:#ccc; }
select.placeh option:not(:disabled)			{ color:#666; }
select.placeh option:disabled				{ color:#ccc; }

.rotar {
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
}