/************************
        HEADER    http://callmenick.com/post/animated-resizing-header-on-scroll
      ************************/

	  .page-header{
        
	        overflow: hidden;
	        font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
	        font-weight: 300;
	        font-size: 18px;
	        background: #444;
	        max-width: 100% !important;
	        width: 100%;
        
      }
      
     .contenedor-header {
	     
		    width: 100%;
		    max-width: 100%;
		    overflow: hidden;
		    height: auto;
		    max-height: 100% !important;  
		    	
     } 
  
     #menu-contents {
	     
	    	width: auto;
	    	text-align: center;
	    	margin: 0;
	    	padding: 0;

     }
     
     #menu-contents li {
	     
		    display: inline-block;
		    width: auto;
		    vertical-align: middle;  
		    
     }
     
     
     @media all and (max-width: 768px) {
	     
	     #menu-contents li {
		     
		    display: block;
		    width: auto;
		    vertical-align: middle;
		     
	     }
	     
     }
     
      @media all and (min-width: 768px) and (max-width: 1024px) {
	     
	     #menu-contents li {
		     
		    font-size: 15px;
		     
	     }
	     
     }

     .titulos {
	     
		     width: auto;
		     font-size: auto;
		     vertical-align: middle;
		     margin-left: auto;
		     margin-right: auto;
		     
     }
     
     #menu-contents li a {
	     	
	     	text-transform: uppercase;
	     	padding: 0.5em;
	     	text-decoration: none;
	     	color: #b1b1b1;
	     	font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
		 	font-weight: 100;
		 	font-size: 1.2em; 
		 	overflow-x: hidden;
		 	width: auto;	
     }
     
	 #menu-contents li a:hover {
		 
		 	color: rgba(139,0,0,0.96);
	 }
     
     #contenedor-imagen {
      
	       background-color: #fff;  
	       border-radius: 40px;
	       -webkit-border-radius: 40px; 
	       -moz-border-radius: 40px; 
	       -webkit-box-shadow: 1px 1px 10px #484848;
	       width:170px;
	       height: auto;
	       margin-left: auto;
	       margin-right: auto;
	       vertical-align: middle;
	       left: 50%;
  
     }
     
     #logoimagen {

		    padding: 0;
		    -webkit-border-radius: 50px; 
			-moz-border-radius: 50px; 
			border-radius: 50px;
			width: 100%;
			margin-left: auto;
			margin-right: auto;
			vertical-align: middle;
			left: 50%;
     }
       
      /************************
        FIN DE HEADER
      ************************/
     
     
      /************************
        DISPLAY DE IMAGENES 
      ************************/
       
       
       
	#captioned-gallery {
		
			position: relative;
			display: block;
			overflow: hidden;
			width: 100%;
			max-width: 100% !important;
			margin: 0;
			
	}
		
	figure {
		
			position: absolute;
			width: 100%;
			margin: 5px 0px 0px 0px;
			opacity: 0;
			transition: 1s opacity;
			
	}
	
	figcaption {
		
			position: absolute;
			font-family: sans-serif;
			font-size: 1.2em;
			bottom: .75em;
			right: 50%;
			padding: .25em;
			color: #fff;
			background: rgba(0,0,0, .25);
			border-radius: 2px;
		
	}
		
	figcaption a {
		
			color: #fff;
		
	}
		
	figure.show {
		
			opacity: 1;
			position: static;
			transition: 1s opacity;
		
	}
		
	.next, .prev {
		
			color: #000000;
			position: absolute;
			background: rgba(235,235,235,0.6);
			border-radius: 50px;
			-webkit-border-radius: 50px;
			-moz-border-radius: 50px;
			top: 95%;
			z-index: 10;
			font-size: 5em;
			margin-top: -1.25em;
			opacity: 0.5;
			user-select: none;
		
	}
		
	.next:hover, .prev:hover {
		
			cursor: pointer;
			opacity: 1;
	}
		
	.next {
		
			right: 0;
			padding: 10px 5px 15px 10px;
			border-top-left-radius: 3px;
			border-bottom-left-radius: 3px;	
	}
		
	.prev {
		
			left: 0;
			padding: 10px 10px 15px 5px;
			border-top-right-radius: 3px;
			border-bottom-right-radius: 3px;
	}
		
		
	/***************************
     FIN DE DISPLAY DE IMAGENES
    ***************************/
    
    
    /***************************
     INICIO QUIENES SOMOS
    ***************************/
    
    
    h1 {
	    
	    font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
        font-weight: 100;
        font-size: 80px;

    }
    
    @media all and (max-width: 768px) {
		
		h1 {
			
			font-size: 50px !important;
		}
	}
      
    
    h2 {
	    
	    font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
        font-weight: 200;
        font-size: 18px;
   
    }
    
    
    h3 {
	    
	    font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
        font-weight: 400;
        font-size: 22.5px;

    }
    
    h4 {
	    
	    font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
        font-weight: 200;
        font-size: 12px;
	    
    }
    
    .company-description {
	    
		position: relative;
		overflow: hidden;
		width: 100%;
		max-width: 100% !important;
		margin: 5px 0px 0px 0px;
			
    }
    
    .imagenContenido {
	    
	    height: auto;
	    opacity: 1;
    }
    
     @media all and (max-width: 768px) {
	     
	     .imagenContenido {
		     
		    opacity: 0 !important;
		    width: 0%;
		       
	     }
	 }
    
    #description {
	    
	    width: 100%;
	    padding: 0;
	    margin: 0;
	    border-collapse: collapse;
	    text-align: center;
	    
    }
    
    .superior-description {
	    
	    padding: 0;
	    margin: 0px 0px 15px 0px;
	    text-align: center;	   
	    
    }
    
    
    #mision {
	    
	    border-right: 1px solid rgba(139,0,0,0.96);
	    padding-right: 1%;
	    
    }
    
    @media all and (max-width: 768px) {
	     
	     #mision {
		     
		    width: 45%;   
	     }
	 }
    
    
    #vision {
	    
	    border-left: 1px solid rgba(139,0,0,0.96);
	    padding-left: 1%;
	    
    }    
    
    @media all and (max-width: 768px) {
	     
	     #vision {
		     
		    width: 45%;   
	     }
	 }
    
    
    .title-description {
	    
	    background-color: rgba(139,0,0,0.96);
        color: white;
	    margin: 5px 0px 15px 0px;
	    padding: 5px 0px 5px 0px;
	    text-align: center;
	    
    }
    
    
    .inferior-description {
	    
	    padding: 0;
	    margin: 5px 0px 0px 0px;
	    text-align: center;	 
 
    }
    
     #empresa {
	    
	    border-right: 1px solid rgba(139,0,0,0.96);
	    padding-right: 1%;
	    
    }
    
    @media all and (max-width: 768px) {
	     
	     #empresa {
		     
		    width: 45%;   
	     }
	 }
    
    
     #empresa2 {
	    
	    border-left: 1px solid rgba(139,0,0,0.96);
	    padding-left: 1%;
	    
    } 
    
    @media all and (max-width: 768px) {
	     
	     #empresa2 {
		     
		    width: 45%;   
	     }
	 }   
    
         
	         
    /***************************
     FIN QUIENES SOMOS
    ***************************/
    
    
    /***************************
     INICIO CONTACTO
    ***************************/
	         
	#contacto {
		
		border-top: 1px solid rgba(139,0,0,0.96);
		margin-top: 10px;
		position: relative;
		overflow: hidden;
		width: 100%;
		max-width: 100% !important;
		margin: 5px 0px 0px 0px;
		height: auto;
		text-decoration: none;
		
	}
	
	#contact-info {
	
		background-color: rgba(139,0,0,0.96);
        color: white;
	    margin: 5px 0px 15px 0px;
	    padding: 5px 0px 5px 0px;
	    text-align: center;
		
	}
	
	#contactoMail {
		
		text-decoration: none !important;
		color: rgba(139,0,0,0.96);
		
	}
	
	#empresa {
		
		text-decoration: none;
	}
	
	#ubicacion {
		
		margin-top: 10px;
		height: auto;
		width: auto;
		
	}
	
	iframe {
		
		width: 95%;
		height: 100%;
	}
	
	#tabla-contacto {
		
		width: 100%;
	}
	
	#celda-formulario {
		
		width: 75%;
		border-right: 1px solid rgba(139,0,0,0.96);
		padding-right: 10px;
	}
	#celda-imagen{
		text-align: center;
	}
	
	#celda-imagen img {
		width: 75%;
	}
	
	#form-div {
		
		width: 100%;
		max-width: 100% !important;
		padding-bottom: 15px;
		padding-top: 15px;
		font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
        font-weight: 200;
        font-size: 18px; 
	
	}
	
	#form-div input[type="text"],
	#form-div input[type="email"],
	#form-div input[type="tel"],
	#form-div input[type="url"],
	#form-div textarea {
	
	    width:100%;
	    border:1px solid rgba(139,0,0,0.96);
	    background:#FFF;
	    margin:0 0 5px;
	    padding:12px 0px 12px 0px;
	    border-radius:5px;
	    margin-bottom: 3px;
	    margin-top: 3px;
	    
	}	
	
	#form-div button[type="submit"] {
	
	    cursor:pointer;
	    width:100%;
	    border:none;
	    background-color:rgba(139,0,0,0.96);
	    background-image:linear-gradient(bottom, solid rgba(139,0,0,0.96) 0%, #991D57 52%);
	    background-image:-moz-linear-gradient(bottom, solid rgba(139,0,0,0.96) 0%, #991D57 52%);
	    background-image:-webkit-linear-gradient(bottom, solid rgba(139,0,0,0.96) 0%, #991D57 52%);
	    color:#FFF;
	    margin:10px 0px 5px 0px;
	    padding:10px;
	    border-radius:5px;
	    font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
	    font-weight: 200;
        font-size: 18px; 
	    
	}
	
	-webkit-input-placeholder {
    	color:#444;
	}
	
	-moz-placeholder {
	    color:#444;
	}
	
	-moz-placeholder {
	    color:#444;
	}
	
	-ms-input-placeholder {
	    color:#444;
	}





	 /***************************
	     FIN CONTACTO
	***************************/
	
	
	
	 /***************************
	     INICIO FOOTER
	***************************/

	
	#separador {
		
		border-top: 1px solid rgba(139,0,0,0.96);
		margin: 10px 0px 10px 0px;
	}

	footer {
		
		overflow: hidden;
        font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
        font-weight: 300;
        font-size: 18px;
        background: #444;
        max-width: 100% !important;
        width: 100%;
        clear: both;
        position: relative;
        display: inline;
	}
	
	footer table {
		
		width: 100%;
		max-width: 100% !important;
		background: #444;
		padding: 3% 1.25% 1.25% 1.25%;	
	}
	
	.imagen-footer {
			  	
		width: 60%;
		border-radius: 90px;
		background-color: #fff;
		margin-right: 5%;
		border:3px solid rgba(139,0,0,0.96); 	
	}
	
	.celda-imagen {
		
		width: 5%;
	}
	
	.celda-texto {
		
		width: 25%;
		border-right: 1px solid rgba(139,0,0,0.96);
		color: #a8a8a8;
	}
	
	.celda-datafiscal {
		
		border-right: 1px solid rgba(139,0,0,0.96);
		width: 40%;
		padding-left: 5%;
		text-align: justify;
	}
	
	.celda-web {
		
		padding-left: 5%;
		padding-top: 10%;
		text-align: right;
		font-size: 15px;	
	}
	
	#copyrights {
		
		text-decoration: none;
		color: #a8a8a8;
		text-align: end;
	}
	
	 /***************************
	     FIN FOOTER
	***************************/
	
	
	 /**************************************
	     INICIO GALERÍA DE IMÁGENES
	************************************/
	
	#galerias p {
		
		padding: 1.5%;
	}
	
	#galerias-titulo {
		
		padding: 1.5%;
	}
	
	.fotosGalerias{
	
		width: 100%;
		text-align: center;
		padding: 1.5%;
		font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
        font-weight: 100;
        font-size: 15px;
		
	}

	
	 /**************************************
	    FIN GALERÍA DE IMÁGENES
	************************************/
	
	/**************************************
	    INICIO NOVEDADES
	************************************/
	
	.rojo{
		
		width:100%;
	    border:none;
	    background-color:rgba(139,0,0,0.96);
	    font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
	    font-weight: 200;
        font-size: 18px;
        text-align: center;
        color: #FFF;
        padding: 10px 10px 10px 10px;
        opacity: 0.8;
        margin: 0px -10px 0px -10px;
	}
	
	.blanco{
	
		width:100%;
	    border:none;
	    background-color:#FFF;
	    font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
	    font-weight: 200;
        font-size: 18px;
        text-align: center;
        color: rgba(139,0,0,0.96);
        padding: 10px 10px 10px 10px;
        opacity: 0.8;
        margin: 0px -10px 0px -10px;
	}
	
	.logoNovedades {
		
		float: left;
		padding-bottom: 0px;
		border-radius: 50px;
		border: 1.5px solid black;
		
		
	}
	
	.logoNovedadesBlanco {
		
		float: left;
		padding-bottom: 0px;
		border-radius: 50px;
		border: 1.5px solid rgba(139,0,0,0.96);
		
		
	}
	
	
	
	/**************************************
	    FIN NOVEDADES
	************************************/