@import url("https://fonts.googleapis.com/css?family=Roboto:400,300,500,500italic,700,700italic,400italic,300italic");
/*@import url("bootstrap.css");*/
/*@import url("../fonts/font-awesome.css");*/

@font-face {
  font-family: glyphicons;
  src: url(../fonts/glyphicons-halflings-regular.woff);
}

@font-face {
  font-family: hack;
  src: url(../fonts/Hack-Regular.ttf);
}

@font-face {
  font-family: fontawesome;
  src: url(../fonts/fontawesome-webfont.woff);
}

* {
  margin: 0;
  padding: 0;
  -moz-font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  font-family: fontawesome, sans-serif;
  font-size: 16px;
  line-height: 1.1;
  font-weight: 300;
}

body {
  /*font-family: 'Roboto', Arial, sans-serif;*/
  color: #000000;
  /*font-size: 14px;*/
  
  /*background-color: #ffcccc;*/
  background-color: white;
  width: 100%;
  margin: 0 auto;
  overflow-x: hidden;
  overflow-y: scroll;
}

a
{
	text-decoration: none;
	color: #0955A4;
}

a:hover
{
	text-decoration: underline;
	color: blue;
}

/*---------------------------------------------------------------------------cabecera---------------------------------------------------------------------------*/

#cabecera_de_pagina
{
  display: grid;
  place-items: center;
  width: 100%;
  background-color: #C7C7C7;
  border-bottom: 2px solid #0955A4;
}

#cabecera_de_pagina a
{

}

.logo_principal
{
  max-height: 250px;
  width: auto;
}

.titulo_principal
{
  
}


/*---------------------------------------------------------------------------menu---------------------------------------------------------------------------*/