#colour-variations {

		padding: 10px;

		-webkit-transition: 0.5s;

	  	-o-transition: 0.5s;

	  	transition: 0.5s;

		width: 140px;

		position: fixed;

		left: 0;

		top: 100px;

		z-index: 999999;

		background: #fff;

		/*border-radius: 4px;*/

		border-top-right-radius: 4px;

		border-bottom-right-radius: 4px;

		-webkit-box-shadow: 0 0 9px 0 rgba(0,0,0,.1);

		-moz-box-shadow: 0 0 9px 0 rgba(0,0,0,.1);

		-ms-box-shadow: 0 0 9px 0 rgba(0,0,0,.1);

		box-shadow: 0 0 9px 0 rgba(0,0,0,.1);

	}

	#colour-variations.sleep {

		margin-left: -140px;

	}

	#colour-variations h3 {

		text-align: center;;

		font-size: 11px;

		letter-spacing: 2px;

		text-transform: uppercase;

		color: #777;

		margin: 0 0 10px 0;

		padding: 0;;

	}

	#colour-variations ul,

	#colour-variations ul li {

		padding: 0;

		margin: 0;

	}

	#colour-variations li {

		list-style: none;

		display: block;

		margin-bottom: 5px!important;

		float: left;

		width: 100%;

	}

	#colour-variations li a {

		width: 100%;

		position: relative;

		display: block;

		overflow: hidden;

		-webkit-border-radius: 4px;

		-moz-border-radius: 4px;

		-ms-border-radius: 4px;

		border-radius: 4px;

		-webkit-transition: 0.4s;

		-o-transition: 0.4s;

		transition: 0.4s;

	}

	#colour-variations li a:hover {

	  	opacity: .9;

	}

	#colour-variations li a > span {

		width: 33.33%;

		height: 20px;

		float: left;

		display: -moz-inline-stack;

		display: inline-block;

		zoom: 1;

		*display: inline;

	}

	



	.option-toggle {

		position: absolute;

		right: 0;

		top: 0;

		margin-top: 5px;

		margin-right: -30px;

		width: 30px;

		height: 30px;

		background: #f64662;

		text-align: center;

		border-top-right-radius: 4px;

		border-bottom-right-radius: 4px;

		color: #fff;

		cursor: pointer;

		-webkit-box-shadow: 0 0 9px 0 rgba(0,0,0,.1);

		-moz-box-shadow: 0 0 9px 0 rgba(0,0,0,.1);

		-ms-box-shadow: 0 0 9px 0 rgba(0,0,0,.1);

		box-shadow: 0 0 9px 0 rgba(0,0,0,.1);

	}

	.option-toggle i {

		top: 2px;

		position: relative;

	}

	.option-toggle:hover, .option-toggle:focus, .option-toggle:active {

		color:  #fff;

		text-decoration: none;

		outline: none;

	}



	.tabla-programa{

		background-color: #fff;

		width: 100%;

		border-radius: 20px;



		-webkit-box-shadow: 0px 0px 31px 1px rgba(0,0,0,0.75);

-moz-box-shadow: 0px 0px 31px 1px rgba(0,0,0,0.75);

box-shadow: 0px 0px 31px 1px rgba(0,0,0,0.75);

	}

	.texto-programa-comprado{

		text-align: center;

		font-size: 30px;

		padding-top: 10px;

		padding-bottom: 10px;

		color: #000;

	}



	.cf-header{

		background-color: #00bfa5 ;

		color: #fff;

	}



	.linkCerrarSesion{

		color: #fff;

		text-decoration: none;

	}



	.linkCerrarSesion:hover{

		color: #fff;

		

	}

	

	.texto-dcto-tienda{

	    color: #CC0000;

	    font-size: 20px;

	}

	

	.box-title-programa-verano{

	    /*border:1px solid yellow;

	    background-color: #ffbb33;*/

	    color: #fff;

	    padding-top:20px;

	}

	

	.box-solo-titulo-programa-verano{

	    border:1px solid #00b3b1; /*FF6BBB*/

	    background-color: #00b3b1; /*#ffbb33*/

	    max-width:54%;

	    margin:auto;

	}

	

	@media (max-width: 994px) {

        .box-solo-titulo-programa-verano {

            max-width:90%;

        }

    }

	

	.tachado{

	    text-decoration: line-through;

        text-decoration-color: #212121 ; /*#3e3c3c*/

        

        font-size:19px;

	}

	

	.online-transfer{

	    font-size:22px;

	}

	

	.btn-personalizado{

	    background: #ff5B6f;

	    color:#fff;

	}

	

	.btn-personalizado2{

	    background: #0099CC;

	    color:#fff;

	}

	

	.btn-general-programa{

	    color:#fff;

	    padding-top:12px;

	    padding-bottom:12px;

	    padding-left:120px;

	    padding-right:120px;

	    

	}

	

	

	.btn-personalizado-programa-verano{

	     background: #ffd508;

	    font-size: 20px;

	}

	

	.btn-personalizado-programa-catolica{

	    background: #116AAE;

	    font-size: 20px;

	    

	}

	

	.btn-personalizado-programa-ulima{

	    background: #F37021;

	    font-size: 20px;

	    

	}

	

	.btn-personalizado-programa-pacifico{

	    background: #a9e141;

	    font-size: 20px;

	    

	}

	

	.btn-personalizado-programa-cayetano{

	    background: #ffb74d;

	    font-size: 20px;

	    

	}

	

	.btn-personalizado-programa-udep{

	    background: #03a9f4;

	    font-size: 20px;

	    

	}

	

	.btn-personalizado-programa-escolar{

	    background: #ff5b6f;

	    font-size: 20px;

	    

	}

	

	.btn-personalizado-programa-preuni{

	    background: #8c52ff;

	    color:#fff;

	    padding-top:12px;

	    padding-bottom:12px;

	    padding-left:16px;

	    padding-right:16px;

	    font-size: 20px;

	    

	}

	

	.btn-personalizado-programa{

        font-size: 20px;

        color:#fff;

        padding-top:12px;

        padding-bottom:12px;

        /*padding-left:120px;

        padding-right:120px;*/

        width: 395px;

    }

    

    @media (max-width: 500px) {

        .btn-personalizado-programa {

           

            /*padding-left:50px;

            padding-right:50px;*/

            width: 380px;

            font-size: 14px;

        } 

    }

	

	@media (max-width: 500px) {

        .btn-general-programa {

           

	        padding-left:50px;

	        padding-right:50px;

        } 

        

        .btn-personalizado-programa-preuni{

    	    

    	  

    	    padding-left:0px;

    	    padding-right:0px;

    	    

    	    font-size: 14px;

    	    

    	  

	    

	    }

    }

	

	

	

	

	

	.social_ {

	position: fixed; /* Hacemos que la posición en pantalla sea fija para que siempre se muestre en pantalla*/

	right: 0; /* Establecemos la barra en la izquierda */

	top: 50%; /* Bajamos la barra 200px de arriba a abajo */

	z-index: 2000; /* Utilizamos la propiedad z-index para que no se superponga algún otro elemento como sliders, galerías, etc */

}

 

.social_ ul {

	list-style: none;

}

 

.social_ ul li a {

	display: inline-block;

	color:#fff;

	/*background: #000;*/

	padding: 10px 15px;

	text-decoration: none;

	-webkit-transition:all 500ms ease;

	-o-transition:all 500ms ease;

	transition:all 500ms ease; /* Establecemos una transición a todas las propiedades */

}

 

.social_ ul li .icon-facebook {background:#3b5998;} /* Establecemos los colores de cada red social, aprovechando su class */

.social_ ul li .icon-twitter {background: #00abf0;}

.social_ ul li .icon-googleplus {background: #d95232;}

.social_ ul li .icon-pinterest {background: #ae181f;}

.social_ ul li .icon-mail {background: #666666;}



/*.social ul li .icono-whatsapp {background: #25d366;}*/

.social_ ul li .icono-facebook {background:#3b5998;}





/*.social ul li a:hover {

	background: #000; 

	padding: 10px 30px; 

}*/