/* generated by css*/ 
html, body{
	margin:0;
	padding:0;
	text-align:center;
	background-color:#242424;
	color: #DDDDDD;
	background-image: url(../images/bgground.jpg);
	background-repeat: repeat-x;
} 
 
#pagewidth{
 background-color:#242424;
 width:900px; 
 text-align:left;  
 margin-left:auto; 
 margin-right:auto;  
} 
 
#header{
	position:relative;
	height:214px;
 	background-color:#FFCC00; 
	width:100%;
} 
 
#leftcol{
	height: 100%;
	width: 190px;
	float:left;
	position:relative;
 }
 #Collist{
	height: 100%;
	width: auto;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #616161;
	border-right-color: #616161;
	border-left-color: #616161;
	margin-top: 2px;
	margin-right: 2px;
	background-color:#32352E;
	padding-top: 8px;
	padding-left: 2px;
}
 
#twocols{
 width:710px; 
 float:right; 
 position:relative; 
  }
 
#rightcol{
	width:276px;
	float:right;
	position:relative;
}
 	#rightcolone{
	background-image: url(../images/downbglog.jpg);
	background-repeat: no-repeat;
	height: 49px;
	width: 276px;
 	}
	 #rightcoltwo{
	height: 30px;
	width: 276px;
	}
 
#maincol{
	float: left;
	display:inline;
	position: relative;
	width:434px;
 }
 	#mainsearch{
	background-image: url(../images/bgsearch.jpg);
	background-repeat:  repeat-x;
	height: 79px;
	}
	#mainsearchr{
	background-image: url(file:///C|/Documents%20and%20Settings/Administrador/Escritorio/Atevip/Pagina/images/rsearch.jpg);
	background-repeat:  no-repeat;
	height: 79px;
	width:14px;
	}
	.welcome1{
	height:100%;
	width:100%;
	background-color: #393939;
	border: 1px solid #191919;
	margin-top: 2px;
	margin-right: 1px;
	margin-bottom: 1px;
	margin-left: 1px;
	padding: 4px;
	
	}
	.welcome2{
	height:100%;
	width:100%;
	margin-top: 2px;
	margin-right: 1px;
	margin-bottom: 1px;
	margin-left: 1px;
	padding: 4px;
	
	}
	.welcome3{
	height:100%;
	width:100%;
	margin-top: 3px;
	margin-right: 1px;
	margin-bottom: 1px;
	margin-left: 2px;
	padding: 4px;
	background-color: #D3D3D3;
	border: 2px solid #5D5D5D;	
	}	
#footer{
 height:67px;
 width:900px;
 clear:both;
 }
 
 #footerl{
	height: 67px;
	width: 190px;
	float:left;
	position:relative;
 }
 #footlist{
	height: 66px;
	width: auto;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #616161;
	border-bottom-color: #616161;
	border-left-color: #616161;
	margin-right: 2px;
	background-color:#32352E;
 }
 
 
 #footerr{
	height: 67px;
	width: 710px;
	float:left;
	position:relative;
}
 #footcopyr{
	height: 66px;
	width: auto;
	background-image: url(../images/bgtop.jpg);
	background-repeat:  repeat-x;
	border: 2px solid #242424;
	margin-top: 2px;
	margin-left: 1px;
	padding: 4px;
	color: #CCCCCC;
	font-family: arial;
	font-size: 10px;
}
#footcopyr a {
	color: #CCCCCC;
	font-size: 10px;
	text-decoration: none;
}
#footcopyr a:hover {
	color: #F3F3F3;
	font-size: 10px;
	text-decoration: underline;
}
 
 /* "--HEAD--" at the head of English stilo*/
 /*Tabla head*/
 #table1, #table1 a:link, #table1 a:visited{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #D2E687;
	text-decoration: none;
 }
 #table1 a:hover{
	color: #EFF5D3;
	text-decoration: underline;
 }
 #1 {
 	font-size: 16px;
	font-weight: bold;
	color: #D2E687;
	background-color: #242424;
	height: auto;
	width: auto;
	border: 1px solid #616161;
	margin-right: 2px;
	margin-bottom: 2px;
	padding-left:4px;
}
 #2 {
	background-color: #242424;
	height: auto;
	width: 410px;
 }
 #3 {
	background-color: #242424;
	height: auto;
	width: 33px;
	background-image: url(../images/topshadow.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
 }
 #4 {
	background-color: #242424;
	height: auto;
	width: 267px;
	background-image: url(../images/topbglog.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
 }
 
 #Hwidth{ 
 width:900px; 
 text-align:left;  
