/* CSS Document */
html {
overflow: hidden
}
body {
background:#111 url(../images/ribbon.gif) right top no-repeat fixed;
position:absolute;
margin:0;
padding:0;
width:100%;
height:100%
}
#center {
position:absolute;
left:50%;
top:50%
}
#title {
color:#FFF;
font-family:"Times New Roman", times, serif;
font-size:2em;
font-weight:bold;
text-align:center;
position:absolute;width:440px;height:45px;left:-220px;top:-250px
}
.rojo {
color:red
}
#slider {
background:#000;
position:absolute;
width:820px;
height:333px;
left:-430px;
top:-186px;
overflow:hidden;
border-width:10px 20px;
border-style:solid;
border-color:#000
}
#slider .slide {
position:absolute;
top:0;
height:333px;
width:500px;
background:#000;
overflow:hidden;
border-left:#000 solid 8px;
cursor:default
}
#slider .title {
color:red;
font-weight:bold;
font-size:1.2em;
margin-right:1.5em;
text-decoration:none
}
#slider .backgroundText {
position:absolute;
width:100%;
height:100%;
top:100%;
background:#000;
/* CSS3 standard */
opacity:0.8;
/* for IE */
filter:alpha(opacity=80)
}
#slider .text {
position:absolute;
top:1%;
top:100%;
color:#FFF;
font-family:verdana, arial, Helvetica, sans-serif;
font-size:.9em;
font-weight:bold;
text-align:left;
width:470px;
left:1em
}
#slider .diapo {
position: absolute;
/* CSS3 standard */
opacity:1;
/* for IE */
filter:alpha(opacity=100);
visibility:hidden
}
#recomienda {
width:200px;
color:#FFF;
font-family:Arial, Helvetica, sans-serif;
font-size:0.70em;
text-decoration:none;
text-align:left
}
#clausula {
width:200px;
color:#FFF;
font-family:Arial, Helvetica, sans-serif;
font-size:.7em;
text-decoration:none
}
a:link,a:visited { text-decoration:none; color:#FF9900}
a:hover	{ text-decoration:none; color:#FF6600}
a:active { text-decoration:none; color:#FFFF00}