@charset "utf-8";
/*
Theme Name: Viladecans Televisio
Description: Tema fet a mida per <a href="http://www.viladecans.tv">Viladecans Televisi&oacute;</a>.
Version: 1.0
Author: <a href="mailto:glechuga@lavinia.tc">Guillermo Lechuga</a>
*/

/* General styles -> */
body{
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	background-color: #333;
}
img{
	border: none;	
}
ul{
	list-style: none;	
	margin: 0;
	padding: 0;
}
h2{
	color: #464646;
	font-size: 2.2em;	
	margin: 10px 0 12px 0;
}
li{
	margin: 0;
	padding: 0;	
}
form{
	margin: 0;
	padding: 0;
}
.clear{
	clear: both;
}
.topBottomLine{
	border-top: 1px dotted #999;
	border-bottom: 1px dotted #999;
	margin-top: 30px !important;
	margin-bottom: 30px !important;
	padding-bottom: 12px !important;
}
/* <- End General styles */

/* White wrapper */
#wrapper { 
	border-top: 1px solid rgb(153, 153, 153); 
	border-bottom: 1px solid rgb(153, 153, 153); 
	padding: 15px 0pt; 
	width: 100%; 
	margin-top: 11px; 
	text-align: center; 
/*	background:#fff url(img/sombra_flash.jpg) no-repeat center 88px;*/
	background-color:#FFFFFF; 
}
div.home {
      background: #FFFFFF url(img/sombra_flash.jpg) no-repeat scroll center 88px;
}

/*#wrapper{
	width: 100%;
	background-color: #FFF;
	margin-top: 11px;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	text-align: center;
	padding: 15px 0 15px 0;
}*/
/* Header --> */
#header{
	width: 1000px;
	margin: auto;
	text-align: left;
	overflow: auto;
}
	#header #mainLogo{
		float: left;
		padding-left: 5px;
	}
		#header #mainLogo img{
			float: left;
		}
		h1{
			font-family: Arial;
			font-weight: normal;
			font-size: 2.25em;
			letter-spacing: -0.05em;
			float: left;
			margin-top: 20px;
			margin-left: 10px;
		}
	#header #headerLinks{
		float: right;
		margin-top: 25px;
		margin-right: 3px;
		font-size: 0.8em;
	}
		#header #headerLinks li{
			display: inline;
			background:transparent url(img/headerLinksBullet.gif) no-repeat scroll 0.1em;
			padding-left: 0.8em;
		}
			#header #headerLinks li.primer{
				background: transparent;
			}
		#header #headerLinks a:link, #header #headerLinks a:visited{
			color: #333;
			text-decoration: none;
		}
			#header #headerLinks a:hover{
				text-decoration: underline;
			}
	#header .search{
		float: right;
		clear: right;
		margin-top: 20px;
		width: 250px;
		text-align: right;
	}
		/* Hidden label */
		#header .search label{
			display: none;
		}
		/* Search Textbox */
		#header .search .searchText{
			border: 1px solid #999;
			font-size: 0.8em;
			background: white url(img/headerSearchTextBackground.gif) repeat-x;
			height: 12px;
			width: 89px;
		}
		
		/* Search Button (as a link) */
		#header .search .searchSubmit{
			border: none;
			background-color: transparent;
			font-size: 1em;
			text-decoration: underline;
			color: #333;
			padding: 0;
			margin-left: 6px;
			display: inline-block;
			cursor:pointer;
		}
/* <-- End Header */