margin-left:auto; 
 margin-right:auto;  
} 
 
#Hheader{
	position:relative;
	height:38px;
	background-color:#242424;
	width:100%;
} 
/*Style Generos Music*/ 
#Hleftcol{
	width:600px;
	float:left;
	position:relative;
	background-image: url(../images/hgenerobg.jpg);
	background-repeat:  repeat-x;
	height: 176px;
	padding: 4px;
 }
 		.titlegeneros{
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-weight: bold;
		text-transform: uppercase;
		color: #333333;
		background-image: url(../images/atvineta.png);
		background-repeat: no-repeat;
		background-position: 2px;
		padding-left: 25px;
		margin-top: 10px;
		}
		.linkgenero, .linkgenero a:link, .linkgenero a:visited {
		background-image: url(../images/vinetaat1.png);
		background-repeat: no-repeat;
		background-position: left;
		padding-left: 11px;
		font-family: Arial, Verdana, Helvetica, sans-serif;
		font-size: 11px;
		font-weight: bold;
		text-transform: capitalize;
		color: #FFF;
		text-decoration: none;		
		}
		.linkgenero a:hover, .linkgenero a:active{
	    color: #242424;
		text-decoration: underline;
		background-image: url(../images/vinetaat.png);
		background-repeat: no-repeat;
		background-position: left;
		padding-left: 11px;
		}
 
#Htwocols{
	width:900px;
	position:relative;
  }
 
#Hrightcol{
	width:267px;
	float:right;
	position:relative;
	background-color:#242424;
	background-image: url(../images/bglog.jpg);
	background-repeat: no-repeat;
	height: 176px;
 }
 
