/*                                                                                       Do the reset!
------------------------------------------------------------------------------------------------------
*/

* { 
    padding:0; 
    margin:0;
    line-height:1.3em;
}

/*                                                                     Elementos definidos globalmente
------------------------------------------------------------------------------------------------------
*/
body {
    font:normal 75%/1.5em Helvetica, Arial, sans-serif;
    color:#333;
	background:url(../img/bgBody.gif) 0 0;
    text-align:center;
}

a {
    text-decoration:underline;
    color:#021D55;
	cursor:pointer;
}

a img {
    border:0;
}

strong {
	color:#000;
}

/*                                                                         Headings y bloques de texto
------------------------------------------------------------------------------------------------------
*/
h1 {
    font-size:1.2em;
	padding:0.5em 0 2em;
}

h2 {
    font-size:1.25em;
	padding:0.1em 0;
	margin-bottom:0.1em;
	border-bottom:1px solid #A7A58E;
} 
h3 {
	font-size:1.1em;
}

p,
ol,
dd {
    margin-bottom:0.8em;
}

table {
    border-collapse:collapse;
}

ul {
	list-style:none;
}

ol {
	padding-left:2em;
}

dd {
	border-bottom: 1px dotted #A7A58E;
}

sup {
    vertical-align:text-top;
    font-size:0.75em;
}

sub {
    vertical-align:text-bottom;
    font-size:0.75em;
}

span.big {
	font-size:1.7em;
}
/*                                                                             Elementos estructurales
------------------------------------------------------------------------------------------------------
*/
#wrap {
	position:relative;
	top:25px;
    width:970px;
    margin:0 auto;
    text-align:left;
}

#contenidos {
	padding:50px 40px 20px;
	background:url(../img/bgContenidos.png) repeat-y 0 0;
}

* html #contenidos {
	height:1%;
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/bgContenidos.png',sizingMethod='scale');
}

#copyright {
	font-size:0.9em;
	position:absolute;
	z-index:5;
	left:0;
	height:23px;
	width:925px;
	padding:20px 0 0 45px;
	background-image:url(../img/bgContenidosInf.png);
}
* html #copyright {
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/bgContenidosInf.png',sizingMethod='crop');
}
#meta {
	font-size:0.9em;
	position:absolute;
	left:720px;
	margin-top:20px;
	padding-left:25px;
	z-index:6;
}

/*                                                      Posicionamiento y estilos de elementos comunes
------------------------------------------------------------------------------------------------------
*/
#logo{
	position:absolute;
	top:0;
	left:40px;
	padding:0;
}

#nav {
	position:absolute;
	z-index:5;
	top:-20px;
	left:0;
	width:970px;
	height:20px;
	background:url(../img/bgContenidosSup.png) no-repeat 0 0;
}
* html #nav {
	background-image:url(../img/bgContenidosSup.gif);
}

#nav ul {
	position:absolute;
	left:320px;
	top:17px;
    list-style:none;
}
#nav li {
    float:left;
    display:inline;
    position:relative;
}
#nav a {
	float:left;
	width:110px;
	height:29px;
	padding-top:10px;
	text-align:center;
    background:url(../img/bgNavLink.gif) no-repeat 0 0; /* para IE6 */
    color:#FAFAFA;
    text-decoration:none;
}

#nav > ul a {
	background-image:url(../img/bgNavLink.png); /* para navegadores de verdad */
}
#nav a:hover{
	color:#CCF;
}
#index a.home,
#laGeneral a.laGeneral,
#castings a.castings,
#locutors a.castings,
#actualidad a.actualidad {
    background-position:0 100%;
}
#nav ul ul {
    position:absolute;
    top:39px;
    left:0;
}
#nav ul ul li {
    clear:left;
}

#login {
	font-size:0.91em;
	position:absolute;
	top:-25px;
	left:820px;
	z-index:10;
	width:96px;
	padding:10px 10px 0.9em;
	background:url(../img/bgLogin.gif) no-repeat 0 100%; /* para IE6 */
	text-align:center;
	text-decoration:none;
}
#login label,
#login p {
	display:block;
	margin:4px 0 0;
}
#infoComun > #login {
	background-image:url(../img/bgLogin.png); /* para navegadores de verdad */
}
#login input {
	font-size:1.1em;
	width:94px;	
}
#login button {
	width:65px;
	height:31px;
	border:0;
	margin:0 0 4px -4px;
	color:#FFF;
	background:url(../img/btLogin.png) no-repeat 50% 50%;
	text-transform:lowercase;
}
* html #login button {
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/btLogin.png', sizingMethod='crop');
}

a.hidePanel {
	padding-right: 18px;
	background:url(../img/icoHidePanel.gif) no-repeat 100% 50%;
}
a.showPanel {
	padding-right: 18px;
	background:url(../img/icoShowPanel.gif) no-repeat 100% 50%;
}