/* Content --> */
#content {
	margin: auto; 
	overflow: auto; 
	width: 997px; 
	text-align: left; 
	clear: both; 
	padding-bottom: 27px; 
}
/*#content{
	width: 1000px;
	margin: auto;
	text-align: left;
	clear: both;
	padding-bottom: 27px;
	overflow: auto;
}*/
	/* Home general styles ---> */
	h2.home{
		color: #840B0E;
		font-size: 1em;
		margin: 0 0 2px 8px;
		padding: 0;
		font-weight: bold;
	}
	/* <--- End Home general styles */
	/* Home flash place ---> */
	.flashContent{
		background: transparent url(img/flashContentBackground.gif) repeat-y;
		width: 997px;
		padding: 0;
		margin: 10px auto 10px;
		clear: both;
		-moz-background-clip: border; 
		-moz-background-origin: padding; 
		-moz-background-inline-policy: continuous;
	}
		/* Alternative content if no flash player */
		.flashContent .alternativeContent{
			background-color: #C51015;
			color: #FFF;
			padding: 20px;
			font-size: 1.5em;
			font-weight: bold;
		}
		.flashContent .alternativeContent a {
			color: #FFF;
		}
		/* Home flash place shadow ----> */
		.flashContent .flashContentBorderTop, .flashContent .flashContentBorderBottom{
			background: transparent url(img/flashContentTopBackground.gif) repeat-y;
			width: 1021px;
			margin-left: -11px;
			height: 11px;
			font-size: 0em;
		}
		.flashContent .flashContentBorderBottom{
			background: transparent url(img/flashContentBottomBackground.gif) repeat-y;
		}
		/* <---- End Home flash place shadow */
	/* <--- End Home flash place */
	/* Home highlights ---> */
	#content .highlighted{
		width: 70%;
		float: left;
		overflow: hidden;
	}
		#content .highlighted ul{
			border-top: 1px dotted #999;
			border-bottom: 1px dotted #999;
			padding: 12px 0 4px 0;
			width: 110%;
			overflow: hidden;
		}
			#content .highlighted ul li{
				display: block;
				padding: 0 8px 8px 0;
				float:left;
			}
	/* <--- End Home highlights */
	/* Home tags cloud ---> */
	#content .tagCloud{
		width: 27%;
		float: right;
	}
		#content .tagCloud div{
			border-top: 1px dotted #999;
			border-bottom: 1px dotted #999;
			padding-top: 5px;
			padding-bottom: 8px;
		}
			#content .tagCloud div a{
				display: inline;
				padding-left: 8px;
			}
				#content .tagCloud div a:link, #content .tagCloud div a:visited{
					text-decoration: none;
					color: #333;
					font-weight: bold;
				}
				#content .tagCloud div a:hover{
					text-decoration: underline;
				}
	/* <--- End Home tags cloud */
	/* Home share panel (youtube, facebook, etc)---> */
	#content .share{
		width: 27%;
		float: right
	}
		#content .share ul{
			border-bottom: 1px dotted #999;
			padding-top: 7px;
			padding-bottom: 5px;
			padding-left: 7px;
		}
			#content .share ul li{
				display: inline;
				padding: 0 14px 0 14px;
			}
	/* <--- End Home share panel
	/* Equip ---> */
		.greyContent ul li{
			font-size: 1.3em;
			line-height: 2.3em;
		}
	/* <--- End Equip */
/* <-- Content */

/* Footer --> */
#footer { 
	margin: auto; 
	background-color: 
	rgb(51, 51, 51); 
	width: 997px; 
	text-align: left; 
	height: 60px; 
	padding-top: 8px; 
}
/*#footer{
	background-color: #333;
	width: 1000px;
	margin: auto;
	text-align: left;
	height: 60px;
	padding-top: 8px;
}*/
	#footer #footerLogo{
		float: right;
	}
	#footer #footerLinks{
		float: left;
		margin-top: 20px;
	}
		#footer #footerLinks li{
			display: inline;
			background:transparent url(img/footerLinksBullet.gif) no-repeat scroll 0.1em;
			padding-left: 0.8em;
		}
			#footer #footerLinks li.primer{
				background:transparent;
				padding-left: 0;
			}
		#footer #footerLinks a:link, #footer #footerLinks a:visited{
			color: #CCC;
			text-decoration: none;
		}
		#footer #footerLinks a:hover{
			text-decoration: underline;
		}
/* <-- End Footer */
			
/* Form styles -> */
/* Grey wrapper */
.greyContent{
	background-color: #474747;
	border: none;
	padding: 30px 55px 30px 55px;
	color: #FFF;
	min-height: 300px;
	overflow: auto;
}
	.greyContent p{
		font-size: 1.3em;
		margin: 0;
		padding: 0;
		margin-bottom: 20px;
		line-height: 1.4em;
	}
	.greyContent p.message-error {
		color: #F00;
		font-weight: bold;
	}
	.greyContent p.message-ok {
		color: #2F2;
		font-weight: bold;
	}
	.greyContent a:link,
	.greyContent a:visited {
		color: #FFF;
	}
