body {/* BASE DE LA WEB */
background-image: url(../Imagenes/Index/fondo.gif);
background-repeat: repeat-x;
background-attachment: fixed;
width: 960px;
margin: 0 auto 0;
padding: 0;

-ms-word-wrap:break-word;
font-size:12px;
word-wrap:break-word;
line-height:20px;
font-family:arial;
 }
 
/* ********************************************************************************************************************************** */ 
/* ********************************** para las ventanas emergentes en los ejemplares ************************************************ */ 
/* ********************************************************************************************************************************** */ 
a.tooltip { /* Estilos del texto que tiene el tooltip */
  position: relative;
  z-index: 24;
  cursor: help;
  text-decoration: underline;
}

a.tooltip:hover {z-index: 25;
 text-decoration: none;}

a.tooltip span {display: none}

a.tooltip:hover span { /* Estilos de la descripción amarillo */
  display: block;
  position: absolute;
  top: 2em;
  left: 2em;
  width: 50em;
  border: 1px solid #455E85;
  background: #ffff99;
  color: #000;
  text-align: justify;
  padding: 6px 6px 6px 6px;
} 

a.tooltip span1 {display: none}

a.tooltip:hover span1 { /* Estilos de la descripción verde */
  display: block;
  position: absolute;
  top: 2em;
  left: 2em;
  width: 50em;
  border: 1px solid #455E85;
  background: #CCFFCC;
  color: #000;
  text-align: justify;
  padding: 6px 6px 6px 6px;
} 

a.tooltip span2 {display: none}

a.tooltip:hover span2 { /* Estilos de la descripción morado */
  display: block;
  position: absolute;
  top: 2em;
  left: 2em;
  width: 50em;
  border: 1px solid #455E85;
  background: #DFBFFF;
  color: #000;
  text-align: justify;
  padding: 6px 6px 6px 6px;
}

a.tooltip span3 {display: none}

a.tooltip:hover span3 { /* Estilos de la descripción morado azul*/
  display: block;
  position: absolute;
  top: 2em;
  left: 2em;
  width: 50em;
  border: 1px solid #455E85;
  background: #BFF2FF;
  color: #000;
  text-align: justify;
  padding: 6px 6px 6px 6px;
}

a.tooltip1 { /* Estilos del texto que tiene el tooltip */
  position: relative;
  z-index: 24;
  cursor: help;
  text-decoration: underline;
}

a.tooltip1:hover {z-index: 25;
 text-decoration: none;}

a.tooltip1 span {display: none}

a.tooltip1:hover span { /* Estilos de la descripción */
  display: block;
  position: absolute;
  top: 2em;
  left: -10em;
  width: 50em;
  border: 1px solid #455E85;
  background: #ffff99;
  color: #000;
  text-align: justify;
  padding: 6px 6px 6px 6px;
} 

a.tooltip1 span1 {display: none}

a.tooltip1:hover span1 { /* Estilos de la descripción */
  display: block;
  position: absolute;
  top: 2em;
  left: -10em;
  width: 50em;
  border: 1px solid #455E85;
  background: #CCFFCC;
  color: #000;
  text-align: justify;
  padding: 6px 6px 6px 6px;
} 

a.tooltip1 span2 {display: none}

a.tooltip1:hover span2 { /* Estilos de la descripción morado*/
  display: block;
  position: absolute;
  top: 2em;
  left: -10em;
  width: 50em;
  border: 1px solid #455E85;
  background: #DFBFFF;
  color: #000;
  text-align: justify;
  padding: 6px 6px 6px 6px;
}

a.tooltip2 { /* Estilos del texto que tiene el tooltip */
  position: relative;
  z-index: 24;
  cursor: help;
  text-decoration: underline;
}

a.tooltip2:hover {z-index: 25;
 text-decoration: none;}

a.tooltip2 span {display: none}

a.tooltip2:hover span { /* Estilos de la descripción amarillo*/
  display: block;
  position: absolute;
  top: 2em;
  left: -20em;
  width: 50em;
  border: 1px solid #455E85;
  background: #ffff99;
  color: #000;
  text-align: justify;
  padding: 6px 6px 6px 6px;
}

a.tooltip2 span1 {display: none}

a.tooltip2:hover span1 { /* Estilos de la descripción verde*/
  display: block;
  position: absolute;
  top: 2em;
  left: -20em;
  width: 50em;
  border: 1px solid #455E85;
  background: #CCFFCC;
  color: #000;
  text-align: justify;
  padding: 6px 6px 6px 6px;
}
a.tooltip2 span2 {display: none}

a.tooltip2:hover span2 { /* Estilos de la descripción morado*/
  display: block;
  position: absolute;
  top: 2em;
  left: -20em;
  width: 50em;
  border: 1px solid #455E85;
  background: #DFBFFF;
  color: #000;
  text-align: justify;
  padding: 6px 6px 6px 6px;
}

a.tooltip2 span3 {display: none}

a.tooltip2:hover span3 { /* Estilos de la descripción azul*/
  display: block;
  position: absolute;
  top: 2em;
  left: -20em;
  width: 50em;
  border: 1px solid #455E85;
  background: #BFF2FF;
  color: #000;
  text-align: justify;
  padding: 6px 6px 6px 6px;
}


a.tooltip3 { /* Estilos del texto que tiene el tooltip */
  position: relative;
  z-index: 24;
  cursor: help;
  text-decoration: underline;
}

a.tooltip3:hover {z-index: 25;
 text-decoration: none;}

a.tooltip3 span {display: none}

