@import url('https://fonts.googleapis.com/css?family=Lato');
@import url(http://fonts.googleapis.com/css?family=Open+Sans);

body {
   margin: 0;
}

#headertop {
   width: 100%;
   height: 30px;
   background-color: #EAEAEA;
}

#cajaidiomas {
   width: 100%px;
   height: 100%;
   max-width: 1000px;
   margin: 0 auto;
   padding-right: 20px;
   padding-top: 5px;
   text-align: right;
   text-decoration: none;
   font-family: 'Lato', 'Open Sans', sans-serif;
   font-size: 12px;
   font-weight: bold;
   color: white;
}

#imglogo {
   background: url(https://zonacliente.gestoriaanitua.com/img/Header-zonacliente-Gestoria-Anitua-Vitoria.jpg);
   width: 100%;
   height: auto;
   margin: 0;
   overflow: hidden;
   box-sizing: border-box;
   display: inline-block;
}

#logo{
   width: 100%;
   height: 161px;
   margin: 0;
   overflow: hidden;
   box-sizing: border-box;
   background-image: url(https://zonacliente.gestoriaanitua.com/img/Header-zonacliente-Gestoria-Anitua-Vitoria.jpg );
   background-position: left top;
   background-repeat: no-repeat;
   background-size: contain;
/*   line-height: 100px;*/
/*	font-family: 'Lato', 'Open Sans', Arial, Helvetica, sans-serif;*/
/*	font-size: 24px;*/
/*	font-weight: normal;*/
/*	color: #404040;*/
/*   text-align: right;*/
}

#imatge {
   width: 100%;
   height: 350px;
   margin: 0;
   box-sizing: border-box;
   background-image: url(../img/anitua.jpg);
   background-position: center center;
   background-repeat: no-repeat;
   background-size: cover;
}

.reset {
   clear: both;
}

.colorfondo {
	background-color: #F9FFFE;
	color: #666633
}

.colorheader {
	background-color: #95A994
}

.colorclaro {
	background-color: white
}

.textoheadersecundario {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: black
}

.titulobotonmenus{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
    font-weight: bold;
}

.botonmenus {
   font-family: verdana, arial, sans-serif;
   font-size: 8pt;
   font-weight: normal;
   padding: 2px;
   background-color: #E1EFE0;
   color: #666666;
   text-decoration: none;
}

.botonmenus:hover {
   font-weight: normal;
   color: black;
   font-size: 8pt;
}

.botonvolver {
   font-family: verdana, arial, sans-serif;
   font-size: 8pt;
   font-weight: normal;
   padding: 2px;
   background-color: #F9FFFE;
   color: #666666;
   text-decoration: none;
}

.botonvolver:hover {
   font-weight: bold;
   font-size: 8pt;
}

.textotituloiframe {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: black
}

.textoiframe {
	font-family: lucida sans unicode, verdana, arial, helvetica, sans-serif;
	font-size: 12px;
}

.textoiframesmaller {
	font-family: lucida sans unicode, verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	color: black
}

.botonidioma {
   font-family: verdana, arial, sans-serif;
   font-size: 7pt;
   font-weight: regular;
   padding: 2px;
   background-color: #E1EFE0;
   color: #A4A4A4;
   text-decoration: none;
}

.botonidioma:hover {
   color: black;
}

.caixatexte {
	border: 1px solid Gray;
}

.textopequeno {
	font-family: tahoma, verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	color: black
}

.textofino {
	font-family: tahoma, verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	color: Gray;
}

.textoblanco {
	font-family: tahoma, verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	color: white
}

.textogrande {
	font-family: tahoma, Verdana ;
	font-size: 16px;
	font-weight: bold;
	color: black
}

.membretebajo {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #AD3C0C
}

.tarial14negro {
	font-family: 'Lato', 'Open Sans', Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #404040
}

.tidioma {
   color: #FFFFFF;
   text-decoration: none;
}

.tidioma:hover {
   color: #000000;
   text-decoration: none;
   cursor: pointer;
}

/********************************************/
/****   media queryes                    ****/
/********************************************/

@media screen and (max-width: 715px) {
   #headertop {
      width: 100%;
      height: 15px;
      background-color: #EAEAEA;
   }

  #imglogo {
      content: url(https://zonacliente.gestoriaanitua.com/img/Header-zonacliente-Gestoria-Anitua-Vitoria-Movil.jpg);
      width: 100%;
      height: auto;
      margin: 0;
      box-sizing: border-box;
      background-position: left center;
      display: inline-block;
   }

  #logo {
      background-image: url(https://zonacliente.gestoriaanitua.com/img/Header-zonacliente-Gestoria-Anitua-Vitoria-Movil.jpg);
      background-repeat: no-repeat;
      background-position: left top;
      background-size: contain;
   }

   #imatge {
      display: none;
   }
}

/* Landscape phones and down */
@media screen and (max-width: 480px) {
   #headertop {
      width: 100%;
      height: 15px;
      background-color: #EAEAEA;
   }

   #imglogo {
      content: url(https://zonacliente.gestoriaanitua.com/img/Header-zonacliente-Gestoria-Anitua-Vitoria-Movil.jpg);
      width: 100%;
      height: auto;
      margin: 0;
      box-sizing: border-box;
      background-position: left center;
      display: inline-block;
   }

   #logo {
      background-image: url(https://zonacliente.gestoriaanitua.com/img/Header-zonacliente-Gestoria-Anitua-Vitoria-Movil.jpg);
      background-repeat: no-repeat;
      background-position: left top;
      background-size: contain;
   }
}