/* NORMAS GENERALES*/
   *{font-family:Segoe, Segoe UI, DejaVu Sans, Trebuchet MS, Verdana, sans-serif;}
   /*Script de cookies*/
       .cookietool-message{ 
          background-color: rgba(0,0,0,1.00);
          color:white;
          text-align: center;
        }
        input, button, select, textarea{background-color:gray;}
/* FIN DE NORMAS GENERALES*/
	 
/* MENU NAVEGACIÓN*/
    .navbar-brand{height:150px}
    ul.nav{margin-top:-30px;}
    header .container{
      background-image:url(imagenes/fondo_body.png);
      
    }
		.titulo container{padding:0;}
 /* Estética de botones*/
    .navbar-default .navbar-nav > li > a:hover{
      background-color:rgba(197,197,255,1.00);
      }
    .navbar-default .navbar-nav > li > a{color:black;}
    li{
      margin-left:20px;
      }
    .navbar-nav > li > a{padding:5px 20px}
		.navbar-toggle{background-color:white;}
		.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{background-color:rgba(197,197,255,1.00);}
    button{width:45px;}
 /* Fin de estética de botones menú inicio */
		
 /* Estética de Titular FRANCISCO BUENDIA AGUADO y colegiado*/
    div.titulo h1{
      margin:0;
      padding-top:20px;
      }
     div.titulo h2{ 
      margin:5px;
      font-size:15px;
      font-style:italic;
		 }
 	
		 /*media queries de Francisco Buendia Aguado y nº colegiado */ 
			 @media (min-width: 993px){
				 div.titulo h1{ font-size:35px;}
				 div.titulo h2{font-size:25px;}
				 }
			 @media (max-width: 992px){
				 div.titulo h1{ font-size:25px;} 
				 div.titulo h2{font-size:20px;}
				 }
			 @media (max-width: 728px){
				 div.titulo h1{ font-size:20px;}
				 div.titulo h2{font-size:15px;}
				 }
			 @media (max-width: 665px){
				 div.titulo h1{ font-size:20px;}
				 div.titulo h2{display:none;}
				 }
			 @media (max-width: 500px){h1{ display:none;}
				 }
				 
		 /* Media querie de logotipo*/
			 @media (max-width: 768px){
				 .navbar-header img{ 
							width:32%;
							height:32%;
							}
		 /*Media querie de botones alargados cuando se miniminiza*/
				ul.nav{
					margin:auto;
					padding-right:3%;
					}
				}
			 @media (max-width: 500px){
			 .navbar-header img{ 
				  width:124px;
				  height:80px;	
						}
				} 
        
 /*Fin de estética de Titular FRANCISCO BUENDIA AGUADO y colegiado*/
 
/* FIN DE MENU NAVEGACIÓN*/

/* FORMULARIO DE CONTACTO*/
   /* Tamaño y posición formulario*/
      .formulario {
        padding: 40px;
        background-color: rgba(227,227,253,0.93);
        border-radius: 20px;
      }
    /*Color del texto "CONTACTO"*/
      .formulario h1{
        color:rgba(50,50,255,1.00);
      }
     /*Características del marco del formulario*/
      form{
        border: 3px solid rgba(50,50,255,1.00);
        background-color:rgba(199,199,255,1.00);
        width: 700px;
        padding: 15px;
        border-radius: 20px;
        overflow: hidden;
      }
      .col-xs-12{margin:auto;}
      div.izquierda{
        float:left;
       
        }
      div.derecha{
        float:right;
   
        }
      div.informacion{ margin: 10px 0 0 40px;}
      form p{
        margin-bottom:20px;	
        color: gray;
      }
      input{
        color: black;
        padding:5px 0 5px 2px;
        font-size:16px;
        border-radius: 5px;
      }
    @media (max-width: 450px){
      .formulario{padding:40px 0;}
      }
      /*Tamaño y color de los contenedores de imput*/
      input, select, textarea{
        background-color:white;
        width:80%;
        }
      button{
        background-color:silver;
        margin-left:15px;
       
        }
     /* Tamaño del contenedor "Comentarios"*/
      .form-control{
        width:80%;
        }
      textarea.form-control{height:140px}
      label{ display: block;}
      span{ color:red;}
      label.enlinea{ display:inline;}
      .enviar{ 
        float:left;
        clear:left;
        width:60px;
      }
     /* Texto flotante de "Texto obligatorio"*/
      .formulario p{clear:both;}
     @media (min-width: 180px){
       input, select, textarea{width:100%;}
       .form-control{width:100%}
       }
     @media (max-width: 450px){
       div.izquierda, div.derecha{
         padding:0;
         }
        button{width:45px;}
       }
		/* CSS para ocultar campos antispam*/
    		.escondido{ display: none; }
/* FIN DE FORMULARIO DE CONTACTO*/

/* SECCIÓN DE ICONOS CIRCULARES*/
			.informacion_personal{
				margin:auto;
			  margin-top: 50px;
        height: 260px
				}
		/*Tamaño y caracteŕisticas de circulo concéntrico*/
			.ih-item.circle.effect1 .spinner{
				width:150px;
				height:150px;
				border:10px solid #3231FF;
				border-right-color:#C5C5FF;
				border-bottom-color:#C6C5FF;
				}
			.circulo{height:260px;}
		/*Tamaño y caracteŕisticas de información circular*/
			.ih-item.circle{
				width:140px;
				height:140px;
				background-color:#8D8DFF;	
				margin:auto;
				}
		/*Tamaño y caracteŕisticas de texto informativo*/
			.ih-item.circle.effect1 .info h3{
				font-size:16px;
				color:white;
				margin: 0px -40px; 
				padding: 45px 10px 100px 10px;
				}
			
			 .ih-item.circle.effect1 .info p{
				font-size:22px;
				color:black;
				margin: 0px -150px;
				padding:0;
				border-top:none;
				 }
			 @media (max-width: 550px){
				.ih-item.circle.effect1 .spinner{
					width:105px;
					height:105px; 
				 }
				.ih-item.circle{
					width:96px;
					height:96px;
				}
				/*Tamaño y caracteŕisticas de texto informativo*/
					.ih-item.circle.effect1 .info h3{
						font-size:12px;
						padding: 26px 10px 0 10px;
					}
					.ih-item.circle.effect1 .info p{
					font-size:14px;
					
					}
			 }
/* FIN DE SECCIÓN DE ICONOS CIRCULARES*/
/* INICIO DE FOOTER*/	
		
    footer a img{
       width:35px;
       height:35px;
   	 }
		footer p{
			color:gray;
			font-size:20px;}
		footer .btn{width:50px;}
    .aviso_legal a{
       width:100px;
       background-color:rgba(155,202,255,1.00);
       color:white;
			 float:right;
       position:relative;
       top:-50px;
      
      }
  @media (min-width: 500px){
    footer a.whatsapp{
      display:none;
      width:50px;
      height:50px;
      }
    }
	 @media (max-width: 460px){
		 .aviso_legal a{
       position:relative;
       top: 15px;
    	 float: none;
		 }
/* FIN DE FOOTER*/