/*
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:225px;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	}


#container #main #newsleft .pad {
	padding:10px 10px 0px 10px;
	/* 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;
	}

/*
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;
	}