#Hmaincol{
	background-color: #242424;
	float: left;
	display:inline;
	position: relative;
	width:33px;
	background-image: url(../images/shadow.jpg);
	background-repeat: no-repeat;
	height: 176px;
 } /* THe en HEAD*/ 
 
 /* *** Categories **/
 .title{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-transform: capitalize;
	color: #F0F0F0;
	background-image: url(../images/atvineta.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-left: 25px;
	letter-spacing: 1px;
	font-weight: bold;
	padding-top: 5px;
	
 }
 .title2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-transform: capitalize;
	color: #383838;
	background-image: url(../images/atvineta.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-left: 25px;
	letter-spacing: 1px;
	font-weight: bold;
	padding-top: 5px;	
 }
.pistas {
 font-family: Arial;
 font-size: 9px;
 color: #FF9900;
 
 }
.categori {
	line-height: normal;
 }
 .categori a:link, .categori a:visited{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-transform: capitalize;
	color: #CCFF00;
	text-decoration: none;
	padding-left: 10px;
	background-image: url(../images/vineta-cat.gif);
	background-repeat: no-repeat;
	background-position: left center;
	margin-top: 5px;			
 }
 .categori a:hover, .categori a:active{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-transform: capitalize;
	color: #FFCC00;
	text-decoration: underline;
	padding-left: 10px;
	background-image: url(../images/vineta-cat.gif);
	background-repeat: no-repeat;
	background-position: left center;
	
 }
.categori2 {background-color:#AA8122;}
 .categori2 a:link, .categori2 a:visited{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-transform: capitalize;
	color: #FFFFFF;
	text-decoration: none;
	padding-left: 10px;
	background-image: url(../images/vineta-cat.gif);
	background-repeat: no-repeat;
	background-position: left center;
	margin-top: 5px;
 }
 .categori2 a:hover, .categori2 a:active{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-transform: capitalize;
	color: #FFCC00;
	text-decoration: underline;
	padding-left: 10px;
	background-image: url(../images/vineta-cat.gif);
	background-repeat: no-repeat;
	background-position: left center;
	background-color: #242424;	
 }
 .pistas2 {
	font-family: Arial;
	font-size: 9px;
	color: #242424;
}
 /*end Categores*/
 
 /*Style Letter*/
.letter a:link, .letter a:visited {
	border: 1px solid #996600;
	height: 15px;
	width: 15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #242424;
	background-color: #999900;
	vertical-align: middle;
	text-align: center;
	text-decoration: none;
	margin: 0.001em;
}
.letter a:hover, .letter a:active {
	border: 1px solid #663300;
	height: 15px;
	width: 15px;
	background-color: #003300;
	text-decoration: underline;
	color:#FFFFFF;
} 
 /* *** Float containers fix: */
 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 0%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 

/*hide the right column when printing*/ 
#rightcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}

/*Propierties to Searching*/
legend {
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	text-transform: capitalize;
	color: #E8AE00;
	text-decoration: none;
}
fieldset {
	width: 98%;
}
label {
	background-color: #515151;
	font-family: Arial;
	font-size: 11px;
}
label a:link, label a:visited {
	font-weight: bold;
	color: #CCCC00;
	text-decoration: none;
}
label a:hover {
	color: #E8AE00;
	text-decoration: underline;
}
#searchB {
	margin-top: 5px;
	width: 100%;
	padding: 4px;
}
/*FIN Propierties*/

/* Stilo de los Videos*/
#desvideo {
	font-family: Verdana;
	color: #E6E6E6;
	font-size: 12px;
	margin-left: 2px;
	
}

#vv {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #5F4512;
	padding-top: 5px;
	padding-bottom: 5px;
}

.borimg1 {
	float: left;
	border: 1px solid #AE7600;
	width:84px; height:50px;
}
.borimg1 a:link img, .borimg1 a:visited img {
margin: 1px;padding: 1px; border: 1px solid #CA8402; width:84px; height:50px;
}
.borimg1 a:hover {
	background-color: #CCCCCC;
}
<!--videos de busqueda  -->
.borvideo2 {float: left;border: 1px solid #AE7600;}
.borvideo2 a:link img, .borvideo2 a:visited img {
margin: 1px;padding: 1px; border: 1px solid #CA8402; width:105px; height:75px;}
.borvideo2 a:hover {
	background-color: #CCCCCC;
}
.desvideo2 {
	font-family:Arial;
	font-size:14px;
	color: #FFF;
	font-weight: bold;
	text-transform:capitalize;
	margin-bottom: 2px;
}
.desvideo2 a:link, .desvideo2 a:visited {
	font-family: Arial;
	font-size:14px;
	color: #CCFF00;
	margin-left: 2px;
	font-weight: bold;
	text-decoration: none;
	text-transform: capitalize;
}
.desvideo2 a:hover {
	font-family: Arial;
	font-size:14px;
	color: #F1FE01;
	margin-left: 2px;
	font-weight: bold;
	text-decoration: underline;
	text-transform: capitalize;
}
.desvid {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin-left: 2px;
	color: #EEEEEE;
	
}
.desvid a:link, .desvid a:visited {
	color: #EEEEEE;
}
.desvid a:hover {
	color: #99CC00;
}

/*Style Lirics-video*/
.tliric {
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	text-transform: capitalize;
	color: #FFFFCC;
	text-decoration: none;
	background-color: #2B371C;
	height: 20px;
	border: 1px dotted #996600;
	padding-top: 2px;
}
.liric {
	height: 150px;
	width: 300px;
	overflow: auto;
	border: 1px dotted #996600;
	background-color: #393939;
	padding: 8px;
	font-family: Verdana;
	font-size: 12px;
	color: #FFD737;
	text-transform: lowercase;
}
/*Sheard Lirycs*/
.bgliricvv {
	background-image: url(../images/bgliric.gif);
	background-repeat: repeat-x;
}
/*lirics principal*/
div#lirica {

scrollbar-arrow-color:#FFD737;
scrollbar-face-color:#2B371C;
scrollbar-track-color:#323232;

scrollbar-highlight-color:#996600;
scrollbar-3dlight-color:#996600;

scrollbar-shadow-color: #242424;
scrollbar-darkshadow-color: #996600;
}
#btn a {
	font-family: Arial;
	font-size: 11px;
	color: #E2DDBF;
	background-image: url(../images/btnliric.gif);
	text-decoration: none;
	vertical-align: middle;
	height: 20px;
	width: 70px;
	padding-top: 2px;
	font-weight: bold;
	padding-left: 4px;
}
#btn a:hover {
	color: #000000;
}
/* Lista de Canciones Autor*/
div#letra {
width:372px;
height:395px;
font-family: Arial;
font-size: 11px;
color: #FFCC00;	
}
div#letra a {
	color: #FFCC00;
	text-decoration: none;
}
div#letra a:hover {
	color: #99FF00;
}

