/***********************************
CSS DEL PROYECTO BASE

1.- Parámetros Principales
2.- Parámetros Cabecera
3.- Parámetros Menu
4.- Parámetros Pie
5.- Diseño de las Solapas
6.- Diseño de las Galerías de Fotos
7.- Politica de Cookies

************************************
1.- Parametros Principales
************************************/
    #contenido{
        margin-top: 25px;
        margin-bottom: 25px; 
        background-color: white;
        border-radius: 15px;
        box-shadow: 5px 5px 10px #999;
    }   
        
/******************************** 
2.- Parametros de Cabecera
********************************/
    #mi_head{  
        background: #5e5e5e;
        border-bottom: 4px solid #e77514;
        text-align: left;
        height: 150px;
    } 
    #mi_head #logo img{  
        text-align: left;
    }
    #mi_head img{  
        width: 200px;
        height:70px;
        margin-top: 15px;
    }
    #mi_head #textos {  
        margin-top: 20px;
        font-size: 18px;
        color: white;
        line-height: 120%;
        text-align: left;
    } 
    .container {
        padding-left: 0 !important;
        padding-right: 0 !important;
        } 
   
/******************************** 
3.- Parametros Menu
********************************/   
    #menu {
    	 height:50px; 
    	 margin: auto; 
    	 margin-top:15px;
        -webkit-padding-start: 0px !important;  
        padding-left: 0px;             
    	}
         
    #menu *{
         z-index: 999 !important;   /* para que los submenus los ponga por encima de cualquier elemento */
        }
    #menu li{
    	 list-style:none; 
    	 float:left;
    	 margin-right: 3.1px;    /* Distancia entre botones */
    	}
    #menu li a{
    	 display:block; 
    	 background:#e77514;     /* Color de fondo del botón */
    	 padding:9px;
    	 text-decoration:none;
    	 text-align:center; 
    	 color:#000;
    	 font-size:15px;         /* Tamaño texto botones */
    	 color: #fff;            /* Color texto botones */        
    	}
    #menu li a:hover{    
    	 background-color:#999;  /* Color de fondo del botón cuando paso*/
    	 text-decoration: none;  
    	 padding: 9px;
    	 display:block;
    	}
    #menu li ul{
    	 display:none; 
    	 position:absolute;
    	}
    #menu li ul li {
    	 display:block; 
    	 float:none;
    	 position:relative; 
    	 padding:1px;
    	}
    #menu li ul li a{
        text-align:left;
        padding:9px;
    }      
    #menu li:hover ul{
    	 display:block; 
    	 padding-left:0px;
    	}
    #menu .actual a{
         background:white !important;     /* Color de fondo del botón */
         color:#e77514;     
        }

/******************************** 
3.- Parametros Pie
********************************/
    *#mi_footer {    
        background-image: url("img/textura_head.jpg");
        border-top: 4px solid #e77514;
        height: auto;
        height: 170px;
    }
    #mi_footer .col-md-2{
        line-height: 40%;
    }
    #mi_footer .col-md-2 h1{
        font-size: 15px;   
        color: white; 
    }  
    #mi_footer .col-md-2 p{
        font-size: 11px;  
        color: white;   
    }
    #mi_footer .col-md-2 a{
        font-size: 11px;  
        color: white;   
        line-height: 150%;   
    }
    #logo_pyme{
        text-align: center;
        padding-top: 20px;
        padding-left: 15px;
    }
    #logo_wood{
        text-align: center;
        padding-top: 20px;
        padding-left: 15px;
    }    
/******************************** 
3.- Ajuste a pie de pantalla
********************************/ 

    * { margin: 0; }
    html, body { height: 100%; }
    .wrapper { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -170px; }
    .footer { height: 170px; background-color: #999; color: #fff; text-align: center; padding: 30px; }
    .push { height: 170px; }
    .wrapper{
        background: url("img/fondo.jpg") no-repeat center center fixed;
        -webkit-background-size: cover; 
        -moz-background-size: cover; 
        -o-background-size: cover; 
        background-size: cover; 
        color: #333; 
        line-height: 1;
    }        


/******************************** 
7.- Ajuste a pie de pantalla
********************************/ 
    @keyframes desaparecer
    {
    0%      {bottom: 0px;}
    80%     {bottom: 0px;}
    100%    {bottom: -50px;}
    }
     
    @-webkit-keyframes desaparecer /* Safari and Chrome */
    {
    0%      {bottom: 0px;}
    80%     {bottom: 0px;}
    100%    {bottom: -50px;}
    }
     
    @keyframes aparecer
    {
    0%      {bottom: -38px;}
    10%     {bottom: 0px;}
    90%     {bottom: 0px;}
    100%    {bottom: -38px;}
    }
     
    @-webkit-keyframes aparecer /* Safari and Chrome */
    {
    0%      {bottom: -38px;}
    10%     {bottom: 0px;}
    90%     {bottom: 0px;}
    100%    {bottom: -38px;}
    }
    #cookiesms1:target {
        display: none;
    }
    .cookiesms{ 
        width:100%;
        height:43px;
        margin:0 auto;
        padding-left:1%;
        padding-top:5px;
        font-size:20px;
        clear:both;
        font-weight: strong;
        color: #333;
        bottom:-50px;
        position:fixed;
        left: 0px;
        background-color: #FFCC99;
        opacity:0.9;
        filter:alpha(opacity=70); /* For IE8 and earlier */
        transition: bottom 1s;
        -webkit-transition:bottom 1s; /* Safari */
        -webkit-box-shadow: 3px -3px 1px rgba(50, 50, 50, 0.56);
        -moz-box-shadow:    3px -3px 1px rgba(50, 50, 50, 0.56);
        box-shadow:         3px -3px 1px rgba(50, 50, 50, 0.56);
        z-index:999999999;
    }
    .cookiesms:hover{
        bottom:0px;
    }
    .cookies2{
        background-color: #FFCC99;
        display:inline;
        opacity:0.95;
        filter:alpha(opacity=95);
        position:absolute; 
        left:1%; 
        top:-30px;
        font-size:12px;
        height:30px;
        padding-left:25px;
        padding-right:25px;
        -webkit-border-top-right-radius: 15px;
        -webkit-border-top-left-radius: 15px;
        -moz-border-radius-topright: 15px;
        -moz-border-radius-topleft: 15px;
        border-top-right-radius: 15px;
        border-top-left-radius: 15px;
        -webkit-box-shadow: 3px -3px 1px rgba(50, 50, 50, 0.56);
        -moz-box-shadow:    3px -3px 1px rgba(50, 50, 50, 0.56);
        box-shadow:         3px -3px 1px rgba(50, 50, 50, 0.56);
    }
     
    /* Fin del CSS para cookies */