body {
	font-family: 'Barlow Semi Condensed', sans-serif;
	margin: 50px;
}
@media only screen and (max-width:700px) { 
body {
	margin: 0px;
}
}
#tabla_gral {
	height: 100%;
	width: 100%;
	font-size: 17px;
	color: #666;
	line-height: 25px;
}

.cabecera {
	font-size: 24px;
	color: #098daf;
	text-decoration: none;
}

#botonera {
	width: 250px;
}
.caja_botonera {
	position: fixed;
	background-color: #FFF;
	width: 250px;
	z-index: 999;
}
@media only screen and (max-width:700px) { 
#botonera {
	display: none;
}
}
#botonera .bt_projects {
	padding-top: 3px;
	padding-bottom: 3px;
	line-height: 18px;
}
.bt_projects a {
	font-size: 15px;
	text-decoration: none;
	color: #9F9F9F;
	line-height: 18px;
}
.bt_projects a:hover{
	color: #098daf;
}
.bt_projects .active  {
	color: #098daf;
}
@media only screen and (min-width:700px) { 
#cabecera_responsive  {
	display: none;
}
}
@media only screen and (max-width:700px) { 
#cabecera_responsive {
	display: block;
	position: fixed;
	background-color: #FFF;
	width: 100%;
}
}
#cabecera_responsive .banda{
	margin-right: auto;
	margin-left: auto;
	background-color: #FFF;
	padding-right: 2%;
	padding-left: 2%;
	padding-top: 20px;
	padding-bottom: 20px;
	text-align: left;
}
#cabecera_responsive img  {
	float:right;
	cursor:pointer
}
@media only screen and (min-width:700px) { 
#botonera_responsive  {
	display: none;
}
}
@media only screen and (max-width:700px) { 
#botonera_responsive {
	display: none;
	background: rgba(0, 0, 0, 0.8);
	position: fixed;
	z-index: 99;
	height: 100%;
	width: 100%;
	top: 0px;
}
}
#botonera_responsive .bt_projects {
	padding-top: 5px;
	padding-bottom: 5px;
}
#botonera_responsive .caja_responsive {
	background-color: #FFF;
	padding-bottom: 20px;
	text-align: center;
}
#botonera_responsive .banda{
	padding-bottom: 20px;
}
.copy  {
	padding-top: 80px;
	font-size: 13px;
	color: #999;
}
@media only screen and (max-width:700px) { 
.copy  {
	padding-top: 0px;
}
}
.azul {
	color: #098daf;
	text-decoration: none;
}

a.azul:hover {
	text-decoration: underline;
}
#noticias {
	clear: both;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
	padding-top: 25px;
}
#noticias .titulo {
	color: #5A5A5A;
	font-size: 18px;
	padding-bottom: 15px;
}
#noticias .azul {
	color: #098daf;
}
#noticias .col2 {
	float: right;
	width: 370px;
}
#noticias .col1 {
	float: left;
	width: 370px;
}
.ver_libro {
	position: absolute;
	z-index: 50;
	margin-top: 550px;
	text-align: center;
	width: 800px;
}
.ver_libro a {
	color: #878787;
	font-size: 12px;
	text-decoration: none;
}
.ver_libro a:hover {
	color: #098daf;
}
.galeria  {

}
@media only screen and (max-width:700px) { 
.galeria  {
	padding-top: 70px;
	width: 96%;
	margin-right: auto;
	margin-left: auto;
}
.galeria.expo {
	padding-top: 0px;
}
}
.galeria .miniatura {
	display: inline;
	width: 24%;
	margin-bottom: 1%;
	margin-right: 1%;
}
@media only screen and (max-width:1600px) { 
.galeria .miniatura {
	width: 32%;
}
}
@media only screen and (max-width:1200px) { 
.galeria .miniatura {
	width: 49%;
}
}
@media only screen and (max-width:900px) { 
.galeria .miniatura {
	width: 100%;
	margin-right: 0px;
	margin-bottom: 2%;
}
}
.caja_texto {
	width: 800px;
	padding-top: 50px;
}
.caja_texto.txt{
	padding-top: 75px;
}
@media only screen and (max-width:700px) { 
.caja_texto.txt{
	padding-top: 70px;
}
}
@media only screen and (max-width:1200px) { 
.caja_texto {
	width: 96%;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 20px;
}
}
.negrita {
	font-weight: 500;
}
.caja_texto p {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}


.titulo {
	font-size: 22px;
	color: #098daf;
	padding-bottom: 30px;
}
.nota {
	font-size: 15px;
	padding-top: 30px;
	line-height: 18px;
}
@media only screen and (max-width:1200px) { 
.nota {
	width: 96%;
	margin-right: auto;
	margin-left: auto;
}
}
.cita {
	padding-left: 50px;
	padding-bottom: 30px;
}
@media only screen and (max-width:700px) { 
.cita {
	padding-left: 30px;
}
}
.cita .autor {
	text-align: right;
	padding-top: 10px;
}
.gris {
	color: #666;
	text-decoration: none;
}
a.gris:hover {
	text-decoration: underline;
}
.foto_home {
	max-width:1000px; 
	width:100%; 
	height:auto
}
.home_fondo {
	display:none;
}
@media only screen and (max-width:700px) { 
.home_foto {
	display:none
}
.home_fondo {
	display: table;
}
}
.foto_expo {
	margin-right: 5px;
	width: 260px;
	margin-bottom: 5px;
}