@import url(fuentes/fuentes.css);



/* The Magnificent Clearfix: Updated to prevent margin-collapsing on child elements.
   j.mp/bestclearfix */

.clearfix:before, .clearfix:after, .clearfix::before, .clearfix::after {
    content: "\0020"; 
    display: block; 
    height: 0; 
    overflow: hidden;
}

.clearfix:after { clear: both; }

/* Fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */

.clearfix { zoom: 1; }

html,
body {
	font-family: 
Georgia, Times, 'Times New Roman', serif;
/*  height: 100%;*/
  /* The html and body elements cannot have any padding or margin. */
  -webkit-font-smoothing: antialiased;
  font: normal 16px arial,sans-serif;
	background-color: #f2f2f2;
	font-size: 1rem;
}

p {
	font-size: 1rem;
	font-family: 
Georgia, Times, 'Times New Roman', serif;
}

[lang="ar"] .contenido p, [lang="ar"] .contenido ul li {
	font-size: 1.143em;
}

h1 {
	font-family: 'Akkurat Pro Bold', Helvetica, Arial, Verdana, sans-serif;
	font-size: 1.625rem;
	*font-size: 1.2rem;
	margin-top: 0;
}

[lang="ar"] h1 {
	font-family: Helvetica, Arial, Tahoma, Verdana, sans-serif;
	font-size: 2rem;
	*font-size: 1.2rem;

}

h2 {
	font-family: 'Akkurat Pro Regular', Helvetica, Arial, Verdana, sans-serif;
	font-size: 1rem;
}


a {
	color: #63acc2;
}

a:hover {
	text-decoration: none;
}

.row {
  margin-left:0px;
  margin-right:0px;
}

/* Wrapper for page content to push down footer */
#wrap {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  /* Negative indent footer by its height */
  /* Pad bottom by footer height */

}

/* Set the fixed height of the footer here */
#footer {
  height: 60px;
  background-color: #f5f5f5;
  margin-top:50px;

  padding-bottom:20px;
}


/* DESPLEGABLE */

ul.nav li.dropdown:hover ul.dropdown-menu{
    display: block;
    margin: 0
}
 
a.menu:after, .dropdown-toggle:after {
  content: none;
}

/* MIGA DE PAN*/


.breadcrumb {
font-size: .875em;
  padding: 8px 15px;
  list-style: none;
  background-color: #f2f2f2;
  border-radius: 0px;
}


[lang="ar"] .breadcrumb ol li {
	direction: rtl !important;
	font: 1.2em;
}

[lang="ar"] .breadcrumb > li {

	font-size: 1.2em;
}

.breadcrumb > li {
  display: inline;
}

.breadcrumb > li + li:before {
  padding: 0 5px;
  color: #ccc;
  content: "/\00a0";
}

 [lang="ar"] .breadcrumb > li + li:before {
  content: "";
}

.breadcrumb > li + li:before {
  padding: 0 5px;
  color: #ccc;
  content: "/\00a0";
}

.breadcrumb > .active {
  color: #999;
}

.miga {
	margin: 0 15px;
/*  border-bottom: 1px solid #e8e8e8;*/
  padding: 0;
  padding: 0 0 10px 0;
}

.miga {
	margin: 0 15px;
/*  border-bottom: 1px solid #e8e8e8;*/
  padding: 0;
  padding: 0 0 10px 0;
}

.miga.amplia {
	margin-top: 10px;
}

/* modificado
-------------------------------------------------- */
[lang="ar"] body {

	direction: rtl;
}



/*INICIO*/


.inicio #central.contenedor {
	background: url('../img/fondo_inicio.jpg') no-repeat center center;
	background-size: 100%;
}

.inicio .contenido {
	min-height: 600px;
	background: transparent url('../img/frontera_blanco.png') no-repeat center center;
	margin: 0 !important;
	padding: 0 !important;
	height: 100%;
} 

[lang="ar"] .inicio .contenido {
	min-height: 600px;
	background: transparent url('../img/frontera_blanco_ar.png') no-repeat center center;
	margin: 0; padding: 0;
	height: 100%;
} 