a.tooltip3:hover span { /* Estilos de la descripción amarillo*/
  display: block;
  position: absolute;
  top: 2em;
  right: -20em;
  width: 50em;
  border: 1px solid #455E85;
  background: #ffff99;
  color: #000;
  text-align: justify;
  padding: 6px 6px 6px 6px;
} 

a.tooltip3 span1 {display: none}

a.tooltip3:hover span1 { /* Estilos de la descripción verde*/
  display: block;
  position: absolute;
  top: 2em;
  right: -20em;
  width: 50em;
  border: 1px solid #455E85;
  background: #CCFFCC;
  color: #000;
  text-align: justify;
  padding: 6px 6px 6px 6px;
}
a.tooltip3 span2 {display: none}

a.tooltip3:hover span2 { /* Estilos de la descripción morado*/
  display: block;
  position: absolute;
  top: 2em;
  right: -20em;
  width: 50em;
  border: 1px solid #455E85;
  background: #DFBFFF;
  color: #000;
  text-align: justify;
  padding: 6px 6px 6px 6px;
}


a.tooltip4 { /* Estilos del texto que tiene el tooltip */
  position: relative;
  z-index: 24;
  cursor: help;
  text-decoration: underline;
}

a.tooltip4:hover {z-index: 25;
 text-decoration: none;}

a.tooltip4 span {display: none}

a.tooltip4:hover span { /* Estilos de la descripción amarillo*/
  display: block;
  position: absolute;
  top: 2em;
  right: -10em;
  width: 50em;
  border: 1px solid #455E85;
  background: #ffff99;
  color: #000;
  text-align: justify;
  padding: 6px 6px 6px 6px;
} 

a.tooltip4 span1 {display: none}

a.tooltip4:hover span1 { /* Estilos de la descripción verde*/
  display: block;
  position: absolute;
  top: 2em;
  right: -10em;
  width: 50em;
  border: 1px solid #455E85;
  background: #CCFFCC;
  color: #000;
  text-align: justify;
  padding: 6px 6px 6px 6px;
} 

a.tooltip5 { /* Estilos del texto que tiene el tooltip */
  position: relative;
  z-index: 24;
  cursor: help;
  text-decoration: underline;
}

a.tooltip5:hover {z-index: 25;
 text-decoration: none;}

a.tooltip5 span {display: none}

a.tooltip5:hover span { /* Estilos de la descripción amarillo */
  display: block;
  position: absolute;
  top: 2em;
  right: -2em;
  width: 50em;
  border: 1px solid #455E85;
  background: #ffff99;
  color: #000;
  text-align: justify;
  padding: 6px 6px 6px 6px;
} 
a.tooltip5 span1 {display: none}

a.tooltip5:hover span1 { /* Estilos de la descripción verde */
  display: block;
  position: absolute;
  top: 2em;
  right: -2em;
  width: 50em;
  border: 1px solid #455E85;
  background: #CCFFCC;
  color: #000;
  text-align: justify;
  padding: 6px 6px 6px 6px;
} 

a.tooltip5 span2 {display: none}

a.tooltip5:hover span2 { /* Estilos de la descripción morado */
  display: block;
  position: absolute;
  top: 2em;
  right: -2em;
  width: 50em;
  border: 1px solid #455E85;
  background: #DFBFFF;
  color: #000;
  text-align: justify;
  padding: 6px 6px 6px 6px;
} 

a.tooltip5 span3 {display: none}

a.tooltip5:hover span3 { /* Estilos de la descripción azul */
  display: block;
  position: absolute;
  top: 2em;
  right: -2em;
  width: 50em;
  border: 1px solid #455E85;

  background: #BFF2FF;
  color: #000;
  text-align: justify;
  padding: 6px 6px 6px 6px;
} 
article img{height:auto;}

/* ********************************************************************************************************************************** */ 
/* ***************************** hasta aquí para las ventanas emergentes en los ejemplares ****************************************** */ 
/* ********************************************************************************************************************************** */ 

a {text-decoration: none;
}

a.back-to-top{/* BOTON ARRIBA */
background-color:rgba(0,0,0,.25);
border-radius:5px;
box-shadow:0 0 1px #FFF;
color:#FFF;
display:none;
padding:5px 12px;
position:fixed;
right:3px;
text-align:center;
text-decoration:none;
text-transform:uppercase;
top:85%;
transition:all 0.3s ease 0s;
font-size:1.1em;
z-index: 98;
}

#wrap {/* PRIMER MARCO DE LA WEB */
	width: 960px;
	position: relative;
	height: 400px;
	font-family: Verdana;
}

.cabecera {/* CABECERA DE LA WEB */
	width: 900px;
	height: 184px;
	background: url(../Imagenes/Index/cabecera.jpg);
	font-size: 12px;
	border: 2px solid black;
	border-radius: 0px 0px 15px 15px;
	padding: 18px 30px;
	position: fixed;
	top: 0px;
	transition: all 300ms ease 0ms;
	z-index: 99;
}
.cabecera:hover {/* CABECERA DE LA WEB RESALTADA */
box-shadow: 0px 0px 10px 15px rgba(0, 0, 0, 0.5);
}

.negrita:hover {/* NEGRITA DE RESALTE EN LOS ENLACES */
font-weight:bold;
}

#botonagua00 {/* IMAGEN HANDLER LATERAL */
	POSITION: absolute;
	TOP: 0px;
	LEFT: 0px;
	WIDTH: 98px;
	height: 800px;
	overflow: hidden;
	background: url(../Imagenes/Index/agua01.png);
	Z-INDEX: inherit;
	}

