/*
Img links have rollover that lowers content in some navigators, damn!
*/


/*
Defaults and Structure
*/

body {
	background-color:#CCC;
	text-align:center;
	}

p {
	margin:0px;
	padding:0px;
	}

h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#666;
	margin:0px 0px 5px 0px;
	}

h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#999;
	margin:0px 0px 5px 0px;
	}

h3 {
	font-family:"Times New Roman", Times, serif;
	font-size:12px;
	text-transform:uppercase;
	color:#666;
	background-color:#CCC;
	padding:2px 5px 2px 5px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px; 
	margin:0px 0px 2px 0px;
	}

br {
	line-height:0px;
	}

hr {
	width:100%;
	height:1px;
	margin:0px;
	}

img {
	margin:0px;
	}

img.float {
	float:left;
	}

div.clear {
	clear:both;
	}

#container{
	background-color:#FFF;
	width:813px;
	margin:0 auto;
	padding:0px;
	text-align:left;
	}

#container #main{
	background-color:#FFF;
	width:773px;
	height:auto;
	margin:0px 20px 0px 20px;
	padding:0px;
	}

#container #main p{
	margin-bottom:10px;
	}


/*
Top and menu
*/

#container #main #menu{
	margin:0px;
	padding:0px;
	}

#container #main #menu .menuleft{
	background-color:#FFF;
	float:left;
	width:auto;
	margin:10px 0px 10px 0px;
	color:#666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	}

#container #main #menu .menuright{
	background-color:#FFF;
	text-align:right;
	float:right;
	width:auto;
	margin:10px 0px 10px 0px;
	color:#666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	}

#container #main .news_title{
	font-family:"Times New Roman", Times, Georgia, serif;
	text-transform:uppercase;
	font-size:18px;
	color:#999;
	margin-bottom:5px;
	padding:5px 0px 5px 0px;
	border-bottom:solid 1px #999;
}

#container #main #news{
	background-color:#999;
	width:773px;
	clear:both;
	}

#container #main #newsleft{
	background-color:none;
	float:left;
	width:220px;
	height:150px;
	overflow:auto;
	padding-right:5px;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	}

#container #main #newsleft a{
	text-decoration:none;
	}

#container #main #newsleft a:hover{
	color:#FFF;
	background-color:#999;
	}

#container #main #newsleft .pad {
	padding:8px 8px 0px 8px;
	/* I had to make this class .pad because if I used padding:10px inside #newsleft Mozilla widened the box (Explorer didn't). Why?? */
	}

/*
Main - center (video section, etc.)
*/

#container #main #maincenter{
	background-color:#FFF;
	width:773px;
	height:auto;
	clear:both;
	margin:0px 0px 0px 0px;
	}

#container #main #maincenter .left{
	background-color:#FFF;
	float:left;
	width:500px;
	margin:0px;
	}

#container #main #maincenter .right{
	background-color:#FFF;
	float:right;
	width:255px;
	margin:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height:16px;
	}

#container #main #maincenter .section_header{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:regular;
	font-size:42px;
	line-height:47px;
	color:#999;
	margin-bottom:15px;
	}
#container #main #maincenter .section_header .subtitle{
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	line-height:10px;
	color:#666;
	}

/*
Main - center (texts and articles)
*/

#container #main #maincenter .texts{
	background-color:#FFF;
	float:right;
	width:773px;
	margin:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:16px;
	margin-bottom:20px;
	}

#container #main #maincenter .texts h1{
	color:#09F;
	margin-bottom:0px;
	border-bottom: 1px solid #999;
	}

#container #main #maincenter .texts h2{
	margin-bottom:0px;
	border-bottom: 1px solid #999;
	}

#container #main #maincenter .texts p{
	margin-bottom:5px;
	}

#container #main #maincenter .texts a{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:20px;
	text-decoration:underline;
	}

#container #main #maincenter .article_img{
	background-color:#FFF;
	float:left;
	width:300px;
	margin:0px;
	}

#container #main #maincenter .article_txt{
	background-color:#FFF;
	float:right;
	width:462px;
	margin:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:16px;
	}

#container #main #maincenter .article_txt h1{
	margin-bottom:0px;
	border-bottom: 1px solid #999;
	}

#container #main #maincenter .article_txt p{
	margin-bottom:5px;
	}

#container #main #maincenter .article_txt a{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:20px;
	text-decoration:underline;
	}

/*
Main - center (homepage)
*/

#container #main #mainleft{
	text-align:left;
	background-color:#FFF;
	float:left;
	width:400px;
	margin:25px 43px 0px 0px;
	}

#container #main #mainright .fdtc_link{
	font-family: "Times New Roman", Times, Georgia, serif;
	font-style:italic;
	font-size:14px;
	color:#999;
	border-top:solid 1px #999;
	border-bottom:solid 1px #999;
	}

#container #main #mainleft .fdtc_link a{
	color:#666;
	}

#container #main .section{
	background-color:#FFF;
	margin-bottom:20px;
	}

#container #main .title{
	font-family:"Times New Roman", Times, Georgia, serif;
	text-transform:uppercase;
	font-size:18px;
	color:#999;
	margin-bottom:5px;
	}

#container #main .thumbnails{
	padding:5px 0px 5px 0px;
	border-top:solid 1px #999;
	}

#container #main .thumbnails img{
	margin:0px;
	}

#container #main #mainright{
	background-color:#FFF;
	float:right;
	width:330px;
	margin:25px 0px 0px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height:16px;
	}

.texts1{
	font-family:"Times New Roman", Times, Georgia, serif;
	font-style:italic;
	font-size:19px;
	line-height:20px;
	color:#999;
	margin:2px 0px 0px 0px;
	}

.texts2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:14px;
	color:#666;
	margin-bottom:8px;
	}

.titular {
	font-family: Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:normal;
	color:#999;
	margin:0px 0px 1px 0px;
	}

.subtitulo {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color:#222;
	margin:0px 0px 20px 0px;
	}

/*
Footer - bottom
*/

#container #main #footerleft{
	background-color:#FFF;
	float:left;
	width:auto;
	margin:5px 0px 20px 0px;
	color:#666;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	}

#container #main #footerright{
	background-color:#FFF;
	text-align:right;
	float:right;
	width:auto;
	margin:5px 0px 20px 0px;
	color:#999;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	}
	
.textpeque {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}

/*	
Links
*/
a img {
	border:none;
	}

a {
	text-decoration:none;
	color:#999;
	}

a:hover {
	text-decoration:none;
	color:#333;
	background-color:#CCC;
	}

#news a {
	text-decoration:underline;
	color:#FFF;
	}

#news a:hover {
	text-decoration:none;
	color:#000;
	background-color:#666;
	}