@font-face {
  font-family: 'IcoMoon';
  src: url('../recursos/fonts/IcoMoon.eot');
  src: url('../recursos/fonts/IcoMoon.eot?#iefix') format('embedded-opentype'), url('../recursos/fonts/IcoMoon.woff') format('woff'), url('../fonts/IcoMoon.ttf') format('truetype'), url('../recursos/fonts/IcoMoon.svg#IcoMoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

a {
    color: #000;  
}

body {
  line-height: 24px;
}

a,
a:hover,
a:focus,
a:active {
    text-decoration: none;
    color: #000;
}

img {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
}

.logogeneral {
    cursor: pointer;
    background: url(../recursos/border-title.png) repeat-x bottom center;
     padding: 20px 0;
	
    
    -webkit-transition: opacity 0.7s ease-in-out;
    -moz-transition: opacity 0.7s ease-in-out;
    -ms-transition: opacity 0.7s ease-in-out;
    -o-transition: opacity 0.7s ease-in-out;
    transition: opacity 0.7s ease-in-out;
}

.logogeneral:hover {
     opacity: 0.5;
}

.logogeneral h1 {
    font-family: Raleway, sans-serif;
    text-align: center;
    text-transform: uppercase;
    font-weight: 700;
	font-size:40px;
    
}

#secciones {
    padding: 20px 0;
}

.logoseccion {
    cursor: pointer; 
    
    -webkit-transition: all 0.7s ease-in-out;
    -moz-transition: all 0.7s ease-in-out;
    -ms-transition: all 0.7s ease-in-out;
    -o-transition: all 0.7s ease-in-out;
    transition: all 0.7s ease-in-out;
}
.logoseccion>a>img {
    -webkit-transition: all 0.7s ease-in-out;
    -moz-transition: all 0.7s ease-in-out;
    -ms-transition: all 0.7s ease-in-out;
    -o-transition: all 0.7s ease-in-out;
    transition: all 0.7s ease-in-out;
}

.logoseccion:hover {
    opacity: 0.5;
    
}

.logoseccion:hover> a >img{
    -webkit-transform: rotateY(360deg);
    -moz-transform: rotateY(360deg);
    -ms-transform: rotateY(360deg);
    -o-transform: rotateY(360deg);
    transform: rotateY(360deg);
}

.logoseccion h2 {
    font-family: Raleway, sans-serif;
    text-align: center;
    text-transform: uppercase;
    font-weight: 700;    
}

#sp-footer {
    background: #a6a2a1;
    color: #fff;
    padding: 20px 0;
    font-family: Raleway, sans-serif;
    text-align: center;
    font-weight: 300;
}

#sp-footer a, #sp-footer a:hover,
#sp-footer a:focus,
#sp-footer a:active {
    color: #fff;
}
body { padding-bottom: 70px; }

.aviso-title {

}

.aviso-title h3{
    border: 1px solid #ccc!important;
    margin: 40px auto;
    padding: 20px 0;
    text-align: center;
    text-transform: uppercase;
    width: 50%;
}
.modal-body {
    padding: 40px;
}

.enlace {
    background:none!important;
     color:inherit;
     border:none; 
     padding:0!important;
     font: inherit;
     /*border is optional*/
     cursor: pointer;
}
button:focus {outline:0!important;}