#botonagua01 {/* IMAGEN GROMING LATERAL */
	POSITION: absolute;
    TOP: 0px;
    right: 0px;
	WIDTH: 98px;
	height: 800px;
	overflow: hidden;
	background: url(../Imagenes/Index/agua02.png);
	Z-INDEX: inherit;
	}

#boton01 {/* BOTON INICIO */
	POSITION: absolute;
	TOP: 8px;
	LEFT: 10px;
	WIDTH: 76px;
	Z-INDEX: 1;
	height: 35px;
	}
#boton02 {/* BOTON FACEBOOK */
	POSITION: absolute;
	TOP: 184px;
	LEFT: 9px;
	width: 26px;
	height: 26px;
	Z-INDEX: inherit;
	}
#boton03 {/* BOTON LOGO */
	POSITION: absolute;
	TOP: 6px;
	LEFT: 748px;
	width: 186px;
	height: 180px;
	Z-INDEX: 1;
	}
#boton04 {/* BOTON AFIJO */
	POSITION: absolute;
	TOP: 182px;
	LEFT: 725px;
	width: 227px;
	height: 17px;
}
#boton05 {/* BOTON BANDERA */
	POSITION: absolute;
	TOP: 199px;
	LEFT: 933px;
	width: 20px;
	height: 20px;
}

#boton13 {/* BOTON LIKE FACEBOOK */
	POSITION: absolute;
	TOP: 188px;
	LEFT: 158px;
	width: 118px;
	height: 30px;
}

#boton14 {/* BOTON COMPARTIR FACEBOOK */
	POSITION: absolute;
	TOP: 188px;
	LEFT: 40px;
	width: 118px;
	height: 30px;
}

.hueco{/* HUECO PARA AJUSTAR LA WEB DESPLAZABLE */
height: 225px;
}

#wrap2 {
	width: 960px;
	position: relative;
	margin-top: 5px;
}


/* *********************************************************** */
/* *****  COMIENZA todo lo de la columnaizq .post  *********** */
/* *********************************************************** */
#columnat {
	float: left;
	width: 960px;
}

#columnaizqtotal {
	float: left;
	width: 550px;
}
#columnadertotal {
	float: right;
	width: 410px;
}

#columnaizqizqtotal {
	float: left;
	width: 268px;
}
#columnaizqdertotal {
	float: right;
	width: 268px;
}

#columnaderizqtotal {
	float: left;
	width: 200px;
	margin-left: 5px;
}
#columnaderdertotal {
	float: right;
	width: 200px;
	margin-bottom: 5px;
}

.columnatotal {
	float: left;
	width: 960px;
	border-radius: 18px; /* Borde del boton */
	letter-spacing: 2px; /* Espacio entre letras */
	background-color: #ffffff; /* Relleno del boton */
	margin-bottom: 5px;
}


.columna3_4 {
	float: left;
	width: 752px;
	border-radius: 15px;
	letter-spacing: 2px;
	background-color: #ffffff;
	position: relative;
	top: 0px;
	transition: all 300ms ease 0ms;
	margin-bottom: 5px;
	z-index: inherit;
}

.columnaderder1 {
	float: right;
	width: 192.5px;
	border-radius: 15px;
	background-color: #ffffff;
	position: relative;
	top: 0px;
	transition: all 300ms ease 0ms;
	z-index: 1;
	padding-left: 5px;
	padding-right: 5px;
	margin-bottom: 5px;
}
.columnaderder1:hover {
	background-color: #FFCC66;
	box-shadow: 0px 0px 10px 15px rgba(0, 0, 0, 0.5);
	transform: translateY(-10px);
	transform: translateX(-10px);
	z-index: 1;
}

.columnaizq {
	float: left;
	width: 550px;
	height: 325px;
	border-radius: 15px; /* Borde del boton */
	letter-spacing: 2px; /* Espacio entre letras */
	background-color: #ffffff; /* Relleno del boton */
	position: relative;
	top: 0px;
	transition: all 300ms ease 0ms;
	z-index: inherit;
	margin-bottom: 5px;
	margin-right: 5px;
}
.columnaizq:hover {
	background-color: #FFCC66;
	box-shadow: 0px 0px 10px 15px rgba(0, 0, 0, 0.5);
	transform: translateY(-7px);
	z-index: 1;
}

.camadas {
	float: left;
	width: 550px;
	height: 320px;
	border-radius: 15px; /* Borde del boton */
	letter-spacing: 2px; /* Espacio entre letras */
	background-color: #ffffff; /* Relleno del boton */
	position: relative;
	top: 0px;
	transition: all 300ms ease 0ms;
	z-index: inherit;
	margin-bottom: 5px;
	margin-right: 5px;
}
.camadas:hover {
	background-color: #FFCC66;
	box-shadow: 0px 0px 10px 15px rgba(0, 0, 0, 0.5);
	transform: translateY(-7px);
	z-index: 1;
}

.columnaizq1 {
	float: left;
	width: 550px;
	height: 320px;
	border-radius: 15px; /* Borde del boton */
	letter-spacing: 2px; /* Espacio entre letras */
	background-color: #ffffff; /* Relleno del boton */
	position: relative;
	top: 0px;
	transition: all 300ms ease 0ms;
	z-index: inherit;
	margin-bottom: 5px;
	margin-right: 5px;
}
.columnaizq1:hover {
	background-color: #FFCC66;
	box-shadow: 0px 0px 10px 15px rgba(0, 0, 0, 0.5);
	transform: translateY(-7px);
	z-index: 1;
}


