/* CSS Document */
.simplegallerycaja {
	position:absolute;
	z-index:5;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 385px;
	height: 80px;
	margin-left:8px;
	
	
}
.simplegallerycajab {
	position:absolute;
	z-index:5;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 381px;
	height: 80px;
	margin-left:6px;
 top:44px;
 
	
}

#simplegallery1 {-webkit-border-radius: 14px;
-webkit-border-top-right-radius: 0;
-moz-border-radius: 14px;
-moz-border-radius-topright: 0;
border-radius: 14px;
border-top-right-radius: 0;
top: 41px !important; left: 15px !important; width: 390px !important; height: 174px !important }



html{

margin:0px;

height:100%;

}
h3 {
	margin: 0px;
	padding: 0px;
} 
body {
	height:100%;
	text-align: center;
	background-attachment: fixed;
	background-color: #333333;
	background-image: url(../Imagenes/fondo975.jpg);
	background-repeat: repeat-y;
	background-position: center top;
	 
}
 
#bordemetal {
	background-image: url(../Imagenes/nuevo-bisel.png);
	background-repeat:  repeat-y;
	position:absolute;
	top:0;
	left:0;
	z-index:1;
	width:100px;
	height:100%;
	 
	
}
#bordemetal2 {
	background-image: url(../Imagenes/nuevo-bisel.png);
	background-repeat:  repeat-y;
	position:absolute;
	top:0;
	left:0;
	z-index:1;
	width:975px;
	height:100%;
	background-position: right;
	
}
.contenedor_global{

	width:		975px;
	margin:		0px auto 0px;  
	position:relative;
	display:flow-root;
 }


 .contenedor_global a{ 
	text-decoration: none;
 }  
  #zona1{
	width:		204px;
	float:		left;
	display:table-cell;
	 z-index:2;
	 position:relative;
	  
  }

/* Carretera histórica de acceso a La Vuelta al Mundo. */
.atb-journey-road {
	display: block;
	box-sizing: content-box;
	position: relative;
	width: 180px;
	height: 77px;
	margin: 0 0 4px;
	padding-top: 7px;
	background: url(../Imagenes/metal1.png) no-repeat;
	text-decoration: none;
}
.atb-journey-road__label {
	position: absolute;
	color: #E2D8BC;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: center;
	text-shadow: 1px 1px 0 #1a1711;
}
.atb-journey-road__label--top {
	top: 12px;
	left: 8px;
	width: 112px;
	font-size: 14px;
	line-height: 16px;
}
.atb-journey-road__label--bottom {
	top: 52px;
	left: 8px;
	right: 8px;
	font-size: 16px;
	line-height: 18px;
}
.atb-journey-road:hover .atb-journey-road__label,
.atb-journey-road:focus .atb-journey-road__label {
	color: #fff3d2;
	text-shadow: 1px 1px 1px #0d0c09;
}
 #zona2{
	width:		771px;
	float:		left;
	 z-index:2;
	 position:relative;
	 display:flow-root;
}
 
 #cua1 {background-image: url(../Imagenes/cuadro-grande-s.png);
	background-repeat: no-repeat;
	width:575px;
	height:14px;
	margin-top:20px;
 } #cua2 {
	background-image: url(../Imagenes/cuadro-grande-c.png);
	background-repeat: repeat-y;
	width:545px;
	text-align: justify;
	padding-right: 20px;
	padding-left: 14px; 
	
 }
 #cua3 {background-image: url(../Imagenes/cuadro-grande-i.png);
	background-repeat: no-repeat;
	width:575px;
	height:14px;
	margin-bottom:45px;
 }
 .table {
 display:table;
 }

  #cua1b {
	background-image: url(../Imagenes/recuadrofinal-s.png);
	background-repeat: no-repeat;
	width:546px;
	height:11px;
	margin-top:15px; 
 } #cua2b {
	background-image: url(../Imagenes/recuadrofinal-c.png);
	background-repeat: repeat-y;
	width:546px;
	text-align: justify;
 
 
 }
 #cua3b {background-image: url(../Imagenes/recuadrofinal-i.png);
	background-repeat: no-repeat;
	width:546px;
	height:13px;
	margin-bottom:14px;
 }
 
 #fondoslide {
