/*
######################################################################################
######                                                                        #######
######     YAHOO RESET CSS v2.6.0                                            #######
######                                                                      #######
##################################################################################
*/
html{color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
/* to preserve line-height and selector appearance */
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
/*to enable resizing for IE*/
input,textarea,select{*font-size:100%;}
/*because legend doesn't inherit in IE */
legend{color:#000;}
del,ins{text-decoration:none;}



/*
######################################################################################
######                                                                        #######
######     STANDARD/MARKUP STYLES                                            #######
######                                                                      #######
##################################################################################
*/

/********************************************************************************/
/***** MARKUP STYLES ***********************************************************/
/******************************************************************************/

/** For max height properties **/
html, body { height: 100%; }

body {
	font: normal 10pt Arial, Verdana, Times New Roman, Courier New, sans-serif;
    background:  url(/img/background.gif) no-repeat top center;
    }
a {
	font: normal 9pt  Georgia, Times New Roman, Courier New, sans-serif;
	text-decoration: none;
	color: #000000;
}
a:hover {
	text-decoration: underline;
}
.active {
	color: #FF0000;
}
hr { display: none; }
p { margin-bottom: 10px; line-height: 1.3em}


/********************************************************************************/
/***** HEADER STYLES ***********************************************************/
/******************************************************************************/

h1 { font:bold 30pt Times New Roman, Courier New, sans-serif; color:#FF0000; }
h2 { font:bold 30pt Times New Roman, Courier New, sans-serif; color:#FF0000; }
h3 { font:normal 23pt  Georgia, Times New Roman, Courier New, sans-serif; color:#FF0000; }
h4 { font-size:14pt; font-weight:bold; color:#FF0000; margin-bottom:5px;}
h5 { font-size:14pt; font-weight:bold; }
h3 span { font-size:14pt; font-weight:bold; }

/********************************************************************************/
/***** TABLE STYLES *************************************************************/
/******************************************************************************/

table { border: none; }
table.none { border: none; border-top: 0px; border-bottom: 0px;}
table.full { width: 100%; }

thead { background-color: #e7e7e7; color: #FF0000; }
thead tr { height: 24px; }
thead tr th { text-align: center; border-bottom: dotted 1px #a1a1a1; font: normal 11pt Georgia, Times New Roman, Courier New, sans-serif; }
thead tr th span { display: block; width: 100%; border-right: 1px solid #8b8b8b; }
thead tr th span.last { border: none; }
	
tbody tr { height: 24px; } 
tbody tr.alt { background-color: #ffe5e2; }
tbody tr td { text-align: center; border-bottom: dotted 1px #a1a1a1; }
td.none { text-align: left; border: 0px; }


/********************************************************************************/
/***** MISC STYLES *************************************************************/
/******************************************************************************/

/***** CLEAR *****/

.clear {   height: 0; overflow: hidden; clear: both; }  /* for <br class="clear" /> */
.clear_l { clear: left; }
.clear_r { clear: right; }
.clear_n { clear: none; }
.clear_b { clear: both; }

/***** FLOAT *****/

.float_l { float: left; }
    img.float_l { margin-right: 10px; margin-bottom: 10px; }
.float_r { float: right; }
    img.float_r { margin-right: 10px; margin-bottom: 10px; clear: right; }
.float_n { float: none; }

/***** TEXT ALIGN *****/

.align_l { text-align: left; }
.align_r { text-align: right; }
.align_c { text-align: center; }
.align_j { text-align: justify; }

/***** DISPLAY *****/

.display_n { display: none; }
.display_b { display: block; }
.display_i { display: inline; }

/***** DIVIDERS *****/

.divider     { display: block; border: 0; width: 100%; color: #787878; background-color: #787878; height: 1px; margin: 10px 0; }
.divider-dot { display: block; border:dashed #b2b2b0; border-width:1px 0 0 0; height:0;line-height:0px;font-size:0;margin:0;padding:0; }



/***** FORMATTING  *****/
em { color: #FF0000; font-family: Georgia, Times New Roman, Courier New, sans-serif; }

.size1 { font-size: 24pt; }
.size2 { font-size: 18pt; }
.size3 { font-size: 14pt; }
.size4 { font-size: 12pt; }
.size5 { font-size: 11pt; }
.size6 { font-size: 10pt; }
.size7 { font-size: 9pt; }
.georgia { font-family: Georgia, Times New Roman, Courier New, sans-serif; }
.red { color: #FF0000; }
.black { color: #000000; }

/*
######################################################################################
######                                                                        #######
######     WEB TEMPLATE STYLES                                               #######
######                                                                      #######
##################################################################################
*/

/********************************************************************************/
/***** CONTENT AREA ************************************************************/
/******************************************************************************/

#outer-wrapper {
	background: url(/img/footer_background.gif) no-repeat bottom center;
	width: 100%;
	text-align:center; /* For IE5 centering */
}


#wrapper {
	margin:0px auto;
	width: 980px;
	text-align:left; /* For IE5 centering */
}

#middle {
	margin-bottom: 50px;
	
}

.content { width: 100%;	}

.content_left1  { float: left; width: 340px; }
.content_right1 { float: left; width: 640px; }

.content_left2  { float: left; width: 650px; margin-right: 30px; }
.content_right2 { float: left; width: 300px; }

.content_left3  { float: left; width: 550px; margin-right: 30px; }
.content_right3 { float: left; width: 400px; }

.content_block { width: 960px; padding: 10px; background-color: #e7e7e7; border-top: dashed 1px #a1a1a1; border-bottom: dashed 1px #a1a1a1; }

.content_block div.content_left2  { float: left; width: 670px; margin-right: 30px; }
.content_block div.content_right2 { float: left; width: 260px; }


/********************************************************************************/
/***** TOP NAVIGATION **********************************************************/
/******************************************************************************/

#top {
	width: 100%;
}

#logo {
	float: left;
	width: 140px;
	margin-top: 5px;
	margin-bottom: 15px;
}

.horiz-nav {
	width: 840px;
}

.content .horiz-nav {
	margin-top: -6px;
}

.horiz-nav ul li {
	display: inline;
}

.horiz-nav ul li a {
	border-right: 1px solid #000;
	padding: 0 4px 0 0px;
}

.horiz-nav ul li.last a {
	border-right: none;
}

#topnav {
	text-align: right;
	float: left;
}

#topnav1 {
	margin-top: 40px;
	margin-bottom: 10px;
}


/********************************************************************************/
/***** FOOTER ******************************************************************/
/******************************************************************************/



#footer {
	position: relative;
	height: 550px;
	
}

#footer_contact {
	position: absolute;
	bottom: 0;
	right: 0;	
	height: 15px;
	width: 980px;
	text-align: right;
	padding-bottom: 5px;
}

#footer_contact, #footer_contact a {
	color: #FFFFFF;
	font: normal 8pt Georgia, Times New Roman, Courier New, sans-serif;
}


/********************************************************************************/
/***** FORMS *******************************************************************/
/******************************************************************************/

.frm_text,
.frm_dropdown,
.frm_multi {
	font: normal 1em Arial, Helvetica, sans-serif;
	color: #FF0000;
	border: none;
	width: 270px;
	height: 24px;
	}
textarea {
	font: normal 1em Arial, Helvetica, sans-serif;
	color: #FF0000;
	border: none;
	width: 580px;
	}
.frm_check,
.frm_radio {
	position: static;
	width: 13px;
	height: 13px;
	margin:  0 9px 0 2px;
	padding: 0 ;
	}
.frm_button {
	}
.frm_submit {
	}

.frm_radio-label {

}

.form-block {
	background-color: #e7e7e7; 
	border-top: dashed 1px #a1a1a1; 
	border-bottom: dashed 1px #a1a1a1;
	padding: 25px 0;
	width: 660px;
}

.form-block1 {
	width: 660px;
}

.form-full {
	width: 580px;	
	padding-left: 40px;
}

.form-half {
	float: left;
	width: 270px;	
	padding-left: 40px;
}

.form-half p {
	
	min-height: 45px;
	
}

.form-box {
	background-color: #FFFFFF;
	display:block;
	margin: 0;
	padding: 3px;
}


.form-submit { 
	background-image:url(/img/btn_submit.gif); 
	width: 179px; 
	height: 38px; 
	border: none; 
	overflow: hidden;
	text-indent: -6767px;
	font-size: 0px;
	display:block;
	line-height: 0px;

}


/********************************************************************************/
/***** HEADER IMAGE REPLACEMENT ************************************************/
/******************************************************************************/

.img_replace {
	display:block;
	margin:0;
	overflow:hidden;
	padding:0;
	text-indent:-6767px;
}

#title_history {
	height:46px;
	width:710px;
	background-image:url(/img/title_history.gif);
}


/********************************************************************************/
/***** CAROUSEL ****************************************************************/
/******************************************************************************/

.carousel {
	float: left;
	width: 896px;
	height: 173px;
	overflow: hidden;
}

.carousel_prev, .carousel_next {
	float: left;
	margin:0;
	padding:0;
	border:0;
	height: 173px;
	width: 39px;
	background-color:#ffb2b2;
	text-indent:-6767px;
}

.carousel_prev {
	background-image:url(/img/carousel_prev.gif);
}

.carousel_next {
	background-image:url(/img/carousel_next.gif);
}

.carousel ul li {
	float:left;
	display: inline;
}

.carousel ul li {
	position:relative;
	float:left;
	display: inline;
}

.carousel ul li div.image {
	position:absolute;
	top:0;
	left:0;
	display:block;
	height:173px;
	width:224px;
}

.carousel ul li div.overlay {
	background-image: url(/img/75p_grey.png);
	
	position:absolute;
	top:136px;
	left:0;
	display:block;
	height:173px;
	width:224px;
}

.carousel ul li div.active {
	top:0; !important
}

.carousel ul li div.overlay a {
	display:block;
	padding:8px;
	height:173px;
	width:224px;
	text-decoration:none;
	
}


.carousel ul li div.overlay p {
	margin-top:23px;
	
}

.carousel ul li div.overlay p strong{
	color:#ffffff;
	font: normal 14pt Georgia, Times New Roman, Courier New, sans-serif;
}

.carousel ul li div.overlay p span{
	color:#ff0000;
}


/********************************************************************************/
/***** SPECIFIC STYLES *********************************************************/
/******************************************************************************/



#home_top {
	font-family: Georgia, Times New Roman, Courier New, sans-serif;
}

#home_top p em {
	font-weight: bold;
}

#home_top p strong {
	font-size: 9pt;	
}

#home_top p a {
	color: #FF0000;
	font-weight: bold;
}

ol.bases {
	border-top: dashed 1px #a1a1a1;
}

ol.bases li {
	list-style-position: inside;
	list-style-type: decimal;
	padding: 15px 10px;
	border-bottom: dashed 1px #a1a1a1;
}

ol.bases li.alt {
	background-color: #e7e7e7;
}


ol.bases li ul { margin-top: 3px;  }

ol.bases li ul li {
	margin-top: 1px;
	margin-left: 25px;
	list-style-position: inside;
	list-style-type: disc;
	padding: 0;
	border: none;
}

.bases-list {
	padding: 15px 10px;
	background-color: #e7e7e7;
	border-bottom: dashed 1px #a1a1a1;
}


/** STYLING TWEAKS BELOW **/

#bases_rightad {
	display: block;
	margin-top: 38px;	
	
}

.programacion_cortos-a-concurso .content_left2 { width: 660px; }
.programacion_cortos-a-concurso .content_right2 { width: 290px; }


.programacion_cortos-a-concurso .content_block .content_left2 p {
	margin-top: 8px;	
}

#premios-2009-title {
	margin-top: 9px;	
}