.columnaizqsin {
	float: left;
	width: 550px;
	height: 200px;
	/*text-transform: uppercase;  Texto en mayusculas */
	border-radius: 15px; /* Borde del boton */
	letter-spacing: 2px; /* Espacio entre letras */
	background-color: #ffffff; /* Relleno del boton */
	position: relative;
	top: 0px;
	transition: all 300ms ease 0ms;
	z-index: inherit;
	margin-bottom: 5px;
	margin-right: 5px;
}


.columnaizqizq {
	float: left;
	width: 268px;
	height: 192px;
	border-radius: 15px;
	background-color: #ffffff;
	position: relative;
	top: 0px;
	transition: all 300ms ease 0ms;
	z-index: inherit;
	margin-bottom: 5px;
	padding-left: 5px;
}
.columnaizqizq:hover {
	background-color: #FFCC66;
	box-shadow: 0px 0px 10px 15px rgba(0, 0, 0, 0.5);
	transform: translateX(7px);
	z-index: 1;
} 


.columnaizqder {
	float: right;
	width: 268px;
	height: 192px;
	border-radius: 15px;
	background-color: #ffffff;
	position: relative;
	top: 0px;
	transition: all 300ms ease 0ms;
	z-index: inherit;
	margin-bottom: 5px;
	padding-right: 5px;
}
.columnaizqder:hover {
	background-color: #FFCC66;
	box-shadow: 0px 0px 10px 15px rgba(0, 0, 0, 0.5);
	transform: translateX(7px);
	z-index: 1;
} 


.post {
	font-size: 12px;
	color: #000000;
	text-align: justify;
	margin-left: 5px;
	margin-right: 5px;
}
.post h2 {
color: #086bc8;
font-size: 18px;
text-align: center;
font-weight: bold;
margin: 0 0 5px;
padding:5px;
line-height:1.4em;
border-bottom: 2px solid #086bc8;
}

.post2 {
	font-size: 11px;
	color: #000000;
	text-align: justify;
	margin-left: 5px;
	margin-right: 5px;
}

.post2 h2 {
	color: #086bc8;
	font-size: 18px;
	text-align: center;
	font-weight: bold;
	margin: 0 0 5px;
	padding:5px;
	line-height:1.4em;
	border-bottom: 2px solid #086bc8;
}

.post3 {
	font-size: 12px;
	color: #666666;
	text-align: justify;
	line-height: normal;
}
.post3 h2 {
	color: #086bc8;
	font-size: 14px;
	font-weight: bold;
	margin: 0 0 5px;
	padding:5px;
	line-height:1.4em;
	border-bottom: 2px solid #086bc8;
	text-align: center;
}

.post4 {
	float: right;
	width: 375px;
	font-size: 11px;
	color: #666666;
	text-align: justify;
	margin-right: 15px;
	background-color: #FFFFFF;
}

.post4 h2 {
color: #086bc8;
font-size: 18px;
font-weight: bold;
margin: 0 0 5px;
padding:5px;
line-height:1.4em;
border-bottom: 2px solid #086bc8;
}

.post5 {
	font-size: 12px;
	color: #666666;
	text-align: justify;
	line-height: normal;
}
.post5 h2 {
	color: #086bc8;
	font-size: 18px;
	font-weight: bold;
	margin: 0 0 5px;
	padding:5px;
	line-height:1.4em;
	border-bottom: 2px solid #086bc8;
	text-align: center;
}

.post6 {
	font-size: 12px;
	color: #666666;
	text-align: justify;
	line-height: normal;
}
.post6 h2 {
	color: #086bc8;
	font-size: 16px;
	font-weight: bold;
	margin: 0 0 5px;
	padding:5px;
	line-height:1.4em;
	border-bottom: 2px solid #086bc8;
	text-align: center;
}

.post8 {
	width: 945px;
	font-family: Verdana;
	font-size: 12px;
	color: #000000;
	text-align: center;
}

/* *********************************************************** */
/* **************      INICIO del parpadeo       ************* */
/* *********************************************************** */
.noticiero {

	width: 960px;
	border-radius: 18px; /* Borde del boton */
	letter-spacing: 2px; /* Espacio entre letras */
	background-color: #ffffff; /* Relleno del boton */
	margin-bottom: 5px;
	padding-bottom: 8px;
}
.noticiero:hover {
	background-color: #FFCC66;
	box-shadow: 0px 0px 10px 15px rgba(0, 0, 0, 0.5);
}

.parpadea {
  text-align: center;  
  font-size: 20px;
  animation-name: parpadeo;
  animation-duration: 1s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;

  -webkit-animation-name:parpadeo;
  -webkit-animation-duration: 3s;
  -webkit-animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
}

@-moz-keyframes parpadeo{  
  0% { opacity: 1.0; }
  50% { opacity: 0.0; }
  100% { opacity: 1.0; }
}

@-webkit-keyframes parpadeo {  
  0% { opacity: 1.0; }
  50% { opacity: 0.0; }
   100% { opacity: 1.0; }
}

@keyframes parpadeo {  
  0% { opacity: 1.0; }
   50% { opacity: 0.0; }
  100% { opacity: 1.0; }
}
/* *********************************************************** */
/* ***************      FINAL del parpadeo       ************* */
/* *********************************************************** */