background-image: url(../Imagenes/fondoslide2.png);
	background-repeat: no-repeat;
	height:400px;
	margin-top:20px;
	z-index:4;
	position:relative;
 }
  #fondoslideb {
background-image: url(../Imagenes/fondoslide2b.png);
	background-repeat: no-repeat;
	
	height:226px;
	margin-top:20px;
	z-index:4;
	position:relative;
 }
 #fondogps {
	background-image: url(../Imagenes/gps155.png);
	background-repeat: no-repeat;
	height:279px;
	width: 155px;
	z-index:5;
	position:relative;
 }
 #diashome{
 position:absolute;
 left:20px;
 top:290px;
 z-index:35; 
 
 }
.atb-stage-selector-wrap {
	width: 100%;
}
.atb-stage-selector-wrap--diary {
	margin: 14px 0 18px;
}
.atb-stage-empty {
	margin: 22px 0;
	color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
}
.atb-stage-selector {
	box-sizing: border-box;
	width: 240px;
	height: 38px;
	padding: 0 10px;
	background: #3B3A38;
	color: #F2EDE3;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	letter-spacing: .02em;
	border: 2px solid #242320;
	border-top-color: #8a867d;
	border-left-color: #8a867d;
	border-right-color: #242320;
	border-bottom-color: #242320;
	border-radius: 2px;
	box-shadow: inset 1px 1px 0 #68655f, inset -1px -1px 0 #242320, 2px 3px 0 #a7a198;
	color-scheme: dark;
	cursor: pointer;
}
.atb-stage-selector:hover {
	background: #3B3A38;
	color: #F2EDE3;
}
.atb-stage-selector:focus {
	outline: 2px solid #d8cfba;
	outline-offset: 2px;
	box-shadow: inset 1px 1px 0 #7a766d, inset -1px -1px 0 #242320, 2px 3px 0 #a7a198;
}
.atb-stage-selector option {
	background: #3B3A38;
	color: #F2EDE3;
}
.atb-stage-selector option:checked,
.atb-stage-selector option:hover,
.atb-stage-selector option:focus {
	background: #77736B;
	color: #F2EDE3;
}
.atb-industrial-select {
	position: relative;
	width: 240px;
	margin: 0 auto;
	text-align: left;
}
.atb-industrial-select__native {
	display: none;
}
.atb-industrial-select__trigger,
.atb-industrial-select__option {
	box-sizing: border-box;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	letter-spacing: .02em;
}
.atb-industrial-select__trigger {
	position: relative;
	width: 240px;
	height: 38px;
	padding: 0 34px 0 10px;
	background: #3B3A38;
	color: #F2EDE3;
	border: 2px solid #242320;
	border-top-color: #8a867d;
	border-left-color: #8a867d;
	border-right-color: #242320;
	border-bottom-color: #242320;
	border-radius: 2px;
	box-shadow: inset 1px 1px 0 #68655f, inset -1px -1px 0 #242320, 2px 3px 0 #a7a198;
	text-align: left;
	cursor: pointer;
}
.atb-industrial-select__trigger::after {
	position: absolute;
	right: 13px;
	top: 12px;
	width: 8px;
	height: 8px;
	border-right: 2px solid #F2EDE3;
	border-bottom: 2px solid #F2EDE3;
	content: '';
	transform: rotate(45deg);
}
.atb-industrial-select__trigger[aria-expanded="true"]::after {
	top: 16px;
	transform: rotate(225deg);
}
.atb-industrial-select__trigger:focus {
	outline: 2px solid #d8cfba;
	outline-offset: 2px;
}
.atb-industrial-select__list {
	position: absolute;
	top: calc(100% + 4px);
	left: 0;
	box-sizing: border-box;
	width: 240px;
	max-height: 264px;
	overflow-y: auto;
	padding: 2px;
	background: #3B3A38;
	border: 2px solid #242320;
	border-top-color: #8a867d;
	border-left-color: #8a867d;
	box-shadow: 2px 3px 0 #a7a198;
	z-index: 60;
}
.atb-industrial-select__option {
	display: block;
	width: 100%;
	min-height: 30px;
	padding: 6px 8px;
	background: transparent;
	color: #F2EDE3;
	border: 0;
	text-align: left;
	cursor: pointer;
}
.atb-industrial-select__option:hover,
.atb-industrial-select__option:focus,
.atb-industrial-select__option.is-highlighted {
	background: #77736B;
	color: #F2EDE3;
	outline: none;
}
 #gps2 {
	background-image: url(../Imagenes/gps155.png);
	background-repeat: no-repeat;
	height:279px;
	width: 155px;
	margin-top:20px;
	z-index:5;
	position:relative;
	left:606px;
	top:12px; 
 }
  #gps2b {
	background-image: url(../Imagenes/gps155.png);
	background-repeat: no-repeat;
	height:279px;
	width: 155px;
	margin-top:30px;
	z-index:5;
	position:relative;
	left:606px;
	top:12px; 
 }
  #gpst0 {
	height:25px;
	width: 105px;
	z-index:5;
	position:relative;
	left:25px;
	top:5px;
	 cursor:pointer;
	 
 }
 #gpst1 {
	height:25px;
	width: 105px;
	z-index:5;
	position:relative;
	left:25px;
	top:53px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;

	color: #FFFFFF;
 }
 #gpst2 {
	height:25px;
	width: 105px;
	z-index:5;
	position:relative;
	left:25px;
	top:57px;
 }
 #gpst3 {
	height:25px;
	width: 105px;
	z-index:5;
	position:relative;
	left:25px;
	top:61px;
 }
 #gpst4 {
	height:25px;
	width: 105px;
	z-index:5;
	position:relative;
	left:25px;
	top:67px;
 }
 .gpsito {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
 }
  #declaracion {
	left:430px;
	top:25px;
	width: 155px;
	height:209px;
	margin-top:20px;
	z-index:5;
	position:relative;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	text-align: left;
	color: #FFFFFF;
	 
 }
   #contador {
  width: 771px;
  white-space: nowrap;
}
  #twitterhome {
 	height:306px;
	width: 155px;
	margin-top:220px;
	z-index:7;
	position:relative;
	left:10px;
	top:-183px; 
 }
 #twitterblog {
	float:right;
	margin-top:90px;
	margin-right:8px;
	clear: right;
	position:relative;
	z-index:7;
	width: 180px;
 }
