/*
VARIABLES - UVIGO:
Azul primary: #395c75
Azul claro: #6789a4

Azul oscuro: #073349

*/
/*Menu Horizontal*/
/*Sub Menu*/
/*Menu Vertical*/
/* Colores */
@font-face {
  font-family: "Roboto", sans-serif;
  font-weight: "normal";
  font-style: "normal"; }
/* Inicio */
.inicio-body {
  font-family: "latoregular", "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 20px;
  margin: 0;
  padding: 0;
  margin: 0;
  padding: 0; }

.inicio-wrapper {
  color: #173275; }

/*Posicion iconos botones*/
.inicio-wrapper .ui-button-icon-only .ui-icon, .inicio-wrapper .ui-button-text-icon-left .ui-icon, .inicio-wrapper .ui-button-text-icon-right .ui-icon {
  position: absolute;
  top: 43%;
  margin-top: -8px; }

/*Color botones*/
.inicio-wrapper .ui-button, button.ui-button.ui-state-default, .ui-button.ui-state-default {
  background: #2657ca !important; }

.inicio-wrapper .ui-button.ui-state-hover {
  background: #173275 !important; }

/*Enlaces*/
.inicio-wrapper a {
  color: #173275;
  text-decoration: none; }

.inicio-wrapper a:hover {
  color: black; }

/*H1*/
.inicio-wrapper h1 {
  font-size: 25px; }

/*Cabecera*/
.inicio-wrapper .inicio-cabecera {
  background-color: white;
  position: fixed;
  left: 0;
  width: 100%;
  z-index: 101;
  min-height: 60px; }

.inicio-wrapper .inicio-cabecera .inicio-cabecera-contenido {
  width: 1240px;
  margin: 0 auto;
  padding-top: 10px;
  box-sizing: border-box; }

@media screen and (max-width: 1240px) {
  .inicio-wrapper .inicio-cabecera {
    min-height: 60px; }

  .inicio-wrapper .inicio-cabecera .inicio-cabecera-contenido {
    width: 100%;
    padding-left: 0px;
    padding-right: 5px; } }
/*Introduccion Slider*/
.inicio-wrapper .introduccion {
  width: 100%;
  min-height: 450px;
  padding-top: 20px;
  padding-bottom: 0px; }

.inicio-wrapper .introduccion .introduccion-contenido {
  width: 1240px;
  margin: 0 auto; }

@media screen and (max-width: 1240px) {
  .inicio-wrapper .introduccion {
    padding-top: 20px;
    padding-bottom: 0px;
    min-height: 230px; }

  .inicio-wrapper .introduccion .introduccion-contenido {
    width: 100%;
    margin: 0 auto;
    text-align: center; } }
@media screen and (max-width: 640px) {
  .inicio-wrapper .introduccion {
    padding-top: 20px;
    padding-bottom: 0px;
    min-height: 230px; } }
/*Seccion*/
.inicio-wrapper .seccion {
  padding-top: 0px;
  padding-bottom: 0px; }

.inicio-wrapper .seccion .seccion-contenido {
  width: 1240px;
  margin: 0 auto;
  text-align: left; }

@media screen and (max-width: 1240px) {
  .inicio-wrapper .seccion .seccion-contenido {
    width: 100%; } }
/*Pie*/
.inicio-wrapper .inicio-pie {
  background-color: #173275; }

.inicio-wrapper .inicio-pie a {
  text-decoration: none;
  color: white; }

.inicio-wrapper .inicio-pie a:hover {
  color: #ffffff; }

.inicio-wrapper .inicio-pie .inicio-pie-contenido {
  width: 1240px;
  margin: 0 auto;
  padding-left: 10px; }

.inicio-wrapper .inicio-pie .inicio-pie-contenido .pie-top {
  padding-top: 20px;
  padding-bottom: 20px; }

.inicio-wrapper .inicio-pie .inicio-pie-contenido .pie-bottom {
  padding: 0px 0px 20px 0px;
  border-top: 1px solid #a4a4a4; }

.inicio-wrapper .inicio-pie .logoPie {
  height: 200px;
  background-repeat: no-repeat;
  background-image: url("/voleipraiavigo/resources/images/voleipraiavigo/patrocinadores.png");
  background-size: contain; }

.inicio-wrapper .inicio-pie .listados {
  float: right; }

.inicio-wrapper .inicio-pie ul {
  float: left;
  margin: 0;
  padding: 0;
  list-style-type: none; }

.inicio-wrapper .inicio-pie li {
  padding: 10px; }

@media screen and (max-width: 640px) {
  .inicio-wrapper .inicio-pie .inicio-pie-contenido {
    width: 100%; }

  .inicio-wrapper .inicio-pie .inicio-pie-contenido .listados {
    float: left;
    padding-right: 10px; }

  .inicio-wrapper .inicio-pie .logoPie {
    height: 150px;
    background-repeat: no-repeat;
    background-image: url("/voleipraiavigo/resources/images/voleipraiavigo/patrocinadores.png");
    background-size: contain;
    margin-right: 15px; } }
@media screen and (min-width: 641px) and (max-width: 1240px) {
  .inicio-wrapper .inicio-pie .inicio-pie-contenido {
    width: 100%; }

  .inicio-wrapper .inicio-pie .inicio-pie-contenido .listados {
    padding-right: 10px; } }
.inicio-wrapper .pricing-name {
  font-size: 28px;
  display: block;
  min-height: 135px;
  margin-top: 10px; }

.inicio-wrapper .pricing-box {
  text-align: center;
  color: white;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-transition: background-color 0.3s;
  -o-transition: background-color 0.3s;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
  background-color: #173275;
  min-height: 190px;
  float: left;
  margin: 1%;
  padding: 1%;
  width: 20%;
  border: 1px solid #173275;
  border-radius: 3px;
  box-shadow: 1px 1px 1px #173275; }

.inicio-wrapper .pricing-box:hover {
  background-color: white;
  color: black; }

.inicio-wrapper .pricing2-name {
  font-size: 28px;
  display: block;
  min-height: 115px;
  margin-top: 10px; }

.inicio-wrapper .pricing2-box {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-transition: background-color 0.3s;
  -o-transition: background-color 0.3s;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
  background-color: #173275;
  min-height: 190px;
  float: left;
  margin: 1%;
  padding: 1%;
  width: 20%;
  border: 1px solid #173275;
  border-radius: 3px;
  box-shadow: 1px 1px 1px #173275; }

.inicio-wrapper .pricing2-box:hover {
  background-color: #173275;
  color: black; }

@media screen and (max-width: 1240px) {
  .inicio-wrapper {
    width: 100%; }

  .inicio-wrapper .pricing-name {
    font-size: 20px;
    display: block;
    min-height: 80px; }

  .inicio-wrapper .pricing-box {
    min-height: 140px; }

  .inicio-wrapper .pricing2-name {
    font-size: 20px;
    display: block;
    min-height: 80px; }

  .inicio-wrapper .pricing2-box {
    min-height: 140px; } }
@media screen and (max-width: 920px) {
  .inicio-wrapper {
    width: 100%; }

  .inicio-wrapper .pricing-name {
    font-size: 20px;
    display: block;
    min-height: 50px; }

  .inicio-wrapper .pricing-box {
    min-height: 100px;
    width: 95%;
    margin: 1%; }

  .inicio-wrapper .pricing2-name {
    font-size: 20px;
    display: block;
    min-height: 50px; }

  .inicio-wrapper .pricing2-box {
    min-height: 100px;
    width: 95%;
    margin: 1%; } }