/* CSS Document */

.ovrfwhidden{overflow:hidden}
.noborder{border:none}
.minh400{min-height:400px}
.lnh25{line-height:25px}
.inlbl{display:inline-block}
.upper{ text-transform:uppercase}

.inline-block {display: inline-block; *display: inline; *zoom: 1;}

.lft90p{ }

/* FLOAT
=========================================================================*/
.float-r,.pull-right{float:right}
.float-l,.pull-left{float:left}


/* ALINEACION
=========================================================================*/
.text-left {text-align: left;}
.text-right,.txt-align-right,.derecha{ text-align:right}
.text-center,.txt-align-center,.centrado{text-align:center}


/* VISIBILIDAD
=========================================================================*/
.oculto, oculto{display:none}
.nooculto, nooculto{display:inline-block}

.visible, visible{visibility:initial}
.invisible, invisible{visibility:hidden}

.cursiva{font-style:italic}
.cita{  
    font-style:italic;
    margin-bottom: 40px;
  margin-top: 40px;
font-style: italic;
  font-size: 22px;
  background-color: rgb(244, 243, 243);
  padding: 40px;
  letter-spacing: 1px;
  line-height: 19px;  
}

/* FONT
=========================================================================*/
.normal{ font-weight:100}
.bold{ font-weight:600}

.fw300{font-weight:300}
.fw400{font-weight:400}
.fw600{font-weight:600}

.font180{ font-size:180%}
.font140{ font-size:140%}
.font120{ font-size:120%}
.font110{ font-size:110%}
.font80{ font-size:80%}
.font90{ font-size:90%}
.font50{ font-size:50%}

.fonts50{font-size:50px}
.fonts38{font-size:38px;line-height: 38px;}
.fonts33{font-size:33px}
.fonts28{font-size:28px}
.fonts22{font-size:22px;line-height: 22px;}

.letsp3{letter-spacing:3px}
.letsp6{letter-spacing:6px}