#Menu {
	width: 771px;
	height: 40px; 
 	background-image: url(../Imagenes/imagenes/barra_02.png);
	position:absolute;
	z-index:8; 
	top:0px; 
 }



#nav, #nav ul{
	margin:0;
	padding:0;
	list-style-type:none;
	list-style-position:outside;
	position:relative;
	z-index:44;
	font-weight: normal;

 
}

#nav a{
	display:block;
	padding:0px 5px;
	color:#FFFFFF;
	text-decoration:none;
 	padding-top: 4px;
	padding-bottom: 4px;
		font-size: 14px;
border-right: 2px solid #E9E9E9;
}

#nav a:hover,
#nav a:focus,
#nav a:active{
	color:#3B3B3B;
	 font-size: 14px;
text-shadow: 2px 2px 2px #333;
border-right: 2px solid #3B3B3B;
}

#nav li{
	float:left;
	position:relative;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	width: 120px;
	height: 16px;
 	
  	padding-top:4px;
padding-bottom:8px;
}

#nav ul {
position:absolute;
display:none;
padding-top:6px;
	width:120px;
}
.navraya {
	border-bottom-width: 5px;
	border-bottom-style: doble;
	border-bottom-color: #FFFFFF;



} 
#nav li ul a{
width:170px;
height: 20px;
float:left;
	background-image: url(../Imagenes/imagenes/gris_03.png);
	background-repeat: repeat;

}
#nav ul ul{
top:auto;
}	

