/*
	Gominola Creative Media 2008
	Barcelona - http://www.gominola.com
	by Alexander Morales - a@gominola.com
_____________________________________________________*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p,
blockquote, pre, a, abbr, acronym, address, big,
cite, code, del, dfn, em, font, img,
ins, kbd, q, s, samp, small, strike,
strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
center, u, b, i {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-weight:normal;
	font-style:normal;
	font-size:100%;
	font-family:inherit;
	vertical-align:baseline;
}
body {
	text-align:center;
	line-height:1;
	background-color:#2e2e30;
}
:focus {
	outline:0;
}
ol, ul {
	list-style:none;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
blockquote:before, blockquote:after, q:before, q:after {
	content:"";
}
blockquote, q {
	quotes:"" "";
}
input, textarea {
	margin:0;
	padding:0
}
hr {
	margin:0;
	padding:0;
	border:0;
	color:#000;
	background-color:#000;
	height:1px;
}
body, p, a, ul, li {
	font-family:Verdana;
	font-size:10px;
	color:#fff;
	line-height:14px;
}

/*
	General.
	Define 3 coloumns and padding
_____________________________________________________*/
#wrap {
	width:996px;
	margin:20px auto;
	text-align:left;
	}
#about, #publicidad, #cinetv {
	width:332px;
	float:left;
	}
div.holder {
	padding-right:12px;
}
#logo, #publicidadVideo, #cinetvVideo {
	width:320px;
	height:330px;
}
/*
	About.
	Logo, menu
_____________________________________________________*/
#about h1 {
	width:320px;
	height:64px;
	text-indent:-1000px;
	display:block;
	overflow:hidden;
}
#about ul {
	padding:24px 0px 12px;
	}
	#about ul li a {
		line-height:14px;
		vertical-align:bottom;
	}
#about h3 {
	cursor:pointer;
}
#about p {
	color:#b1eadb;
	color:#99ffcc;
	padding:8px 0px;
	}
	#about p strong {
		color:#fff;
	}
	#about p a {
		color:#b1eadb;
		color:#99ffcc;
	}
#about caption, #about td {
	text-align:left;
	color:#b1eadb;
	color:#99ffcc;
	vertical-align:top;
	padding:2px;
	}
	#about input {
		width:200px;
		width:250px;
		font-family:Verdana;
		font-size:10px;
		}
		#about .usr {
			text-align:right;
		}
		#about .btn input {
			width:52px;
			border:0px;
			background:url("/content/img/bt-bg.gif") no-repeat top left;
			color:#2e2d30;
			text-align:center;
			cursor:pointer;
		}
	#about textarea {
		width:254px;
		height:50px;
		font-family:Verdana;
		font-size:10px;
	}
	
	#about #credits {
		padding:30px 0px 20px;
		}
		#about #credits a {
			color:#666666;
			text-decoration:none;
			}
			#about #credits a:hover {
				color:#ccc;
			}
	

/*
	Publicidad.
_____________________________________________________*/
#publicidad h2 {
	width:320px;
	height:64px;
	text-indent:-1000px;
	display:block;
	overflow:hidden;
	}


/*
	Cine/Tv.
_____________________________________________________*/
#cinetv h2 {
	width:320px;
	height:64px;
	text-indent:-1000px;
	display:block;
	overflow:hidden;
	}


/*
	Común Publicidad y Cine/Tv.
_____________________________________________________*/
#publicidadVideoFrame {
	width:320px;
	height:256px;
	overflow:hidden;
	}
	.video {
		border-top:3px solid #fff;
	}
	.video .titulo {
		height:60px;
	}
	.video .boxed {
		float:right;
	}
#publicidadTxt, #cinetvTxt {
	padding-top:9px;
}
#publicidad div.holder ul li, #cinetv div.holder ul li {
	padding:0px 0px 17px;
	}
#publicidad div.holder ul li .thumb, #cinetv div.holder ul li .thumb {
	width:320px;
	height:110px;
	overflow:hidden;
}
#publicidad div.holder ul li a, #cinetv div.holder ul li a {
	color:#b1eadb;
	color:#99ffcc;
	cursor:pointer;
	}
	#publicidad div.holder ul li h3 a, #cinetv div.holder ul li h3 a {
		color:#fff;
		padding-top:4px;
		display:block;
		}
		
/* Scrollbar & content css */						
#publicidadTxtHolder,#cinetvTxtHolder {
	width:310px;
	height:300px;
	overflow:hidden;
	float:left;
	}
	#publicidadTxtHolder li,#cinetvTxtHolder li {
		width:310px;
		width:301px;
		overflow:hidden;
	}
.scrollbar-vert {
	background-color:#444444;
	height:300px;
	width:10px;
	float:left;
}
.handle-vert {
	height:42px;
	width:10px;
	background:url("/content/img/handle_.gif") no-repeat;
	display:block;
	cursor:pointer;
}