/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Mar 9, 2017, 5:24:04 PM
    Author     : jose Garcia-Romeu
*/
/*div {
    font-size: 14px;
    color: red;
}
*/
body {
    /* Ubicación de la imagen */
    /*background-image : url("/asesoriavg/imagenes/map5500anchogrissombras.png");*/
    /* Para dejar la imagen de fondo centrada, vertical y horizontalmente */
    background-position: center center;
    /* Para que la imagen de fondo no se repita */
    background-repeat: no-repeat;
    /* La imagen se fija en la ventana de visualización para que la altura de la imagen no supere a la del contenido */
    background-attachment: fixed;
    /* La imagen de fondo se reescala automáticamente con el cambio del ancho de ventana del navegador */
    background-size: cover;
    /* Se muestra un color de fondo mientras se está cargando la imagen
    de fondo o si hay problemas para cargarla */
    /*background-color: #669999;*/
      background-color: #FFFFFF;
     font-family:Lato,sans-serif;
    font-weight:400;
    margin: 0;
    font-size:1rem;   
 }
  /* fuente */
 @font-face {
        font-family: MiFuente;
        src: url(/asesoriavg/fuentes/PaulSignature.ttf);
}
 .texto1 {
        font-family: “MiFuente”, Arial, Verdana, sans-serif;
         color: #2374B6;
        font-size:25px;
 }       
 h1{
     text-align:center;
 }
 #entorno {
    width: 100%;
    text-align: center;
    margin-top: 0px;
 }
 #pagina {
 width: 100%;
 margin-left:auto;
 margin-right:auto;
 }
/* #cabecera {
 width: 100%;
 background-color:#FFFFFF;
 height: 145px;
 margin-top: 10px;
 margin-bottom: 10px;
 }*/
 #contenido {
 position:relative;
 padding-top:30px;
 width: 100%;
 height: 100%;
 } 
 .textodesde{
            margin-top: 10px;
            color: rgb(0,0,0);
            font-size:40px;
            text-align:center;
            margin-bottom: 10px;
 }
 #barracook{
     display:none;
     position:fixed;
     left:0px;
     right:0px;
     bottom:0px;
     padding:20px;
     width:100%;
     min-height:60px;
     background-color:rgba(0,0,0,.7);
     color:#fff;
     z-index:99999;
}
::after ::before{
    box-sizing:inherit;
}
#politicadepriv{
    margin-left:auto;
     margin-right:auto;
     bottom:0px;
     padding:2px;
     width:800px;
     height:400px;
     min-height:60px;
     background-color:rgba(0,0,0,.7);
     color:#fff;
}
#caja_map{
     margin-left:auto;
     margin-right:auto;
     bottom:0px;
     padding:2px;
     width:800px;
     height:400px;
     min-height:60px;
     background-color:rgba(0,0,0,.7);
     color:#fff;
}
#map {
     height: 100%;
     width: 100%;
             }    
             
.slide{ 
     border: .2em solid #000000; 
     width: 726px; 
     height: 360px; 
     margin: 2% auto; 
     border-radius: .5em; 
     box-shadow: 10px 10px 5px #888; 
     position: relative; 
 } 
   
.slide img{ 
    width: 720px; 
    height: 355px; 
    position: absolute;
   /* position: relative; */
} 
  
 .slide .img1, .slide .img2, .slide .img3, .slide .img4, .slide .img5 { 
     /*display: none;*/
     display: block;
 }
 
 figure{ 
     margin: 0;
     padding: 3px 0px 0px 3px;
 } 

 header {
	display: block;
        width:100%; /* Establecemos que el header abarque el 100% del documento */
	overflow:hidden; /* Eliminamos errores de float */
	background:#888;
	/*margin-bottom:10px;*/
        margin:auto; /* Centramos los elementos */
        max-height: 20%;
        }
 
.cabecera {
	width:90%; /* Establecemos que el ancho sera del 90% */
	//max-width:1000px; /* Aqui le decimos que el ancho máximo sera de 1000px */
	margin:auto; /* Centramos los elementos */
	overflow:hidden; /* Eliminamos errores de float */
}
 
header .logo {
	color:#000000;
	font-size:0px;
	//line-height:200px;
        margin-top: 10px;
        margin-bottom: 10px;
        margin-left: 10%;
	float:left;
        max-width: 30%
}

 
header nav {
	float:right;
        margin-top:5%;
        margin-right: 10%;
	//line-height:50px;
}
 
header nav a {
	display:inline-block;
	color:#000000;
	text-decoration:none;
	padding:10px 20px;
	line-height:normal;
	font-size:20px;
	font-weight:bold;
	-webkit-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	transition:all 500ms ease;
}
 
header nav a:hover {
	background:#f2f2f2;
	border-radius:50px;
}
.header2 {
	top:0;
        position: fixed;
        margin-top: 0px;
        margin-bottom: 0px;
        z-index:99999;
        background:#888; /*color cabecera*/
        max-height: 20%;
	//height:100px;
}
.header2 .logo {
	//line-height:100px;
        margin-top: 0px;
        margin-bottom: 0px;
	font-size:0px;
        max-width: 30%;
       }

.header2 nav {
    margin-top:2%;
    
        //line-height:normal;  
}