/* *********************************************************** */
/* *******  FINAL de la columnaizqizq   .post2   ************* */
/* *********************************************************** */
.columnadersin {
	float: right;
	width: 405px;
	height: 320px;
	/*text-transform: uppercase;  Texto en mayusculas */
	border-radius: 15px; /* Borde del boton */
	letter-spacing: 2px; /* Espacio entre letras */
	background-color: #ffffff; /* Relleno del boton */
	position: relative;
	top: 0px;
	transition: all 300ms ease 0ms;
	z-index: inherit;
	margin-bottom: 5px;
}

.columnader {
	float: right;
	width: 405px;
	height: 192px;
	/*text-transform: uppercase;  Texto en mayusculas */
	border-radius: 15px; /* Borde del boton */
	letter-spacing: 2px; /* Espacio entre letras */
	background-color: #ffffff; /* Relleno del boton */
	position: relative;
	top: 0px;
	transition: all 300ms ease 0ms;
	z-index: inherit;
	margin-bottom: 5px;
}
.columnader:hover {
	background-color: #FFCC66;
	box-shadow: 0px 0px 10px 15px rgba(0, 0, 0, 0.5);
	transform: translateX(-10px);
	margin-left: 5px;
	z-index: 1;
} 


.columnaderizq {
	float: left;
	width: 187.5px;
	height: 322px;
	border-radius: 15px;
	background-color: #ffffff;
	position: relative;
	top: 0px;
	transition: all 300ms ease 0ms;
	z-index: inherit;
	margin-bottom: 5px;
	padding-right: 5px;
	padding-left: 5px;
}

.columnaderizq:hover {
	background-color: #FFCC66;
	box-shadow: 0px 0px 10px 15px rgba(0, 0, 0, 0.5);
	transform: translateX(-10px);
	margin-left: 5px;
	z-index: 1;
} 
.columnaderder {
	float: right;
	width: 192.5px;
	height: 321px;
	border-radius: 15px;
	background-color: #ffffff;
	position: relative;
	top: 0px;
	transition: all 300ms ease 0ms;
	z-index: inherit;
	padding-left: 5px;
	padding-right: 5px;
	margin-bottom: 5px;
}
.columnaderder:hover {
	background-color: #FFCC66;
	box-shadow: 0px 0px 10px 15px rgba(0, 0, 0, 0.5);
	transform: translateY(-7px);
	transform: translateX(-7px);

} 



.columnaderizqpeq {
	float: left;
	width: 187.5px;
	height: 272px;
	border-radius: 15px;
	background-color: #ffffff;
	position: relative;
	top: 0px;
	transition: all 300ms ease 0ms;
	z-index: inherit;
	padding-left: 5px;
	padding-right: 5px;
}
.columnaderizqpeq:hover {
	background-color: #FFCC66;
	box-shadow: 0px 0px 10px 15px rgba(0, 0, 0, 0.5);
	transform: translateX(-10px);
	margin-left: 5px;
	z-index: 1;
} 
.columnaderderpeq {
	float: right;
	width: 192.5px;
	height: 273px;
	border-radius: 15px;
	background-color: #ffffff;
	position: relative;
	top: 0px;
	transition: all 300ms ease 0ms;
	z-index: inherit;
	padding-left: 5px;
	padding-right: 5px;
}
.columnaderderpeq:hover {
	background-color: #FFCC66;
	box-shadow: 0px 0px 10px 15px rgba(0, 0, 0, 0.5);
	transform: translateX(-7px);
	z-index: 1;
} 


.ejemplar {
	float: left;
	width: 740px;
	height: 180px;
	border-radius: 15px;
	background-color: #ffffff;
	position: relative;
	top: 0px;
	transition: all 300ms ease 0ms;
	z-index: 1;
	margin-bottom: 0px;
	padding-right: 0px;
}
.ejemplar:hover {
	background-color: #FFCC66;
	box-shadow: 0px 0px 10px 15px rgba(0, 0, 0, 0.5);
	transform: translateY(-7px);
} 

.ejemplar1 {
	float: left;
	width: 740px;
	height: 210px;
	border-radius: 15px;
	background-color: #ffffff;
	position: relative;
	top: 0px;
	transition: all 300ms ease 0ms;
	z-index: 1;
	margin-bottom: 0px;
	padding-right: 0px;
}
.ejemplar1:hover {
	background-color: #FFCC66;
	box-shadow: 0px 0px 10px 15px rgba(0, 0, 0, 0.5);
	transform: translateY(-7px);
} 

/* ****************************************************** */
/* *** COMIENZA de la columnaizq-med .post-med ********** */
/* ****************************************************** */
#columnaizq-med {
	float: left;
	width: 755px;
	background-image: url(../Imagenes/Index/columnaizq-med-alto.gif);
	background-repeat: no-repeat;
	background-position: top;
	background-color: #FFFFFF;
	padding-top: 7px;
	padding-bottom: 0px;
	margin-bottom: 6px;
}
.post-med {
	float: left;
	width: 745px;
	margin: 0 0 5px;
	padding: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #666666;
	text-align: justify;
}
.post-med h2 {
color: #086bc8;
font-size: 18px;
font-family: Verdana, Arial, Tahoma;
font-weight: bold;
margin: 0 0 5px;
padding:5px;
line-height:1.4em;
border-bottom: 2px solid #086bc8;
}
.post-med h3 {
	color: #993366;
	font-size: 18px;
	font-family: Verdana, Arial, Tahoma;
	font-weight: bold;
	margin: 0 0 5px;
	padding:5px;
	line-height:1.4em;
	border-bottom: 2px solid #086bc8;
	text-align: left;
}
#columnaizq-med-bajo {
	float: left;
	width: 755px;
	margin: 0;
	background-image: url(../Imagenes/Index/columnaizq-med-bajo.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	background-color: #FFFFFF;
}
/* *********************************************************** */
/* ***********  FINAL de la columnaizq-med   ***************** */
/* *********************************************************** */


