.input-login{
float:left;
width:62px;
height:19px;
padding:3px 5px 0 5px;
background:url(../img/design/input-login.jpg) center no-repeat fixed;
border:none;
text-align:center;

font:11px Arial, Helvetica, sans-serif;
color:#FFFFFF;
}

html>body .input-login {background:url(../img/design/input-login.jpg) center no-repeat;}


#input-search{
float:left;
width:152px;
height:21px;
padding:3px 5px 0 5px;
background:url(../img/design/input-search.jpg) center no-repeat fixed;
font:12px Arial, Helvetica, sans-serif;
font-weight:bold;
color:#FFFFFF;
border:0px;

}


.input-google{

font:12px Arial, Helvetica, sans-serif;
font-weight:bold;
background-color:#195c80;

color:#FFF;
border:1px solid #000;
}

.booton-google{
font:12px Arial, Helvetica, sans-serif;
font-weight:bold;
background-color:#195c80;

color:#FFF;
border:1px solid #000;
}



#paginador{
	width:420px;
	height:35px;
	float:right;
	padding:15px 5px 0 5px;
}

#contenedor_videoList{
	width:328px;
	float:left;
	height:auto;
	border:0px #FFF solid;
}

.videoList{


	/*border:1px #FFF solid;*/
}
#anuncio_google{
	width:130px;
	float:left;
	text-align:right;
	height:auto;
	/*border:1px #FFF solid;*/
}

#conten_video{
	
	width:460px;
	height:380px;
}

#botones-header #q{
	/*
float:left;
width:152px;
height:21px;
padding:3px 5px 0 5px;
background:url(../img/design/input-search.jpg) center no-repeat fixed;
font:12px Arial, Helvetica, sans-serif;
font-weight:bold;
color:#FFFFFF;
border:0px;
*/
}

html>body #input-search {background:url(../img/design/input-search.jpg) center no-repeat;}

#btn-search{
width:18px;
height:18px;
margin:3px 0 0 4px;
border:none;
background:url(../img/design/btn-search.gif) center no-repeat;
cursor:pointer;
}

html>body #btn-search {margin:3px 0 0 7px;}

.clearboth{
clear:both;
}

body,html{
width:100%;
height:100%;
padding:0;
margin:0;

background:#000000 url(../img/design/bg-top.jpg)  repeat-x;

font:11px Arial, Helvetica, sans-serif;
color:#FFFFFF;
}

#bg-header{
width:100%;
height:100%;
background:url(../img/design/bg-up.jpg) center top  no-repeat;
}


#page{
width:875px;
height:100%;
margin:auto;
}

#header{
width:870px;
float:left;
}

#logo{
padding:10px 0 0 10px;
float:left;
}

#botones-header{
padding:8px 0 0 10px;
width:575px;
height:80px;
float:left;
}

#search{
width:870px;
float:left;

margin:18px 0 0 0;
}

.search-video{
width:650px;
float:left;

}


#content{
width:845px;
float:left;


padding:35px 15px 0px 15px;

}

#footer{
width:100%;
height:300px;
float:left;

background:url(../img/design/bg-footer.jpg) center top no-repeat ;
}

#footer-content{
width:875px;
padding:62px 0 0 0;
margin:auto;
}

#footer-creditos{
width:800px;

float:left;
margin:auto;
padding:10px 0 0 40px;

text-align:center;
color:#d0f7ff;
line-height:21px;
}

#footer-creditos b{
line-height:normal;
font-weight:normal;
color:#a9dfee;
}



.post-left{
width:543px;
padding:10px;
float:left;
border:1px solid #682602;
}

.post-right{
width:243px;
padding:10px;
float:right;
border:1px solid #682602;
text-align:center;
}

.post-left-videos{
width:330px;
padding:10px;
float:left;
border:1px solid #682602;
height:auto;
}

.post-right-videos{
width:460px;
padding:10px;
float:right;
border:1px solid #682602;
text-align:center;

}

.post-right-videos {
font:12px "Trebuchet MS", "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
color:#FFFFFF;
text-decoration:none;

}
.detalle_title{
font:14px "Trebuchet MS", "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
color:#195c80;
text-decoration:none;
font-weight:bold;
cursor:pointer;

}

.titulo_video{
font:14px "Trebuchet MS", "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
color:#195c80;
text-decoration:none;
font-weight:bold;
}

/**********************  Videos *****************/
.post-left-videos ul.categorias{
margin:0;
padding:0 0 0 5px;
float:left;
list-style:none;
width:140px;
}



.post-left-videos ul.categorias li{
margin:0;
padding:0;

}

.post-left-videos ul.categorias li img{
margin:0;
padding:0;
float:left;
}
.post-left-videos ul.categorias li a{
width:124px;
height:20px;
margin:0;
padding:0;
float:left;

font:12px "Trebuchet MS", "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
color:#FFFFFF;
text-decoration:none;
}

