body, html { }


#divContainer { height: 100%; }

/*

#divIndex{ 
	background-image: url('../imgs/background-lg.png');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	min-height: 100%;
}
*/

#divHeader {  color: #fff ; /*min-height: 400px; */ padding-bottom: 60px; }

/*#divFotografia { background-color: transparent ; margin-top: -70px; border:1px #444 solid;} 
#divFotografia { background: linear-gradient(180deg, #504D4D 60%, transparent 60%);  } */
#divFotografia { margin-top: -100px ; } 

#divWhite { color: #504D4D;}

#divFotter { background-color: #504D4D; color: #fff; }

.alto100 { height: 100%; }

.Nombre { font-size: 4vh; line-height: 35px; font-weight: bold; } 
.Apellidos { font-size: 3em; font-weight: 200; } 
.Puesto { font-size: 2em; line-height: 45px; color: #666; font-family: Roboto; font-weight: lighter; } 

.redes { width: 3em; }

.txt-redes { font-weight: lighter; font-size: .75em; }
.lnk-redes {text-decoration: none; color: #504D4D;} 

.text-contenidos { font-size: 1.5em; color: #666}

.accordion-button { font-size: .50em; }
.accordion-button:not(.collapsed){ color: #fff }

#seccion-acerca { background-color: #E2A765; }
#seccion-servicios { background-color:#FDD100 ; }
#seccion-eventos { background-color:#FDD100 ; }
#seccion-galeria { background-color: #F2EEE2; }
#seccion-contactame { background-color: #5D6D7C; }
#seccion-sucursales { background-color: #000; color:#fff; } 


li{ font-size: 1.5em; }

@media only screen and (max-width: 600px){

	/*.txt-redes { font-weight: lighter; font-size: .75em; }*/
	/*.Nombre { font-size: 2em; line-height: 35px;} */
	.Apellidos { font-size: 2em; } 
	.Puesto { font-size: 1em; line-height: 30px;} 
	.text-contenidos { font-size: 1em; }
	li { font-size: 1em; }
	#divHeader { min-height: 20px; }
}


@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
  #tarjeta{ height:100% !important; width:100% !important; }
}

@media  (max-width:429px){
	.imgFoto{ width:150px;  margin-top: 50px }
}


@media  (max-width:480px){
	.imgFoto{ width:150px;  margin-top: 50px }
	
}


.opacidadTarjeta{
        background: rgba(14,17,42,0.8);
    }

	#tarjeta{
		width: 428px;
		height: 100%;
		margin: 0 auto ;
		box-shadow: 5px 5px 15px #000;
		overflow: hidden;
		overflow-y: scroll;
		position: relative;
	}

	.carousel-indicators{display: none !important}

   #cortina1{
        border-right: 1px ridge #243968;
        animation: cortina1 4s 1 linear; 
    }
    
    #cortina2{
        border-left: 1px ridge #243968;
        animation: cortina2 4s 1 linear;
    }
    
    #animacion, #cortina1, #cortina2{
        position: absolute;
        z-index:30;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        background: transparent !important;
        background-size: cover;
        
    }

    #cortina1, #cortina2{
        width: 50%;
        z-index:35;
        background-size: cover!important;
    }
    
    #cortina1{
        width: 52%;
        left: -150%;
    }
    
    #cortina2{
        left: auto;
        right:  -150%;
    }
    
    @keyframes cortina1{
        from{left: 0;}
        to{left: -150%;}
    }
    
    @keyframes cortina2{
        from{right: 0;}
        to{right: -150%;}
    }    

    .btn-mas{
    	font-size: 1vh;
    }

    .addContact{
    	top: 210px;
    	left: 0px;
    	position: absolute;
    	max-width: 48px;
    	border-radius: 0px 10px 10px 0px;
    	background-color: #555;
    	z-index: 999;
    	animation-name : addContact ;
    	animation-duration: 1s;
    	animation-delay: 2s;
    }

    .contact{
    	text-decoration: none;
    	font-size: 1vh;
    	color: #fff;
    }
    .contact:hover{
    	text-decoration: none;
    	color:#fff;
    }

    @-webkit-keyframes addContact{
			0%{-webkit-transform:translate(0px,0px);}
			10%{-webkit-transform:translate(5px,0px);}
			20%{-webkit-transform:translate(0px,0px);}
			30%{-webkit-transform:translate(5px,0px);}
			40%{-webkit-transform:translate(0px,0px);}
			50%{-webkit-transform:translate(5px,0px);}
			60%{-webkit-transform:translate(0px,0px);}
			70%{-webkit-transform:translate(5px,0px);}
			80%{-webkit-transform:translate(0px,0px);}
			90%{-webkit-transform:translate(5px,0px);}
			100%{-webkit-transform:translate(0px,0px);}
		
    }


    .circle {
	    background-color: #EF8A32;
	    border-radius: 50%;
	    height: 3rem;
	    width: 3rem;
	    position: absolute;
	    line-height: 25px;
	    color: #fff;
	    left:220px;
	    top:230px;
	    border:2px solid #fff;
	}
	.circle>p{
			width:100%; 
			height: 100%; 
			font-size:4rem;
			left:0px;
			top:10px;
			position: absolute;
			font-family: Courier;
	}
	     

    .visitas{
    	top: 210px;
    	right: 0px;
    	position: absolute;
    	width: 60px;
    	border-radius: 10px 0px 0px 10px;
    	background-color: #555;
    	z-index: 999;
    	animation-name : addContact ;
    	animation-duration: 1s;
    	animation-delay: 2s;
    }

    .number{
    	font-weight: bold;
    	/*font-size: 2vh !important;*/
    	color: #fff;
    }