body { text-align:center; background:fixed; background-image:url(http://www.alrincon.com/imagenes_2011/fondo_web.jpg); background-position:center top; background-repeat:no-repeat; margin:10 0 10 0px; font-family:Verdana,Arial; font-size:11px }
td { font-family:Verdana,Arial; font-size:12px; color:#676767 }
input { font-family:Verdana,Arial; font-size:10px }
select { font-family:Verdana,Arial; font-size:10px }
img { border:0px }
A { text-decoration:none; font-family:Verdana,Arial; color:#676767; font-size:12px }

#principal { width:900px; background-color:white; border:1px solid #B4B4B4; border-bottom:0px; margin:auto }
#arriba { width:900px }
#arriba_menu { text-align:left; padding:10px }
#arriba_menu A { color:#bbbbbb; font-weight:bold }
.black_box { width:98%; background-color:black; color:white; font-size:13px; text-align:left; padding:1%; margin:auto }
.black_box A { font-size:13px; color:white }
#lateral { width:280px; text-align:center; float:left }
#contenido { width:850px; font-size:12px; margin:auto; text-align:left; float:right }
#abajo { width:900px; background-color:white; border:1px solid #B4B4B4; border-top:0px; margin:auto; padding-top:15px; padding-bottom:15px }
#menu { width:210px; text-align:left; margin-left:15px; float:left }
#menu A { color:#A2A2A2; font-family:Verdana,Arial; font-size:15px }
#categorias { width:225px; float:left }
#categorias A { color:#666666; font-family:Verdana,Arial; font-size:20px }
#websamigas { width:420px; text-align:left; float:right }

#contenido h1 { font-family:Arial,Verdana; font-size:13px; color:black; margin:0px; display:inline }
#contenido span { font-family:Arial,Verdana; font-size:13px; color:black; font-weight:bold }
#video_izq { width:550px; font-family:Arial,Verdana; font-size:13px; font-weight:bold; text-align:left; float:left }
#video_izq A { font-family:Arial,Verdana; font-size:13px; color:#696969; font-weight:bold }
#video_der { width:250px; margin-right:15px; float:right }

.arriba_titular { font-family:Verdana,Arial; font-size:16px; color:white; font-weight:bold; margin:auto }
.titular_arriba { width:810px; background-color:#E5E5E5; border:1px solid #999999; font-family:Verdana,Arial; font-size:20px; color:#999999; font-weight:bold; margin:auto }
.grisclaro { color:#9A9A9A; font-weight:normal }
.titular { width:430px; background-color:#E5E5E5; border:1px solid #999999; color:#999999; font-weight:bold; text-align:left; margin:auto; padding:4 0 4 0px }
.paginacion { width:20px; background-color:#93979A; font-size:12px; color:white; padding:4px; text-align:center; margin-right:3px }
.paginacion2 { width:20px; background-color:#393F42; font-size:12px; color:white; padding:4px; text-align:center; margin-right:3px }
.paginacion A { color:white; font-size:11px }

.video { width:150px; height:150px; font-family:Verdana,Arial; font-size:13px; text-align:left; letter-spacing:1px; margin-right:15px; margin-bottom:15px; float:left }
.video .titulo { font-family:Verdana,Arial; font-size:13px; font-weight:bold; color:black; letter-spacing:0px }
.video .img_video { width:150px; height:150px; position:relative; float:left }
.video .cat { font-size:13px; color:#fb3999 }
.video A { font-size:13px; color:black; font-family:Verdana,Arial; font-weight:normal }
.video .gris { font-size:13px; color:#999999; margin-left:10px }
.video_texto { cursor:pointer; position:relative; float:left; margin-top:-150px; display:none }
.video_texto2 { cursor:pointer; position:relative; float:left; margin-top:-150px; display:none }
.thumbs img { width:100px; height:100px; border:1px solid gray; margin-right:10px }

ul {
  text-align: left;
  display: inline;
  margin: 0;
  padding: 7px 4px 7px 0;
  list-style: none;
}
ul li {
  font: bold 12px/18px sans-serif;
  color: #bbbbbb;
  display: inline-block;
  margin-right: -4px;
  position: relative;
  padding: 3px 20px;
  background: #fff;
  cursor: pointer;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
ul li:hover {
  background: #555;
  color: #fff;
}
ul li ul {
  padding: 0;
  position: absolute;
  top: 24px;
  left: 0;
  width: 300px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  display: none;
  opacity: 0;
  visibility: hidden;
  -webkit-transiton: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -ms-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  -transition: opacity 0.2s;
  z-index:1;
}
ul li ul li {
  width:140px;
  background: #555;
  display: inline;
  color: #fff;
  text-shadow: 0 -1px 0 #000;
  padding: 1px;
  padding-left: 5px;
  font-size: 12px;
  float:left;
}
ul li ul li:hover { background: #666; }
ul li:hover ul {
  display: block;
  opacity: 1;
  visibility: visible;
}