.inicio header {
	background-color: #ade6ee !important;
/*	background-color: #b6d2c4 !important;*/
}

.inicio #footer {
	margin: 0;
}




#wrap > .container {
  padding: 0 0 15px 0;
}
.container .credit {
  margin: 20px 0;
}

#footer {
  background-color:#414141;
}

#footer a {
  color:#efefef;
}


header.masthead {
  background: #63acc2;
  color:#000000;
	height: auto;
/*		border-bottom: 1px solid #63acc2;*/
margin: 0 !important;
	
}

.masthead div.container {
	margin-bottom: 0 !important;
	padding-bottom: 0 !important ;
}
#accesibilidad {
	position: absolute;
	display: block;
	float: right;
	right: 30px;
	top: 30px;
	
}

#accesibilidad ul li {
	list-style-type: none;
	font-family: 'Akkurat Pro Bold', Helvetica, Arial, Verdana, sans-serif;
	cursor: pointer;
	display: inline-block;
	*display: inline;
	display: inline\9;
			
}

#accesibilidad ul li a {
	color: #000 !important;
}

#accesibilidad ul li a:hover {
	text-decoration: none;
}

#accesibilidad ul li + li:before, #accesibilidad ul li + li::before {
	content: '|';
	padding: 0 10px;
}

[lang="ar"] #accesibilidad ul li + li:before, [lang="ar"] #accesibilidad ul li + li::before {
	content: '|';
	padding: 0 5px 0 10px;
}

[lang="ar"] #accesibilidad {
	float: left;
}

.menumovil {
	background-color: #f2f2f2 !important;
	box-sizing: border-box;
	color: #000;
	font-family: 'Akkurat Pro Bold', Helvetica, Arial, Verdana, sans-serif;
	font-size: 1.2rem;
	padding: 20px;
	margin: 0;
}


.menumovil  a {
	color: #000;
}

.menumovil a:hover {
	color: #63acc2;
	text-decoration: none;
}

.mm-es {
	float: left !important;
}

.mm-ar{
	float:  right !important;
}

.navbar {
	border: none !important;
	z-index: 9999;
	margin-bottom: 0;
}

#nav {
  width: 100%;
  position:static;
/*  top:-32px;*/
  z-index: 99;
}

.menu {
	background-color: #f2f2f2;
	text-transform: uppercase;
	font-family: 'Akkurat Pro Bold', Helvetica, Arial, Verdana, sans-serif;
	font-size: .875rem;


}

.menu a {
	color: #000;
}

.arabe.menu div ul.nav.navbar-nav li {
}

/* SOLO MENU ÁRABE*/

.arabe {
	direction: rtl !important;
}

.arabe.menu collapse .container .nav {
	direction: rtl !important;
}

.arabe.menu ul.nav.navbar-nav {
	padding: 0 !important;
}
.arabe.menu .dropdown-menu {
  right: 0;
  float: right;
}
.arabe.menu .dropdown-menu.pull-right {
  right: auto;
  left: 0;
}

.arabe.menu .dropdown-menu-right {
  right: auto;
  left: 0;
}
.arabe.menu .dropdown-menu-left {
  right: 0;
  left: auto;
}

.arabe.menu .dropdown-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 990;
}
.arabe.menu .pull-right > .dropdown-menu {
  right: auto;
  left: 0;
}
.arabe.menu .dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  content: "";
  border-top: 0;
  border-bottom: 4px solid;
}
.arabe.menu .dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 1px;
}

@media (min-width: 768px) {
  .arabe.menu .navbar-nav {
    float: right !important;
    margin: 0 !important;
  }
  .arabe.menu .navbar-nav > li {
    float: right;
  }

  .arabe.menu .navbar-nav.navbar-right:last-child {
    margin-left: -15px;
  }
}
@media (min-width: 768px) {
  .arabe.menu .navbar-left {
    float: right !important;
  }
  .arabe.menu .navbar-right {
    float: left !important;
  }
}


/* -------------------------------------------------------------- */

[lang="ar"] #menu_arabe {
	display: block;
}

[lang="ar"] #menu_castellano, [lang="es"] #menu_arabe {
	display: none;

}

