/************************************************************************************
RESET
*************************************************************************************/
html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
strong, sub, sup, tt, var, legend, fieldset {
	margin: 0;
	padding: 0;
}
body {
font-family:Verdana, Geneva, sans-serif;
font-size:14px;
 background-color: rgb(255,255,255);
}
img, fieldset {
	border: 0;
}

/* set image max width to 100% */
img {
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
}

/* set html5 elements to block */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}

/************************************************************************************
GENERAL STYLING
*************************************************************************************/
a {
	text-decoration: none;
	outline: none;
        color: white;
        text-shadow: 0 0 0.3em #000,0 0 0.3em #000,0 0 0.3em #000;
        text-align: center;
        font-weight:bold;
}
a:hover {
	text-decoration: underline;
}
p {
	margin: 0;
	padding: 0;
}
p {
        color: black;
        text-shadow: 0 0 0.3em #FF9,0 0 0.3em #FF9,0 0 0.3em #FF9;
        text-align: center;

}

/* headings */
h1, h2, h3, h4, h5, h6 {
	line-height: 1.4em;
	margin: 20px 0 .4em;
	color: #f00;
}
h1 {
	font-size: 2em;
}
h2 {
	font-size: 1.6em;
}
h3 {
	font-size: 1.2em;
}
h4 {
	font-size: 1.2em;
}
h5 {
	font-size: 1.1em;
}
h6 {
	font-size: 1em;
}
/* reset webkit search input styles */
input[type=search] {
	-webkit-appearance: none;
	outline: none;
}
input[type="search"]::-webkit-search-decoration, 
input[type="search"]::-webkit-search-cancel-button {
	display: none;
}

span.parpadea {
  color: #722;
  animation-name: parpadeo;
  animation-duration: 1.5s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;

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

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

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

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

/************************************************************************************
STRUCTURE
*************************************************************************************/

.imagen {
position: relative;
width: 100%; /* for IE 6 */
}
      /* cambiar el top para posicionar los rótulos */
.imagen h3 {  /* nom */
position: absolute;
top:1%;
left: 0;
width: 100%;
}
.imagen h4 {  /* año */
position: absolute;
top:6%;
left: 0;
width: 100%;
}
.imagen h2 {  /* entramos */
position: absolute;
top: 53%;
left: 0;
width: 100%;
}

section{
   margin:0px auto;
   text-align:center;
   width:800px;
}
.cabecera{
   text-align:left;
}


article{
   float:left;
   width:50%;
}

.izquierda{
	width: 400px;
	height: 500px;
	line-height : 25px;
	text-align: center;
}
.derecha{
	width: 400px;
	height: 500px;
	line-height : 25px;
	text-align: center;
}

.contenedor {
    display: table;
    margin: 0 auto;
}
.contenidos {
    display: table-row;
}
.columna1 {
    text-align: center;
    display: table-cell;
    width: 200px;
    height: 250px;
    background-color: rgb(243,215,156);
    background-image: url(images/parte.jpg);
    background-repeat: no-repeat;

}
#showUno,
#showDos,
#showTre,
#showCua,
#showCin,
#showSei,
#showSie,
#showOch {
        color: black;
        text-shadow: 0 0 0.3em #FF9,0 0 0.3em #FF9,0 0 0.3em #FF9;

}
table{
width: 100%;
margin: 10;
padding: 10;
border: 0px;
border-spacing:10;
}

.tabla_tit{
  height: 20px;
  color: #fff;
  text-align:left;
}

.tabla td{
color: #606;
text-align:left;
}

#final {
	clear: both;
}


/************************************************************************************
CLEARFIX
*************************************************************************************/
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix { display: inline-block; }
.clearfix { display: block; zoom: 1; }


@media screen and (max-width:800px){
   cabecera{
      width:100%;
   }
   section{
      margin-left: 15%;
      margin-right: 15%;
      width:100%;
   }
}

@media screen and (max-width:480px){
   cabecera{
      width:100%;
   }
   section{
      margin:0px auto;
      width:100%;
   }
   article{
      width:100%;
      font-size:1.1em;
   }
}
/************************************************************************************
 smaller than 560  
*************************************************************************************/