@charset "UTF-8";
/* CSS Document */

/****ACORDEON***/

.acordeon{overflow:auto;}


.container-fluid{
    display: flex;
    width: 100%;
    padding: 0;
}
.choice{  
    height: 480px;
    box-sizing: border-box;
    padding: 0;
    overflow: hidden;
    float: left;
    align-items: center;
    transition: width 0.2s;
  	border-radius:0px; 
}

.expand{
    width :65%;
    
    
    
}
.unset{
    width :33%;
    background-color: #ddd !important;
    
}
.small{
    width :25%;
    background-color: #ddd !important;
}
.small>div{
    opacity: 0;
}

.unset > div > p{
    opacity: 0;
    
}

.expand > div {
    transition-delay:  200ms;
    opacity: 1;   
}

.participa{
	background:url("../images/3foto_participa.jpg") top left no-repeat;
	backgrond-size:cover; 
	height:480px;
}

.convocatorias{
	background:url("../images/3foto_convocatorias.jpg") top left no-repeat;
	backgrond-size:cover;
	height:480px;
}

.empresas{
	background:url("../images/3foto_empresas.jpg") top left no-repeat;
	backgrond-size:cover;
	height:480px;
}


.participa h4.card-title,
.convocatorias h4.card-title,
.empresas h4.card-title{
	color:#fff;
	font-size:1.7rem;
	line-height:120%;
	font-weight:600;
	text-shadow:2px 2px 2px #000;
	margin-top:60px;
}

.choice.ml-1.participa.expand h4.card-title,
.choice.ml-1.convocatorias.expand h4.card-title,
.choice.ml-1.empresas.expand h4.card-title{
	color:#fff;
	font-size:2.4rem;
	line-height:120%;
	font-weight:600;
	text-shadow:2px 2px 2px #000;
}

.participa p.card-text,
.convocatorias p.card-text,
.empresas p.card-text{
	color:#fff;
	font-size:1.3rem;
	line-height:145%;
	font-weight:400;
	text-shadow:2px 2px 2px #000;
	max-width:800px;
}

.btn.btn-outline-light {
    color: #f8f9fa;
    background-color: transparent;
    background-image: none;
    border-color: #f8f9fa;
	border-width: 2px!important;
	border-radius:3px;
	padding: .475rem 1rem!important;
font-size: 1.3rem!important;
}

/******/

/*Moviles en horizontal o tablets en vertical
   ------------------------------------------------------------------------- */
@media (max-width: 767px) {
.participa h4.card-title,
.convocatorias h4.card-title,
.empresas h4.card-title{
	color:#fff;
	font-size:1.1rem;
	/*line-height:115%;
	font-weight:600;
	text-shadow:2px 2px 2px #000;
	-webkit-transform: rotate(-90deg); 
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
	background: red;
	display:inline-block;
	margin-top:80px;*/
}
	
.choice.ml-1.participa.expand h4.card-title,
.choice.ml-1.convocatorias.expand h4.card-title,
.choice.ml-1.empresas.expand h4.card-title{
	font-size:1.6rem;
}
	
.participa p.card-text,
.convocatorias p.card-text,
.empresas p.card-text{
	font-size:1rem;
}
	
.expand{
    width :80%;
   
}
.unset{
    width :33%;
    background-color: #ddd !important;
    
}
.small{
    width :15%;
    background-color: #ddd !important;
}
	
.btn.btn-outline-light {
font-size: 1.1rem!important;
}
}


/*Moviles en vertical
   ------------------------------------------------------------------------- */
@media (max-width: 480px) {
		
}