#colaboradores-y-patrocinadores_list li {
	float:left;
	height:119px;
	margin-right: 1px;
	margin-bottom: 1px;
	width:195px;
}

#colaboradores-y-patrocinadores_list li a,
#colaboradores-y-patrocinadores_list li span {
	display:block;
	height:119px;
	width:195px;
	text-indent:-6767px;
}


#colaboradores-y-patrocinadores_list li a:hover {
	background-image: url(/img/60p_grey.png);
}


/** HISTORIA **/

.ver_spot   { float:left; margin-right:45px; }
.ver_cartel { float:left; 	display:block;
	width:231px;
	height:277px;}

.cartel_image_container {
	position:relative;
	display:block;
	width:231px;
	height:277px;
}
.cartel_image_container a span.overlay {
	background-image: url(/img/60p_grey.png);
	
	position:absolute;
	display:block;
	top:0;
	left:0;
	width:221px;
	text-align:right;
	padding:5px;
	
	
}

/** GALERIA **/

#galeria_list li {
	float:left;
	height:139px;
	margin-right: 1px;
	margin-bottom: 1px;
	width:139px;
}

#galeria_list li a {
	display:block;
	height:139px;
	width:139px;
	text-indent:-6767px;
}

#galeria_list li a:hover {
	background-image: url(/img/50p_red.png);
}