body { margin: 0 auto; padding: 0; line-height 1.5em; width: 710px; font-family: Georgia, "Times New Roman"; font-size: 12px; color: #000; background: #ccc; }
.principal { width: 710px; background: #fff; }
#pie { padding: 20px 0; text-align: center; }
#pie a { color: #111; text-decoration: none; }
.separador { padding: 10px; background: #3C6491; font-size: 18px; color: #fff; }
.separador a { padding: 10px; background: #3C6491; font-size: 18px; color: #fff; }

.menu, .menu ul {padding:0; margin:0; list-style:none;}
.menu {position:relative; width:675px; padding-left:25px; margin:0 auto -1px auto; height:35px; background:#ccc; border:1px solid #888;
    -webkit-border-top-right-radius:8px; -webkit-border-top-left-radius:8px; -moz-border-radius-topright:8px; -moz-border-radius-topleft:8px;
    border-top-right-radius:8px; border-top-left-radius:8px; background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 1)), to(rgba(255, 255, 255, 0)), color-stop(20%, rgba(255, 255, 255, 0.4)), color-stop(30%, rgba(255, 255, 255, 0.2)));
    background-image: -moz-linear-gradient(-90deg, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0.4) 20%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0));
}
.menu li {float:left;}
.menu li a {display:block; font:normal 12px/35px verdana, sans-serif; color:#000; text-decoration:none; padding:0 10px;text-shadow: -1px -1px 6px rgba(255, 255, 255, 0.6), -1px -1px 1px #fff;}
 
* html .menu li a:hover {background:#069; color:#fff;}
.menu li a:hover,
.menu li:hover > a {background:#069; color:#fff; text-shadow: -1px -1px 6px rgba(0, 0, 0, 0.6), -1px -1px 1px #000; text-decoration:none;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 1)), to(rgba(255, 255, 255, 0)), color-stop(20%, rgba(255, 255, 255, 0.4)), color-stop(30%,  rgba(255, 255, 255, 0.2)));
    background-image: -moz-linear-gradient(-90deg, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0.4) 20%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0));
}
 
.menu table {border-collapse:collapse; padding:0; margin:0 0 -1px 0; border:0;}
.menu div.holder {width:720px; opacity:0.92; alpha:(opacity=92); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=92);
     height:0; left:-10px; top:35px; position:absolute; overflow:hidden; -webkit-transition: height 0.8s linear;}
 
.menu div.slide {background:#ccc; width:670px; padding:0 15px 15px; border:1px solid #888; border-top:1px solid #069; position:relative; top:-300px; left:9px;
    -webkit-border-bottom-right-radius:8px; -webkit-border-bottom-left-radius:8px; -moz-border-radius-bottomright:8px; -moz-border-radius-bottomleft:8px;
    border-bottom-right-radius:8px; border-bottom-left-radius:8px; -moz-box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.6); -webkit-box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.6);
    box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.6); background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, 1)), to(rgba(255, 255, 255, 0)), color-stop(10%, rgba(255, 255, 255, 0.4)), color-stop(20%,  rgba(255, 255, 255, 0.2)));
    background-image: -moz-linear-gradient(90deg, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0.4) 10%, rgba(255, 255, 255, 0.2) 20%, rgba(255, 255, 255, 0));
    -webkit-transition: top 0.8s linear;
}
.menu div.slide dl {float:left; width:335px;}
.menu :hover div.p1 {height: auto; xheight:275px;}
.menu :hover div.p2 {height:127px;}
.menu :hover div.p3 {height:136px;}
.menu :hover div.p4 {height:228px;}
.menu :hover div.slide {top:0;}
 
.menu li .slide dl {padding:0; margin:0;}
.menu li .slide dl dt {font-family:verdana, sans-serif; font-size:13px; font-weight:bold; padding:10px 0 0; margin:0; height:18px; line-height:18px; color:#069;}
.menu li .slide dl dd {padding:0; margin:0;}
.menu li .slide dl dd a {background:transparent; height:18px; line-height:18px;}
 
* html .menu li .slide dl dd a:hover {background:transparent;}
#info2 .clear {clear:left;}
#info2 img {display:block; margin:0 auto;}

.slideOuter {width:498px; height:200px; overflow:hidden; margin:0 auto;}
.slideOuter .slide {padding:0; margin:0; list-style:none; width:800px; height:200px; overflow:hidden;}
.slideOuter .slide li {float:left;}
.slideOuter .slide li a {display:block; float:left; width:98px; border-right:2px solid #fff; height:200px; overflow:hidden;
    -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; }
.slideOuter .slide a#p5 {width:318px;}
.slideOuter .slide.current a {width:43px;}
.slideOuter .slide.current li a.current {width:318px;}
.slideOuter .slide li a img {border:0;}
.slideOuter .slide:hover a#p1, .slideOuter .slide:hover a#p2, .slideOuter .slide:hover a#p3, .slideOuter .slide:hover a#p4 {width:43px;}
.slideOuter .slide a#p1:hover, .slideOuter .slide a#p2:hover, .slideOuter .slide a#p3:hover, .slideOuter .slide a#p4:hover {width:318px;}

/* Enlaces */
.Titulo { font-weight:bold; font-size: 16px; }
#enlcontainer { padding: 0 10px 10px 10px; }
#enllist { padding: 3px; border: 1px solid #fff; width: 57em; background-color: #26a; font: 12px verdana, sans-serif; }
#enllist li { list-style: none; border: 1px solid #26a; border-bottom: solid 3px #fff;}
#enllist a { color: #eee; text-decoration: none; display: block; border-left: 1em solid #159; border-bottom: 1px solid #159; padding: 4px 8px; }
#enllist a:hover { border-color: #124; }

/* Contactar */
.cssform p { width: 675px; clear: left; margin: 0; padding: 5px 0 8px 0; border-top: 1px dashed gray; }
.cssform label { float: left; width: 200px; text-align: right; margin-left: 50px; font-size: 90%; padding-right: 10px; }
.cssform input, .cssform textarea { font-size: 105%; width: 275px; border: 1px solid black; }
#Fin_Contacto { text-align: center; }
#Fin_Contacto INPUT { width: 150px; }
#Fin_Contacto LABEL { float: none; margin-left: 0; width: 175px; }
.clear { clear: both; }
#xspam { border: 0; width: 1px; height: 1px; }
#Postdata { font-size: 75%; text-align: justify; }

.justificado { text-align: justify; }
.centrado { text-align:center; }
.gris { background-color: Gray; }

.tripticos { margin: 20px; border: solid 1px #000; padding: 10px; text-align:center; font-weight:bold; }