.post-left-videos ul.categorias li a:hover{
color:#E4AE10;
text-decoration:underline;
}

/**********************  Videos *****************/
.post-left-videos ul.artistas{
margin:0;
padding:0 0 0 5px;
float:left;
list-style:none;
width:180px;
}

.post-left-videos ul.artistas li{
margin:0;
padding:0;

}

.post-left-videos ul.artistas li img{
margin:0;
padding:0;
float:left;
}

.post-left-videos ul.artistas li a{
width:180px;

margin:0;
padding:0;
float:left;

font:12px "Trebuchet MS", "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
color:#FFFFFF;
text-decoration:none;
}

.post-left-videos ul.artistas li a:hover{
color:#E4AE10;
text-decoration:underline;
}



/***********************Par los titulos de las canciones*****************/

.post-left3{
width:543px;
padding:10px;
float:left;
border:1px solid #682602;
}


.post-left3 ul.categorias4{
margin:0;
padding:0 0 0 5px;
float:left;
list-style:none;
}


.post-left3 ul.categorias4 li{

width:260px;
margin:0;
padding:0;
float:left;

font:12px "Trebuchet MS", "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
color:#FFFFFF;
text-decoration:none;

}



/****************************************/

div.titulosVideos, .a{
width:100%;
font:12px "Trebuchet MS", "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
color:#FCB885;
text-decoration:none;
text-align:center;
}

h1.left{
float:left;
margin:0 0 10px 0;

width:563px;

font:12px "Trebuchet MS", "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
font-weight:bold;
color:#FCB885;
}

h1.right{
float:right;
margin:0 0 10px 0;
width:263px;

font:12px "Trebuchet MS", "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
font-weight:bold;
color:#FCB885;
}





/*** Banner google home */

.post-left #anuncio_google_home_1{
	width:120px;
	float:left;
	text-align:right;
	height:auto;
	border:0px #FFF solid;	
}

/****************************************/



.resultado_google{
width:820px;
padding:10px;
float:left;
border:1px solid #682602;
}

.resultado_google .resultado_google_sub{
margin:0;
padding:0 0 0 5px;
float:left;
list-style:none;
width:643px;
border:0px #FFF solid;
}


.post-left ul.categorias{
margin:0;
padding:0 0 0 5px;
float:left;
list-style:none;
width:410px;
border:0px #FFF solid;
}


.post-left ul.categorias li{
margin:0;
padding:0;
float:left;
}

.post-left ul.categorias li img{
margin:0;
padding:0;

float:left;
}

.post-left ul.categorias li a{
width:134px;
height:20px;
margin:0;
padding:0;
float:left;

font:12px "Trebuchet MS", "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
color:#FFFFFF;
text-decoration:none;
}

.post-left ul.categorias li a:hover{
color:#E4AE10;
text-decoration:underline;
}






#search ul{
margin:0;
padding:0;
float:left;
list-style:none;
}

#search ul li{
margin:0;
padding:0;
float:left;
}

#search ul li a{
margin:0;
padding:8px 8px 7px 9px;
float:left;

font:11px Arial, Helvetica, sans-serif;
color:#fbc50a;
text-decoration:none;
}

#search ul li a:hover{
margin:0;


color:#FFFFFF;
background:#A55702 url(../img/design/bg-letter-search.jpg);
text-decoration:underline;
}

#search ul li.input{
padding:3px 0 0 5px;
background:none;
}


#search ul li.active{
margin:0;
color:#FFFFFF;
background:#A55702 url(../img/design/bg-letter-search.jpg);
}









#botones-header ul{
margin:0;
padding:0 0 0 0;
float:left;
list-style:none;
}

#botones-header ul li{
margin:0;
padding:0;
float:left;
}

#botones-header ul li a{
margin:0;
padding:0 10px 0 10px;
float:left;

font:11px Arial, Helvetica, sans-serif;
color:#dce5ee;
text-decoration:none;
}

#botones-header ul li a:hover{
margin:0;
padding:0 10px 0 10px;

color:#ffad32;
text-decoration:underline;
}


#botones-header ul li.active{
margin:0;
padding:0 10px 0 10px;

font:12px "Trebuchet MS", "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
color:#ffc412;
text-decoration:none;
}










#footer ul{
margin:0;
padding:16px 0 20px 200px;
width:675px;
list-style:none;
float:left;
background:url(../img/design/bg-footer-ul.jpg) center bottom no-repeat;
}

#footer ul li{
margin:0;
padding:0 40px 0 0;
float:left;
}

#footer ul li a{
margin:0;
padding:0;
float:left;

font:12px "Trebuchet MS", "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
color:#feffff;
text-decoration:none;
}

#footer ul li a:hover{
margin:0;
padding:0;

font:12px "Trebuchet MS", "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
color:#feffff;
text-decoration:underline;
}


#footer ul li.active{
margin:0;
padding:0 40px 0 0;

font:12px "Trebuchet MS", "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
color:#ffc412;
text-decoration:none;
}
