#map  {
          margin: 0;
          padding: 0;
          height: 100%;
        }

        #map {
            width:550px;
            height:550px;
        }
        
        
       .modal-open{
        padding:0 !important;
        overflow-y: auto;
       } 
        
       .modal{
          overflow:auto !important;
        } 
        
        .navbar
        {
            margin-bottom: 0px; 
            }
        
        .botonera
        {
            position: absolute;
            top:55px;
            left:5px;  
        }
        
        .barraLateral{
            position: absolute;
            top: 0px;
            left:0px;
            width:10px;            
            height: 100%;
            background-color: #951f1d;
            visibility: hidden;
         }
        

        .barraCampaña {
            position: absolute;
            padding:10px;
            top: 10px;
            right:70px;
            width:350px;
            height: 360px;
            background-color: #FFFFFF;
            border: 2px solid #951f1d;
            
            -webkit-box-shadow: 6px 6px 17px 0px rgba(196,196,196,0.52);
            -moz-box-shadow: 6px 6px 17px 0px rgba(196,196,196,0.52);
            box-shadow: 6px 6px 17px 0px rgba(196,196,196,0.52);     
          
            opacity: 0.8;
            filter: alpha(opacity=80);
                   
            transition: 0.3s;
            display: none;
         }
        
        .botoneraLateral
        {
            position: absolute;
            top:0px;
            left:10px; 
            width:50px;
            height:100%;
            background-color: #d11200; 
            padding-top: 140px;
            visibility: hidden;
         }
         
         .focus.btn, .btn:focus, .btn:hover
         {
           color: White;
           border: 1px solid white;       
         }
        
       .btn-opciones-lateral
       {
           font-size: 22px;  
           padding:0px;
           height:50px;
           width:50px;
           border-radius:0px;
           padding: 0px 10px 0px 10px;
           float:left;
           width:100%;
           margin-bottom:3px;
           background-color: #d11200;
           color: White;
           display:none;
       } 
        
        
       .btn-opciones
       {
           font-size: 16px;  
       } 

      .modal-elemento
      {
         width:70%;    
      }  

      .modal-direcciones
      {
         width:55%;    
      }  

      .modal-imagen
      {
         width:70%;    
      }  


      .modal-calendario
      {
         width:35%;    
      }  

      .modal-mensaje
      {
          width:30%;     
      }

        .modalimprenta
        {
           width: 60%; 
            }

     .contenedor-elemento
     {
               
         
     }


     .media-object
     {
         width:100%;
         padding:3px;  
        }





    .media-title
    {
        float: left;
        width: 100%;    
        }

    .media-multi
    {
        float: left;
        width: 30%;    
        text-align: right;
    }

    .media-left
    {
        float:left;
        width:60%;
    }
      
    .media-body
    {
        float:left;
        width:40%;
    }

    .media-object-circuito {
        width: auto;
        padding: 5px;
        max-height: 220px;
    }

    .media-title-circuito
    {
        float: left;
        width: 80%;    
        }


    .media-left-circuito
    {
        float:left;
        width:30%;
    }
      
    .media-body-circuito
    {
        float:left;
        width:70%;
		
    }    

          





      .media-left-carro
      {
         width:100%;
      }

      .media-body-carro
      {
         width:100%;
      }    
      
      .elementoTituloPrincipal
      {
         width:100%;
         float:left;
         font-size:20px;
         color:Gray;
         font-family: Roboto;
      }
      
      .elementoDireccion
      {
         width:100%;
         float:left;
         font-size:16px;
         color: gray;   
         padding-bottom:15px;  
      }

      .itemTitulo
      {
         font-family: Roboto;
         font-size:large;
         margin: 15px 0xp 15px 0px;      
      
      }
      
      .itemTexto
      {
         font-family: Roboto;
         font-size: 14px;
         margin: 0px 0xp 5px 0px;      
      }
      
      

      .elementoItem
      {
         width:100%;
         float:left;
      }

      .primero
        {
            padding: 10px 0px 10px 0px;
            border-bottom: 1px solid silver;
            border-top: 1px solid silver;
            border-top-color: #E8E8E8;
            border-bottom-color: #E8E8E8;
        }  

      .segundo 
      {
          font-family: roboto;         
          padding: 4px 0px 4px 0px;
          border-bottom: 1px solid #E8E8E8;
      }  


      .elementoItem .elementoTitulo
      {
         width:40%;
         float:left;
      }

      .elementoItem .elementoValor
      {
         width:55%;
         float:left;
         padding-left:5px;
         color:Gray;
      }
      
      .elementoItem .fecha1
      {
        float:left;
        width:28%;
        margin-right:5px;    
        padding-left:5px;
        font-family: roboto;
        color: Gray;
      }
      

      .elementoItem .estatus1
      {
        float:left;
        width:58%;
        margin-right:5px;    
        padding-left:5px;
        font-family: roboto;
        font-size:14px;
        color: #712321;
      }

      .elementoItem .fecha
      {
          margin-left: 10px;
          font-size:10px;
          font-weight: normal;
      }
      
      .elementoItem .valor
      {
          font-size:12px;
          font-weight: bold;
      }



      .elementoItem .tituloReferencia   
      {
         font-size:10px;
         color:red;     
         margin:0px;
      }

      .elementoItem .elementoReferencia  
      {
         font-size:10px;
         color:red;     
         font-weight:bold;
         text-decoration: line-through;
         margin:0px;
      }

      .elementoInfo
      {
         font-size:14px;
         color:Gray;     
         width:100%;
         font-weight:bold;
         margin:0px;
         float:left;
      }

     
      .elementoDisponible
      {
         font-size:16px;
         color: Red;     
         text-align:right;
         width:100%;
         font-weight:bold;
      }

      .itemdireccion
      {
          float:left;
          width:100%;
          border-bottom: 1px solid gray;
          margin: 15px 0px 5px 0px;
      }
      .numerodireccion
      {
          float:left;
          width:20%;
      }

      .direcciondireccion
      {
          float:left;
          width:50%;
      }
      .pindireccion
      {
          float:left;
          width:20%;
          font-size:16px;
          }


        .btn-gray 
        {
           background-color: #fafafa;
           color: #000000;
           border: 1px solid #4d4d4d;
           border-radius: 3px;
        }

        .media-home-inv
        {
             background: linear-gradient(#dadad8,#ffffff);
        }

        .form-group
        {
           margin-bottom: 5px; 
        }              

        label 
        {
         font-weight: normal;
        }

        .modal-acceso
        {
            width:30%;
            }
            
        .modal-acceso-solicitud
        {
            width:40%;
            }
            
        .mediax
        {
           float:left;
            width:60px;
        }
        .boxmedia
           {
            font-size:40px;               
        }        
            
       .modalSubTitulo     
       {
            font-size:12px;
            color: Gray;               
           }

.bold {
	 font-weight:bold;
}


.w-5 {
	width: 5%;
	float: left;
}

.w-10 {
	width: 10%;
	float: left;
}

.w-15 {
	width: 15%;
	float: left;
}

.w-20 {
	width: 20%;
	float: left;
}

.w-25 {
	width: 25%;
	float: left;
}

.w-30 {
	width: 30%;
	float: left;
}

.w-35 {
	width: 35%;
	float: left;
}


.w-40 {
	width: 40%;
	float: left;
}

.w-45 {
	width: 45%;
	float: left;
}      


.w-50
{
    width:50%;
    float:left;  
}


.w-55 {
	width: 55%;
	float: left;
}


.w-60 {
	width: 60%;
	float: left;
}

.w-65 {
	width: 65%;
	float: left;
}


.w-70 {
	width: 70%;
	float: left;
}

.w-75 {
	width: 75%;
	float: left;
}

.w-80 {
	width: 80%;
	float: left;
}

.w-85 {
	width: 85%;
	float: left;
}

.w-90 {
	width: 90%;
	float: left;
}

.w-95 {
	width: 95%;
	float: left;
}      

.w-100
{
    width:100%;
    float:left;  
}      
         


          
       .lineainferior
       {
           margin: 10px 0px 10px 0px;
           border-bottom: 1px solid gray;
       }

		.lineainferior-material {
			margin: 5px 0px 5px 0px;
			border-bottom: 1px solid silver;
			padding-bottom: 5px;
		}


.derecha {
 text-align:right;
 
}

.centrado {
text-align:center;
}

.paddinglf5{
	padding: 0px 5px 0px 5px;
}

.paddinglf10 {
	padding: 0px 10px 0px 10px;
}


.paddingtb5 {
	padding: 5px 0px 5px 0px;
}

.paddinglf10 {
	padding: 5px 0px 5px 0px;
}


.margeninf5 {
	margin-bottom: 5px;
}


.margeninf10 {
 margin-bottom:10px;
}

.margeninf20 {
	margin-bottom: 20px;
}

.margeninf30 {
	margin-bottom: 30px;
}

.divseparador {
	
	padding: 10px 0px 10px 0px;
	margin: 10px 0px 10px 0px;
    border-bottom: 1px solid silver;

}



      .panelacceso
      {
          float:left;
          width:100%;
          margin:5px;
          margin-bottom:15px;
          border-top: 1px solid gray;
      }   
        
      .panelacceso .nombre
      {
        float:left;
        width:100%;
        margin-top:10px; 
       }         
         
      .panelacceso .correo
      {
        float:left;
        width:68%;
       }         
         
      .panelacceso .telefono
      {
        float:left;
        width:28%;
        margin-left:5px;
       }         
        
      .panelacceso .opciones
      {
        float:left;
        width:100%;
        text-align:right; 
        margin: 10px 5px 5px 0px;
       }         


      .panelacceso .titulo
      {
        
           font-weight:bold;

       }         
  
       .panelacceso .estado
       {
            font-weight:bold;
            margin-right:10px;
            color: Gray;
       }
             


      .panelcampana
      {
          float:left;
          width:100%;
          margin:5px;
          margin-bottom:15px;
      }   
         
      .panelcampana .titulo
      {
           font-weight:bold;
       }         
         
      .panelcampana .fechas
      {
        float:left;
        width:48%;
       }         
      
      .barraCampaña .tituloactiva
      {
           float:left;
           width:100%;
           font-size:12px;
           color: White;
      }   
         
      .barraCampaña .fecha
      {
           float:left;
           width:100%;
           font-size:12px;
           color: White;
      }   


      .barraCampaña .titulo
      {
           float:left;
           width:100%;
           font-size:12px;
           color: White;
      }   



         
      .linkciudad
      {
         color:#404040;
         margin: 7px 0px 5px 0px;
         border-bottom: 1px solid #C0C0C0;    
       }   
         
      .badge
        {
            background-color: #FF9900;
        }   
         
       .rojo
       {
          color: Red;  
        }  
        .destacado
        {
            font-weight:bold; 
        }         
         
         .resumenCampaña
         {
            float:left;
            width:100%;
            margin: 5px 0px 5px 0px; 
            transition: 0.3s;
            
             padding: 5px;
             position:relative;
         }
         
         .btndetallecampaña
         {
            position: absolute;
            top:10px;
            right:10px;
         }
         
                  
        .elementoOperador
        {
            float:left;
            width:98%;
            border: 1px solid silver;
            margin: 10px 0px 10px 0px; 
            
            -webkit-box-shadow: 6px 6px 17px 0px rgba(196,196,196,0.52);
            -moz-box-shadow: 6px 6px 17px 0px rgba(196,196,196,0.52);
            box-shadow: 6px 6px 17px 0px rgba(196,196,196,0.52);
            border-radius: 5px;
            
             padding: 20px 10px 20px 0px;
         } 
         
        .panel-title a
        {
            text-decoration: none;
            font-size: 16px;
            color: white;
            display: block;
            transition: 0.3s;
            
        } 
        
         
        .panel-group .panel + .panel
        {
            margin-top: 0px;  
        } 
         
         
        .zonaMaterialDetalle
        {
         float: left;
         width:100%;
         margin:5px;
        } 
         
        .panelled
        {
            display:none;
            float:left;
            width:100%; 
        } 
         
        .barraSimbologia
        {
            position: absolute;
            padding:10px;
            right:70px;
            width:350px;
            top: 450px;            
            height: 50px;
            background-color: #FFFFFF;
            border: 2px solid #951f1d;
            
            -webkit-box-shadow: 6px 6px 17px 0px rgba(196,196,196,0.52);
            -moz-box-shadow: 6px 6px 17px 0px rgba(196,196,196,0.52);
            box-shadow: 6px 6px 17px 0px rgba(196,196,196,0.52);            
            opacity: 0.8;
            filter: alpha(opacity=80);
            
            transition: 0.3s;
            display: none;
        } 
        

        .barraIra
        {
            position: absolute;
            padding:10px;
            right:70px;
            width:350px;
            top: 380px;            
            height: 60px;
            background-color: #FFFFFF;
            border: 2px solid #951f1d;
            
            -webkit-box-shadow: 6px 6px 17px 0px rgba(196,196,196,0.52);
            -moz-box-shadow: 6px 6px 17px 0px rgba(196,196,196,0.52);
            box-shadow: 6px 6px 17px 0px rgba(196,196,196,0.52);            
            opacity: 0.8;
            filter: alpha(opacity=80);
            
            transition: 0.3s;
            display: none;
        } 


        .sim-titulo
        {
            font-family: roboto;
            color: Gray;               
            font-size:18px;
            margin-bottom: 10px;
            }
   
        .sim-imagen
        {
            float: left;
            width: 20%;   
            }
         
        .sim-descripcion
        {
            float: left;
            width: 80%;   
            font-family: roboto;
            color: Gray;   
            font-size:14px;     
            vertical-align: middle;  
            padding-top:10px;  
       }
         
       .obligatorios
       {
           font-family: roboto;
           font-style:italic;
           font-size: 14px;
           float:left;   
           }   
         
       .obligatorio
       {
           font-family: roboto;
           font-size: 12px;
           color: #660000; 
           }   

        .detalleMontosCampaña
        {
            width: 50%;
            float:left;
            padding:15px;
            margin:15px 5px 5px 5px;
            border: 1px solid gray; 
        }    

        /****************Exportar Fichas ***************/
        
        .ficha-check
        {
          width:10%;
          float:left;   
          padding: 0px 5px 0px 5px;
        }
        .ficha-codigo
        {
          width:10%;
          float:left;   
          margin-top:10px;
          padding: 0px 5px 0px 5px;
        }
        .ficha-comuna
        {
          width:20%;
          float:left;   
          margin-top:10px;
          padding: 0px 5px 0px 5px;
        }

        .ficha-direccion
        {
          width:40%;
          float:left;   
          margin-top:10px;
          padding: 0px 5px 0px 5px;
        }
        
        .ficha-tipo
        {
          width:20%;
          float:left;   
          margin-top:10px;
          padding: 0px 5px 0px 5px;
        }


        .ficha-fecha
        {
          width:30%;
          float:left;   
          margin-top:10px;
          padding: 0px 5px 0px 5px;
        }

        .ficha-evento
        {
          width:70%;
          float:left;   
          margin-top:10px;
          padding: 0px 5px 0px 5px;
        }


        .materialArchivo
        {
            padding: 3px 5px 3px 5px;
            background-color: White;
            color: black;
            }

		.materialArchivo_seleccionado {
			padding: 5px 50px 3px 5px;
			background-color: silver;
			color: White;
			text-decoration: none;
		}

        .zonaArchivos
        {
            border: 1px solid #EDEDED;
            min-height: 300px; 
            width:auto;
            padding:10px;
            margin-right:10px;
        }

        .zonaElementos
        {
            border: 1px solid #EDEDED;
            min-height: 300px; 
            width:auto;
            padding:10px;
        }


.textoLibre {
    font-family: roboto;
    margin: 10px 0px 10px 0px;
    width: 100%;
    float: left;
}

.separador {
    width: 100%;
    float: left;
    margin-top: 15px;
    margin-bottom: 15px;
}

.wasap {
    visibility:hidden;
    position: fixed;
    right: 15px;
    top: 70%;
}

label {
    font-family: Roboto;
    
}

@media (max-width:600px) {

    .wasap {
        visibility: visible;
        position: fixed;
        right: 15px;
        top: 70%;
    }


    .modal-calendario
      {
         width:95%;    
          }  


      .w-50
      {
         width:100%;
      }      

      .w-100
      {
         width:100%;
          }      


        .modal-acceso
        {
            width:95%;
            }

           .btn-opciones
           {
               font-size: 12px;  
           } 

          .modal-elemento
          {
             width:95%;    
              }  

          .modal-direcciones
          {
             width:95%;    
              }  


        .media-object
        {
             width:100%;
            padding:3px;   
            }

          .media-left
          {
             width:100%;
          }
          .media-body
          {
             width:100%;
          }    


        .modal-acceso
        {
            width:95%;
            }
            
        .modal-acceso-solicitud
        {
            width:95%;
            }



    .barraCampaña {
        position: absolute;
        padding: 10px;
        width: 94%;
        height: 300px;
        right: auto;
        top: 150px;
        margin: 5px;
        left: 5px;
        background-color: #FFFFFF;
        border: 2px solid #951f1d;
        -webkit-box-shadow: 6px 6px 17px 0px rgba(196,196,196,0.52);
        -moz-box-shadow: 6px 6px 17px 0px rgba(196,196,196,0.52);
        -box-shadow: 6px 6px 17px 0px rgba(196,196,196,0.52);
    }


          .modal-mensaje
          {
              width:90%;     
          }


    .barraSimbologia {
        position: absolute;
        padding: 10px;
        width: 80%;
        top: 530px;
        height: 50px;
        background-color: #FFFFFF;
        border: 2px solid #951f1d;
        -webkit-box-shadow: 6px 6px 17px 0px rgba(196,196,196,0.52);
        -moz-box-shadow: 6px 6px 17px 0px rgba(196,196,196,0.52);
        box-shadow: 6px 6px 17px 0px rgba(196,196,196,0.52);
        opacity: 0.8;
        filter: alpha(opacity=80);
        transition: 0.3s;
        display: none;
    }


    .barraIra {
        position: absolute;
        padding: 10px;
        width: 80%;
        top: 460px;
        height: 60px;
        background-color: #FFFFFF;
        border: 2px solid #951f1d;
        -webkit-box-shadow: 6px 6px 17px 0px rgba(196,196,196,0.52);
        -moz-box-shadow: 6px 6px 17px 0px rgba(196,196,196,0.52);
        box-shadow: 6px 6px 17px 0px rgba(196,196,196,0.52);
        opacity: 0.8;
        filter: alpha(opacity=80);
        transition: 0.3s;
        display: none;
        font-family: Roboto;
        font-size: 12px;
         
    }

    .sim-titulo {
        font-size: 14px;
    }




       }