#menu_arabe ul.navbar-nav {
	font-family: Helvetica, Arial, Tahoma, Verdana, sans-serif;
	font-size: 1.2em;
	font-weight: bold;

}

#menu_arabe ul.navbar-right {
	font-family: 'Akkurat Pro Bold', Helvetica, Arial, Verdana, sans-serif;
	font-weight: normal;
	font-size: 1em;

}



/* SOLO MENU CASTELLANO*/

.castellano {
	direction: ltr !important;
}

.castellano.menu collapse .container .nav {
	direction: rtl !important;
}

.castellano.menu ul.nav.navbar-nav {
	padding: 0 !important;
}
.castellano.menu .dropdown-menu {
  top: 100%;
  left: 0;
  float: left;
-webkit-transition: .2s all linear;
-moz-transition: .2s all linear;
-o-transition: .2s all linear;
transition: .2s all linear;
}
.castellano.menu .dropdown-menu.pull-left {
  left: auto;
  right: 0;
}

.castellano.menu .dropdown-menu-left {
  left: auto;
  right: 0;
}
.castellano.menu .dropdown-menu-right {
  left: 0;
  right: auto;
}

.castellano.menu .dropdown-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 990;
}
.castellano.menu .pull-left > .dropdown-menu {
  left: auto;
  right: 0;
}
.castellano.menu .dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  content: "";
  border-top: 0;
  border-bottom: 4px solid;
}
.castellano.menu .dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 1px;
}

@media (min-width: 768px) {
  .castellano.menu .navbar-nav {
    float: left !important;
    margin: 0 !important;
  }
  .castellano.menu .navbar-nav > li {
    float: left;
  }

  .castellano.menu .navbar-nav.navbar-left:last-child {
    margin-right: -15px;
  }
}
@media (min-width: 768px) {
  .castellano.menu .navbar-right {
    float: left !important;
  }
  .castellano.menu .navbar-left {
    float: right !important;
  }
}


/* -------------------------------------------------------------- */

.activo {
	  color: #63acc2 !important;
}

.castellano .nav > li > a, .arabe .nav > li > a {
/*	font-size: .875em;*/
  position: relative;
  display: block;
  padding: 1.2rem 1rem 1.1rem .5rem;

  border-bottom: none;
-webkit-transition: .2s all linear;
-moz-transition: .2s all linear;
-o-transition: .2s all linear;
transition: .2s all linear;
 
}
.castellano .nav > li > a:hover, .arabe .nav > li > a:hover {

/*  border-color: #d7e5e9;*/

	-webkit-transition: .2s all linear;
	-moz-transition: .2s all linear;
	-o-transition: .2s all linear;
	transition: .2s all linear;
}
 
}

.arabe .nav > li > a {
  padding: 1.5rem 1.5rem 1.3rem 1.5rem;
 
}

.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
  background: transparent;
}


.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  color: #63acc2;
  text-decoration: none;
-webkit-transition: .2s all linear;
-moz-transition: .2s all linear;
-o-transition: .2s all linear;
transition: .2s all linear;

}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
	color: #63acc2;
	text-decoration: none;
  outline: 0;
}


#rimar {
	text-align: center;
	/*height: 160px;*/
	background-color: #ade6ee;
	border:  none;
/*	*max-height: 160px !important;*/
	padding: 18px 0 20px;

}

#rimar_cabecera{
	margin: 0 auto;
	text-align: center;
	padding: 20px 0 5px;
	
}
 #rimar {

/*		border-bottom: 1px solid #63acc2;*/
	
}

#rimar_cabecera img {
	width: auto;
}

.dropdown-menu {
	font-size: 1em;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
	max-width: 350px;
  	padding: 0;
  margin: 2px 0 0;
/*  font-size: .75rem;*/
  list-style: none;
  background-color: #ffffff;
 	 border: none !important;
 	 border-radius: 0px;
	 -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.6);
	         box-shadow: 0 3px 6px rgba(0, 0, 0, 0.6);
  background-clip: padding-box;
  
  -webkit-transition: .2s all linear;
  -moz-transition: .2s all linear;
  -o-transition: .2s all linear;
  transition: .2s all linear;
	z-index: 99;  
}

