@import url(http://fonts.googleapis.com/css?family=Redressed|UnifrakturCook:700);

@import url(http://fonts.googleapis.com/css?family=Uncial+Antiqua);
html, body {margin:0; padding:0; width:100%; height:100%; overflow:hidden;}
body {font-family: arial, sans-serif;}
#background {position:absolute; z-index:1; width:100%; height:100%;}
#principal {position:absolute; width: 100%; height:100%; top:0; left:0; overflow:auto; z-index:3;text-align: center;} 
h1 {font-family: 'UnifrakturCook', arial, serif; font-size: 95px; color: #DF0101;text-shadow:black 4px 4px 4px; text-align: center;}
h2 {font-family: 'UnifrakturCook', arial, serif; font-size: 85px; color: #2A0A0A;text-shadow: #DF0101 2px 2px 2px; text-align: center;}
h3 {font: normal 40px 'UnifrakturCook', arial, serif; color:#DF0101;text-shadow: black 3px 3px 3px;text-align: left; text-decoration: underline;}
h4 {font: normal 46px 'Uncial Antiqua', cursive; color:#0B0B3B;font-weight: bolder;text-shadow: black 2px 2px 2px;}
hr {height: 15px; background-color: black;}
p.importante {display:block;font-family: 'Quattrocento'; font-size: 27px;color:#9d6380;text-shadow: #205808 px 2px 2px;padding-right: 10px;}
p.importante2 {display:block;text-align: justify; font:normal 23px 'Redressed', arial, serif;color:black; text-shadow:#3B0B0B 1px 1px 1px;padding: 0 15px 0 15px;}
p.importante2 span{color: maroon; text-shadow: #556B2F 2px 2px 2px;text-decoration: underline;}
p.importante3, p.importante3 span {text-shadow: #556B2F 1px 1px 1px; font-style: italic; font-size: 21px; font-family: "Redressed", sans-serif; color: black;text-align: justify;padding: 0 30px 0 30px;}
p.importante3 span{color: maroon;text-decoration: underline;}
p.importante4, h6 {display:block; text-shadow:#000 1px 1px 1px;font-style:italic; font-family: 'Redressed', arial, serif;font-size: 38px;
color:#088A08;}
#video{	position:relative;left:50%;width:980px;
margin-left:-490px;height:370px;}
iframe {float:left;text-align: center;margin:0 auto; display: block;border:8px groove #ffffbb;box-shadow: black 0.5em 0.5em 0.3em;margin-left: 4%;}
a {text-decoration: none;color: #DF7401;text-align: center;margin: auto;}
a:hover{color: white;}
p.limpia{clear: both;}
ul li {text-shadow: #556B2F 1px 1px 1px; font-style: italic; font-size: 23px; font-family: "Redressed", sans-serif; color: black;text-align: justify;padding: 0 20px 0 20px;}
img.foto {border: 5px groove #CC3300;width:100%;  text-align: left;margin: 3px 15px 3px 5px;float: left;padding: 6px 6px 6px 6px;background-color: #FFFFCC;}
img.fotoderecha {border: 5px groove #CC3300; width:100%; text-align: right;margin: 3px 15px 3px 0px;float: right;padding: 6px 6px 6px 6px;background-color: #FFFFCC;}
img.fotocentrada {border: 5px groove #CC3300; text-align:width:100%; center;margin: 3px 15px 3px 0px;;padding: 6px 6px 6px 6px;background-color: #FFFFCC;}
table {background:#D3E4E5;border:3px solid black;
border-collapse:collapse;color:#fff;font:normal 12px verdana, arial, helvetica, sans-serif;margin: auto;}
caption {background-color: #EECBAD; font-size:14px;border:3px solid black;color:black;font-weight:bold;letter-spacing:3px;padding:6px 4px 8px 0px;text-align:center;text-transform:uppercase;}
td, th {color:#1B2A0A;padding:.4em;}
tr {border:1px dotted gray;}
thead th, tfoot th {background:#5C443A;color:#FFFFFF;padding:3px 10px 3px 10px;text-align:left;text-transform:uppercase;letter-spacing:4px;}
tbody td a {color:black;text-decoration:none;}
tbody td a:hover {color:white;text-decoration blink;}
tbody th, tbody td {text-align:left; vertical-align:top;}
tfoot td {background:#5C443A;color:#FFFFFF; padding-top:3px;}
.odd {background:#fff;}
tbody tr:hover {background:#99BCBF;border:1px solid #03476F;color:#000000;}
div.figura, div.figuradcha,div.figuraancha, div.figuraancha2, div.figurachica, div.figurachicadcha  {border: 6px groove #CC3300;margin: 10px 5px 10px 5px;padding:15px 10px 6px 10px;background-color: #F7F8E0;}
div.figura p, div.figuradcha p, div.figuraancha p, div.figuraancha2 p, div.figurachica p, div.figurachicadcha p {text-align: center;font: normal 16px 'Redressed', arial, serif; color:black;text-indent: 0;text-shadow: #848484 1px 1px 1px;}
div.figura {float:left;width: 240px;}
div.figurachica {float:left;width: 140px;}
 div.figurachicadcha {float:right;width: 140px;} 
div.figuradcha {float:right;width: 240px;}
div.figuraancha {float: left;width: 370px;}
div.figuraancha2 {margin: auto; text-align: center; width: 600px;}
img.escala {width: 100%;}
#centrado {margin:0 auto 0 auto; width:1000px; text-align: center;}