/*Programador: Diego Alonso*/

/*
div, ul, li  {
	border: 1px solid black;
}
/**/

/* =================================== INICIA ELEMENTOS COMUNES =================================== */

div#tarabu {
	padding: 3px 0 15px 0;
	background: #dee3ef;
	color: #37495d;
	font: 11px Verdana,sans-serif;
	text-align: left;
}

div#tarabu h2, h3, h4 {
	margin: 5px 0;
	padding: 0;
	text-indent: 5px;
}

div#tarabu h1 {
	width: 895px;
	margin: 10px auto 10px;
	padding-bottom: 5px;
	border-bottom: 1px solid #76869d;
	font: 32px Arial,sans-serif;
}

div#tarabu h2 {
	margin-bottom: 6px;
	padding-bottom: 4px;
	border-bottom: 1px solid #76869d;
	font: 20px Arial,sans-serif;
}

div#tarabu h3 {
	font: bold 14px Verdana,sans-serif;
	
}

div#container {
	width: 790px;
	margin: 0 auto;
	font: 11px Verdana,sans-serif;
}

div#tarabu img {
	border: 0;
}

/* =================================== TERMINA ELEMENTOS COMUNES =================================== */



/* =================================== INICIA RESULTADOS =================================== */

ul.results {
	width: 248px;
	margin: 0;
	padding: 10px 0;
	list-style-type: square;
	/* display: table-cell; /*para firefox si hay footer*/
	float: left; /*internet explorer (firefox si no hay footer)*/
}

ul.results li.head {
	height: 40px;
	margin-left: 10px;
	border-right: 0;
	list-style-type: none;

}
ul.results li.headpag {
	height: 20px;
	margin-left: 10px;
	border-right: 0;
	list-style-type: none;

}
ul.results li {
	margin-left: 35px;
	padding-right: 10px;
	padding-bottom: 4px;
	border-right: 1px solid #acaFb8;
}

ul.last li {
	border-right: 0;
}

ul.results li.pag {
	padding-top: 5px;
	text-align: right;
}

ul.results a {
	color: #37495d;
	font: 11px Arial,sans-serif;
	text-decoration: none;
}

span.pag {
	float: right;
}
	
.pag {
	font: bold 11px Arial,sans-serif;
}

img.icon {
	margin-right: 7px;
	float: left;
}	

span.total {
	display: block;	
}

span.title {
	font: bold 14px Verdana,sans-serif;
}

span.nav, span.nav a  {
	font: bold 13px Verdana,sans-serif;
	text-decoration: none;
}

/* AGREGADO DESDE PHP. Quitar espacio que genera IE*/
ul.results span.title {
	/*	width: 88px;*/
}


/* ==================================== TERMINA RESULTADOS ====================================== */

/* =================================== INICIA RESULTADOS VIDEOS =================================== */

.pl_vdores{
	font-size: 14px;
	font-weight:bold;
	text-transform:uppercase;
	background-color:#c3cbe0;
	padding: 6px 0px 6px 30px;
}

ul.vdores {
	width: 248px;
	margin: 0;
	padding: 10px 0;
	list-style-type: square;
	/* display: table-cell; /*para firefox si hay footer*/
	float: left; /*internet explorer (firefox si no hay footer)*/
}

ul.vdores li.head {
	height: 70px;
	margin-left: 0px;
	border-right: 0;
	list-style-type: none;

}
ul.vdores li {
	width: 225px;
	height:70px;
	margin: 0px 0px 10px 35px;
	padding-right: 10px;
	padding-bottom: 4px;
	list-style-type:none;
	float:left;
}
ul.vdores a {
	color: #37495d;
	font: 11px Arial,sans-serif;
	text-decoration: none;
}
span.pag {
	float: right;
}
	
.pag {
	font: bold 11px Arial,sans-serif;
}
img.foto {
	width:110px;
	height:68px;
	margin-right: 7px;
	float: left;
}

