﻿/**Clases de las secciones**/
#zonaApartadosSeccion div.ms-rteElement-apartadoseccion{
	background-color:#fff;
	color:#444;
	width:95%;
	padding:.5em;
	min-height:0;
}
.ms-rteElement-apartadoseccion .textoapartadocentroportada .g1 table td {
	border:0 transparent solid !important;
	width:100%!important;
	padding:0 !important;
}
.ms-rteElement-apartadoseccion .textoapartadocentroportada .g1 table td > div{width:100%!important;vertical-align:top!important;}
.ms-rteElement-apartadoseccion .textoapartadocentroportada .g1 table td div span{display:inline!important;}
.ms-rteElement-apartadoseccion .textoapartadocentroportada .g1 table td div img{width:100%!important;height:auto!important;}
.imgcabecera{
	background-image:url('/admision/PublishingImages/fondom.jpg'); 
	background-repeat:no-repeat;
	background-size:cover; 
	background-position:left center;
}
.ms-rteElement-apartadoseccion{
    margin: 0 auto;
    margin-bottom: 1.5em;
    width: 95%;
    overflow: auto;
}
/*Personalizaciones de los sitios*/
h2.fila{
	background:url("images/linea-divisoria.png") repeat-x scroll 50% 62% rgba(0, 0, 0, 0);
	margin:0px 0px 15px;
}
.fila span {
    background:none repeat scroll 0% 0% #FFF;
    padding:0px 10px 0px 0px;
    letter-spacing:-0.5px;
    font-weight:bold;
    color:#006771;
    font-family: Roboto,sans-serif;
    font-size: 18px;
}
.titulocampoestudio{
	font-weight:bold;
	font-size:1.1em;
}
.guiaasignatura{
	font-family:FontAwesome !important;
    font-size:1.2em;
    font-style:normal;
    font-weight:normal;
}
.guiaasignatura a{
	font-family:FontAwesome !important;
    font-size:1.2em;
    font-style:normal;
    font-weight:normal;
    cursor:pointer;
    display:block;
    height:36px;
    width:39px;
    margin:auto;
}
.guiaasignatura a:before{
	content:"\f1c1";
}
.uccolapsatituloestudio{
	background:rgba(0, 0, 0, 0) url("images/linea-divisoria.png") ;
    background-repeat:repeat-x;
    background-attachment:scroll;
	background-position:50% 62%, 50% 62%;	
	color:#464646;
    font-family:"Roboto",sans-serif;
    font-size:18px;
    font-weight:bold;
    letter-spacing:-0.5px;
    padding:0 10px 0 0;
    cursor:pointer
}
.uccolapsatituloestudio span{
	background:none repeat scroll 0 0 #FDFDFD;    
	padding:0 10px 0 0;
}
.activa{
	background-image:url("imagenes/minusc.png");
	color:#0C5AA6;
}
.uccolapsatituloestudio a:hover{
	text-decoration:none
}
.uccolapsatituloestudio a:before{
	font-family:FontAwesome !Important;
	content:"\f065";
	color:#464646;	
	background:none repeat scroll 0 0 #FDFDFD;
	padding-right:10px
}
.uccolapsatituloestudio.activa{
	background:rgba(0, 0, 0, 0) url("images/linea-divisoria.png") ;
    background-repeat:repeat-x;
    background-attachment:scroll;
	background-position:50% 62%, 50% 62%;	
	color:#464646;
}
.uccolapsatituloestudio.activa a:before{
	content:"\f066";
}
.colapsaestudio .panel{
  border-top:none;
  overflow:hidden;
  clear:both;
  border:0px solid #e9e9e9;
}
.competencia{
	font-size:.8em;
	margin-bottom:1em;
}
.competencia .uccolapsatituloestudio{
	background:none;
}
.competencia .panel{
	padding:1em;
}
.competencia h6:before{
	font-family:FontAwesome !Important;
	content:"\f065";
	color:#464646;	
	background:none repeat scroll 0 0 #FDFDFD;
	padding-right:10px;
	font-size:.7em;
}
.competencia h6.activa:before{
	content:"\f066";
}
.ucexpandirtodo{
	color:#464646;
    cursor:pointer;
    font-family:"Roboto",sans-serif;
    font-size:18px;
    font-weight:bold;
    letter-spacing:-0.5px;
    padding:0 10px 0 0;
}
.ucexpandirtodo:before{
	font-family:FontAwesome !Important;
	content:"\f065";
	color:#464646;	
	background:none repeat scroll 0 0 #FDFDFD;
	padding-right:10px
}
.ucexpandirtodo.activa:before{
	content:"\f066";
	background:none;
}
.ucexpandirtodo.activa{
    color:#464646;
    background:none;
}
.fechaRelevante{border:1px solid #444;margin:0 0 35px;text-align:center}
.fechaRelevante .mesRelevante {font-size:2em;font-weight:400;line-height:1.25em;text-transform:uppercase;}
.fechaRelevante .diaRelevante {font-family:"Roboto Condensed";font-size:2.5em;letter-spacing:-0.033em;line-height:0.9em;}
.colapsaestudio.panelcontenido{
  padding-left:38px;
  padding-right:4px;
  font-family:"Roboto Regular";
  font-size:98%;
  font-style:normal;
  font-weight:normal;
  line-height:135%;
}
.colorLeyenda{
    float:left;
    height:15px;
    width:15px;
    margin-right:5px;
}
/*** Personalizaciones de la portada y el sitito ***/
div.ms-rteElement-apartadoseccion
{
	display:block!important;
}
h2{
	font-size: 1.4em!important;
}
.listaperfil {
    clear: both;
    display: block;
    float: left;
    list-style: outside none none;
    margin: 0 auto;
    padding: 0 !important;
    position: relative;
    text-align: center;
}
.listaperfil li {
    float: left;
    margin: 0.6em 0;
    vertical-align: top;
    width: 100%;
}
.listaicoperfil li {
    float: left;
    height: 200px;
    margin: 0 !important;
    padding: 0 !important;
    width: 50%;
}
.listaicoperfil li img {
    max-width: 106px;
    width: 100%;
}

/********************* Final de personalizaciones de la portada y el sitito **************************/
@media only screen and (min-width: 600px) {
.listaperfil {overflow: hidden;}
.listaperfil li { margin-top: 2.5em; padding: 1%; width: 50%;}
.listaicoperfil li { width: 33%;}
}

@media only screen and (min-width: 768px) { 
.fechaRelevante{min-height:9em}
.fechaRelevante .mesRelevante {font-size:1em;}
.fechaRelevante .diaRelevante {font-size:1.9em;}
}
@media only screen and (min-width: 1150px){
.fechaRelevante{min-height:7em}
.fechaRelevante .mesRelevante {font-size:.9em;}
.fechaRelevante .diaRelevante {font-size:2.6em;}
}
@media only screen and (min-width: 1250px) {
.listaperfil { width: 100%;}
.listaperfil li {height: 5em; margin-top: 2em;width: 33%;}
}
@media only screen and (min-width: 1525px) {
.fechaRelevante{min-height:9em}
.fechaRelevante .mesRelevante {font-size:1em;}
.fechaRelevante .diaRelevante {font-size:3.6em;}
}
@media only screen and (min-width:480px) and (max-width:1024px) {
.imgcabecera{background-image:url('/admision/PublishingImages/fondot.jpg');}
}
@media only screen and (min-width:1024px) {
.imgcabecera{background-image:url('/admision/PublishingImages/fondo.jpg');}
#zonaApartadosSeccion div.ms-rteElement-apartadoseccion{
	width:80%;padding:2em;}
}