
.aumentarImagen{
  cursor: pointer;
}

.listaMultimedia{
  cursor: pointer;
}

.registro ul li{
  text-align: right;
  display:inline;
  line-height:30px;
  margin:0px 5px;
  font-size:12px;
  
}


tfoot input{
  width: 100% !important;
}

/*=============================================
ESCRITORIO GRANDE (LG revisamos en 1366px en adelante)
=============================================*/

@media (min-width:1200px){

  .table-condensed{
   font-size: 11px !important;

}

.loader {
  border: 16px solid #f3f3f3; /* Light grey */
  border-top: 16px solid #3498db; /* Blue */
  border-radius: 50%;
  width: 120px;
  height: 120px;
  animation: spin 2s linear infinite;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

		
}

/*=============================================
ESCRITORIO MEDIANO O TABL
ET HORIZONTAL (MD revisamos en 1024px)
=============================================*/

@media (max-width:1199px) and (min-width:992px){


}

/*=============================================
TABLET VERTICAL (SM revisamos en 768px)
=============================================*/

@media (max-width:991px) and (min-width:768px){

		
}

/*=============================================
MOVIL (XS revisamos en 320px)
=============================================*/
	
@media (max-width:767px){
 
.content-wrapper{

  margin-left: 5px;

}

.skin-blue{
   margin-right: 15px;

}

.main-header{

  margin-right: 15px;

}

.table-condensed{
 font-size: 12px;
 margin-left:-5px;
 
}




/*

.col-xs-6{
  margin-left: -9px;
}
.main-header{

  margin-right: 15px;

}

.bg-teal-gradient{

  margin-left: -9px;
  margin-right: 15px;

}

.box-default{
  margin-left: -9px;

}

.box-primary{

  margin-left: -9px;

}

*/

}



.input-sm{
 font-size: 12px;
}

.form-group{
 margin: 1px;
}
input:focus {

background-color: red;
color:black;


}

textarea:focus {

background-color: red;
color:black;

}

select:focus {

background-color: red;
color:black;

}

input{
  padding:2px !important;
}

span{
  
  text-align: center !important; 
  
}

/*
Full screen Modal 
*/
.fullscreen-modal .modal-dialog {
  margin: 0;
  
  margin-right: auto;
  margin-left: auto;

  width: 100%;
}
@media (min-width: 768px) {
  .fullscreen-modal .modal-dialog {
    width: 350px;
    font-size: 8px;
  }
}
@media (min-width: 992px) {
  .fullscreen-modal .modal-dialog {
    width: 970px;
  }
}



.wrap{
 width:380px;
 margin:10px 10px 10px 10px;
}

.cal{
 width:350px;
 height:auto;
 padding:6px;
 margin: auto;
 background:#232323;
 border:#000 1px solid;
 border-radius:7px;
 -webkit-border-radius:7px;
 -moz-border-radius:7px;
 box-shadow:rgba(0,0,0,0.4) 0px 2px 5px, inset rgba(255,255,255,0.9) 0px 1px 1px -1px;
 -webkit-box-shadow:rgba(0,0,0,0.4) 0px 2px 5px, inset rgba(255,255,255,0.9) 0px 1px 1px -1px;
 -moz-box-shadow:rgba(0,0,0,0.4) 0px 2px 5px, inset rgba(255,255,255,0.9) 0px 1px 1px -1px;
 background-image:-moz-linear-gradient(top, #333333, #1f1f1f);
  background-image:-webkit-linear-gradient(top, #333333, #1f1f1f);
   background-image:linear-gradient(top, #333333, #1f1f1f);
 overflow: hidden;
 text-align: center;
}
.screen{
 width:324px;
 height:93px;
 margin: 12px 12px 12px 12px;
 padding:20px 15px;
 color:#c0c0c0;
 text-align: right;
 font-size: 3em;
 letter-spacing: 3px;
 overflow:hidden;
 border:#000 1px solid;
 border-radius:7px;
 -webkit-border-radius:7px;
 -moz-border-radius:7px;
 box-shadow:inset rgba(0,0,0,1) 0px 1px 4px, inset rgba(225,225,225,0.3) 0px -2px 4px -2px;
 -webkit-box-shadow:inset rgba(0,0,0,1) 0px 1px 4px, inset rgba(225,225,225,0.3) 0px -2px 4px -2px;
 -moz-box-shadow:inset rgba(0,0,0,1) 0px 1px 4px, inset rgba(225,225,225,0.3) 0px -2px 4px -2px;
 background-image: -moz-linear-gradient(top, #3e3e3e 0%, #303030 100%);
  background-image: -webkit-linear-gradient(top, #3e3e3e 0%, #303030 100%);
   background-image: linear-gradient(top, #3e3e3e 0%, #303030 100%);
 -moz-box-sizing:border-box;
 -webkit-box-sizing:border-box;
 box-sizing:border-box;
}
.title{
 font-size: 1.2em;color:white;
}
.buttons{
 padding:0;
 width:423px;
 margin:auto;
 overflow: hidden;
 list-style: none;
}
.buttons li{
 display:inline;
 float:left;
 padding:0px;
 margin-right:13px;
 margin-bottom:10px;
}
.buttons li:nth-child(4n){
 margin-right:0;
}
.buttons a{
 display:block;
 width:75px;
 height:58px;
 padding:18px 0 12px;
 color:#c0c0c0 !important;
 font-family: "Myriad Pro", Arial, sans-serif;
 font-size:1.6em;
 font-weight: 500;
 letter-spacing: -2px;
 background-color:#2f2f2f;
 border: #000 1px solid;
 border-radius:5px;
 -webkit-border-radius:5px;
 -moz-border-radius:5px;
 text-align: center;
 text-decoration: none;
 text-shadow:#000 0px -1px 0px;
 box-shadow: inset rgba(255,255,255,0.1) 0px 1px 0px, inset rgba(0,0,0,0.2) 0px -2px 2px;
 -webkit-box-shadow: inset rgba(255,255,255,0.1) 0px 1px 0px, inset rgba(0,0,0,0.2) 0px -2px 2px;
 -moz-box-shadow: inset rgba(255,255,255,0.1) 0px 1px 0px, inset rgba(0,0,0,0.2) 0px -2px 2px;
 background-image:-moz-linear-gradient(top, #363636 0%, #313234 40%, #2f2f2f 100%);
  background-image:-webkit-linear-gradient(top, #363636 0%, #313234 40%, #2f2f2f 100%);
   background-image:linear-gradient(top, #363636 0%, #313234 40%, #2f2f2f 100%);
 -moz-box-sizing:border-box;
 -webkit-box-sizing:border-box;
 box-sizing:border-box;
 cursor: pointer;
}
.buttons a:active{
 box-shadow: inset rgba(0,0,0,0.5) 0px 2px 8px;
 background-image:-moz-linear-gradient(top, #2f2f2f 0%, #363636 100%);
  background-image:-webkit-linear-gradient(top, #2f2f2f 0%, #363636 100%);
   background-image:linear-gradient(top, #2f2f2f 0%, #363636 100%);
}
.tall{height:120px !important;}
.wide{width:162px !important;}
.shift{margin-top:-64px;}


.ctrls{
 list-style: none;
 margin:5px 0 0 20px;
 padding:0;
 position: absolute;
}
.ctrls li{
 float:left;
 display:inline;
}
.ctrls li a{
 display: block;
 width:18px;
 height:18px;
 margin-right:10px;
 border-radius:100%;
 box-shadow:rgba(255,255,255,0.3) 0px 0px 1px, inset rgba(0,0,0,1) 0px 1px 2px 1px;
 background-image: -moz-radial-gradient( 9px -4px, #FFF 0px, #fff 2px, rgba(255,255,255,0) 4px), -moz-linear-gradient(bottom, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%);
 background-image: -webkit-radial-gradient( 9px -4px, #FFF 0px, #fff 2px, rgba(255,255,255,0) 4px), -webkit-linear-gradient(bottom, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%);
 background-image: radial-gradient( 9px -4px, #FFF 0px, #fff 2px, rgba(255,255,255,0) 4px), linear-gradient(bottom, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%);
}
.close a{
 background-color:#f32c31;

}
.min a{background-color:#f7bf67;}
.max a{background-color:#89cb5a;}
.h1{
 text-align: center;
 color:#fff;
 font-weight: 400;
 font-size: 4em;
 line-height: 0;
 margin-top:80px;
 margin-bottom:-60px;
 text-shadow:#000 0px -1px 0px;
}