/* *********************************************************** */
/* **********  EMPIEZA la columnader .post4  ***************** */
/* *********************************************************** */
#columnader {
	float: right;
	width: 405px;
	display: inline-block;
	background-color: #FFFFFF;
}

#columnadertop {
	float: right;
	width: 410px;
	background-image: url(../Imagenes/Index/columnader_top.png);
	background-repeat: no-repeat;
	background-position: top;
	height: 15px;
}



#columnaderfinal {
	float: right;
	width: 410px;
	background-image: url(../Imagenes/Index/columnader_final.png);
	background-repeat: no-repeat;
	background-position: top;
	height: 15px;
	margin-bottom: 5px;
}
/* *********************************************************** */
/* *********  FINAL de la columnader .post4  ***************** */
/* *********************************************************** */

/* *********************************************************** */
/* *********  EMPIEZA la columnaderizq .post5  *************** */
/* *********************************************************** */

#columnaderizq_final {
	float: left;
	width: 200px;
	margin: 0;
	background-image: url(../Imagenes/Index/columnaderizq_final.png);
	background-repeat: no-repeat;
	background-position: top;
	height: 15px;
}
/* *********************************************************** */
/* ********  FINAL de la columnaderizq .post5  *************** */
/* *********************************************************** */

/* *********************************************************** */
/* *********  EMPIEZA la columnaderder .post6  *************** */
/* *********************************************************** */


#columnaderder_final {
	float: left;
	width: 200px;
	margin: 0;
	background-image:
 url(../Imagenes/Index/columnaderder_final.png);
	background-repeat: no-repeat;
	background-position: top;
	height: 15px;
}
/* *********************************************************** */
/* ********  FINAL de la columnaderder .post6  *************** */
/* *********************************************************** */

/* *********************************************************** */
/* ******  EMPIEZA la columnaderizqbajo .post10  ************* */
/* *********************************************************** */

/* *********************************************************** */
/* *******  FINAL de la columnaderizqbajo .post10 ************ */
/* *********************************************************** */

/* *********************************************************** */
/* ******  EMPIEZA la columnaderderbajo .post10  ************* */
/* *********************************************************** */
#columnaderderbajo {
	float: right;
	width: 200px;
	background-image: url(../Imagenes/Index/columnaderizq_top.png);
	background-repeat: no-repeat;
	background-position: top;
	padding-top: 15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	height: 188px;
}
/* *********************************************************** */
/* *******  FINAL de la columnaderderbajo .post10 ************ */
/* *********************************************************** */

/* *********************************************************** */
/* *********  EMPIEZA la columnadersola .post20  ************* */
/* *********************************************************** */
#columnadersola {
	float: right;
	width: 200px;
	background-color: #086bc8;
	background-image:
 url(../Imagenes/Index/columnaderizq_top.gif);
	background-repeat: no-repeat;
	background-position: top;
	padding-top: 15px;
	background-color: #086bc8;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
/* *********************************************************** */
/* ********    FINAL de la columnadersola .post6   *********** */
/* *********************************************************** */





#wrap3 {
	width: 960px;
	position: relative;
	margin-bottom: 5px;
}
/* *********************************************************** */
/* *****  COMIENZA todo lo de la columnamediaizq .post  ****** */
/* *********************************************************** */

.columnamediaizq {
	float: left;
	width: 477px;
	border-radius: 15px;
	background-color: #ffffff;
	position: relative;
	top: 0px;
	transition: all 300ms ease 0ms;
	z-index: inherit;
	padding-top: 10px;
	padding-bottom: 10px;
	}

.columnamediaizq:hover {
	box-shadow: 0px 0px 10px 15px rgba(0, 0, 0, 0.5);
	z-index: 1;
} 

.columnamediader {
	float: right;
	width: 477px;
	border-radius: 15px;
	background-color: #ffffff;
	position: relative;
	top: 0px;
	transition: all 300ms ease 0ms;
	z-index: inherit;
	padding-top: 10px;
	padding-bottom: 10px;
	}

.columnamediader:hover {
	box-shadow: 0px 0px 10px 15px rgba(0, 0, 0, 0.5);
	z-index: 1;
} 

#columnamediaizqfinal {
	float: left;
	width: 477px;
	background-image: url(../Imagenes/Index/columnamedia_final.png);
	background-repeat: no-repeat;
	background-position: bottom;
	height: 15px;
	margin-bottom: 5px;
	margin-right: 5px;
	}


/* ************************************************************ */
/* ***********  FINAL de la columnaizq   .post   ************** */
/* ************************************************************ */

.cartel:hover {
	background-color: #FFCC66;
	box-shadow: 0px 0px 10px 15px rgba(0, 0, 0, 0.5);
	transform: translateY(-7px);
	transform: translateX(-7px);
	}


/* ************************************************************ */
/* *****  COMIENZA todo lo de la columnamediader .post  ******* */
/* ************************************************************ */
#columnamediadertop{
	float: right;
	width: 477px;
background-image: url(../Imagenes/Index/columnamedia_sup.png);
	background-position: top;
	height: 15px;
	}
#columnamediader {
	float: right;
	width: 477px;
	background-color: #FFFFFF;
}

/* ************************************************************ */
/* *********  FINAL de la columnamediader   .post   *********** */
/* ************************************************************ */

#wrap4 {
	width: 960px;
	position: relative;
}

