@charset "utf-8";
/* CSS Document
** Documento Hoja de Estilos en Cascada
** Propiedad de VJDV Corp
** Diseño general
** Maquetación General */
body{
	font:13px Arial, Helvetica, sans-serif;
	background:#333 url(slants.gif);
	color:#FFF;
	margin:0;
	padding:0;
}
img{border:none;}
a:link , a:visited{text-decoration:none;}
a:hover{text-decoration:underline;}
/* Div Maestro */
.contenedor {
	background:url(bgs/contenedor.png);
	padding:10px 25px;
	margin:0 auto;
	width:900px;
}
/* Cabecera */
.cabeza {
	width:900px;
	height:110px;
	margin:0;
	padding:5px 0;
}
/* Cuadro de Login */
.sesion {
	background:#000;
	width:100px;
	padding:5px;
	margin:5px 10px 45px 780px;
	border-radius:5px;
	-moz-border-radius:5px;
}
.sesion a {
	display:block;
	background:#F60 url(bgs/boton.jpg);
	border-radius:5px;
	-moz-border-radius:5px;
	padding:2px 2px;
	color:#000;
	font-weight:bolder;
	margin:3px auto;
	text-align:center;
}
/* Pie de página */
.footer {
	height:110px;
	width:900px;
	clear:both;
}
.footext {
	background:#222 url(bgs/fxt.png);
	font-size:11px;
	height:90px;
	width:125px;
	padding:10px;
	margin:0;
}
.footext span {
	padding:0 0 7px 0;
	font-weight:bold;
	display:block;
	color:#C6C;
	margin:0;
}
.footext a {
	display:block;
	color:#FFF;
}
.footad {
	background:#222 url(bgs/fad.png);
	padding:10px;
	float:right;
	width:728px;
	height:90px;
	margin:0 auto;
}
/* M A Q U E T A C I Ó N	P R I N C I P A L */
/* TIPO FULL 900 */
.normal{width:900px;}
.normal .dmid{
	background:url(bgs/n2.png);
	padding:0 15px;
	width:870px;
}
.normal .dtop{background:url(bgs/n1.png);}
.normal .dbot{background:url(bgs/n3.png);}
/* TIPO FOTO 200-10-690 */
.photox{
	width:690px;
	float:right;
}
.photox .dmid{
	background:url(bgs/px2.png);
	padding:0 15px;
	width:660px;
}
.photox .dtop{background:url(bgs/px1.png);}
.photox .dbot{background:url(bgs/px3.png);}
.photoy{width:200px;}
.photoy .dmid{
	background:url(bgs/py2.png);
	padding:0 15px;
	width:170px;
}
.photoy .dpub{
	background:url(bgs/py2.png);
	padding:0 20px;
	width:160px;
}
.photoy .dads{
	width:200px;
	height:200px;
	margin-bottom:5px;
	background:#FC6;
}
.photoy .dtop{background:url(bgs/py1.png);}
.photoy .dbot{background:url(bgs/py3.png);}
/* TIPO VIDEO 590-10-300 */
.videox{width:590px;}
.videox .dmid{
	background:url(bgs/vx2.png);
	padding:0 10px;
	width:570px;
}
.videox .dtop{background:url(bgs/vx1.png);}
.videox .dbot{background:url(bgs/vx3.png);}
.videoy{
	width:300px;
	float:right
}
.videoy .dmid{
	background:url(bgs/vy2.png);
	padding:0 15px;
	width:270px;
}
.videoy .dads{
	width:300px;
	margin-bottom:5px;
}
.videoy .dtop{background:url(bgs/vy1.png);}
.videoy .dbot{background:url(bgs/vy3.png);}
/* M A Q U E T A C I Ó N	I N T E R N A */
.dtop, .dbot{
	width:100%;
	height:15px;
	background:#111;
	margin:0;
	padding:0;
}.dmid{background:#000;}
.dbot{margin-bottom:5px;}
/* Estilos de texto */
/* Colores */
.azul {color:#069;}
.amar {color:#CF0;}
.rojo {color:#F00;}
.verde{color:#0C6;}
.nara {color:#F93;}
.gris {color:#555;}
.mora {color:#C6C;}
/* Alineacion */
.centro{text-align:center;}
.derecha{text-align:right;}
/* Estilos */
.k{font-style:italic;}
.n{font-weight:bolder;}
.s{text-decoration:underline;}
/* Tamaños */
.chico{font-size:10px;}
.subtitulo{font-size:14px;}
.titulo{font-size:18px;}
.grande{font-size:20px;}
/* Estilos para el menu de navegación
** Con pestañas desplegables */
.navbar {
	background:url(bgs/menubar.jpg);
	padding:2px 5px;
	font-size:12px;
	width:890px;
	height:16px;
	margin-bottom:5px;
}
ul.menu{
	list-style:none;
	margin:0;
}
ul.menu li {
	position:relative;
	padding:4px 10px;
	display:inline;
	width:70px;
}
ul.menu li:hover ul{display:inherit;}
ul.menu li ul {
	position:absolute;
	list-style:none;
	display:none;
	left:-41px;
	top:-17px;
	width:600px;
}
ul.menu li ul li {
	position:relative;
	background:#000;
	display:inline-block;
	margin:0;
	padding:0;
	width:auto;
}
ul.menu li ul li a{
	display:block;
	padding:1px 5px;
	height:15px;
	text-align:center;
	margin:0;
}
ul.menu li a {
	font-weight:bolder;
	color:#FFF;
}
ul.menu li a:hover{color:#FF0;}
/* Barra de Navegación interna */
.barnav{
	font-style:italic;
	background:#111;
	font-size:11px;
	width:100%;
	color:#999;
}
ul.mini {
	list-style:none;
	margin:0;
	margin-left:-40px;
}
ul.mini li {
	position:relative;
	padding:0 10px;
	display:inline;
}
ul.mini li:hover ul{display:inherit;}
ul.mini li ul {
	position:absolute;
	list-style:none;
	display:none;
	left:-41px;
	top:12px;
}
ul.mini li ul li {
	position:relative;
	background:#111;
	display:inline-block;
	margin:0;
	padding:0;
	width:100%;
}
ul.mini li ul li a{
	display:block;
	padding:1px 5px;
	margin:0;
	width:100%;
	color:#09F;
}
ul.mini li a {
	color:#069;
}
ul.mini li a:hover{color:#0FF;}
/* Estilos para extras y demás */
/* Lista para imagenes y descripción */
.tmbfoto {
	margin:0;
	padding:0;
}
.tmbfoto li{
	width:120px;
	height:110px;
	margin:10px 6px;
	float:left;
	text-align:center;
	display:inline;
	color:#09C;
}
/* Para comentarios */
.textareaU{
	font-family:Calibri,Arial;
	font-size:12px;
	width:200px;
	height:40px;
	color:#999;
}
.ulComentarios li{
	margin:0;
	padding:0;
	list-style: none;
	background-position: left top;
	background-repeat: no-repeat;
	padding-left:55px;
	min-height:45px;
	margin-bottom:5px;
}
/* Div invisible */
.nq_llena{
	position:absolute;
	background:#000;
	height:100%;
	width:100%;
	left:0;
	top:0;
	display:scroll;
	position:fixed;
	filter:alpha(opacity=50);
	-moz-opacity:.50;
	opacity:.5;
}
.nq_msg{
	border:3px #6FF ridge;
	position:absolute;
	text-align:center;
	padding:10px 5px;
	width:400px;
	top:40%;
	margin-top:-100px;
	left:50%;
	margin-left:-200px;
	display:scroll;
	position:fixed;
	background:#000;
	border-radius:5px;
	-moz-border-radius:5px;
}
/* Enlaces con viñeta */
.alista{
	list-style-image:url(vineta.gif);
	margin:0;
	padding:0;
	margin-left:10px;
}
.alista a{color:#0C9;}
/* Botones e inputs*/
.boton, .input{
	-moz-border-radius:2px;
	font-weight:bold;
	border-radius:2px;
	font-size:11px;
	margin:1px 0;
	height:20px;
	border:0;
}
.boton{background:#F90 url(bgs/boton.jpg);}
.input{background:#F90 url(bgs/input.jpg);}
/* Imagen de la esquina */
.esquina {
	display:scroll;
	position:fixed;
	bottom:0px;
	left:0px;
}
/* FACEBOOK */
.fblogin{
	width:115px;
	height:25px;
	margin:85px 5px 0 780px;
}
/* DEFINIENDO */
.cabeza{background:#C03 url(cabezas/normal.jpg);}