.dropdown-menu-left {
  right: 0;
  left: auto;
}

.dropdown-menu > li > a {
  	padding: 1rem;
   white-space: normal;
}


.navbar-nav > li {
	border-bottom: 3px #f2f2f2;
}


.navbar-nav > li > a:hover, .dropdown-menu > li > a:hover {
	  color: #63acc2 !important;
		background: transparent !important;
		
/*	border-bottom-color:  #d7e5e9 !important;*/
	border-bottom-color:  #f2f2f2 !important;

}

.arabico {
	font-size: 1.3em !important;
}

.menumovil div {
	float: left;
}

.nav > li > a:hover,
.nav > li > a:focus {
  text-decoration: none;
	color: #63acc2 !important;
	background: transparent !important;
}

li.dropdown.open > a {
	  color: #63acc2 !important;
/*	border-bottom-color:  #d7e5e9 !important;*/
}

.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
}

.caret {
/*	display: none;*/
}



#nav.affix {
   position: fixed;
   top: 0;

}

#indice h1 {
font-family: 'Akkurat Pro Light', Helvetica, Arial, Verdana, sans-serif;
font-weight: 400;
text-transform: uppercase;
font-size: 1rem;	
}


.descarga ul {
	padding: 0;
}

.descarga ul li  {
	display:  inline-table;
	vertical-align: bottom;
	padding-right: 15px;
	padding-left: 0;
}

[lang="ar"] .descarga ul li {
	padding-right: 0;
	padding-left: 15px;
}

.descarga ul li a {
	font-family: 'Akkurat Pro Light', Helvetica, Arial, Verdana, sans-serif;
	color: #000;
}

#indice .nav > li > a {
  position: relative;
  display: block;
  padding: 0px;
  font-size: 1rem;
}


.nav .active a {
	color:  #63acc2 !important;
}

/* CONTENIDO */

.row.contenido {
	margin-top: 20px;
}

.contenido ul {
	font-size: 1rem;
	font-family: 
Georgia, Times, 'Times New Roman', serif;
}


#indice ul li {
	list-style-type: none;
	padding-bottom: 8px;
	font-family: 
Georgia, Times, 'Times New Roman', serif;
	color: #666;
}

[lang="ar"] #indice ul li {
	font-size: 1.2em;
	font-family: 
Georgia, Times, 'Times New Roman', serif;
	color: #666;
}

#indice {
	background-color: #f2f2f2;
	padding: 10px;
	
}

#indice.affix-top {width: 280px;}
#indice.affix { position: fixed; top: 180px;
	width: 280px ; z-index: 1;}
#indice.affix-bottom { position:absolute; width: 280px; }

.affix + .container {
    padding-top:250px
}

#nav-wrapper, #indice-wrapper
{

}


#nav-wrapper
{
    margin: 0;
    padding: 0;
    height: auto;
}


#indice ul.nav li a {
	color: #666;
}

hr {
	border-color: #ddd;
  border-style: solid none;
  border-width: 1px 0;
  margin: 18px 0;
}

#footer {
	background: #ffffff;
	height: auto !important;
}

#footer #logos {
	background: #ffffff;
	width: 100%;
}

#footer ul {
	padding: 0;
	margin: 0 auto;
	display: table;
}

#footer .fila1 {
	text-align: center;
	padding-top: 25px;
	padding-bottom: 38px;
}
#footer .fila2 {
	padding: 15px 0;
text-align: center;
}

#footer ul li {
	text-align: center;
	list-style-type: none;
	display: table-cell;
	vertical-align: middle;
	padding: 20px 30px;
}

#footer #legal {
	height: auto;
	padding: 30px 0;
	background: #ffffff;

}

#footer #legal ul li {
 	padding: 0 10px;
 }

#footer #legal a {
	color: #666;
}

@media (min-width: 767px) {
  .navbar-nav.nav-justified > li{
      float:none;
  }
}
.navbar-nav {
  margin: 1px 1px; 
}  
  