#columnatotalint {
	float: left;
	width: 960px;
	background-color: #FFFFFF;
	text-align: center;
}
.postotal {
	float: left;
	width: 945px;
	font-family: Verdana;
	font-size: 12px;
	color: #000000;
	text-align: justify;
	padding-top: 10px;
	padding-left: 5px;
}



/*----- hace que no se vean los huecos de separacion de las celdas de la tabla ---*/
.postotal table, .comment-body table{
	border-collapse:collapse;
	margin:5px 0;
}
.postotal table td, .postotal table th, .comment-body table th{
padding:10px 5px;
text-align:left;
}

.postotal table th, .comment-body table th{
color:#676767;
font:normal 18px Oswald;
border-bottom:1px #888 solid;
}

/*----- hace que se vea una linea gris bajo la ultima fila de la tabla del color ---*/
.postotal table td, .comment-body table td{
border-bottom:1px #ccc solid;
}










.postotal h2 {
color: #086bc8;
font-size: 18px;
font-family: Verdana, Arial, Tahoma;
font-weight: bold;
text-align: center;
margin: 0 0 5px;
padding:5px;
line-height:1.4em;
border-bottom: 2px solid #086bc8;
}

.post7 h2 {
color: #086bc8;
font-size: 18px;
font-family: Verdana, Arial, Tahoma;
font-weight: bold;
margin: 0 0 5px;
padding:5px;
line-height:1.4em;
border-bottom: 2px solid #086bc8;
}

.post7 {
	float: left;
	width: 945px;
	font-family: Verdana;
	font-size: 12px;
	color: #666666;
	text-align: left;
	padding-top: 10px;
	padding-left: 5px;
}

	.post9 {
		float: left;
		width: 948px;
		font-family: Verdana;
		font-size: 12px;
		color: #666666;
		text-align: left;
		padding-top: 10px;
		padding-left: 9px;
	}

.content{
background-color:#fff
}

.contenu{
padding:5px
}

/* ************************************************************ */
/* ****************       ESTANDARES FCI      ***************** */
/* ************************************************************ */
.top{/* RECUADRO AZUL DE LA CABECERA DE LOS ESTANDARES */
	height:260px;
	background-color: #224269;
	width: 940px;
	padding: 5px;
	margin-top: 5px;
	border-radius: 10px 10px 10px 10px;
	transition: all 300ms ease 0ms;
}

.top .logo{/* LOGO FCI DE LOS ESTANDARES */
padding-top:20px
}

.top .menu{/* TEXTO DE LOS ESTANDARES DE LAS RAZAS FCI */
	font-family:'Verdana';
	font-size:16px;
	position:absolute;
	top:170px;
	left:22px;
	width: 900px;
	color: #FFFFFF;
}

.top .menu1{/* GRUPOS DE LOS ESTANDARES + PEQUEÑO */
	font-family:'Verdana';
	position:absolute;
	font-size:10px;
	top:210px;
	left:22px;
	width: 900px;
	color: #FFCC66;
	height: 46px;
}

.top .menu2{/* GRUPOS DE LOS ESTANDARES */
	font-family:'Verdana';
	position:absolute;
	font-size:16px;
	top:210px;
	left:22px;
	width: 900px;
	color: #FFCC66;
}

.top .enlaces{
position:absolute;
top:15px;
right:1px;
width:160px;
height:30px;
background-color:#b2b2ff
}

.top .numerico{/* BOTON NUMERICO */
	position:absolute;
	top:100px;
	right:20px;
	width:160px;
	height:26px;
	background-color:#b2b2ff;
	text-align: center;
	padding-top: 10px;
	border-radius: 5px 5px 5px 5px;
	transition: all 300ms ease 0ms;
}
.top .numerico:hover {/* BOTON NUMERICO RESALTADO */
margin:0px 0px 0px 10px;
background-color: #FFCC66;
box-shadow: 0px 0px 10px 15px rgba(0, 0, 0, 0.5);
z-index: 1;
}

.top .paises{/* BOTON PAISES */
	position:absolute;
	top:60px;
	right:20px;
	width:160px;
	height:26px;
	background-color:#b2b2ff;
	text-align: center;
	padding-top: 10px;
	border-radius: 5px 5px 5px 5px;
	transition: all 300ms ease 0ms;
}
.top .paises:hover {/* BOTON PAISES RESALTADO*/
margin:0px 0px 0px 10px;
background-color: #FFCC66;
box-shadow: 0px 0px 10px 15px rgba(0, 0, 0, 0.5);
z-index: 1;
}

.top .grupos{/* BOTON GRUPOS */
	position:absolute;
	top:20px;
	right:20px;
	width:160px;
	height:26px;
	background-color:#b2b2ff;
	text-align: center;
	padding-top: 10px;
	border-radius: 5px 5px 5px 5px;
	transition: all 300ms ease 0ms;
	}
.top .grupos:hover{/* BOTON GRUPOS RESALTADO*/
margin:0px 0px 0px 10px;
background-color: #FFCC66;
box-shadow: 0px 0px 10px 15px rgba(0, 0, 0, 0.5);
z-index: 1;
}

ul li{/* define el ul y li de ESTANDARES*/
	list-style-type:none;
	font-family: Verdana;
	text-align: left;
}

ul.secciones1> li> a{
	display:block;
	line-height:35px;
	background-color:#b2b2ff;
	padding-left:5px;
	color:#2d2d55;
	list-style-type: none;
	font-size: 14px;
	border-radius: 5px 5px 5px 5px;
	transition: all 300ms ease 0ms;
	}
