/* CSS Document */

body {
    margin:0; padding:0;
    font-family:Arial, Helvetica, sans-serif;
    font-size:14px; color:#FFFFFF;
	text-align:center;
	background-color:#000000;}
    /*ESTILOS
----------------------------------------------- */

.strong {font-weight:bold; color:#000000;}
.i{
    color: #FF9933;
    font-style: italic;
}
h3 {
    font-weight:bold; color: #FF0000; 
}

h4 {
    font-weight:bold; color: #CC9933; 
}
 
     /* INDEX
----------------------------------------------- */
#index {
	width: 744px;
	text-align:left;
    margin:0; padding:0;
    position:relative;
}
 
#index h1 {
    width:214px; height:60px;
    margin:0 0 0 20px ; 
    
    }
#index h1 span {
    display:none;
    } 


    
    /* LAYOUT
----------------------------------------------- */

#wrap {
	width: 744px;
	margin-top: 15px;
	margin-right: auto;
	margin-left: auto;
    position:relative;
	border: solid 4px; color:#333333;
}
    
.clr {
    clear:both;
	border: solid 1px transparent !important;
	border:0px

}

#head {	
	width: 744px;
	margin:0; padding:0 0 0 0;
	text-align:right;
	/*background-image:url(../i/img_home.jpg); background-repeat:no-repeat;*/
    position:relative;
}
 
#head h1 {
    width:214px; height:60px;
	position:absolute; left:528px; top:90px!important;
	position:absolute; left:533px; top:105px;
    background-image: url(../i/common/logo2.gif); background-repeat:no-repeat; background-position:center;
    }
#head h1 span {
    display:none;
    } 
	
#head h2 {
    width:214px; height:60px;
	position:absolute; left:528px; top:90px!important;
	position:absolute; left:533px; top:105px;
    background-image: url(../i/common/logo_b.gif); background-repeat:no-repeat; background-position:center;
    }
#head h2 span {
    display:none;
    } 
#utilitynav {
	text-align:right;
	float:right;
	position:absolute; left:378px; top:10px!important;
	position:absolute; left:378px; top:15px;
	padding: 0 12px 0 0;
	font-size:12px; font-weight:bold; color:#FFFFFF;
	/*border: 1px solid orange;*/
    
}
#mainnav  {
    width:744px; height: 43px;
	position:absolute;top:163px!important;
	position:absolute;top:168px;
	background-color:#666666;
	border-bottom: solid 6px; color:#000066;
	border-top: solid 1px white;
	font: tahoma;

	
    
}

#copy{
    height:50px;
    margin:5px 0 0 135px ;
	text-align: left;
	font: Arial, Helvetica, sans-serif; font-size:9px; color:#FFFFFF;
}
#copysplash{
    height:50px;
    margin:10px 0 0 140px ;
	text-align: left;
	font: Arial, Helvetica, sans-serif; font-size:9px; color:#FFFFFF;
}

/* LAYOUT CONTENT
---------------------------------------------*/
    
#content{
	width:744px;
	background-image:url(../i/bg_c2.jpg); background-repeat:repeat-y;
	border: solid 1px transparent !important;
	border:0px
	
	}
#content2{
	width:744px;
	background-image: url(../i/bg_2.jpg); background-repeat: repeat;
	border: solid 1px transparent !important;
	border:0px
	
	}

#contentL {
	width:235px;
	float:left;
	margin: 60px 0 0 10px !important;
	margin: 60px 0 0 7px;
	}

#contentLnav {
	width:235px;
	float:left;
	margin: 0px 0 0 0px !important;
	margin: 0 0 0 0px;
	}
#contentR {
	width:481px;
	margin: 28px 0 0 0px !important;
	margin: 33px 0 0 0px;
	font-size:12px; color:#FFFFFF;
	float:right;
	}
	
#contentR2 {
	width:745px;
	margin: 28px 0 0 0px !important;
	margin: 33px 0 0 0px;
	font-size:12px; color:#FFFFFF;
	float:right;
	}
	
#contentR2 h1{
	width:450px;
	height: 54px;
	text-align:left;

}#contentR h1{
	width:450px;
	height: 54px;
	text-align:left;

}
#contentR h2{
	font-size:14px; color: #CC9900;

}
#contentR h3{
	font-size:9px; color: #CC9900;

}

#contentF{
	width:350px;
	float: left;
	text-align: center;
	padding: 0 0 0 50px;}
	