#nav li ul ul {
width:170px;
left:170px;
height: 30px;
margin:0px 0 0 10px;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{
display:none;
	text-shadow: 2px 2px 2px #333;

}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{
display:block;
}



#apDiv2 {
 	width: 178px;
	height: 400px;
	z-index: 6;
	left: 2px;
	top: 205px;
}
#Donde {
 	width: 180px;
	height: 220px;
	z-index: 2;
	left: 608px;
	top: 20px;
	visibility: visible;
	font-size: 12px;
	font-weight: lighter;
	text-transform: capitalize;
	font-variant: small-caps;
	text-decoration: overline;
}#Contenedor2 {
	position: relative;
	left: 199px;
	top: 62px;
	width: 800px;
	height: 335px;
	z-index: 0;
	visibility: visible;
}
  
#Pie { bottom: 0; left: 0; position: fixed;  height:346px; z-index:1;
 	    width:100%;  }
		
.gris {
	color: #888888;
}
.gris a{
	color: #666666;
}
.gris a:hover{
	color: #333333;
	text-decoration: underline;
}
.gris2 {
	color: #666666;
}
.gris2 a{
	color: #333333;
}
.gris2 a:hover{
	color: #666666;
	text-decoration: none;
}
.negranate {
	
	font-weight: bold;
	color: #620000;
}
.negranate a{

	color: #620000;
}
.negranate a:hover{

	color: #5B0000;
}
.amarillo {
	color: #FFFFCC;
}
.amarillo a{
	color: #FFFFCC;
}
.amarillo a:hover{
	color: #FFFF33;
}

.nolink {
	color: #686A00;
}

.links a{
	color: #7A7C14;
	font-weight: bold;
}
.links a:hover{
	color: #4F5100;
	font-weight: bold;
}
.blanco {
	color: #FFFFFF;
}
.blanco a{
	color: #FFFFFF;
}
.blanco a:hover{
	color: #CCD7C1;
	
}.agradecidos {
	padding-right:10px;
	padding-top:18px;
	background-image: url(../Imagenes/marcopatrocinio_02.png);
	background-repeat: no-repeat;
	min-height:350px;
	height:auto;
	width:173px;
	padding-left:7px; 
	margin-left:12px; 
	 
}
.agradecidos .atb-collab-list {
	display:flex;
	flex-direction:column;
	align-items:center;
	gap:14px;
}
.agradecidos .atb-collab-list > * { line-height:0; }
.agradecidos .atb-collab-badge {
	display:inline-block;
	position:relative;
	vertical-align:top;
	border-radius:6px;
	outline:2px solid #3B3B3B;
	background:#77736b;
	box-shadow:0 0 0 1px #b9b5ab, 4px 5px 0 rgba(43, 42, 38, .58), inset 1px 1px 0 rgba(255, 255, 255, .58), inset -1px -1px 0 rgba(31, 30, 27, .7);
	transition:box-shadow 120ms ease, outline-color 120ms ease;
	cursor:pointer;
}
.agradecidos .atb-collab-badge::after {
	position:absolute;
	inset:0;
	border-radius:5px;
	box-shadow:inset 1px 1px 0 rgba(255, 255, 255, .38), inset -1px -1px 0 rgba(30, 29, 26, .28);
	content:"";
	pointer-events:none;
}
.agradecidos .atb-collab-badge > img {
	display:block;
	max-width:100%;
	height:auto;
	border-radius:4px;
}
.agradecidos .atb-collab-badge:hover,
.agradecidos .atb-collab-badge:focus {
	outline-color:#5d5b55;
	box-shadow:0 0 0 1px #dfdbcf, 5px 6px 0 rgba(32, 31, 28, .68), inset 1px 1px 0 rgba(255, 255, 255, .78), inset -1px -1px 0 rgba(25, 24, 22, .78);
}
.agradecidos .atb-solidarity {
	box-sizing:border-box;
	width:157px;
	margin:25px auto 0;
	padding:0 2px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:1.45;
	text-align:left;
}
.agradecidos .atb-solidarity h2 {
	margin:0 0 10px;
	font-size:12px;
	line-height:1.2;
}
.agradecidos .atb-solidarity p { margin:0 0 12px; }
.agradecidos .atb-solidarity__signature { margin-bottom:0; }
.ultimahora {
	height: 22px;
	width: 160px;
	background-image: url(../Imagenes/recuadro-botones3_03.png);
	text-align: center;
	
}
.ultimahora a{
	color: #FFFFFF;
	display: block;
	padding:2px 0px 0px 5px;
 }