/* Just in case */ 
legend{
	display: none;
	border: none;
	visibility: hidden;
}
input.text, input.textHalf{
	width: 350px;	
	margin-bottom: 12px;
	font-size: 0.8em;
	font-family: Arial, Helvetica, sans-serif;
	border: 1px solid #666;
	display: block;
}
input.textHalf{
	width: 167px;	
}
fieldset{
	border: none;
	margin: 0;
	width: 350px;
	padding: 0;	
}
	fieldset.leftColumn, form.leftColumn{
		width: 45%;
		float: left;
	}
		
	fieldset.rightColumn, form.rightColumn{
		clear: right;
		width: 45%;
		float: right;
		padding-left: 5%;
		border-left: 1px solid #999;
	}
label{
	display: block;
	font-size: 1.1em;
	line-height: 1.5em;
}

input.checkbox{
	/*width: 12px;
	height: 12px;
	background-color: #333;
	border: 1px solid #FFF;*/
	display: block;
	float: left;
}
label.checkbox{
	display: block;
	float: left;
	width: 310px;
	margin-left: 12px;
	margin-bottom: 15px;
}
textarea{
	width: 350px;	
	overflow: auto;
	height: 121px;	
	margin-bottom: 12px;
	border: 1px solid #666;
	font-size: 0.8em;
	font-family: Arial, Helvetica, sans-serif;
}
.submitButtons, .submitButtonsInverse{
	border-top: 1px dotted #666;
	margin: 12px 0 12px 0;
	width: 95%;
	text-align: right;
	padding-right: 12px;
	padding-top: 12px;
	clear:both;	
}
/* Line below */
.submitButtonsInverse{
	border-bottom: 1px dotted #666;
	border-top: none;
	margin: 12px 0 12px 0;
	width: 343px;
	text-align: right;
	padding-right: 12px;
	padding-bottom: 12px;	
}
	.submitButtons input, .submitButtonsInverse input{
		background: transparent url(img/formButtonBackground.gif) no-repeat;
		text-transform: uppercase;
		font-size: 0.8em;
		text-align: center;
		color: #FFF;
		border: none;
		width: 55px;
		height: 16px;
		margin-left: 12px;
	}
.twoColumns{
	width: 358px;	
	overflow: auto;
}
	.twoColumns input.text{
		width: 168px !important;
	}
	.twoColumns .leftColumn, .twoColumns .rightColumn{
		width: 168px;
		margin-right: 13px;
		float: left
	}
	.twoColumns .rightColumn{
		marign-left: 10px;
		margin-right: 0px;
	}
	.twoColumnsLogin input.text{
		width: 150px !important;
	}
.twoColumnsLogin{
	height: 50px;
}
	.twoColumnsLogin .leftColumn, .twoColumnsLogin .rightColumn{
		width: 150px;
		padding-right: 6px;
		padding-left: 12px;
		display: block;
		float: left;
	}
	.twoColumnsLogin .rightColumn{
		padding-left: 6px;
		padding-right: 12px;
		float: right;
	}
fieldset ul{
	padding-top: 10px;
	margin-left: 10px;
	
}
	fieldset ul li{
		background-image: url(img/formUlBullet.gif);
		padding: 0;
		background-position: top left;
		padding-left: 15px;
		background-repeat: no-repeat;
		font-size: 1.1em !important;	
		margin-top: 10px;
		line-height: normal !important;
	}
		fieldset ul li a:link, fieldset ul li a:visited,
		fieldset a:link, fieldset a:visited	{
			color: #FFF; 
			text-decoration: underline;
		}
		fieldset ul li a:hover{
			color: #CCC;
		}
input.button{
	background: transparent url(img/formButtonBigBackground.gif) no-repeat;
	text-transform: uppercase;
	font-size: 0.8em;
	text-align: center;
	color: #FFF;
	border: none;
	width: 120px;
	height: 16px;
	margin-top: 3px;
}
.capcha{
	margin-bottom: 12px;
	display: block;
	margin-top: 12px;
}
/* <- Form styles */