#contentR2txt{
	width:350px;
	float: left;
	text-align:left;
	padding: 0 0 0 10px;

}#contentRtxt{
	width:330px;
	float: left;
	text-align:left;
	padding: 0 0 0 10px;

}
    /* LAYOUT HOME
----------------------------------------------- */

#homehead {
	width:744px;
	height:35px;
	background-image:url(../i/bg_h.jpg); background-repeat:repeat-y;
	}
#homehead h1 {
	font:Verdana, Arial, Helvetica, sans-serif;  color: #666666; font-size:14px;
	text-align:left;
	padding:7px 0 0 0;
	margin:0 0 0 35px !important;
	margin: 0 0 0 25px;
	float:left;
    
    }
#homehead h1 span {
    display:none;
    }
	
#homehead h2 {
	font:Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF; font-size:14px;
	text-align:left;
	padding:7px 0 0 0;
	margin: 0 0 0 440px;
    
    }
#homehead h2 span {
    display:none;
    }

#contenth {
	width:744px;
	background-image:url(../i/bg_c.jpg); background-repeat:repeat-y;
	}
	
#contenthL {
	width:362px;
	float:left;
	margin: 20px 0 0 25px !important;
	margin: 20px 0 0 20px;
	}
#contenthi {
	width:362px;
	height:311px;
	background-image: url(../i/img_d_h.jpg); background-repeat:no-repeat;
	border: solid 1px transparent !important;
	border:0px
	}
	
#contenthtxt {
	width: 300px;
	margin: 250px 0 0 50px !important;
	margin: 245px 0 0 30px;
	text-align:left; color:#FFFFFF;
	font-size:12px;
}

#contenthR {
	width:310px;
	margin: 20px 0 0 25px !important;
	margin: 20px 0 0 20px;
	float:right;
	}

.more { 
	width: 66px;
	height:18px;
	float:right;
	font-size:11px; color: #FFFFFF;
	padding:1px 0 0 0;
	background-image:url(../i/btn_vm.gif); background-repeat: no-repeat;  
}

#nh {
	width:300px;
	padding:0 10px 0 10px !important;
	padding:0 10px 10px;
	float:right; 
}

	
#nh h1 {
	font:Verdana, Arial, Helvetica, sans-serif;  color: #666666; font-size:14px;
	text-align:left;
	margin:3px 0 0 5px !important;
	margin:3px 0 0 2px;
   
    }
#homehead h1 span {
    display:none;
    }


.nhi {
	width: 147px;
	height:118px;
	margin: 15px 0 0 0;
	float:left;}
	
.nht {
	width: 147px;
	margin: 15px 0 0 0;
	float: right;
	text-align:left;
	font-size:10px;
}
/* sections
--------------------------------------------*/
#familia #contentR{ background-image: url(../i/bg_familia.jpg); background-position:right top; background-repeat:no-repeat;}
#biografia #contentR{ background-image: url(../i/bg_ja.jpg); background-position:right top; background-repeat:no-repeat;}
#nino #contentR{ background-image: url(../i/bg_n.jpg); background-position:right top; background-repeat:no-repeat;}
#testimonio #contentR{ background-image: url(../i/bg_tm.jpg); background-position:right top; background-repeat:no-repeat;}
#disco #contentR{ background-image:url(../i/bg_disco.jpg); background-position:right top; background-repeat:no-repeat;}
#ft #contentR{ background-image:url(../i/bg_ft.jpg); background-position:right top; background-repeat:no-repeat;}
#la #contentR{ background-image:url(../i/bg_ft.jpg); background-position:right top; background-repeat:no-repeat;}
#agenda #contentR2{ background-image:url(../i/bg_agenda.jpg); background-position:right top; background-repeat:no-repeat;}
#enlaces #contentR2{ background-image:url(../i/bg_enlaces.jpg); background-position:right top; background-repeat:no-repeat;}
#ventas #contentR2{ background-image:url(../i/bg_ventas.jpg); background-position:right top; background-repeat:no-repeat;}
#contacto #contentR2{ background-image:url(../i/bg_contacto.jpg); background-position:right top; background-repeat:no-repeat;}
#galeria #contentR2{ background-image:url(../i/bg_contacto.jpg); background-position:right top; background-repeat:no-repeat;}
#noticias #contentR{ background-image:url(../i/img_cc.jpg); background-position:right top; background-repeat:no-repeat;}