/* COLOR
=========================================================================*/
.black,.negro {color: black;}
.white{color: white;}
.gray{color: gray;}
.darkgray{color: darkgray;}
.darkslategray{color:darkslategray}
.dimgray{color:darkslategray}
.gainsboro{color: gainsboro}
.ghostwhite{color: ghostwhite}
.whitesmoke{color: whitesmoke}
.lightgray{color:lightgray;}
.lightslategray{color:lightslategray}
.silver{color:silver}
.slategray{color:slategray}
.snow{color:snow}
.azul{color:#014b8a}
.azul0{color: #13598f}
.azul1{color:#0189de}
.azul2{color:#0c6690}
.azul3{color:#053146}
.azul4{color:#588AB0}
.azul5{color:#7aa6c8}

.grisclaro {color: #c5c3c3;}
.red {color: #eb2e2c;}
.gris {color: #4e4e4d;}
.gris2 {color: #777777;}
.whitegris{color: #cdcccc}

/* COLORES */

.fondogris,.grisfondo{ background-color:#202020}

.bg-gray, .bg-gris {background-color: lightgray}
.bg-black{background-color: #000000}
.bg-morado{background-color:rgba(47, 38, 50, 1);}
.bg-azul{background-color: #0d1935}
.bg-grisclaro{background-color:rgba(243, 243, 243, 1);}
.bg-azulcielo{background-color: rgba(190, 222, 237, 1);}
.bg-rosa{background-color: rgba(234, 214, 214, 1);}
.bg-beige{background-color: #F5F1E8;}
.bg-white{background-color: white;}
.bg-azul2{background-color: #053146}
.bg-gris1{background-color: #e4e4e4;}


.bg-espectaculos{  background-image: url('../files/bg-servicios.jpg');
  background-repeat: no-repeat;
background-size: 100%;
padding-top: 100px;
margin-top:0px}

.bg-media{  background-image: url('../files/bg-media.jpg');
  background-repeat: no-repeat;
background-size: 100%;
padding-top: 167px;
  margin-top: 103px;}

.bg-publicaciones{  background-image: url('../files/bg-publicaciones.jpg');
  background-repeat: no-repeat;
background-size: 100%;
padding-top: 167px;
  margin-top: 103px;}

.bg-agenda{  /*background-image: url('../files/bg-agenda.jpg');
  background-repeat: no-repeat;
background-size: 100%;
padding-top: 0px;
  margin-top: 0px;*/
}

.bg-contacto{  /*background-image: url('../files/bg-servicios.jpg');
  background-repeat: no-repeat;
background-size: 100%;*/
padding-top: 100px;
  margin-top: 0px;
background-color: #f5f5f5;}


.bg-degree {
  text-shadow: 0 1px 3px rgba(215, 208, 208, 0.4), 0 0 30px rgba(0,0,0,.075);
  background: #013655; /* Old browsers */
  background: -moz-linear-gradient(45deg,  #013655 0%, #629abe 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#013655), color-stop(100%,#629abe)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(45deg,  #013655 0%,#629abe 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(45deg,  #013655 0%,#629abe 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(45deg,  #013655 0%,#629abe 100%); /* IE10+ */
  background: linear-gradient(45deg,  #013655 0%,#629abe 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#013655', endColorstr='#629abe',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.bg-degree-beige {
  text-shadow: 0 1px 3px rgba(215, 208, 208, 0.4), 0 0 30px rgba(0,0,0,.075);
  background: #013655; /* Old browsers */
  background: -moz-linear-gradient(180deg,  #d4d0c6 0%, #f2f0e9 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#d4d0c6), color-stop(100%,#f2f0e9)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(180deg,  #d4d0c6 0%,#f2f0e9 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(180deg,  #d4d0c6 0%,#f2f0e9 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(180deg,  #d4d0c6 0%,#f2f0e9 100%); /* IE10+ */
  background: linear-gradient(180deg,  #d4d0c6 0%,#f2f0e9 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d4d0c6', endColorstr='#f2f0e9',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.triangulo-up:before{
position: relative;
display: inline-block;
border-left: 75px solid transparent;
border-right: 75px solid transparent;
border-bottom: 75px solid #2F2632;
border-right-color: transparent;
top: -155px;
left:5%;
content: '';
}

.triangulo:after{
position: relative;
display: inline-block;
border-top: 75px solid transparent;
border-bottom: 75px solid transparent;
border-left: 75px solid white;
border-right-color: transparent;
top: 0px;
left:0%;
content: '';
}


/* BACKGROUND.COLOR
=========================================================================*/
.marcoflat{background-color: darkmagenta;}
.marcoflat2{background-color: #a03da0;}
.marcoflat3{background-color: #525152}

/* MARGIN
=========================================================================*/
.mrg-padd0{margin:0px;padding:0px}
.mrg0,.no-mrg{margin:0px}

.saltolinea{margin-bottom:10px}

.mrgtop-8{margin-top:-8px;}
.mrgtop-10{margin-top:-10px}
.mrgtop-20{margin-top:-20px}
.mrgtop-30{margin-top:-30px}
.mrgtop-60 {margin-top:-60px}
.mrgtop-90 {margin-top:-90px}

.mrgtop9{margin-top:9px}
.mrgtop10{margin-top:10px}
.mrg-top15 {margin-top: 15px;}
.mrg-top20{margin-top:20px;}
.mrgtop30{margin-top:30px}
.mrgtop50{margin-top:50px}
.mrgtop70{margin-top:70px}
.mrgtop90{margin-top:90px}
.mrgtop100{margin-top:100px}
.mrgtop140{margin-top:140px}
.mrgtop200{margin-top:200px}

.mrg-bottom5{margin-bottom: 5px;}
.mrg-bottom40{margin-bottom:40px;}
.mrg-bottom80{margin-bottom:80px;}
.mrgbtt100{margin-bottom:100px}
.mrg-bottom180{margin-bottom:180px;}


.mrgleft0,.mrg-left0{margin-left:0px}
.mrg-left10{margin-left:10px}
.mrgleft20{margin-left:20px}
.mrgleft50{margin-left:50px}
.mrg-left70{margin-left:70px}
.mrg-left80{margin-left:80px}
.mrg-left100{margin-left:100px}
.mrg-left150{margin-left:150px}
.mrg-left180{margin-left:180px}

.mrg-left-25{margin-left:-25px}

.mrg-right10{margin-right:10px}
.mrgright20{margin-right:20px}
.mrgright50{margin-right:50px}


/* PADDING
=========================================================================*/
.inner-30 {padding: 30px 30px 10px 30px;}
.inner-50 {padding: 50px 50px 30px 50px;}

.pad0{padding:0px;} 
.pdd2{padding:2px}
.pad20{padding:20px}
.padd50{padding:50px}

.padlinea{margin-bottom:10px}

.padV0{padding-top:0px; padding-bottom:0px}

.pad-top20{padding-top:20px}
.pad-top50{padding-top:50px}
.pad-top80{padding-top:80px}

.pdg-bottom40{padding-bottom:40px}

.pad-left20{padding-left:20px}

.pdg-right0{padding-right:0px}


/* HEIGHT Y WIDTH
=========================================================================*/
.h600{height:600px}
.w100{width:100%}
.span100{width:100%}

/* BORDER
=========================================================================*/
.border-right{border-right:solid 1px}
.border-top{border-top: solid 5px #DBDADA;}
.border-top-slim{border-top: solid 1px #C5C3C3;}

@media (max-width: 750px){

.bg-espectaculos,.bg-contacto {
  background-image: none;
}
}

@media (max-width: 450px){
    
.fonts50 {
  font-size: 28px;
}
}