span.titlevod, span.totalvod {
	display: block;
}
span.titlevod {
	font-size:14;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
}
span.totalvod {
	font-size:14;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

/* AGREGADO DESDE PHP. Quitar espacio que genera IE*/
ul.vdores span.titlevod {
	/*	width: 88px;*/
}
ul.navvod {
	width: 790px;
	margin: 0;
	padding: 5px 0;
	/* display: table-cell; /*para firefox si hay footer*/
	float: left; /*internet explorer (firefox si no hay footer)*/
}
ul.navvod a {
	color: #37495d;
	font: 11px Arial,sans-serif;
	text-decoration: none;
}
ul.navvod li.head {
	height: 10px;
	margin-left: 10px;
	border-right: 0;
	list-style-type: none;

}

ul.navvod li {
	margin-left: 35px;
	padding-right: 10px;
	padding-bottom: 4px;
	border-right: 1px solid #acaFb8;
}

ul.navvod li.pag {
	padding-top: 5px;
	text-align: right;
}

ul.navvod a {
	color: #37495d;
	font: 11px Arial,sans-serif;
	text-decoration: none;
}
span.pagvod {
	float: right;
	padding-right:45px;
}
.pagvod {
	font: bold 11px Arial,sans-serif;
}
span.navv, span.navv a  {
	font: bold 13px Verdana,sans-serif;
	text-decoration: none;
}

/* ==================================== TERMINA RESULTADOS VIDEOS ====================================== */


/* =================================== INICIA RESULTADOS MOVIL =================================== */

ul.resultsmov {
	width: 196px;
	margin: 0;
	padding: 10px 0;
	list-style-type: square;
	/* display: table-cell; /*para firefox si hay footer*/
	float: left; /*internet explorer (firefox si no hay footer)*/
}

ul.resultsmov li.head {
	height: 40px;
	margin-left: 10px;
	border-right: 0;
	list-style-type: none;

}
ul.resultsmov li.headpag {
	height: 20px;
	margin-left: 10px;
	border-right: 0;
	list-style-type: none;

}
ul.resultsmov li {
	margin-left: 35px;
	padding-right: 10px;
	padding-bottom: 4px;
	border-right: 1px solid #acaFb8;
}

ul.last li {
	border-right: 0;
}

ul.resultsmov li.pag {
	padding-top: 5px;
	text-align: right;
}

ul.resultsmov a {
	color: #37495d;
	font: 11px Arial,sans-serif;
	text-decoration: none;
}


/* ==================================== TERMINA RESULTADOS MOVIL ====================================== */


/* =================================== INICIA DISCOGRAFíA =================================== */

div.search-results {
	padding: 0 0 15px 20px;
	background: url(http://www.tarabu.com/MicWeb/Images/bg_sahdow_inf.gif) repeat-x bottom;
	font: 10px Verdana,sans-serif;
}

ul#discography {
	width: 630px;
	margin: 0 auto;
	padding: 0;
	font: 10px Verdana,sans-serif;
	list-style-type: none;
}

ul#discography li {
	width: 290px; /*315px;*/
	height: 100px;
	margin: 10px;
	background: url(http://www.tarabu.com/MicWeb/Images/line_menu.gif) no-repeat bottom left;
	/*display: inline; /*firefox*/
	float: left; /*internet explorer*/
}

ul#discography span {
	margin-top: 2px;
	display: block;
}

img.album {
	margin-right: 25px;
	padding: 5px;
	background: url(http://www.tarabu.com/MicWeb/Images/box_img.gif) no-repeat top left;
	float: left;
}

img.buy {
	margin-top: 5px;
}

span.title-disc {
	font-size: 11px;
	font-weight: bold;
}

span.price {
	font-weight: bold;
}

/* ==================================== TERMINA DISCOGRAFíA ====================================== */



/* =================================== INICIA ÁLBUM =================================== */


div#album {
	width: 770px;
	color: #2f4a5d;
	display: table-cell;
}

div#album p {
	width: 330px;
	padding-left: 20px;
	display: inline;
}

div#album span {
	display: block;
}

div#album a {
	color: #2f4a5d;
	font: 11px Arial,sans-serif;
	text-decoration: none;
}

ul#tracks {
	width: 360px;
	list-style-type: none;
	margin: 0; /* Internet Explorer */
	padding: 0;/* Internet Explorer */
	/*list-style-position: inside; /* Internet Explorer */
	float: right;
}

ul#tracks li {
	margin: 0;
	padding-bottom: 6px;
	background: url(../img/tarabu_websearch_play.gif) no-repeat top left;
}

ul#tracks span {
	float: right;
}

img.cover {
	margin: 0 10px 0 15px;
	padding: 5px;
	background: url(http://www.tarabu.com/MicWeb/Images/ep/box_img02.gif) no-repeat top left;
	float: left;
}

div#player {
	text-align: center;
}

div#album span.title-disc, ul#tracks {
	margin-top: 5px;
}

div#album span.year {
	margin-top: 11px;
}

div#tarabu #player {
	margin-top: 4px;
}

div#sound {
	width: 300px;
	padding: 10px 0 10px 20px;
	float: left;
}

div#tarabu left {
	background: url(../img/tarabu_websearch_stop.gif) no-repeat top left;
}

img.space {
	margin-top: 25px;
}

/* ==================================== TERMINA ÁLBUM ====================================== */

.plecaSearch {
	background-color: #C3CBE0;
	height: 30px;
	margin:0px 50px 0px 50px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}