/* ==========================================================================
   Author's custom styles
   ========================================================================== */

   @font-face{
	font-family: jacoby1; 
	src:
		url('../fonts/Jacoby_ICG_Black.eot'),
		url('../fonts/Jacoby_ICG_Black.ttf'),
		url('../fonts/Jacoby_ICG_Black.otf')
}
@media(max-width:467px){
	.container{
		display: none;
	}
}
   
@media(max-width:767px){
	
	.principal{
	font-size:18px !important;
	top:5px;
	left:50px;}
	
	.secundario{
	font-size:10px !important;
	top:50px;
	left:50px;}
	
	.tituloCuadro{
	font-size:12px;}
	
	.drag{
		max-width:30%;}
	
	#cuadro1{
		margin-top: 50px;
	}
	#cuadro2{
		margin-top: 50px;
	}
	#cuadro3{
		margin-top: 50px;
	}
}
	
@media(min-width:768px){
	
.principal{
	font-size:15px;
	top:2px;
	left:105px;}
	
.secundario{
	font-size:13px !important;
	top:60px;
	left:105px;}
	
.tituloCuadro{
	font-size:12px;}

}
	
@media(min-width:992px){
	
.principal{
	font-size:22px;
	top:7px;
	left:125px;}
	
.secundario{
	font-size:13px !important;
	top:55px;
	left:125px;}
	
.tituloCuadro{
	font-size:18px;}

	}
	
@media(min-width:1200px){
	
.principal{
	font-size:22px;
	top:7px;
	left:125px;}
	
.secundario{
	font-size:13px !important;
	top:60px;
	left:125px;}
	
.tituloCuadro{
	font-size:20px;}
	}

.row{
	margin:0px;
	padding:0px;}
.titulo{
	position:absolute;
	font-family:sans-serif;
	color:#000000;}

#espacio{
	height:20px;}
	
#cuadro1{
  height:375px;
  border: 1px solid black;
  background-color: #FFFFCC;
  border-radius: 20px;
  margin-left:20px;
	}	

#cuadro2{
  height:375px;
  border: 1px solid black;
  background-color: #FFFFCC;
  border-radius: 20px;
   margin-left:20px;
	}	
#cuadro3{
height:auto;
 border: 1px solid black;
  background-color:#FFFFCC;
  border-radius: 20px;
   margin-left:20px;
	}	

.drag{
	position:relative;
	cursor:pointer;
	margin:15px;
	width:auto;
	height:auto;}


.ui-draggable-dragging {
    z-index: 10000!important;
} 

.drop{
	 z-index: 10000!important;
	}

.tituloCuadro{
	padding:5px;
	font-family:"Jacoby1" !important;}
hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid black;
    margin: 1em 0;
    padding: 0; 
}