/* customize nav style */
.navbar-custom {
    background-color: #2e2e2e;
	font-weight:700;
    text-transform:uppercase;
    border-width:0;
}
.navbar-custom  .navbar-nav>li>a {
	color: #ddd;
}
.navbar-custom  .navbar-nav li>a:hover, .navbar-nav li .open, .navbar-custom .navbar-nav .active a  {
	background-color: #000;
}
.navbar-custom .dropdown-menu{
	right:0;
}
.navbar-custom .navbar-nav>.dropdown>a .caret {
	border-top-color: #999;
	border-bottom-color: #999;
}

.navbar-collapse.in { /*3.0.2 bug workaround*/
    overflow-y: visible;
}

.navbar-toggle {
	outline:0;
}

.divider {
	height:100px;
}

.panel {
	border-width:0;
}

@media (max-width: 768px) {
	header {
		height: 95px;
	}
}


.tooltip {
  z-index: 9999;

}

.scroll-top {
display: block;
*visibility: visible;
float: left;
width: 40px;
height: 40px;
background: transparent url('../img/flecha_arriba.png') no-repeat center center;
		-webkit-transition: .6s all linear;
		-moz-transition: .6s all linear;
		-o-transition: .6s all linear;
		transition: .6s all linear;
cursor: pointer;
}

[lang="ar"] .scroll-top {
	float: right;
}

#indice.affix .scroll-top {
display: block;
*visibility: visible;
opacity: 1;
/*	display: block;
	position: fixed;*/
/*	bottom: 30px;*/
-webkit-transition: .6s all linear;
-moz-transition: .6s all linear;
-o-transition: .6s all linear;
transition: .6s all linear;

}


#indice.affix-top .scroll-top {
-webkit-transition: .6s all linear;
-moz-transition: .6s all linear;
-o-transition: .6s all linear;
transition: .6s all linear;
	display: none;
	*visibility: hidden;
	opacity: 0;
	/*z-index:100;*/

}

/*#indice.affix-bottom .scroll-top {
	position: absolute;
	display: block !important;

}*/

ul.scroll-top a {

}

.contenido h1 {
	text-transform: uppercase;
}

h1.titulo {
	font-size: 1.625rem;
	margin: 0;
}

[lang="ar"]  h1.titulo {
	font-size: 2rem;
	margin: 0;
	font-weight: bold;
}

h2.subtitulo {
	margin-bottom: 30px;
	font-size: 1rem;
	margin-top: 10px;
}

[lang="ar"] h2.subtitulo {
	font-size: 1.2rem;
}

h4 cite {
 font-family: 'Akkurat Pro Bold', Helvetica, Arial, Verdana, sans-serif;
}

h4 .centro {
	font-family: 'Akkurat Pro Light', Helvetica, Arial, Verdana, sans-serif;
}

section {
  color: #000000;
  padding-top: 2.2rem;
	font-size: 1rem;
	line-height: 1.375rem;
}

section:first-of-type {
	padding-top: 0px;
}

section:last-of-type {
	padding-bottom: 40px;
}

h1 + section {
	padding-top: 40px !important;
}

h4 + section {
	padding-top: 40px !important;
}

section h5 {
	font-size: 1.2rem;
}

[lang="ar"] section h5 {
	font-family: Helvetica, Arial, Tahoma, Verdana, sans-serif;
	font-size: 1.36rem;
	
}



.footnotes {
	font-family: 
Georgia, Times, 'Times New Roman', serif;
	font-size: .825rem;
}
.footnotes ol li {
	list-style-type: none;
}



@media (min-width: 981px) {

	#menu_castellano {
		display: block;
	}
	
	.menumovil {
		display: none;
		*visibility: hidden;
		visibility: hidden/9;

	}

}

@media (max-width: 980px) {

	#menu_castellano, #menu_arabe {
		display: none !important;
	}
	
	.menumovil {
		display: block;
	}
	
	#indice {
		display: none ;
	}


[lang="ar"] #accesibilidad, #accesibilidad {
	position: relative;
	display: block;
	float: none;
	margin: 20px auto;
	right: 0;
	top: 0;
	}
	
	[lang="ar"] #accesibilidad ul, #accesibilidad ul {
		padding: 0;
		}
}

