/* PRELOAD */
		@keyframes precarga {
			0%   {top: 49%;left:47%;background-color:red}
			25%  {top: 54%;left:47%;background-color:blue}
			50%  {top: 54%;left:50%;background-color:green}
			75%  {top: 49%;left:50%;background-color:yellow}
			100% {top: 49%;left:47%;background-color:red}
		}
		#preload{
			position:fixed;
			z-index:1050;
			left:0px; top:0px;
			background-color:white;
			height:100%; width:100%;
		}
		#cuadro1,#cuadro2,#cuadro3,#cuadro4{
			width:20px;
			height:20px;
			background-color:red;
			position:absolute;
			top:49%;
			left:47%;
		}
		#cuadro1{animation: precarga 2s 0s infinite;}
		#cuadro2{animation: precarga 2s 0.5s infinite;}
		#cuadro3{animation: precarga 2s 1s infinite;}
		#cuadro4{animation: precarga 2s 1.5s infinite;}
		
		body{
			margin: 0px;
			padding: 0px;
			background-image: url(images/P1011212.jpg);
			background-attachment: fixed;
			background-repeat: no-repeat;
			background-size: cover;
			font-family: 'Roboto', sans-serif;
		}
		.separador{
			margin-bottom:20px;
			margin-top:20px;
			border:2px #66CCFF dashed;
			width:30%;
			margin-left:35%;
		}
		/*CABECERA*/
		header{
			height: 600px;
		}
		/* MODIFICAMOS EL NAVBAR DE BOOTSTRAP A NUESTRO GUSTO */
		.navbar-fixed-top{
			background-color:rgba(0,0,0,.3);
		}
		#navbar a{
			color:white;
			background-color:rgba(0,0,0,.3);
		}
		#navbar a:hover{
			color:red;
			background-color:#ffffff;
		}	
		
		#logo{
			width: 300px;
			margin-left: 10%;
		}
		#logo img{
			width: 100%;
		}
		#contenedor{
			background-color: white;
		}
		#titulo{
			width:100%;
			text-align:center;
		}
		#titulo h1, #titulo h3{
			color:white;
			font-weight:bold;
		}
		#titulo h1{
			padding-top:0px;
			margin-top:0px;
		}
		/*CAJA ADAPTABLE CON H2 IMAGEN TEXTO*/
		.caja{
			width: 84%;
			margin-top: 20px;
			box-sizing: border-box;
			padding: 10px;
			border: 1px solid #cdcdcd;
			box-shadow: 2px 2px #cdcdcd;
		}
		.caja img{
			width: 100%;
			border-radius: 5px;
		}
		.caja h2{
			border-bottom: 1px solid #cdcdcd;
			color: #cdcdcd;
			font-weight: bold;
		}
		/* CAJA CON IMAGEN DE FONDO Y TEXTO*/
		.caja_fondo{
			background-image:url(images/Leonardo_Phoenix_quiero_para_una_asesoria_contaable_una_imagen_0.jpg);
			background-attachment: fixed;
			background-repeat: no-repeat;
			background-size:100% 100%;
			height: 400px;
			margin-top: 20px;
		}
		.caja_fondo div{
			background-color: rgba(180,180,220,0.50);
			height: 100%;
		}
		.caja_fondo h1{
			color: black;
			text-align: center;
			padding-top: 60px;
		}
		/* SECCION DE PERSONAS*/
		#quienes_somos > h1{
			text-align: center;
			padding-top: 20px;
		}
		.caja2{
			width: 60%;
			margin-top: 20px;
		}
		.caja2 img{
			width: 100%;
			transition: .5s;
		}
		.caja2 img:hover{
			transform:scale(1.25,1.25);	
		}
		.caja2 h2{
			text-align: center;
			color: #cdcdcd;
			font-weight: bold;
		}
		/*SECCION CONTACTO*/
		#contactar{
			background-color:rgb(180,180,220);
			padding-bottom:30px;
			color:#fff;
		}	
		#contactar  > h1{
			text-align: center;
			padding-top: 20px;
			margin-bottom:25px;
		}			
		#contactar #formulario{
			padding: 10px;
			border: 1px solid #ffffff;
			box-shadow: 2px 2px #ffffff;
			font-weight: bold;
		}
		
		#contactar #formulario div{
			margin-top: 15px;
		}
		
		#contactar #formulario input{
			width: 90%;
			height:25px;
			margin-left:5%;
			padding-left:5px;
			color:black;
		}
		#contactar #formulario textarea{
			width: 90%;
			height:25px;
			margin-left:5%;
			height: 200px;
			padding-left:5px;
			color:black;
		}
		#contactar #formulario input[type="submit"]{
			background-color:#fff;
			color: rgb(153,153,153)
			font-weight:bold;
			width:50%;
			margin-left:25%;
			height:40px;
		}
		
		/* MAPA*/
		#donde_estamos > h1{
			text-align: center;
			padding-top: 20px;
		}
		#map{
			width:90%;
			margin-left:5%;
			height:400px;
			border:2px solid  #66CCFF;
		}
		
		/* SOCIALES */
		#sociales .social{
			color: RGB(180,180,220);
			letter-spacing:10px;
			text-align:center;
		}
		#sociales .social_name h2{
			color: RGB(180,180,220);
			text-align:center;
			margin-top:10px;
		}		
		#sociales{
			background-color:#FFF;
			padding-top:15px;
			padding-bottom:15px;
		}	
		
		/* FOOTER */
		footer{
			margin-top:15px;
			height:100px;
			background-color: rgb(180,180,220);
		}
		/* TRABAJOS REALIZADOS */
		#trabajos_realizados .columna{
			width:30%;
			float:left;
			margin-left:15%;
			margin-bottom:20px;
		}
		#trabajos_realizados .columna img{
			width:100%;
		}
		#trabajos_realizados .columna p{
			height:70px;
		}			
		#trabajos_realizados .carousel-indicators li{
			border-color:black;
		}
		#trabajos_realizados .oculto{
			position:relative;
			text-align:center;
			background-color:#000;
			top:-350px;
			font-size:3rem;
			color:white;
			opacity:0;
		}		
		#trabajos_realizados > h1{
			text-align: center;
			padding-top: 20px;
		}	
		/* IMAGENES */
		#seccion_imagenes > h1{
			text-align: center;
			padding-top: 20px;
		}
		#seccion_imagenes #misimagenes_movil img{
			width:96%;
			margin-left:2%;
		}	
		#seccion_imagenes #misimagenes_movil h2{
			text-align:center;
			padding-top:0px;
			margin-top:0px;
		}

a.leer-mas{
	text-align: center;
	text-decoration: none;
	display:block;
	margin-top:20px;
}

a.boton-leer:hover{
	color:#22031F;
}