/********************************************************************************
****************** css solo para zonas promocionales maialen labandibar *************
***********************************************************************************/


/*
----------------------------------------- CABECERA ---------------------------------------------------*/


/*** franja para campañas, subvenciones de verano ****/
#banner_sup{ 
/* display: none;*/

  height: auto; 
  display: block;  
  margin-bottom: 0.5em;
  background-color: #000; 
  color: #fff; 
  text-align: center;  
  font-size: 0.85em; 
  padding: 0.2em;
  font-weight: bold;
   }


#bg_banner_largo_dto{ 
	display: none; 
}



/******************* buscador ***************/

/*******************
.buscador {
  float: none;
  margin-top:0;
  margin-right: auto;
}
.buscador .input { text-align:center;
  
}


.buscador_slider .input input {
    width: 50%;
    }
/*
.buscador .input input {
  width: 180px;
  margin-bottom:1em;
  
}*/

/******************
      para el buscador 
  *************************
  #___gcse_0{ width:180px; }
  .gsc-search-box-tools .gsc-search-box .gsc-input, table.gsc-search-box td.gsc-input{ padding-right:0; }
    /* este es para la lupa*
  #___gcse_0  input.gsc-search-button-v2{ padding: 4px 10px; }
  */

  


/*************************************************************************
***********  ZONA BANNER PROMOCION CAMPAÑAS ETC
************      MOVIL
************************************************************************ */

#promocion{   

width: 100%;
text-align:center !important;

/* ajustar alto depende de la campaña**/
height: 154px;  
background:url('https://www.cursosccc.com/images/campanas_web/yasoypro/promo_movil_yasoypro.png') #e63137 no-repeat center;
background-size: contain;
}

/*************************************************************************
***********  ZONA BANNER PROMOCION REMARKETING ETC
************      MOVIL
************************************************************************ */

#promocion_promo{   
/* ajustar alto depende de la campaña**/
height: 120px;  
background:url('https://www.cursosccc.com/images/campanas_web/yasoypro/promo_movil_yasoypro.png') #000 no-repeat center;
}






/*/****************************************************************************************************
******************************************************************************************************
******************************************************************************************************
******************************************************************************************************
*********************************************** 767px  *******************************************************
******************************************************************************************************
******************************/ 
                            @media screen and (min-width: 47.5em) {
/*****************************************************************************************************
*****************************************************************************************************
******************************************************************************************************-----*/





}



/***************************************************************************************************
******************************************************************************************************
******************************************************************************************************
******************************************************************************************************
******************************************************************************************************
******************************************************************************************************
******************************************************************************************************
******************************************************************************************************
******************************************************************************************************
******************************************************************************************************
******************************************************************************************************
******************************************************************************************************
******************************************************************************************************
******************************************************************************************************
******************************************************************************************************
******************************************************************************************************
*******************************************  984px  CORTE 2 
                                            todo el cambio esta aqui   ****************************
******************************************************************************************************
******************************************************************************************************
******************************************************************************************************
******************************************************************************************************
******************************************************************************************************/

@media screen and (min-width: 61.5em) {

/*                        					   TOP
-----------------------------------------------------------------------------------------------------*/


/*** franja para campañas, subvenciones de verano ****/
#banner_sup{ 

/*display: none;*/

  height: 55px; 
  font-size: 1.1em; 
  display: block; 
  padding: 0.4em;

  display: flex;
  justify-content: center;
  align-items: center;
  border-top: 3px solid #E63137;

   }



#bg_banner_largo_dto{
  display: block;
  width: 100%; 
  height:280px;

  background: url("https://www.cursosccc.com/images/campanas_web/yasoypro/bg_home_buscador_yasoypro.png") #E63137 center;
  background-repeat: no-repeat;
  background-size: cover;
 
  
}







/*                        					   PAGE CURSO 
-----------------------------------------------------------------------------------------------------*/

/****************  BARRA SUPERIOR PAGE CURSO    ***************************/

#barra_fixed_sup > #banner_sup{ 
font-size: 1.1em;
   }

/*************************************************************************
***********  ZONA BANNER PROMOCION CAMPAÑAS ETC ************
************************************************************************ */

#promocion{   
  width: 100%;
  height: 260px;
 
  background:url('https://www.cursosccc.com/images/campanas_web/yasoypro/bg_home_buscador_yasoypro.png')  #ffffff no-repeat center center;
  background-size: cover;
  
}
/*************************************************************************
***********  ZONA BANNER PROMOCION REMARKETING ETC ************
************************************************************************ */

#promocion_promo{   
  width: 100%;
  height: 260px;
 
  background:url('https://www.cursosccc.com/images/campanas_web/yasoypro/bg_home_buscador_yasoypro.png') #ffffff no-repeat center center;
  
}



}





/*****************************************************************************************************
*********************************************** pant monica  1920  *******************************************************
*****************************************************************************************************
*****************************************************************************************************
******************************/  
@media screen and (min-width: 117em) {

/*****************************************************************************************************
*****************************************************************************************************
******************************************************************************************************-----*/


/*							HOME INDEX
----------------------------------------------------------------------------*/

#bg_banner_largo_dto{
	
	height:310px; 
	margin-bottom: 1em;
	
}

}





/*****************************************************************************************************
*********************************************** pant vero gigante2080  *******************************************************
*****************************************************************************************************
*****************************************************************************************************
******************************/  

@media screen and (min-width: 130em) {

#bg_banner_largo_dto{ 
  background-size: contain;
   }


#promocion{   
  width: 100%;
  height: 260px;
 
  background:url('https://www.cursosccc.com/images/campanas_web/yasoypro/bg_home_buscador_yasoypro.png')  #e63137 no-repeat center center;
  background-size: contain;
  
}

}