@media (max-width: 750px) {

	#logos ul li {
		display:  block;
		float: none;
	}

	#rimar_cabecera  {
		height: 180px;
	}

	#rimar_cabecera img {
		text-align: center;
		margin: 0 auto;
		display: block;
		width: 70%;
	}



}

.fotoportada {
	max-height: 300px;
	display: block;
	margin-bottom: 15px;
	overflow: hidden;
}

.fotoportada img {
	width: 100%;
	height: auto;
	overflow: hidden;
	
}

/* MENU MOVIL*/


.mm-menu a {
	color: #000 !important;
	font-family: 'Akkurat Pro Regular', Helvetica, Arial, Verdana, sans-serif;
	text-transform: uppercase;
	border-color: rgba(0, 0, 0, 1) !important;
}

.mm-slected {
	background: transparent !important;
}

.mm-slected a {
	background: transparent !important;
}

.mm-menu.mm-light .mm-list > li.mm-selected > a:not(.mm-subopen), .mm-menu.mm-light .mm-list > li.mm-selected > span {
	background: transparent !important;
	color:  #333 !important;
	text-transform: none;
}


.mm-menu.mm-right {
  left: auto;
  right: 0;
  
  }

nav#derecha ul li a {
  direction: rtl !important;
  text-align: right;
  padding-right: 20px;  
  
  font-size: 1.3em;
  }




/* CONTENIDO*/



.contenido {
	position: relative;
}

.content {
	position: relative;
	padding-top: 10px;
}

.container .espaciado {
	margin-top:  40px;
}


a.iconoPDF {
	display: block;
	background: transparent url('img/ico_pdf.png') no-repeat center;
	height: 39px ;
	width: 31px ;

	-webkit-transition: .2s all linear;
	-moz-transition: .2s all linear;
	-o-transition: .2s all linear;
	transition: .2s all linear;
}

a.iconoPDF:hover {
	text-decoration: none;
	background: transparent url('img/des_pdf.png') no-repeat center;
	height: 39px ;
	width: 31px ;

	-webkit-transition: .2s all linear;
	-moz-transition: .2s all linear;
	-o-transition: .2s all linear;
	transition: .2s all linear;
}

.enlace_descarga {
	display: inline-block;
	padding-right: 30px;
	
}

.enlace_descarga .descarga {
	margin-top: 20px;
}


.enlace_descarga .librito {
	-webkit-transition: .2s all linear;
	-moz-transition: .2s all linear;
	-o-transition: .2s all linear;
	transition: .2s all linear;	
}

.enlace_descarga .librito:hover {
	opacity: .7;

	-webkit-transition: .2s all linear;
	-moz-transition: .2s all linear;
	-o-transition: .2s all linear;
	transition: .2s all linear;	
}

/*
/		GALERIAS	
*/


.galeria h1 {
	text-transform: uppercase;
}

#pie {
	margin-top: 40px;
}

#pie p {
	font-family: 'Akkurat Pro Regular', Helvetica, Arial, Verdana, sans-serif;
}

[lang="ar"] #pie p {
	font-family: 'Akkurat Pro Regular', Helvetica, Arial, Verdana, sans-serif;
	text-align: right;
	padding-right: 20px;
}

#pie p:before, #pie p::before {
	content: '©';
	margin-left: -18px;
	margin-right: 5px;
	font-family: 'Akkurat Pro Regular', Helvetica, Arial, Verdana, sans-serif;
	
}

[lang="ar"] #pie p:after, [lang="ar"] #pie p::before {
	margin-left: 10px;
	margin-right: -18px;
	font-family: 'Akkurat Pro Regular', Helvetica, Arial, Verdana, sans-serif;
	
}


/*
/ FOTOGRAFIA
*/


.bloque {
}

.bloque div{
	background-color: #000000;
	overflow: hidden;


}

.texto_bloque {
	position: absolute;
	font-weight: bold;
	color: #fff !important;
	text-align: center;
	top: 45%;
	margin: 0 auto;
	max-width: 80%;
	font-weight: bold;
	right: 10%;
	left: 10%;
	color: #fff !important;
	word-wrap: normal;
	word-break: keep-all;
	font-size: 1.3em;
}


