@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: #FFF; color: #333; font-family: 'Century Gothic 2', Arial;}
header{ width: 100%; height:auto; margin: 0 auto; padding: 0; display: block; }
header img{ width: 100%; height: auto; margin: 0; padding: 0; }

header #top-header{ width: 100%; padding: 5px 0;
background: #f91105; /* Old browsers */
background: -moz-linear-gradient(top,  #f91105 0%, #990505 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f91105), color-stop(100%,#990505)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f91105 0%,#990505 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f91105 0%,#990505 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f91105 0%,#990505 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f91105 0%,#990505 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f91105', endColorstr='#990505',GradientType=0 ); /* IE6-9 */
}
header #top-header-wrap{ width: 1000px; margin: 0 auto; }
header #top-header-wrap span{ color: #FFF; display: inline-block; line-height: 25px; }
header #top-header-wrap span a{ color: #FFF; }
header #top-header-wrap #redes-sociales{ display: inline-block; float: right; }
header #top-header-wrap #redes-sociales li{ list-style: none; display: inline-block; }

#lema{ width: 100%; padding: 10px 0; margin-top: -3px;
background: #f91105; /* Old browsers */
background: -moz-linear-gradient(top,  #f91105 0%, #990505 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f91105), color-stop(100%,#990505)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f91105 0%,#990505 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f91105 0%,#990505 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f91105 0%,#990505 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f91105 0%,#990505 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f91105', endColorstr='#990505',GradientType=0 ); /* IE6-9 */
}
#lema h1{ width: 1000px; margin: 0 auto; text-align:center; color: #FFF; }

section#principal{ background: #FFF; width: 950px; margin: 0 auto; padding: 40px 25px; min-height: 500px; }
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 }
#redes-sociales img {width:25px;}
#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: 65%; float: left; }
#content h1, #content h2{ font-size: 20px; padding: 10px 0; }
#content h3{ font-size: 18px; padding: 10px 0; }
#content .imagen-destacada, #content .imagen-cuerpo{ max-width: 40%; height: auto; float: left; margin: 15px 20px 10px 0; -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); -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
#content .imagen-cuerpo{ float: none; max-width: 100%; margin: 10px 0; }
p, #content ul li{ padding: 10px 0; line-height: 1.5; font-size: 14px; }
#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: 14px; line-height: 1.5; padding-top: 10px; }
.h2-container h2{ display: inline !important; font-weight: normal; font-size: 14px; }
#video-container{ width:560px; height:315px; margin: 20px auto; }

#sidebar{ width: 20%; float: right; 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: 95%; 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: 2.5%; }
#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; }

#sidebar3{ text-align:right; width: 20%; float: right; padding: 25px; margin-top:15px; -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; }
#sidebar3 h2{ font-size: 13px; text-align: center; padding-bottom: 5px; }
#sidebar3 p{ line-height: 1; }
#sidebar3 li {list-style:none; }
#sidebar3 ul li a{ color: #666; font-size: 13px; }
#sidebar3 input[type=text], #sidebar textarea{ width: 95%; 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: 2.5%; }
#sidebar3 textarea{ resize: none; height: 100px; }
#sidebar3 form > p:last-child{ font-size: 12px; text-align: center; }
#sidebar3 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; }
#sidebar3 input[type=button]:hover{ background-color: #333; }
#sidebar3 #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; }

footer{ width: 100%; padding: 15px 0; 
background: #f91105; /* Old browsers */
background: -moz-linear-gradient(top,  #f91105 0%, #990505 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f91105), color-stop(100%,#990505)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f91105 0%,#990505 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f91105 0%,#990505 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f91105 0%,#990505 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f91105 0%,#990505 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f91105', endColorstr='#990505',GradientType=0 ); /* IE6-9 */
}