.ultimahora a:hover{
	background-image: url(../Imagenes/recuadro-botones3_03b.png);
	font-size: 14px;
}
/* Mantiene las fotografias del slider dentro de su visor historico. */
#simplegallery1 .gallerylayer,
#simplegallery1 .gallerylayer > a {
  width: 100%;
  height: 100%;
}
#simplegallery1 .gallerylayer > a {
  display: block;
}
#simplegallery1 .gallerylayer img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
/* Listado aleatorio de cronicas bajo el boton historico de Ultima Hora. */
.atb-descubre {
  padding: 4px;
}
.atb-descubre__title {
  margin: 2px 0 5px;
  color: #B0B0B0;
}
.atb-descubre__entry {
  margin-bottom: 5px;
  line-height: 14px;
}
.atb-descubre__entry a {
  display: -webkit-box;
  max-height: 28px;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
/* Boton de regreso de las cronicas individuales, inspirado en los relieves metalicos historicos. */
.atb-diary-return {
  padding: 13px 10px 15px;
  text-align: center;
}
.atb-diary-return__base {
  display: inline-block;
  position: relative;
}
.atb-diary-return__base:after {
  position: absolute;
  z-index: 0;
  top: 3px;
  right: -3px;
  bottom: -3px;
  left: 3px;
  border: 1px solid #111;
  border-radius: 3px;
  background: #1d1d1d;
  content: '';
}
.atb-diary-return__button {
  display: inline-block;
  position: relative;
  z-index: 1;
  padding: 8px 14px 7px;
  border: 2px solid #2a2a2a;
  border-top-color: #b0b0b0;
  border-left-color: #999999;
  border-right-color: #181818;
  border-bottom-color: #101010;
  border-radius: 3px;
  background: #4b4b4b;
  box-shadow: inset 1px 1px 0 #d0d0d0;
  color: #ffffe6;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  line-height: 14px;
  text-decoration: none;
  text-shadow: 1px 1px 0 #222;
  transition: transform 80ms linear;
}
.atb-diary-return__button:hover,
.atb-diary-return__button:focus {
  border-top-color: #151515;
  border-left-color: #1d1d1d;
  border-right-color: #a8a8a8;
  border-bottom-color: #c0c0c0;
  background: #414141;
  box-shadow: inset 2px 2px 0 #202020;
  color: #fff;
  transform: translate(2px, 2px);
}
.atb-diary-return__button:active {
  border-top-color: #101010;
  border-left-color: #161616;
  border-right-color: #c0c0c0;
  border-bottom-color: #d0d0d0;
  background: #383838;
  box-shadow: inset 3px 3px 0 #1a1a1a;
  transform: translate(3px, 3px);
}

/* Navegación entre visitas cronológicas de La Vuelta al Mundo. */
.atb-stage-posts > table:last-of-type #cua3b {
  margin-bottom: 0;
}
/* Igual que las cajas de crónica, esta celda conserva la geometría histórica
   y reserva el ancho interior completo para la navegación. */
#bloques.atb-stage-posts--full-width {
  display: table-cell;
  width: 546px;
}
.atb-stage-navigation {
  box-sizing: border-box;
  clear: both;
  display: flex;
  justify-content: space-between;
  gap: 14px;
  width: 100%;
  margin: 14px 0 20px;
  padding: 0 3px 0 0;
}
.atb-stage-navigation > span { min-width: 0; }
.atb-stage-navigation > span:last-child { text-align: right; }
@media (max-width: 560px) {
  .atb-stage-navigation { flex-direction: row; align-items: center; }
  .atb-stage-navigation > span:last-child { text-align: right; }
}