/* colores

	rojo: #971B1E;
*/


body{
    background-color: #164A7C;
    color: white;
    text-align: center;
    font-family: Georgia, Palatino, "Times New Roman", Times, serif;
    letter-spacing: 0.01em;
		font-size: 14px;
   	line-height: 1.4em;
}

.left{
float:left;
}

.clear{
clear:both;
}

#content h1{
font-size:36px;
line-height: 36px;
letter-spacing: -2px;
color: #971B1E;
margin-bottom: 10px;
text-align:center;
margin-top: 20px;

}



#content h2,
#sidebar h2{

font-size:24px;
line-height: 24px;
letter-spacing: -2px;
color: #971B1E;

}

#content h2{
border-bottom: solid 1px;
margin-bottom: 10px;
margin-top: 20px;

}

#content h3,
#sidebar h3{

font-size:18px;
line-height: 18px;
color: #971B1E;
letter-spacing: -1px;
margin-bottom: 5px;
margin-top: 5px;
}

#content p{
margin: 10px;

}

.big-number{
font-size: 32px;
color: #971B1E;
}


/* CLASSES ---------------------------------------------*/
div.blue-gradient{
background: url(../images/blue-gradient.gif) repeat-x;
border: 1px #A0BDE3 solid;
}

div.yellow-gradient{
background: url(../images/yellow-gradient.gif) repeat-x;
border: 1px #FBE09A solid;
}

div.message-info{
background: url(../images/yellow-gradient.gif) repeat-x;
border: 1px #FBE09A solid;
padding: 8px;
color: #971B1E;
font-size: 16px;
border-left-color: #971B1E;
margin-top: -20px;

}

.message-info a{
border: 1px white solid;
padding: 5px;
margin-left: 15px;
color: #971B1E;
}

.message-info a:hover{
border: 1px white solid;
background: #971B1E;
color: white;
}


/* OBJECTS ---------------------------------------------*/


#page{
	background: url(../images/back.gif);
	background-position: center;
  background-repeat: repeat-y;
	
	
}

#header, #main-wrapper{
	background: white;
	text-align: left;
	width: 926px;
	margin-left: auto;
  margin-right: auto;
	
}

#header{
	height: 261px;
	background: url(../images/header.gif) repeat-x;
}

#logo-header{
float:left;


padding: 0px;
margin-top: 30px;
margin-left: 70px;
margin-right: 110px;

width: 132px;
height: 139px;

}

.box-header{
float:left;
background: url(../images/box-header.png) no-repeat;
height: 158px;
width: 240px;
text-align: left;
margin-left:30px;

margin-top: 20px;
color:white;
padding: 10px;


}

#box-header1{
	visibility:hidden;
	
}
#box-header2{
		
}

.box-header textarea{
	border: white 1px solid;
	background-color:transparent;
	color: white;
	font-weight:bold;
	margin-top: 5px;
	padding-left: 3px;
	padding-right: 3px;
	
	width: 221px;
	height: 85px;
	*margin-left:-30px;
	*overflow:hidden;
	
}

input.mailer-field{

	border: white 1px solid;
	background-color:transparent;
	color: black;
	background-color:transparent;
border: 1px solid white;
	color: white;
	margin-left: 5px;
	width: 170px;
	
}

input.mailer-button{
display:block;
background-color:white;

margin-left: auto;
margin-right: auto;
margin-top: 25px;
width: 100px;
cursor:pointer;
color:black;
font-weight:bold;

}

.box-header a{
color: white;
text-decoration:underline;
font-size:0.8em;
float:right;
margin: 5px;
margin-right: 10px;



}


#menubar{
	clear: both;
	padding-top: 19px;
	*padding-top:9px;
         _padding-top: 18px;
	margin-left: 350px;

}

#menubar ul li{

margin-left: 10px;
}


#menubar a{
text-decoration:none;
color: white;
height: 22px;
width: 95px;
display:block;
float:left;
text-align: center;
padding-top: 12px;



}

#menubar a:hover{
color: black;
}
a.black{
background-image: url(../images/tab-black.png);
}

a.orange:hover{
background-image: url(../images/tab-orange.png);
}

a.blue:hover{
background-image: url(../images/tab-blue.png);
}

a.green:hover{
background-image: url(../images/tab-green.png);
}

a.yellow:hover{
background-image: url(../images/tab-yellow.png);

border: solid 0px yellow;
}

a.red:hover{
background-image: url(../images/tab-red.png);
}

#main {
  color: black;
  background-color: white;
	width: 915px;
        _width: 925px;
  float: left;
}

#content{
padding-left: 20px;


width: 575px;
float:left;

}