.bloque img {
	width: 360px;
	height: auto;
}

.bloque a:hover img {
	opacity: .5;
		-webkit-transition: .2s all linear;
		-moz-transition: .2s all linear;
		-o-transition: .2s all linear;
		transition: .2s all linear;
}

.bloque a img {
		-webkit-transition: .2s all linear;
		-moz-transition: .2s all linear;
		-o-transition: .2s all linear;
		transition: .2s all linear;
}

/*
/ CREDITOS
*/

div.creditos {

	/*	margin-top: 40px;*/
}

[lang="es"] .creditos, .creditos > div {
	padding-left: 0 !important;
}

[lang="ar"] .creditos, .creditos > div {
	padding-right: 0 !important;
}


[lang="es"] .creditos ul {
	padding-left: 0;
	padding-right: 30px;
}

[lang="ar"] .creditos ul {
	padding-left: 30px;	
	padding-right: 0;
}


.creditos ul li {
	line-height: 1.2em;
	list-style-type: none;
	padding-bottom: 1.25em;
}

.creditos p {
	margin-bottom: 0px !important;
}
.creditos h4 {
	font-family: 'Akkurat Pro Bold', Helvetica, Arial, Verdana, sans-serif;
	padding-bottom: 20px;
}


.dedicatoria {
	font-style: italic;
	padding-top: 40px;
}

/* BIGFOOT */

.footnotes {
	direction: ltr !important;
}

.footnote-content-wrapper p {
	direction: ltr !important;	
}

.footnote-button {
  position: relative;
  z-index: 5;
  top: -0.3em;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  display: line-block;
  padding: 0.24em;
  margin: 0 0.2em 0 0.2em;
  border: none;
  border-radius: 0.3em;
  cursor: pointer;
  opacity: 0.3;
  background-color: #464646;
  -webkit-backface-visibility: hidden;
  line-height: 0;
  vertical-align: middle;
}

[lang="ar"] .footnote-button {

  padding: .15em;
  margin: .15em;

}


[lang="ar"]  .footnote-circle {

margin: 0 0 .1em .14em;

}


[lang="ar"] .footnote-circle:last-child {
  margin-left: 0;
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {

	#rimar {
		height: auto;
	}

	#rimar img {
		width: 40%;
	}
	
	#rimar_cabecera img {
		height: auto;
		text-align: center;
		margin: 0 auto;
		width: 100%;
	}
	

	#footer ul {
		display: block;
	}
	
	#footer ul  li {
		display: block;
		float: none;
	}
	


}

/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
	#rimar {
		height: auto;
	}

	#rimar img {
		width: 40%;
	}
	
	#rimar_cabecera img {
		text-align: center;
		margin: 0 auto;

	}
	
	
	.bloque div a img {
		width: 100%;
	}
}

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) and (orientation:landscape)  {
	#rimar {
		height: auto;
		display: none;
	}

	
	#rimar_cabecera {
		display: none;
	}
	
	
	.enlace_descarga {
	text-align: center;
	display: block;
		margin: 0 auto;
		
	}



}


/* iPads (portrait and landscape) ----------- */
@media all and (max-width : 768px) {

	.bloque div  {
		overflow: hidden;
	}
	
	.bloque {
	width: 350px;
	margin: 0 auto 20px;
	}

	.texto_bloque {
	font-size:  1.4em !important;
	}


}


/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
/* Styles */
}

/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
/* Styles */
}

/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
/* Styles */
}

/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 1224px) {
/* Styles */
}

/* Large screens ----------- */
@media only screen 
and (min-width : 1824px) {
/* Styles */
}

/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */
}


@media (max-width: 480px) {
}


/* ---------------------------------------- 
    BrowserBlast by @markgdyr
    markgoodyear.com
---------------------------------------- */
#browserblast {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 40px;
	font-family: sans-serif;
    font-size: 12px;
    font-weight: bold;
    line-height: 40px;
    color: #000000;
    text-align: center;
    background: #f2f2f2;
}
 #browserblast a {
     color: #0582a2;
     text-decoration: underline;
 }