#familia #contentR h1{ background-image: url(../i/img_fm.gif); background-position: left; background-repeat:no-repeat;}
#biografia #contentR h1{ background-image: url(../i/img_biografia.gif); background-position: left; background-repeat:no-repeat;}
#nino #contentR h1{ background-image: url(../i/img_n.gif); background-position: left; background-repeat:no-repeat;}
#testimonio #contentR h1{ background-image: url(../i/img_tm.gif); background-position: left; background-repeat:no-repeat;}
#disco #contentR h1{ background-image: url(../i/img_disco.gif); background-position: left; background-repeat:no-repeat;}
#ft #contentR h1{ background-image: url(../i/img_ft.gif); background-position: left; background-repeat:no-repeat;}
#la #contentR h1{ background-image: url(../i/img_la.gif); background-position: left; background-repeat:no-repeat;}
#agenda #contentR2 h1{ background-image: url(../i/img_agenda.gif); background-position: left; background-repeat:no-repeat;}
#enlaces #contentR2 h1{ background-image: url(../i/img_enlaces.gif); background-position: left; background-repeat:no-repeat;}
#ventas #contentR2 h1{ background-image: url(../i/img_tienda.gif); background-position: left; background-repeat:no-repeat;}
#galeria #contentR2 h1{ background-image: url(../i/img_galeria.gif); background-position: left; background-repeat:no-repeat;}
#noticias #contentR h1{ background-image: url(../i/img_cc.gif); background-position: left; background-repeat:no-repeat;}
#noticias2 #contentR h1{ background-image: url(../i/img_rf.gif); background-position: left; background-repeat:no-repeat;}
#noticias3 #contentR h1{ background-image: url(../i/img_gp.gif); background-position: left; background-repeat:no-repeat;}
#noticias4 #contentR h1{ background-image: url(../i/img_rc.gif); background-position: left; background-repeat:no-repeat;}
#noticias5 #contentR h1{ background-image: url(../i/img_mfd.gif); background-position: left; background-repeat:no-repeat;}

    /* LINKS
----------------------------------------------- */
ul {margin:0 0 0 2px;}
li {
	list-style-type: none; 
	margin: 0 0 0 9px; padding:0 0 3px 0px;}
li.gral {
	list-style-image: url(../i/img_b.gif); 
	list-style-position: outside;
	margin: 0 0 0 5px !important; 
	margin: 0 0 0 15px;
	padding:0 0 3px 0px;}
	
h1,h2 {font-family:"Georgia", Times New Roman, Times, serif;}

a:link, a:visited, a:active { color: #FFFFFF; text-decoration:none;}
a:hover { color: #FFFF00; text-decoration:none;}
p .red { color:#900;}
p .bold {font-weight:bold;}

.more { font-family:Arial, Helvetica, sans-serif; font-size:11px; vertical-align:middle; color:#FFFFFF;}
.more a {margin:0; padding-right:5px; padding-left:5px;}
.more a:link,
.more a:active,
.more a:visited {color:#FFF; text-decoration:none;}
.more a:hover {color: #FFFF33;}


#utilitynav ul {
	margin:0; padding:0;
	list-style:none;

	}
	
#utilitynav li {
	margin:0; padding:0px 0 0px 5px;
	font-family: Arial, Helvetica, sans-serif;
	float:right;
	}

#utilitynav:link,
#utilitynav a:active,
#utilitynav a:visited {color:#FFF; text-decoration:none;}
#utilitynav a:hover {color: #FFFF00;}

#mainnav ul {
	margin:0 10px 0 0; padding:0;
	list-style:none;

	}
	
#mainnav li {
	margin:0; padding:12px 0 0px 15px;
	float:right;
	}

#mainnav:link,
#mainnav a:active,
#mainnav a:visited {color:#FFF; text-decoration:none;}
#mainnav a:hover {color: #FFFF00;}

    /* canciones
----------------------------------------------- */
#cbox{
	width: 300px;
	background-color:#000066;
	font-size:10px; font:Geneva, Arial, Helvetica, sans-serif;
	text-align: left;
}
#cboxhead {
	width: 300px;
	height: 61px;
	background-image:url(../i/bg_canciones.jpg); background-repeat:no-repeat;
	border-bottom: solid 1px yellow;
}
#cboxtxt {
	width: 280px;
	padding: 10px 0 0 10px;
}

#cbox h1 {
	font-size:12px; color:#FFFF66; font:Geneva, Arial, Helvetica, sans-serif;

}


    /* splash
----------------------------------------------- */

#lsplash {position: relative; margin: 10% auto 0px auto; width: 746px;text-align: left;}

#splash {
	/*background-image: url(../i/splash.jpg);
	background-repeat: no-repeat;*/
	height: 322px;
	border:3px solid #333;
}