div.tema1 {
	color: #FFCC00;
	width:268px;
	height:15px;
	float: left;
	padding-left: 2px;	
}
div.tema2 {
	width:268px;
	height:15px;
	float: left;
	background-color: #525252;
	padding-left: 2px;
}
div.bt {
	border: 1px solid #B8CA34;
	float: left;
	margin-left: 2px;
	width: 24px;
	margin-bottom: 2px;
	height:15px;
	color:#949494;
}

div.btmp3 {
	border: 1px solid #B8CA34;
	float: left;
	margin-left: 2px;
	width: 24px;
	margin-bottom: 2px;
	height:15px;
	background:#660000;
}
/* Imagen de fondo imagen MusicR*/
.icomusic {
	height: 25px;
	width: 25px;
	position: relative;
	background-image: url(../images/icomusic.gif);
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	float: right;
	top: 35px;
}
.icovideo {
	height: 25px;
	width: 25px;
	position: relative;
	background-image: url(../images/icovideo.gif);
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	float: right;
	top: 35px;
}
.icolrs {
	height: 25px;
	width: 25px;
	position: relative;
	background-image: url(../images/icolrs.gif);
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	float: right;
	top: 35px;
}
.borvideo3 img {float: left;border: 1px solid #AE7600; width:30px; height:30px;}
.borvideo3 a:link img, .borvideo2 a:visited img {
margin: 1px;padding: 1px; border: 1px solid #CA8402;}
.borvideo3 a:hover {
	background-color: #CCCCCC;
}
.iconovid a{
	font-family: Arial;
	font-size: 12px;
	text-transform: capitalize;
	color: #CC9900;
	text-decoration: none;
	font-weight: bold;
}
.iconovid a:hover{
	color: #99CC00;
	text-decoration: underline;
}
/*Tag Random*/
.tagrandon a{
	font-family: Tahoma;
	color: #CC9900;
	text-decoration: none;
	text-transform: capitalize;
}
.tagrandon a:visited {
	color: #99CC00;
	text-decoration: underline;
}
.tagrandon a:hover {
	color: #FFDF62;
	text-decoration: underline;
}
/*Notice*/
.noticias {
	color: #242424;
	text-decoration: none;
	font-family: Tahoma;
	font-size: 10px;
	padding-top: 4px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #aaa;
	padding-left: 4px;
}
.noticias a {
	color: #A45200;
	text-decoration: none;
	font-family: Tahoma;
	font-size: 12px;
	font-weight: bold;
}
.noticias a:hover {
	color: #336633;
	text-decoration: underline;
}
.noticias img {
	height: 70px;
	width: 70px;
}