.content-lh{
float:left;
width: 270px;
padding-right:10px;
}
.content-rh{
float:left;
width: 270px;
padding-left: 10px;
}
.content-footer{
clear:both;

}



#footer-wrapper{

	clear: both;
	background-color: #164A7C;
	
	
	width: 950px;
	margin-left: auto;
  margin-right: auto;

}
#footer{
	background-color: #164A7C;
	background: url(../images/footer.gif) no-repeat center top;
	height: 46px;
	padding-left: 100px;
        margin-left: -2px;
        *margin-left: 0px;
}


#last-programs{
	float:left;
	width: 575px;
	height: 270px;
	margin-bottom: -15px;
}

#last-programs ul{
float: left;
width: 375px;
margin-top: 30px;
margin-right: -65px;
	
}

#last-programs ul li{
	margin-left: 0px;
	border-top: solid 1px #9FBDE3;
}

#last-programs a,
#last-programs a:visited{
	text-decoration: none;
	color: black;
	display: block;
	line-height:120%;
	padding-top: 10px;
	padding-bottom: 10px;
         padding-left: 8px;
	
	letter-spacing: 0.01em;
	font-size: 12px;
  line-height: 1.4em;

}

#last-programs a:hover{
	text-decoration: none;
	color: white;
	background-color: #9FBDE3;
}

.normal-link:hover{
	text-decoration: underline;
	color: white;
	background-color:black;
}

#last-programs ul li strong{
font-weight:bold;
}

#last-program-picture{
	float: right;
	width: 250px;
	height: 250px;
	border: solid 4px #9FBDE3;
	margin-top: 5px;
	margin-right: 5px;
	background-color:white;
}

#last-program-picture img{
	margin-left: auto;
	margin-right: auto;
	margin-top: 5px;
}


#sidebar-wrapper {
  float: right;
  width: 320px;
	background-color: #DCE7F2;
	margin-right: -10px;
         _margin-right: 0px;
         _width: 310px;
         
	
	
	
	
}

#sidebar {
	
}

div.sidebar-avisos-box,
div.sidebar-msg-box{

border-bottom: 1px solid white;
border-top: 1px solid white;
background-color: #A0BDE3;
font-size:16px;
color: white;
padding: 5px;
text-align: right;


margin-top: 3px;
font-weight: bold;

}
.sidebar-box{
margin-top: 10px;
border: 2px solid #FAFCFE;

}

div.sidebar-logo{
text-align: center;
margin-top: 10px;
}

.sidebar-box h2{
font-size: 1.5em;


}


.large-ad{
width: 300px;
height: 250px;
margin-left: auto;
margin-right: auto;
}

hr.separator{
border: solid 1px #971B1E;
display: block;
width: 100%;
}

#blog-preview {
margin-top: 0px;
}

#blog-preview a{
padding-top: 10px;
padding-bottom: 10px;
padding-left: 10px;
text-decoration:none;
display: block;
color: black;
}

#blog-preview a:hover{

text-decoration:underline;
color: #971B1E;

}

.foto-frame{

padding: 5px;
border: 3px solid #9FBDE3;

float: right;
margin-left: 20px;
margin-right: 10px;
margin-top: 50px;

}

.date {
font-size: 0.8em;
}

.content-guion{
margin-top: 20px;
}

.hidden{
display:none;
}

.foto-colaborador{
padding: 5px;
border: 2px solid #9FBDE3;
margin-left: 10px;
margin-right: 10px;
float:left;
}

div.programa-colaborador{
margin-bottom: 20px;
padding-top: 20px;
clear:both;

}

#content-lh p,
#content-rh p{
padding-left: 0px;
margin-left: 0px;
}

.sitemap ul{
margin-left: 10px;
}

.sitemap li{
margin-left: 10px;
padding-top: 10px;
}

.link-list li{
margin-left: 10px;
padding-bottom: 5px;

}

.small-text{
font-size: 0.7em;
}

#comments-form form{
background: url(../images/blue-gradient.gif) repeat-x;
border: 1px #A0BDE3 solid;
color: black;
font-size: 18px;

}

#comments-form input,
#comments-form textarea{
border: 1px #A0BDE3 solid;
}

.comment{
background: url(../images/blue-gradient.gif) repeat-x;
border: 1px #A0BDE3 solid;
color: black;
font-size: 12px;
padding: 5px;
margin-top: 10px;
}

#comments-error-msg{

border: 1px solid yellow;
color: #971B1E;
background: url(../images/yellow-gradient.gif) repeat-x;
font-size: 18px;
margin-top: 10px;
margin-bottom: 10px;
padding: 8px;

}

div.center{
text-align:center;
}

input#email{
display:none;
}