@charset "utf-8";
/* CSS Document */

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

/* Principal */
body{ width: 100%; height: 100%; background: url(../images/fondo.jpg) top center no-repeat; color: #333; font-family: 'Century Gothic 2', Arial;}
header{ width: 1000px; height: 328px; margin: 0 auto; padding: 0; display: block; }
header img{ margin: 0; padding: 0; }
section#principal{ background: #FFF; width: 950px; margin: 0 auto; padding: 40px 25px; min-height: 500px; -webkit-box-shadow: 0px 0px 2px rgba(100, 100, 100, 0.75); -moz-box-shadow: 0px 0px 2px rgba(100, 100, 100, 0.75); box-shadow: 0px 0px 2px rgba(100, 100, 100, 0.75); }
footer{ width: 1000px;  padding: 10px 0; margin: 0 auto; }
.rss_32, .facebook_32, .twitter_32, .googleplus_32, .pinterest_32, .youtube_32{  display: block; height: 32px; width: 32px; }
.rss_32{   background: url("../images/redes-iconos.jpg") no-repeat 0 0 transparent; }
.facebook_32{   background: url("../images/redes-iconos.jpg") no-repeat -32px 0 transparent; }
.twitter_32{   background: url("../images/redes-iconos.jpg") no-repeat -64px 0 transparent; }
.googleplus_32{   background: url("../images/redes-iconos.jpg") no-repeat -96px 0 transparent; }
.pinterest_32{   background: url("../images/redes-iconos.jpg") no-repeat -128px 0 transparent; }
.youtube_32{   background: url("../images/redes-iconos.jpg") no-repeat -160px 0 transparent; }
ul.redes-sociales{ list-style-type: none; display: inline-block; float: right; padding: 12px 0; }
.redes-sociales li{ display: block; float: left;  list-style-type: none; }
.redes-sociales li:hover{ opacity: 0.75 }
#copyright{ clear:both; width: 1000px; margin: 0 auto; padding: 10px 0; text-align: right; font-size: 13px; }
#copyright a{ color: #333; }
#copyright a:hover{ color: #999; }

/* Principal */
a{ color: #D92F30; text-decoration: none; }
a:hover{ color: #999; }
a:hover img{ opacity: 0.75; }
#content{ width: 650px; float: left; }
#content h1{ font-size: 20px; padding: 10px 0; }
#content h3{ font-size: 18px; padding: 10px 0; }
p, #content ul li{ padding: 10px 0; line-height: 1.5; font-size: 17px; }
#content ul{ padding: 0 0 0 40px; }
#content #galeria{ padding: 20px 0 0; }
#content #galeria li{ display: inline-block; list-style: none; }
.h2-container{ font-size: 17px; line-height: 1.5; padding-top: 10px; }
.h2-container h2{ display: inline !important; font-weight: normal; font-size: 17px; }

#sidebar{ width: 200px;  padding: 25px; -webkit-box-shadow: 0px 0px 2px rgba(100, 100, 100, 0.75); -moz-box-shadow: 0px 0px 2px rgba(100, 100, 100, 0.75); box-shadow: 0px 0px 2px rgba(100, 100, 100, 0.75); background-color: #f6f6f6; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
#sidebar h3{ font-size: 18px; text-align: center; padding-bottom: 10px; }
#sidebar p{ line-height: 1; }
#sidebar input[type=text], #sidebar textarea{ width: 190px; border: none;  -moz-box-shadow: 0px 0px 2px rgba(100, 100, 100, 0.75); box-shadow: 0px 0px 2px rgba(100, 100, 100, 0.75); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin-top: 5px; padding: 5px; }
#sidebar textarea{ resize: none; height: 100px; }
#sidebar form > p:last-child{ font-size: 12px; text-align: center; }
#sidebar input[type=button]{ padding: 5px 15px; background-color: #666; color: #FFF; border: none; -moz-box-shadow: 0px 0px 2px rgba(100, 100, 100, 0.75); box-shadow: 0px 0px 2px rgba(100, 100, 100, 0.75); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; cursor: pointer; }
#sidebar input[type=button]:hover{ background-color: #333; }
#sidebar #mensaje{ display: none; margin-top: 10px; text-align: center; -moz-box-shadow: 0px 0px 2px rgba(100, 100, 100, 0.75); box-shadow: 0px 0px 2px rgba(100, 100, 100, 0.75); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 5px; }

#sidebar2{ width: 200px; float: right; padding: 25px; margin-top: 20px; -webkit-box-shadow: 0px 0px 2px rgba(100, 100, 100, 0.75); -moz-box-shadow: 0px 0px 2px rgba(100, 100, 100, 0.75); box-shadow: 0px 0px 2px rgba(100, 100, 100, 0.75); background-color: #f6f6f6; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
#sidebar2 h3{ font-size: 18px; text-align: center; padding-bottom: 10px; }
#sidebar2 ul{ padding-left: 20px; }
#sidebar2 ul li{ /*list-style: none; text-align: center;*/ list-style:circle; padding: 5px 0; }
#sidebar2 ul li a{ color: #666; font-size: 13px; }

#slider_wrapper{float:right;}

/* Modificación landing 21/10/2019 */
#boton-catalogo-header{ margin-bottom: 5%;}
#boton-catalogo-footer{ margin-top: 10%; }
#boton-catalogo-header .boton-enlace, #boton-catalogo-footer .boton-enlace{ text-align: center; }
#boton-catalogo-header .boton-enlace .hvr-sweep-to-right, #boton-catalogo-footer .boton-enlace .hvr-sweep-to-right{ font-weight: bold; border: solid 1px; padding: 10px 15px; /*text-transform: capitalize;*/ display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; }
#boton-catalogo-header .boton-enlace .hvr-sweep-to-right:hover, #boton-catalogo-footer .boton-enlace .hvr-sweep-to-right:hover{ border-color: transparent; color: #FFFFFF; background-color: #D92F30; }
#boton-catalogo-header .boton-enlace .hvr-sweep-to-right::before, #boton-catalogo-footer .boton-enlace .hvr-sweep-to-right::before{ content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #D92F30; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }
#boton-catalogo-header .boton-enlace .hvr-sweep-to-right:hover::before, #boton-catalogo-footer .boton-enlace .hvr-sweep-to-right:hover::before{ -webkit-transform: scaleX(1); transform: scaleX(1); }
#boton-catalogo-header .boton-enlace .hvr-sweep-to-right .hvr-icon, #boton-catalogo-footer .boton-enlace .hvr-sweep-to-right .hvr-icon{ -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition-duration: 0.1s; transition-duration: 0.1s; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }
#boton-catalogo-header .boton-enlace .hvr-sweep-to-right:hover .hvr-icon, #boton-catalogo-footer .boton-enlace .hvr-sweep-to-right:hover .hvr-icon{ -webkit-transform: translateX(4px); transform: translateX(4px); }
