@charset "utf-8";
/* CSS Document */
body{position:fixed;}

#contenedor{
	position: absolute;
	background: #fff;
	padding: 0 28px;
	top: 60px;
	left: 10px;
	right: 10px;
	bottom: 10px;
	text-align:justify;
}
	
/*NORMALIZE*/
p, div.texto1{	padding:0;	margin: 0 0 10px 0;	}
b, strong , .title { font-family: "cabinbold"; font-weight: normal;}
/*END NORMALIZE*/


/*END ICONS*/
/*TEXT*/
.texto1{
	font-size:36px;
	}
	
.texto2{
	font-size:28px;
	}
	
.link{
	text-decoration:underline;
	color:#454647;
	font-family: "cabinmedium";
}

.cc{color: #666;font-size: 20px;text-align: left;border-left: 4px solid #ccc;padding-left: 6px; word-break:break-all;}
	
.contenido{
	min-height: 50px;
	border-radius: 10px;
	padding:10px;
	}
	
.contenido img{
	width: 100%;
	}
	
.border{
	border: 3px dashed;
	border-radius: 10px;
	border-color: rgba(255,255,255,0.3);
	padding: 10px;
	height: 100%;
	position: relative;
	}
	
.board_bg {
	background:url(../img/board_bg.jpg) no-repeat;
	background-size: 100% 100%;
}

textarea{
	width: 100%;
	resize: none;
	border: none;
	font-size: 36px;
	}
button{
	padding: 5px 30px;
	font-size: 36px;
	border: none;
	border-radius: 10px;
	box-shadow: 5px 5px rgba(0,0,0,0.3);
	position: Relative;
	color: #fff;
	outline: none;
	}
	
button:active{
	box-shadow: none;
	margin-top: 3px;
	margin-left: 3px;
	margin-right: -3px;
	margin-bottom: -3px;
	}
.table{ display:table;}
.middle{ display:table-cell; vertical-align: middle;}
/*COLORS*/
.cblanco{color:#fff;}
.cazul{color:#67B5ED;}
.crojo{color:#e65040;}
.cnaranja{color:#EDA921;}
.cnegro{color: #454647;}
.cverde{color:#93b535;}
.cvioleta{ color:#662d91;}
.cnegro{ color:#454647;}
.azul{background-color:#67B5ED;}
.naranja{background-color:#EDA921;}
.verde{background-color:#93b535;}
.gris{background-color:#999;}
.violeta{background-color:#662d91;}
.rojo{background-color:#e65040;}
.blanco{background-color:#fff;}
.bazul{border-color:#5AB8FC !important;}
.bazul{border-color:#67B5ED !important;}
.brojo{border-color:##e65040 !important;}
.bvioleta{border-color:#662d91 !important;}
.bnaranja{ border-color:#EDA921 !important;}

/*check and radio custom*/
input[type=radio].check2 {display:none;}
input[type=radio].check2 + label.label2 {padding-left:44px;display:inline-block;line-height:34px;background-repeat:no-repeat;cursor:pointer;}
input[type=radio].check2:checked + label.label2 {background-position: 0 -34px;}


input[type=checkbox].check2 {display:none;}
input[type=checkbox].check2 + label.label2 {padding-left:44px;display:inline-block;line-height:34px;background-repeat:no-repeat;cursor:pointer;}
input[type=checkbox].check2:checked + label.label2 {background-position: 0 -34px;}


/*grid box*/
.grid-box{ 
	position: relative; 
	border-radius: 10px; 
	overflow: hidden;
	z-index: 10; 
	padding: 20px 0 20px 20px;
	}

.grid-box:after {  
	content: "";
   	position: absolute;
   	display: inline;
   	z-index: -1;
   	border: 3px dashed;
	-webkit-border-radius: 10px;
	   -moz-border-radius: 10px;
	     -o-border-radius: 10px;
	    -ms-border-radius: 10px;
	        border-radius: 10px; 
   	border-color: rgba(255,255,255,0.3);
   	top: 10px; 
   	left: 10px; 
   	bottom: 10px; 
   	right: 10px; 
}

.stack {height: 100%;position: relative;display: block;overflow: hidden;}
.stack p{margin: 0;font-size: 0.8em;word-break: break-all;padding: 10px;background: rgba(0,0,0,0.7);color: rgba(255,255,255,0.8);text-shadow: 1px 1px #000;text-align:left;position:absolute;bottom:-100px; transition:all 0.5s ease;width: 100%;}
.stack:hover p{bottom:0px;}
.stack p:hover{bottom:0px;}
/* 
  Estilos Pop Up Imagen 
 */
.decoImg { 
    border: solid 2px #EFEFEF;
    background-color: #FEFEFE;
    -webkit-box-shadow: 6px 6px 5px 2px rgba(0,0,0,0.27);
    -moz-box-shadow: 6px 6px 5px 2px rgba(0,0,0,0.27);
    box-shadow: 6px 6px 5px 2px rgba(0,0,0,0.27);
    position: relative;
	display: inline-block;
}

.decoImg:hover {
    cursor: pointer;
    -webkit-box-shadow: 6px 6px 5px 2px rgba(0,0,0,0.37);
    -moz-box-shadow: 6px 6px 5px 2px rgba(0,0,0,0.37);
    box-shadow: 6px 6px 5px 2px rgba(0,0,0,0.37);
}

.decoImg {-webkit-transition:all .2s ease-in;} 

.bgLupa {
    background-image:url('../img/lupa.png');
    height: 30px;
    width: 30px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    bottom: 0; 
    right: 0;
}
.ccImgPopUp{color: #767;font-size: 20px; text-align: left; word-break: break-all; border-left: 4px solid #ccc; padding-left: 5px;}
/* 
  Estilos Pop Up Imagen 
 */
[class*=col-] [data-img-zoom] { width:100%; }
[data-img-zoom]{
    border:6px solid #fff;
    display:block;
    box-shadow:3px 3px 10px rgba(0,0,0,0.6);  
    position:relative;    
    overflow:hidden;
}
[data-img-zoom] img{display:block; width:100%;}
.zoomImg{
    position:absolute;
    bottom:0;
    right:0;
    background-image: url('../img/lupa.png');
    height:25px;
    width:25px;
    background-size:contain;
}
.zoomImg:hover{ transform: scale(1.3); transform-origin:100% 100%;}
[data-img-zoom] .stack{
    background-color:rgba(0,0,0,0.6);
    color:#fff;
    text-shadow:1px 2px #000;
    font-size:12px;
    padding:3px 25px 3px 5px;
    width:100%;
    word-break: break-all;
    -webkit-transition: bottom ease 0.5s;
    -moz-transition: bottom ease 0.5s;
    transition: bottom ease 0.5s;
    display:block;
}
[data-img-zoom].no-style { border: none; box-shadow: none; }
[data-img-zoom]:hover .stack {bottom:0 !important;}
[data-img-zoom] .stack:hover {bottom:0 !important;}

[data-sg-id="fraction"], .top, .bottom {
    padding: 0 5px;    
    position: relative;
    top: 12px;
}
.bottom{
    border-top: 1px solid #000;
    display: block;
}