h1 {
	color: white;
	padding-top: 0px;
	font-size: 60px;
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
	line-height: 60px;
    color: #6D2B10;
}
h2 {
	font-size: 40px;
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
    line-height: 50px;
    color: #6D2B10;
}
h2 span{
    font-size: 60px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    line-height: 50px;
    color: red;
}
h3 {
	font-size: 30px;
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	line-height: 35px;
	color: #8D0B0F;
	margin-top: 20px;
}

h4 {
	font-size: 26px;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 700;
	line-height: 25px;
	color: #915E35;
}
h4 span{
    font-size: 36px;
    color: #BB1320;
}
h5 {
	font-size: 16px;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 400;
	line-height: 17px;
	color: red;
}

body, html{
	text-align: center;
	font-family: 'Roboto', sans-serif;
	font-weight: 100;
    background-image: url(../imagenes/popescufondo.jpg);
    background-repeat: repeat-y;
    background-position: top center;
	background-color: #f6f3f1;
    background-size: 100%;
	color: #f00;
}
.entradas{
    text-align: right;
    position: absolute;
    margin-left: auto;
    margin-right: 0px;
    margin-top: 0px;
    z-index: 8;
}
.esparriba{
    margin-top: 30px;
}
a:link, a:visited, a:active{
    text-decoration: none;
    color: #E36F05;
}
a:hover{
    text-decoration: none;
    color: #f1f2f3;
}
.titulo{
    margin-bottom: -600px;
    z-index: 999;
}
.cabecera{
    padding: 5px 20px;
}

.menu{
    height: 80px;
    background-color: #782D13;
    background: -webkit-linear-gradient(#090404 , #782D13 15px);
    background: -moz-linear-gradient(#090404 , #782D13 15px);
    background: -o-linear-gradient(#090404 , #782D13 15px);
    background: linear-gradient(#090404 , #782D13 15px);
    margin: 30px 0px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -moz-box-shadow: 4px 4px 8px #fff;
    -webkit-box-shadow: 4px 4px 8px #fff;
    box-shadow: 4px 4px 8px #fff;
}
    .menu h4{
        margin-top: 20px;
    }
.cajon{
    margin:20px 0px;
    padding: 20px 0px;
}
.cajon h3{
    color: #E36F05;
}
.cajon h4{
    color: #fff;
}
.caja h2{
    color: #E36F05;
}
.caja h4{
    color: #E36F05;
    line-height: 32px;
}
.caja p{
    color: #fff;
}
dd{
    text-align: left;
    padding-left: 15px;
    color: white;
}
.dropdown{
    margin-top: 20px;
}
    .dropdown a{
        font-size: 26px;
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: 700;
        line-height: 25px;
    }
    .dropdown-menu{
        background-color: #F8D3BA;
    }
        .dropdown-menu > li > a{
            font-size: 26px;
            font-family: 'Roboto Condensed', sans-serif;
            font-weight: 300;
            line-height: 45px;
            color: #461005;
        }
        .dropdown-menu li > a:hover, .dropdown-menu li > a:focus, .dropdown-submenu:hover > a {
            text-decoration: none;
            color: #fff;
            background-color: #782D13;
            background: -webkit-linear-gradient(#090404 , #782D13 50px);
            background: -moz-linear-gradient(#090404 , #782D13 50px);
            background: -o-linear-gradient(#090404 , #782D13 50px);
            background: linear-gradient(#090404 , #782D13 50px);
            background-repeat: repeat-x;
        }
.ellos{
    z-index: 2;
    -webkit-animation-name: gira;
    -webkit-animation-duration: 15s;
    -webkit-animation-delay: 0s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: ease-out;
    -webkit-animation-direction: normal;
    animation-name: gira;
    animation-duration: 15s;
    animation-delay: 0s;
    animation-iteration-count: 1;
    animation-timing-function: ease-out;
    animation-direction: normal;
}

.firma{
	font-size: 12px;
}
	.firma a:link, .firma a:visited, .firma a:active{
		font-family: 'freebooter';
		font-size: 16px;
	}
	.firma a:hover{
		font-family: 'freebooter';
		font-size: 16px;
	}
/* animaciones */

 
@-webkit-keyframes gira {
    0% {
        -webkit-transform:rotate(0deg);
    }
    100% {
        -webkit-transform:rotate(360deg);
    }
}
@keyframes gira {
    0% {
        transform:rotate(0deg);
    }
    100% {
        transform:rotate(360deg);
    }
}

/* fuentes */
@font-face {
    font-family: 'freebooter';
    src: url('../fuentes/freebsc_-webfont.eot');
    src: url('../fuentes/freebsc_-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fuentes/freebsc_-webfont.woff') format('woff'),
         url('../fuentes/freebsc_-webfont.ttf') format('truetype'),
         url('../fuentes/freebsc_-webfont.svg#freebooter_scriptregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/*font-family: 'Roboto', sans-serif;
font-family: 'Roboto Condensed', sans-serif;*/

/* escritorio grande */
@media (min-width: 1200px) {
}
/* Por defecto */
@media (min-width: 980px) {
}
/* tablet horizontal y escritorio */
@media (min-width: 768px) and (max-width: 979px) {
}
/* movil horizontal y tablet vertical */
@media (max-width: 767px) {	
    .menu{
        height: auto;
        padding: 0px;
    }
    .redes {
        position: relative;
        float: right;
        margin-top: 0px;
        margin-bottom: -100px;
    }
    .redes img{
        margin-top: 0px;
        height: 50px;
        width: 50px;
    }
}
/* movil */
@media (max-width: 480px) {
}