@media screen and (max-width: 950px) {
        header .logo{
                width:100%;
		text-align:center; /*Centramos el menu y el logotipo*/
		max-width: 60%;
                
         }
	
        header nav {
		text-align:right; /*Centramos el menu y el logotipo*/
               padding-left: 10px;
                   }
        header nav #boton_volver {
                font-size: 15px;
                background-color:#ffffff;
                border-radius:50px;
               
                   }
	.header2 {
		height:auto;
	}
 
	.header2 .logo,
	.header2 nav {
		line-height:50px;
	}
}

img {
    max-width: 100%;
    height: auto;
}

.InfLegal {
     margin-left:auto;
     margin-right:auto;
     bottom:0px;
     padding:5%;
     min-height:60px;
     background-color:rgba(255,255,255,.7);
}
pie {
	width:100%; /* Establecemos que el header abarque el 100% del documento */
	overflow:hidden; /* Eliminamos errores de float */
	background:#252932;
	//margin-bottom:5px;
}

 footer {
	display: flex;                  /* establish flex container */
        flex-direction: row;            /* default value; can be omitted */
        flex-wrap: nowrap;              /* default value; can be omitted */
        justify-content: space-between; /* switched from default (flex-start, see below) */
        width:100%; /* Establecemos que el header abarque el 100% del documento */
        overflow:hidden; /* Eliminamos errores de float */
	background:#252932;
	/*margin-bottom:10px;*/
        margin:auto; /* Centramos los elementos */ 
        /* footer siempre al fondo */ 
        position:fixed; 
        bottom:0px; 
        left:0px; 
        }
        a.texto_pie {
            color: rgb(191, 191, 191);
            font-size:12px;
            text-align:center;
        }
.cuerpocontacto{
     margin-left:auto;
     margin-right:auto;
     margin-bottom:auto;
     margin-top:10px;
     padding:2px;
     width:80%;
     height:90%;
     background-color:rgba(f,f,f);
     color:#000;
}
#cabeceracpct{
    margin:auto;
    bottom:10px;
    color:#000;
    font-style: normal;
}
#contactocpct{
    margin:auto;
    bottom:1px;
    color:#000;
    font-style: normal;
}
#horariocpct{
    margin:auto;
    bottom:1px;
    color:#000;
    font-style: normal;
    text-align: center;
}
#direccioncpct{
    margin:auto;
    bottom:1px;
    color:#000;
    font-style: normal;
}
#cenefacontacto {
  display: flex;                  /* establish flex container */
  flex-direction: row;            /* default value; can be omitted */
  flex-wrap: nowrap;              /* default value; can be omitted */
  justify-content: space-between; /* switched from default (flex-start, see below) */
  background-color: #fff
}
.avg_aviso_legal{
    font-size: 16px;
    font-weight: 300;
    line-height: 25.6px;
    text-rendering:optimizelegibility;
}
#logosizquierda{
    margin-top:0px;
    color:#000;
    font-style: normal;
    float: left;
    margin-left:2%;
    width:200px;
    height:550px;
}
#logosderecha{
    color:#000;
    font-style: normal;
    float: right;
    margin-right:1%;
    margin-top:5%;
    height:100px;
    width:100px;
}
.cuerposervicios{
     margin-left:auto;
     margin-right:auto;
     margin-bottom:auto;
     margin-top:10px;
     padding:2px;
     width:90%;
     height:90%;
     background-color:rgba(f,f,f);
     color:#000;
}
.enlacesigueme {
color: #000;
font-family: "Tahoma", "Geneva", sans-serif;
font-weight:bold;
font-size:20px;
text-decoration: none;
line-height:20px;
}
.avgaviso {
color: #000;
font-family: "Tahoma", "Geneva", sans-serif;
font-weight:bold;
font-size:20px;
text-decoration: none;
line-height:20px;
}
#cabeceracpse{
    margin:auto;
    bottom:10px;
    color:#000;
    font-style: normal;
}
#laboralcpse{
    width:22%;
    margin:16px;
    bottom:1px;
    color:#000;
    font-style: normal;
    font-family: "Tahoma", "Geneva", sans-serif;
}
#fiscalcpse{
    width:22%;
    margin:16px;
    bottom:1px;
    color:#000;
    font-style: normal;
    font-family: "Tahoma", "Geneva", sans-serif;
}
#contablecpse{
    width:22%;
    margin:16px;
    bottom:1px;
    color:#000;
    font-style: normal;
    font-family: "Tahoma", "Geneva", sans-serif;
}
#mercantilcpse{
    width:22%;
    margin:16px;
    bottom:1px;
    color:#000;
    font-style: normal;
    font-family: "Tahoma", "Geneva", sans-serif;
}
#juridicocpse{
    width:15%;
    margin:16px;
    bottom:1px;
    color:#000;
    font-style: normal;
    font-family: "Tahoma", "Geneva", sans-serif;
}
#cenefaservicios {
  display: flex;                  /* establish flex container */
  flex-direction: row;            /* default value; can be omitted */
  flex-wrap: nowrap;              /* default value; can be omitted */
  justify-content: space-between; /* switched from default (flex-start, see below) */
  background-color: #fff
}
#huecocontacto{
    width: 100%;
    height: 120px;  /* tamaño del footer */
          
}
.luz.on{
  color: #0099ff;/*color del texto al cambiar*/
  text-shadow:
     1px  1px rgba(255, 255, 255, .1),
    -1px -1px rgba(0, 0, 0, .88),
     0px  0px 20px #0099ff;/*color de la luz del texto*/
}
.luz{
  font-size:20px;/*tamaño de la fuente*/
  color: #000000;
  text-shadow:
     1px  1px rgba(255, 255, 255, .1),
    -1px -1px rgba(0, 0, 0, .88);
}