ul.secciones1> li> a:hover{
	display:block;
	line-height:35px;
	background-color:#FFCC66;
	color:#2d2d55;
	list-style-type: none;
	font-size: 14px;
	border-radius: 5px 5px 5px 5px;
	box-shadow: 0px 0px 10px 15px rgba(0, 0, 0, 0.5);
	z-index: 1;
	}

ul.secciones>li{/* define el ul y li de SECCIONES SIN ENLACE*/
	display:block;
	line-height:35px;
	background-color:#b2b2ff;
	padding-left:5px;
	color:#2d2d55;
	list-style-type: none;
	font-size: 14px;
	border-radius: 5px 5px 5px 5px;
	transition: all 300ms ease 0ms;
	}

	
ul.subsecciones{
margin-left:5px;
}

ul.subsecciones>li{
background-image:none;
padding:0
display:block;
height:28px;
line-height:24px;
color:#2d2d55;
background-color:#bfbfff;
padding-top:2px;
padding-left:5px;
margin-bottom:5px;
font-style:italic;
border-radius: 5px 5px 5px 5px;
transition: all 300ms ease 0ms;
}


ul.pais{
margin-bottom:10px;
margin-left:15px
}

ul.pais>li{
	padding:0
	display:block;
	line-height:35px;
	background-color:#ccf;
	padding-left:5px;
	color:#2d2d55;
	list-style-type: none;
	font-size: 14px;
	border-radius: 5px 5px 5px 5px;
	transition: all 300ms ease 0ms;
}

.razas{
padding-left:20px;
}

.razas>table{
	margin-left:2px;
	width:100%;
	color:#2d2d55;
	vertical-align: middle;
}

.denominacion{
	font-size: 14px;
}

.denominacionnumerico{
	background-repeat:no-repeat;
	background-position:10px center;

	position:relative;
	font-size: 16px;
}
.denominacionfecha{
background-color:#d8d8ff;
width:66px;
height:38px;
font-size:10px;
text-align:center;
}
.denominacioncacib{
background-color:#d8d8ff;
width:49px;
padding-top:10px;
font-size:18px;
line-height:20px;
font-weight:bold;
text-align:center;
}
.denominacionpais{
background-color:#d8d8ff;
width:134px;
padding-top:10px;
font-size:14px;
line-height:20px;
font-weight:bold;
text-align:center;
}
.denominacionprueva{
width:58px;
background-color:#d8d8ff;
padding-top:10px;
font-size:18px;
line-height:20px;
text-align:center;
font-weight:bold;
}
.razas>table .denominaciongrupo{
width:58px;
background-color:#d8d8ff;
font-size:20px;
text-align:center;
font-weight:bold
}
.razas>table .icono_pdf{
	float:right;
	position: relative;
	line-height: 0px;
	top: 1px;
}
.razas>table .icono_pdf a:hover{
	float:right;
	position: relative;
	line-height: 0px;
	top: 1px;
	box-shadow: 0px 0px 10px 15px rgba(0, 0, 0, 0.5);
	z-index: 1;
} 

.razas>table .icono1_pdf{
	float:right;
	position: relative;
	line-height: 0px;
	top: 20px;
}
.razas>table .icono1_pdf a:hover{
	float:right;
	position: relative;
	line-height: 0px;
	top: 1px;
	box-shadow: 0px 0px 10px 15px rgba(0, 0, 0, 0.5);
	z-index: 1;
} 



.variedades{
padding-left:60px;
background:none;
}

.razas> .variedades{
margin-left:0px;
width:100%;
height:20px;
color:#2d2d55;
}
.variedades .variedad{
background-color:#e5e5ff;
padding-left:10px;
width:640px;
height:20px;
}

.variedades .variedadcacib{
background-color:#e5e5ff;
width:46px;
padding-top:10px;
font-size:18px;
line-height:20px;
font-weight:bold;
text-align:center;
}

.variedades .variedadprueva{
background-color:#e5e5ff;
width:52px;
padding-top:10px;
font-size:18px;
line-height:20px;
height:20px;
text-align:center;
font-weight:bold;
}

.subvariedades{
padding-left:20px
}

.subvariedades table{
margin-left:2px;
width:100%;
color:#2d2d55
}

.subvariedades table td{
line-height:14px;
background-color:#F2F2F2
}

.subvariedades table .subvariedad{
padding-left:10px
}

.subvariedades table .subvariedadcacib{
width:49px;
font-size:16px;
padding-top:10px;
font-weight:bold;
margin-right:10px;
text-align:center
}

.subvariedades table .subvariedadprueva{
width:54px;
font-size:16px;
padding-top:10px;
font-weight:bold;
text-align:center
}













.nomenclature .headerrazas{
color:#2d2d55;
height:89px;
margin-bottom:20px;
z-index:10;
width:982px;
}

.nomenclature .headerrazas>table{
width:100%
}

.nomenclature .headerrazas td{
	background-color:#e8ebff;
	font-size: 12px;
}

.nomenclature .headerrazas .razascacib{
font-weight:bold;
width:56px;
text-align:center}

.nomenclature .headerrazas .denominacion{
font-weight:bold;
font-size:28px;
width:835px;

text-align:center}

.nomenclature .headerrazas .pais{
font-weight:bold;
font-size:18px;
width:145px;
text-align:center}


.nomenclature .headerrazas .razasprueva{
font-size:14px;
width:63px;
font-weight:bold;
text-align:center}

.nomenclature .headerrazas .razasfecha{
font-size:14px;
width:79px;
font-weight:bold;
text-align:center}