/* Default CSS */
/* Generated by the CoffeeCup HTML Editor - www.coffeecup.com */


/* Un poco de código para cambiar el ancho y alto del swach de minicolors*/
/* Quitar subrayado de los enlaces*/


*:focus {outline:none !important} /* esto es para que no salga un borde azul en los botones cuando se hace click */


 a img{
  
  display:block;
  
   }  

#BUSCA, #TAB-TEXTO, #COLORES-Y-FX, #CONTENEDOR-CATEGORIAS-GRAFICOS, #CONFIG{

border-radius: 10px;
/* border:solid;
border-color:#5EA8DC; */
/* background-color:#86B5FF; */



}


#BIENVENIDOS,#MUCHOMASLOGO, #FAQ, #bordex, #HV {

border-radius: 20px;
 }
 
.redondeado {
 
 border-radius: 20px;
 background-color: #069FE2;
  
  }


.fontsel { 
    font-family:'Open Sans';
    font-size:18px;
}
.fontsel2 { 
    font-family:'Open Sans';
    font-size:15px;
}

.fontsel3 { 
    font-family:'Open Sans';
    font-size:20px;
}

.fontsel4 { 
    font-family:'Open Sans';
    font-size:24px;
}

.minicolors-theme-default .minicolors-swatch {
          
          width: 50px;
          height: 50px;
          
          
     	   }
           
           
.minicolors-theme-default .minicolors-input {
   
    display: inline-block;
    padding-left: 60px;
    padding-right: 0px;
}


div#input-color-1 {
display:inline-block;

 }
 div#input-color-2 {
display:inline-block;
margin-top: 5px;

 }
  
 div#botones-borde{
 
 display:block;
  
  }


      
      
 div#hoja{
/*  position:relative; */
 resize: both;
 overflow: visible; /* para que se vean los controles por encima del div
/*  max-width:1120px; */
 
 */
 /* border:3px solid orange; */ 
 left: 0;
 right: 0;
 margin:auto;




      }
      
      
  div#CONT-CANVAS{
/* position:relative; */
 resize: both;
 overflow: visible;
 max-height: 100%;


 
 

 /* border:3px solid orange; */ 
 left: 0;
 right: 0;
 margin:auto;
  
      }   
      
      
   div#mcanvas{
 position:relative; /* muy importante poner que tipo de position es, para que no salga mal el canvas al intentar moverlo, como duplicado*/ 

      }
      
     
    
  
  div#cargadefuentes{
  position:absolute; 
  bottom: 0;
  }
  
 .activo:active{
    background:#FF80C0;
}


 
 #descargalogo {
 
    font-family:'Open Sans';
    font-size:20px;
    background-color: #34D000;
    color: white;
    padding: 25px 25px;
    text-align: center;	
    text-decoration: none;
    display: inline-block;
}

#weeblyad {
 position:relative;
 top: 198px;
 



 }
 

 #godaddyad {
 position:relative;
  top: 208px;

 }

 
  #fiverrad {
 position:relative;
  top: 198px;

 }
 
  #cartelgratisad {
 position:relative;
  top: 208px;

 }
 
 
 #adsense-enlaces-lateral-izda, #adsense-enlaces-lateral-dcha {
 
 position:relative;
 top: 40px;
 
  }
 
  
  .backcolor {
  
background-color: #DFDEDD;}
  
   }
   
  
  
     #twitter2{
  position:relative; 
  top: 10px; 
 
  
  }  
  
    
  
  
  #colocartwitter{
position:relative;
top: 7px; 
  
  } 
  
  
   #redes_{
position:relative;

top: 7px;
  
  } 
  
  


  
   
   
  
.videoresponsive {
position: relative;
padding-bottom: 56.25%; /* Para que el contenedor tenga relación de aspecto 16/9 */
padding-top: 30px;
height: 0;
overflow: hidden;
}
 
.videoresponsive iframe,
.videoresponsive object,
.videoresponsive embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;

}


#nogracias {
 
    font-family:'Open Sans';
    font-size:18px;
    background-color: #8A69FF;
    color: white;
    padding: 15px 15px;
    text-align: center;	
    text-decoration: none;
    display: inline-block;
}

#html5color, #coloresborde{
margin:0;
padding:0;
border:0;
}

#twitter2 {
position: relative;
top: 10px;
 }
 
.ui-resizable-s { /* Esto es para añadir los iconos resizables a los lados del canvas, funcniona onine por dde está la imagen que no está dentro de la carpeta css como lg.css */
  background: url("img/resize-handle-v.gif") no-repeat;
  height: 35px;
  width: 35px;
  left: 75%;
  bottom: -17px;

    
 
  
  
 

}

.ui-resizable-e { /* Esto es para añadir los iconos resizables a los lados del canvas */

  background: url("img/resize-handle-h.gif") no-repeat;

  height: 35px;
  width: 35px;
  top: 50%;
  right: -17px;
  


}

.ui-resizable-handle { z-index: auto !important; } /* Esto es para evitar que los iconos de resize del div salgan por encima de los cuadros modales de descarga, etc . El zindex al poner auto va por orden de visualización el el código creo */
  


#stickymenu {

overflow:hidden;
height:100%;
width: 50px;
background-color:#CD94D3;
height:200px;

 }
 
 
#botomenu {

position: sticky;

float:left;
height:270px;
top: 0px;
margin-left:-55px;
width: 50px;
right: 0px;





 }