@font-face {
    font-family: DancingScript;
    src: url(../fonts/DancingScript/DancingScript-Regular.ttf);
}

@font-face {
    font-family: 'Crimson Text';
    src: url(../fonts/Crimson_Text/CrimsonText-Regular.ttf);
}

@font-face {
    font-family: 'Raleway';
    src: url(../fonts/Raleway/Raleway-Medium.ttf);
}

@media all{

body {
    font-family: "Crimson Text";
    font-size: 16px;
    background:#000;
    padding-top: 200px; 
    overflow-x: hidden;
    }
    
h1, h2, h3, h4, th, li a {font-family: "Raleway", "DejaVu Sans", "Roboto", "Droid-sans", "Helvetica", "Arial", Sans;}

/* Cabecera y Navegación */

div.tituloGeneral{padding:5px;}
.logo{padding:1em; max-width:5%;}
h1.tituloGeneral{display:inline;font-size:2.2em;}

.tituloGeneral{
	
	font-family:DancingScript;
	text-shadow: 0px 0px 20px #fff;
}

.encabezado {
    text-align:center;
    width:100%;
    background-color: #532240;
    -webkit-box-shadow: 0px 10px 10px 10px #532240;
    box-shadow: 0px 10px 10px 10px #532240;
    }


.nav ul li a:link {color: #FFF;}
.nav ul li a:visited {color: #CCC;}
.nav ul li a:hover {color: #FFF;text-shadow: 0px 0px 20px #ffffff;}

/* Contenidos principales */


h1 {
color: #FFF;

}

h2, th{
color:#DDD

}
p, li {color: #FFF;text-align: justify;}


td{
color: #BAF;
/*width: 50%;*/
}
 


/* Por clases*/

.social a, .social h3, .destacado{
font-size:1.5em;color: #222;display:block;margin:0 0.5em;text-shadow: 0px 0px 5px #ffffff;}


.autor{font-style:italic; color:#996;}
#trayectoria{height:20em; overflow:auto;}

.logo_peque {
max-height:6em;
margin-up:4em;
margin-left:auto;
margin-right:auto;}


/*
  Clases presentes en bootstrap.css  
    
*/
    .panel {background-color:black; border-color:#532240}
    .panel-heading {background-color:#532240;}
    

}

@media print{body{background-color:white;}h1,h2,h3,p,ul{color:black;}img{display:none;}nav{display:none}.destacado{display:none;}.social{display:none;}}

/*Reglas por tamaños*/

@media all and (min-width:500px){


.logo{padding:0.5em; max-width:10%;}
.tituloGeneral{font-size: 1.8em;}




.social {position:fixed;bottom:1em;right:1em;text-align: right;width:15%;z-index:100;}
span.sinImagen{display:none;}


}

@media all and (max-width: 499px){
body {padding-top: 100px; }
.tituloGeneral{font-size:1.2em;}

img{display:none;}
span.sinImagen{display:inline;}
}