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

.article strong {
	color: #B20000;
	/*font-family: 'Bauhaus 93','Trebuchet MS', Arial;*/
	font-family: 'Bauhaus Light Normal','Trebuchet MS', Arial;
}

body {
	background-color: #FFF;
	font-family:'Trebuchet MS', Arial;
	font-size: 10px;
}

p {
	min-height: 1em;
}

.section h2 {
	font-size: 1.58em;
}


/*-------------------- Bootstrap boton menu colapsado --------------------*/ 
    .navbar-default .navbar-toggle,
    .navbar-default .navbar-toggle:hover,
    .navbar-default .navbar-toggle:focus {
        border-radius: 0px;
    }

/*-------------------- footer --------------------*/
    footer address span {
        color: #666;
        display: inline-block;
        font-size: 1.1em;
        line-height: 2em;
    }

	footer {
		background-color: #CCC;
	    font-size: 1.5em;
	    margin-top: 3em;
		/*min-height: 15em;*/
		padding-top: 15px;
	}

	#autor {
	    color: #888;
	    margin-bottom: 1em;
	    margin-top: 3em;
	    text-align: center;
	}

	#autor a {
	    color: #888;
	}

	#autor a:hover {
	    color: #444;
	    text-decoration: none;
	}

    #autor img {
        height: 40px;
        margin: 0 auto 10px;
    }
	
    #iconos_sociales {
        margin-bottom: 1em;
    }

    /*-------------------- iconos-sociales --------------------*/
		.icono_social {
			background-color: transparent;
			background-size: 45px;
			display: inline-block;
			height: 45px;
			margin: 5px 0 0;
			width: 45px;
		    opacity: 1;
		    filter: alpha(opacity=100); /* For IE8 and earlier */
		}
		.icono_social:hover {
			background-position: -6px -6px;
			background-size: 57px;
			/*box-shadow: 0 0 5px #333;*/
		    opacity: 0.8;
		    filter: alpha(opacity=80); /* For IE8 and earlier */
		}
		#icono_facebook {
			background-image: url(../imagenes/index/icono-facebook.png);
		}
		#icono_google {
			background-image: url(../imagenes/index/icono-google.png);
		}
		#icono_twitter {
			background-image: url(../imagenes/index/icono-twitter.png);
		}


/*-------------------- header --------------------*/
	header {
		background-color: #B20000;
	}

    /*header h2 {
        color: #DDCC00;
        font-size: 2.3em;
    }*/

	header span:first-child {
		display: block;
		margin-top: 2em;
	}

	header span:last-child {
		color: #DDCC00;
		display: block;
		font-size: 2.3em;
		margin-bottom: 6px;
		margin-top: 17px;
	}

	#logo {
		display: none;
	}


/*-------------------- main --------------------*/
	.article {
		font-size: 1.9em;
	}

    h1 {
        border-bottom-color: #999;
        border-bottom-style: solid;
        border-bottom-width: 1px;
        color: #999;
        display: inline-block;
		font-family: 'Bauhaus Light Normal','Trebuchet MS', Arial;
		font-weight: bold;
		/*font-family: 'Bauhaus 93','Trebuchet MS', Arial;*/
        margin: 15px 0 0;
        opacity: 0.4;
        filter: alpha(opacity=40); /* For IE8 and earlier */
        padding: 0 0 10px;
        width: 100%;
    }


/*-------------------- navbar --------------------*/
	#main_nav li {
		/*margin: 15px auto 15px auto;*/
		text-align: center;
	}

	#navbar li a {
		color: #CCC;
		/*color: #B20000;*/
		font-family: 'Bauhaus 93','Trebuchet MS', Arial;
		/*font-family: 'Bauhaus Light Normal','Trebuchet MS', Arial;
		font-weight: bold;*/
		font-size: 2em;
		text-align: center;
	}

	#navbar li a:hover {
		color: #999;
		/*color: #666;*/
		font-size: 2em;
		text-align: center;
	}

	#topnav {
		background-color: #B20000;
		/*background-color: #CCC;*/
	    margin-bottom: 3em;
		min-height: 5em;
	}

	#topnav a#logo_nav img {
		/*height: 30%;
		width: 30%;*/
		height: 19px;
		width: 200px;
		margin: -3px 0 3px;
	}