@charset "utf-8";
/* CSS Document */
.img-container
{
	width:23%; 
	float:left; 
	margin-left:1%; 
	margin-right:1%;
	position: relative; 
}

.img-container span {
  margin: auto;  
  color: #fff;
  text-align: center;
  padding-top:25%;
  line-height: 20px; /* igual height de la imagen */
  
  background: #000;
  transition: opacity .4s linear;
  cursor: pointer;  
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0;
}

.img-container:hover span {
  opacity: .75;  
}

.capaMens
{
	 position:fixed; 
	 left:25%; 
	 top:250px; 
	 width:50%; 
	 height:80px; 
	 line-height:45px;
	 padding:15px; 
	 text-align:center; 
	 z-index:20; 
	 font-size:24px;
	 border-radius:10px;
}

.campCont
{
	border-color:rgba(143, 157, 255, 1) !important;
	border-width:1px;
	border-style:solid;	
	font-size:16px;
	width:65%;
	height:40px;
}

.fadeTop {
  opacity: 0; 
  transform: translate(0, 10vh);
  transition: all 1s;
}

.fadeRight {
  opacity: 0;
  transform: translate(10vh, 0vh);
  transition: all 1s;
}

.fadeLeft {
  opacity: 0;
  transform: translate(-10vh, 0vh);
  transition: all 1s;
}

.fadeCenter {
  opacity: 0;
  transform: translate(0vh, 0vh);
  transition: all 1s;
}


.subir
{
	background:url(../img/subir.png) no-repeat;
	width:59.98px; 
	height:59.98px; 
	line-height:125px;
	position:fixed;
	bottom:15px;
	margin-left:92%;
	margin-bottom:1%;
	cursor:pointer;
	-webkit-transition: 1s ease-in-out;
    -moz-transition: 1s ease-in-out;
    -o-transition: 1s ease-in-out;
    transition: 1s ease-in-out;
	float:left;
}

.subir:hover
{
	-webkit-transform: rotate(360deg) scale(1.2);
    -moz-transform: rotate(360deg) scale(1.2);
    -o-transform: rotate(360deg) scale(1.2);
    -ms-transform: rotate(360deg) scale(1.2);
    transform: rotate(360deg) scale(1.2);
}


.visible {
  opacity: 1;
  transform: translate(0, 0);
}

.fondo
{
	cursor:pointer;
	background-color:transparent;
	color:white;
}

.fondo:hover
{
	background-color:#ffff01;
	color:black;	
}
/***********************************************************************************/
.bDele
{
	background-image:url(../img/delete1.png);
	width:230px; 
	height:85px; 
	border:1px solid #929597; 
	border-radius: 3px; 
}

.bDele:hover
{
	background-image:url(../img/delete2.png);
	cursor:pointer;
}

.bSend
{
	background-image:url(../img/send1.png);
	width:230px; 
	height:85px; 
	border:1px solid #929597; 
	border-radius: 3px; 
}

.bSend:hover
{
	background-image:url(../img/send2.png);
	cursor:pointer;
}

.bClose
{
	background-image:url(../img/close1.png);
	width:230px; 
	height:85px; 
	border:1px solid #929597; 
	border-radius: 3px; 
}

.bClose:hover
{
	background-image:url(../img/close2.png);
	cursor:pointer;
}

input.cUser::-webkit-input-placeholder
{
	color: #FFF;
}
input.cUser:-moz-placeholder 
{
	color: #FFF;
}

input.cUser:-ms-input-placeholder
{
	color: #FFF;
}


.lBlanc
{
	color:#FFF;	
}

.lNegr
{
	color:#000;
}

.caMenu 
{
	background-color:transparent;
	color:#FFF;
}

.caMenu_white {
    background-color:#FFF;
	color:#000;
    -webkit-transition: background-color 1000ms linear;
    -moz-transition: background-color 1000ms linear;
    -o-transition: background-color 1000ms linear;
    -ms-transition: background-color 1000ms linear;
    transition: background-color 1000ms linear;
	
	-webkit-transition: color 1000ms linear;
    -moz-transition: color 1000ms linear;
    -o-transition: color 1000ms linear;
    -ms-transition: color 1000ms linear;
    transition: color 1000ms linear;
}


.t_9 { font-size:9px; } 
.t_10 { font-size:10px; } 
.t_11 { font-size:11px; } 
.t_12 { font-size:12px; } 
.t_14 { font-size:14px; }
.t_15 { font-size:15px; } 
.t_16 { font-size:16px; } 
.t_18 { font-size:18px; }
.t_20 { font-size:20px; }
.t_22 { font-size:22px; } 
.t_24 { font-size:24px; }
.t_25 { font-size:25px; } 
.t_30 { font-size: 30px; }
.t_36 { font-size: 36px; } 
.t_48 { font-size: 48px; }
.t_50 { font-size: 50px; } 
.t_60 { font-size: 60px; } 
.t_72 { font-size: 72px; } 
.t_max { font-size:5em; }

.negrita { font-weight: bold; } 
.cursiva { font-style: italic; } 
.subrayado { text-decoration: underline; } 
.tachado { text-decoration: line-through; } 


.countdown-container {
    padding: 20px;
    background-color: #222222;
    margin-bottom: 20px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}
 
.countdown-container .number {
    font-size: 32px;
    text-align: center;
    padding-top: 20px;
    color: #FFFFFF;
    background-color: #000000;
    height: 90px;
}
 
.countdown-container .concept {
    font-size: 28px;
    text-align: center;
    color: #000000;
}