@import url(http://fonts.googleapis.com/css?family=UnifrakturCook:700);
body{color:white;background-color: black;}
#fondo{position:absolute; z-index:1; width:100%; height:100%;}
#principal{position:absolute; width: 100%; height:100%; top:0; left:0; overflow:auto; z-index:5;text-align: center;margin: 0;}
h1 {z-index:6;position:relative;top:-40px;font-family: 'UnifrakturCook', arial, serif; font-size: 75px; color: #DF013A;text-shadow:white 4px 4px 4px; text-align: center;}
h2 {z-index:6;position:relative;font-family: 'UnifrakturCook', arial, serif; font-size: 25px; color: white;text-shadow:#A4A4A4 2px 2px 2px; text-align: center;}

p.textobig{color: white; text-decoration: none;text-align: right;font-family: 'UnifrakturCook';
;text-shadow:#7401DF 2px 2px 2px; font-size: 28px;margin-right: 2%;text-decoration: underline;}
p.textosmall{color: white; text-decoration: none;text-align: right;font-family: 'UnifrakturCook';
;text-shadow:#424242 2px 2px 2px; font-size: 21px;margin-right: 2%;}
a:hover {color: yellow;}
a {color: white; text-decoration: none;}
#pie {z-index:6;position: absolute;top: -15px;left:10px;color: white;font-family: 'UnifrakturCook';text-align: center;}
p.centrado{text-align: center;margin: auto;}
.slideHolder {top:245px; left:0;height:298px; width:250px; margin:0 140px; padding:2px; font-family:georgia, serif; border:1px solid #888; float:left;z-index: 3;position: absolute;}
.slideOuter {height:298px; width:250px; overflow:hidden; margin:0;z-index: 3;position: absolute;}
.slideOuter .slide {padding:0; margin:0; list-style:none; height:800px; width:250px; overflow:hidden;z-index: 3;}
.slideOuter .slide li {display:block; float:left; height:98px; border-bottom:2px solid #fff; width:250px; overflow:hidden; background:red;
-webkit-transition: 0.75s;-moz-transition: 0.75s;-o-transition: 0.75s;transition: 0.75s;}
.slideOuter .slide li.p5 {height:318px;}
.slideOuter .slide.current li {height:43px;}
.slideOuter .slide.current li.current {height:318px;}
.slideOuter .slide.current li.p5 {height:318px;}
.slideOuter .slide li.p1 {background:url(menu-sinaiticus.jpg);}
.slideOuter .slide li.p2 {background:url(menu-vaticanus.jpg);}
.slideOuter .slide li.p3 {background:url(menu-aztecas.jpg);}
.slideOuter .slide li.p1 a, .slideOuter .slide li.p2 a, .slideOuter .slide li.p3 a{color: #005800;text-shadow:#f7e18d 1px 2px 1px; text-decoration: none;}
.slideOuter .slide li.p1 a:hover, .slideOuter .slide li.p2 a:hover,  .slideOuter .slide li.p3 a:hover {color: #f7e121;text-shadow:black 2px 2px 2px;text-decoration: none;}
.slideOuter .slide:hover li.p1,.slideOuter .slide:hover li.p2, .slideOuter .slide:hover li.p3,
.slideOuter .slide:hover li.p4 {height:43px;}
.slideOuter .slide:hover li.p1:hover,.slideOuter .slide:hover li.p2:hover,.slideOuter .slide:hover li.p3:hover,
.slideOuter .slide:hover li.p4:hover {height:318px;}
.slideOuter .slide li h1, .slideOuter .slide li.p1 h1 a, .slideOuter .slide li.p2 h1 a, .slideOuter .slide li.p3 h1 a
  {color:#ffbf00;margin:0;top: 0px; font-size:27px; line-height:43px; text-shadow: 2px 2px 4px black;}
.slideOuter .slide li {color:#fff;}
.slideOuter .slide li.p2 h1, .slideOuter .slide li.p2 h1 a {color:#c60;}
.slideOuter .slide li.p3 h1, .slideOuter .slide li.p3 h1 a {color:#040;}
.slideOuter .slide li.p4 h1 {color:#400;}
.slideOuter .slide li.p5 h1 {color:#000;}
.slideOuter .slide li p {font-weight:bold; padding:0 5px 20px 15px; margin:0; font-size:14px; line-height:17px; text-shadow:#009c00 0px 2px 4px;}
.slideOuter .slide li a {display:block; color:black; padding:0 15px; margin:0; font-size:17px; line-height:25px; width:230px; font-weight:bold; text-decoration:none;}
.slideOuter .slide li a:hover {text-decoration:underline;}
.clear {clear:left;}