/* CSS Document */
body{background:#ccc url(../images/beyonce_bg.jpg) no-repeat top center; margin:0px auto; padding:0px; text-align:center; font-family:Verdana, Arial, Helvetica, sans-serif;}
#container{line-height: 1.5em; width: 990px; background-color: #FFF; color: #494949; position: relative; overflow: hidden; margin: 0 auto; clear: both;}
#header{width:100%; height:350px; background:#828282}
#flash{height:300px; background:#bbb; width:990px ; margin:0 auto; overflow:hidden;}
#nav{padding:0px; background:#7F8386; height:auto; border-bottom:8px solid #6CA3A9; font-size:75.35%; font-family: Arial, Helvetica, sans-serif; clear:both; text-align:center}

/**************************
* MENU HORIZONTAL
**************************/
#men{padding:0px; margin:0; list-style:none; ; position:relative; background:#7F8386 url(../images/bg-nav-light.jpg) no-repeat scroll center 0; height:38px; padding-left:30px}
#men li{float:left;}
#men li a{display:block; float:left; height:38px; color:#000; text-decoration:none; font-weight:bold; padding:0 0 0 18px; cursor:pointer; line-height:30px; text-align:center}
#men li a:hover{color:#fff; background:#7F8386 url(../images/bg-nav-light-hover.jpg) repeat-x scroll 0 0} 





#menuh {font: 80% "Trebuchet MS", Arial, Helvetica, sans-serif;/*margin-top: 20px;*/ height:38px;background:#7F8386 url(../images/bg-nav-light.jpg) no-repeat scroll center 0; width:990px; margin:0 auto; }
#menuh ul, li {list-style-type: none;}
#menuh ul {margin: 0;padding: 0;}
#menuh li {float: left;}
#menuh a.menutop {text-decoration: none;/*color: #3366CC;background: #F0F7FC;display: block;*/padding: 3px 10px;text-align: center;/*border: 1px solid #ACCFE8;border-width: 1px 1px 1px 0;*/height:38px;line-height:38px; color:#000000;text-transform:uppercase;-overflow:hidden;}
#menuh a.menutop#primero {border-left: 1px solid #ACCFE8;}
#menuh a.menutop:hover {/*background: #DBEBF6;*/background:#7F8386 url(../images/bg-nav-light-hover.jpg) repeat-x scroll 0 0;color:#fff;}
#menuh a.menutop.selectedmnutop {background:#151618 ;color:#fff;}

fieldset{border:1px solid #bf9f62; width:500px; padding:0 0 0 1em}
legend{color:#69c; text-align:center}
/** background:#7F8386 url(../images/bg-nav-light-hover.jpg) repeat-x scroll 0 0 */
#contenido{width:auto; background:#fff; margin:0px}

#izq{width:480px; height:auto; background:#fff; float:left; margin:5px 5px 8px 0px}
#der{width:480px; height:auto; background:#fff; float:right; margin:5px 0px 8px 5px}

#izq.content{width:705px; height:auto; background:#fff; float:left; margin:5px 0px 8px 0px}
#der.content{width:280px; height:auto; background:#fff; float:right; margin:5px 0px 8px 5px; display:inline}


#pie{height:50px; clear:both; background:#999; line-height:3em;font-size:90%;}

#main_izq{width:460px; height:auto; /*background:#817361;*/ margin:10px 20px;text-align:left; text-transform:uppercase;font-family:"Times New Roman",Times,serif; color:#C2AC88; font-size:23px; text-decoration:underline;}

/******************************
* Lista de contendios
******************************/
.node{
margin-bottom:15px;padding-bottom:0;padding:2px 20px;
}
.node h2.title{
margin-bottom:.1em;
}
.node h2.title a{
font-size:18px;font-weight:bold;font-family:arial,helvetica,sans-serif;line-height:1.4em;margin: .5em 0 .5em 0; color: #484848;
}

h2.title, h1.title {
color:#C2AC88;
font-family:"Times New Roman",Times,serif;
font-weight:normal;
text-transform:uppercase;
text-align:left;
text-decoration:underline;
}

h2.title {
/*margin-bottom:20px;*/
/*margin:0 0 5px 0;*/
margin:20px 0;
padding:0px
}


.node .content{
padding-top:10px;padding-bottom:5px;
font-family:"Times New Roman",Times,serif;
text-align:left;
}

.descriptioncontent{
float:left;
padding:5px 10px;
font-family:Arial, Helvetica, sans-serif !important;
text-align:justify !important;
font-size:90%;
}

.submitted {
color:#817361;
font-size:11px;
font-weight:bold;
letter-spacing:2px;
text-align:left;
}

h2.node-title {text-align:left;}

h2.node-title a{color:#484848;
color:#484848;
font-family:"Times New Roman",Times,serif;
font-size:23px;
margin:0.5em 0;
text-decoration:none;
}

 h2.node-title a:hover {
  color: #817361;
  text-decoration: none;
}

h2.node-title.content{
color:#333333;
font-family:"Times New Roman", Times, serif;
font-weight:normal;
text-transform:uppercase;
}







#main_der{width:460px; height:auto; background:#D5D5D5; margin:10px}





#main_fotos{ display:inline;width:440px; height:auto; background:#FFF; margin:5px 10px 5px 0; /* font-size:12px; padding:10px 10px 10px 40px;*/ padding:5px 10px; float:left;}




#list-home-gallerylast{width:117px;height:76px;float:left;text-align:center; margin:2px 5px;}

#list-home-gallerylast img{
border:1px solid #CCCCCC;
margin:5px 10px;
padding:5px;
}



#main_videos{width:460px; height:auto; background:#FFF; margin:5px 10px; display:inline;/*IE6*/float:left;}
#main_videos .gvideo{ padding:2px;}


#main_eventos{width:440px; height:auto; background:#FFF; margin:5px 10px;float:left;}
#main_eventos .idTabs {
	border-top:1px solid #FFF;
	list-style:none;
	margin:5px 0px 0px 0px;
	padding:0px;
	text-align:left;
	}
#main_eventos .idTabs li {
	margin:0px;
	border-bottom:1px solid #FFF;
	background:#DDD;
	line-height:10px;
	}
#main_eventos .idTabs li a {
	color:#000;
	font-weight:bold;
	font-family:Tahoma, Arial;
	font-size:12px;
	text-decoration:none;
	display:block;	
	padding:10px;
	}
#main_eventos .idTabs li a:hover {
	background:#C0C0C0 url(images/ico-watch.gif) right center no-repeat !important;
	}
#main_eventos .selected {
	background:#C0C0C0 url(images/ico-watch.gif) right center no-repeat !important;
}




#main_fans{width:460px; height:auto; background:#FFF; margin:5px 10px; display:inline;/*IE6*/float:left;}




#main_encuesta{width:460px; height:auto; background:#FFF; margin:5px 10px; display:inline;float:left; position:relative;}


#main_mensaje{width:460px; height:auto; background:#FFF; margin:5px 10px; display:inline; float:left;}



/*********fotos**********/
#fotos_izq{width:660px; height:auto; background:#abc; margin:5px 5px 8px 0px; float:left}
#fotos_der{width:290px; height:auto; background:#69c; margin:5px 0px 8px 5px; float:right}
/******videos*******/
#video{width:}
/*********************/
#musica_izq{width:660px; height:auto; background:#99c; margin:5px 5px 8px 0px; float:left}
#musica_der{width:290px; height:auto; background:#9cf; margin:5px 0px 8px 5px; float:right}
/******************/
#contactos{text-align:left; padding:0.5em 0em 0.5em 18em; background:#ccc }
/*********galeria de iagenes***************/
ul.columngallery{width:100%; padding: 0;/*margin: 10px 0 50px;*/margin:10px auto 50px auto;list-style: none;}
ul.columngallery li {float: left; width: 190px; padding: 0; margin: 5px 0; display: inline;}
.blockgallery {height: 100px; font-size:1em; margin-right: 10px; padding:5px; background: #0E0904; text-align:center;}
.blockgallery_view{height:105px;}
.blockgallery:hover{background: #333333;}
.blockgallery h2 {margin:0px; padding:0px; font-size:105%; padding-top:3px; font-weight:normal; text-align:center;}
.blockgallery img {margin:0px auto; background:#fff; -ms-interpolation-mode: bicubic; display: block; border:none}


/***********************
* STYLE PAGINACION
***********************/
	div.pagination {
		padding: 3px;
		margin: 3px;
		text-align:center;
		font-family:Tahoma,Helvetica,sans-serif;
		font-size:.85em;
	}
	
	div.pagination a {
		border: 1px solid #ccdbe4;
		margin-right:3px;
		padding:2px 8px;

		background-position:bottom;
		text-decoration: none;

		color: #0061de;		
	}
	div.pagination a:hover, div.pagination a:active {
		border: 1px solid #2b55af;
		background-image:none;
		background-color:#3666d4;
		color: #fff;
	}
	div.pagination span.current {
		margin-right:3px;
		padding:2px 6px;
		
		font-weight: bold;
		color: #000;
	}
	div.pagination span.disabled {
		display:none;
	}
	div.pagination a.next{
		border:2px solid #ccdbe4;
		margin:0 0 0 10px;
	}
	div.pagination a.next:hover{
		border:2px solid #2b55af;
	}
	div.pagination a.prev{
		border:2px solid #ccdbe4;
		margin:0 10px 0 0;
	}
	div.pagination a.prev:hover{
		border:2px solid #2b55af;
	}




/*  GALERIA DE VIDEOS  */

div#izq .holder_video{
width:170px; 
position:relative; 
float:left; 
display: inline;
text-align:center;
/*
margin-right:9px;
margin-bottom:5px;
*/
margin:5px 27px 5px 3px;
background-color:#4F4F4F;
padding:5px;
}
div#izq .holder_video a.play{
	width:29px; 
	height:29px; 
	position:absolute; 
	top:50px; 
	left:73px;
	z-index: 10; 
	display: block; 
	background:url('../images/public/play.png'); 
	
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60); /*IE 6*/
	filter:alpha(opacity=60);
	-moz-opacity:0.6;
	-khtml-opacity: 0.6;
	opacity: 0.6;

	text-indent: -4000px; 
	line-height: 0; 
	font-size: 0;
	cursor:pointer;
	text-decoration:none;
}

div#izq .holder_video a.viewalgum{
background:url('../images/public/photo-ico.png');
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60); /*IE 6*/
}
div#izq .holder_video #title-video {
color:#EEEEEE;
font-size:80%;
height:30px;
/*line-height:30px;*/
text-align:center;
padding-top:5px;
line-height:normal;
overflow:hidden;
}

/*div#izq #main_izq{text-align:left;float:left;margin:0px;padding:0px;width:970px; height:30px;}*/

/*  GALERIA DE VIDEOS  */


/**********************
* MAIN LISTA DE EVENTOS
**********************/
div#mainlist_event{
/*width:403px;
float:left;
position:relative;
margin:5px 0;
*/
width:670px;
float:left;
margin:5px 3px ;
display:inline;
}

div#img_event{
float:left;
width:301px;
height:auto;
margin:0 6px 3px 0;
padding:3px;
text-align:center;
}
div#title_event{
/*display:inline;*/
overflow:hidden;
margin:0 0 4px 0;
text-align:left;
font-size:98%;

}
div#title_event span{
text-align:left;
margin-right:10px;
font-size:95%;
font-weight:bold;
color:#E40072;
}
div#description_event{
text-align:justify;
}


/*************
* DISCOGRAFIAS
*************/
#image-discografia{
width:660px;
margin:5px auto;
display:inline;
}

#image-discografia img {
border:1px solid #CCCCCC;
margin:5px 10px;
padding:5px;
}

#newspaper-c {
border:1px solid #828282;
border-collapse:collapse;
font-family:"Lucida Sans Unicode","Lucida Grande",Sans-Serif;
font-size:12px;
margin:0px 20px 20px 0;
text-align:left;
width:640px;
}
#newspaper-c th {
border-color:#828282;
border-style:solid;
border-width:1px;
color:#FFF;
font-size:13px;
font-weight:normal;
padding:10px 5px;
text-transform:uppercase;
background-color:#828282;
text-align:center;
}

#newspaper-c td {
border-right:1px dashed #828282;
color:#000;
/*padding:10px 20px;*/
padding:5px 10px;
font-weight:bold;
}


/************************
* FORMULARIO DE REGISTRO
************************/
.ContacForm{
background-color:#F1F1F1;
float:left;
width:100%;
margin:auto ;
padding:0px;
}


.ContacForm #responsecontactform{
	display: none;
	/*border: 1px solid #7FBDD8;*/
	background:#F1F1F1 none repeat scroll 0 0;
	border:1px solid #4E4A4B;
	color:#000;
	padding: 5px;
	margin:5px 0 0 200px;
	-margin:5px 0 0 100px;
	width:555px;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	float:left;
}


.center_prod_box_big {
/*border:1px solid #000000;*/
float:left;
height:auto;
margin:2px 0 0 200px;
padding:0 0 2px;
text-align:center;
width:565px;
display:inline; !important /*IE 6.0*/

font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000;
}



.contact_form {
float:left;
padding-left:15px;
width:570px;
overflow:hidden;
}

.form_row {
clear:both;
/*overflow:hidden;*/
height:25px;
color:#000;
padding:2px 0;
-padding:0px 0;
margin:2px;
width:550px;
}

label.contact {
color:#000;
float:left;
font-size:90%;
padding:4px 10px 0 5px;
text-align:left;
width:170px;
font-weight:bold;
}

input.contact_input {
background-color:#FFFFFF;
border:1px solid #95B1B9;
color:#191919;
float:left;
height:18px;
width:310px;
}

.require {
color:#FF0000;
margin-right:5px;
font-weight:bold;
}

textarea.contact_textarea {
background-color:#FFFFFF;
border:1px solid #95B1B9;
color:#191919;
float:left;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
height:100px;
width:320px;
}

.submit_mail {
background-color:#0596FF;
border:1px solid #4E739B;
color:#FFF;
float:right;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
height:25px;
line-height:25px;
margin:2px 9px 0 0;
padding:0;
text-align:center;
width:100px;
display:inline;
}


/***********
* BANNER ROTATOR
***********/

.m_banner_hide{
	display:none;
}
.m_banner_show{
	display:block;
}


/********************
* BANNER TUMBA
********************/
#divbanner-tumba{
width:480px;
float:right;
}
#divbanner-tumba img{
border:1px solid #CCCCCC;
margin:5px 10px;
padding:5px;
}
#divbanner-tumba .ads_min{
margin:5px 3px;
float:left;
width:140px;
}


/* ===  Formulario de Mensajeria  ===*/
div.boxform_mesaje{
margin:0 auto;
/*width:500px;*/
width:auto;
background:#FFFFFF;
position:relative;
top:0px;
border:1px solid #94A3C4;
}

div.boxform_mesaje h1{ 
color:#000;
font-size:14px;
text-transform:uppercase;
padding:5px 0 5px 5px;
border-bottom:1px solid #DFE3EE;
border-top:1px solid #DFE3EE; 
font-weight:normal;
}
div.boxform_mesaje label{
width:100%;
display: block;
background:#FFFFFF;
padding:2px 0;
}
div.boxform_mesaje label span{
display: block;
color:#000;
font-size:11px;
float:left;
width:150px;
text-align:right;
padding:5px 10px 0 0;
}
div.boxform_mesaje label span.messages{
display:none;
}
div.boxform_mesaje .input_text{
padding:5px;
width:270px;
background:#FFFFFF;
border: 1px double #DFE3EE;
}
div.boxform_mesaje .message{
padding:7px 7px;
width:270px;
background:#FFFFFF;
border: 1px double #DFE3EE;
/*overflow:hidden;*/
/*height:150px;*/
}
div.boxform_mesaje .button
{
margin:0 0 10px 0;
padding:4px 7px;
background:#414141;
border:0px;
position: relative;
top:5px;
font-size:11px;
/*left:382px;*/
left:5px;
width:100px;
border-bottom: 1px double #414141;
border-top: 1px double #414141;
border-left:1px double #414141;
border-right:1px double #414141;
color:#FFFFFF
}

/*  Mensajes de Accion   */
.msg-error,.msg-ok{ padding:4px 7px !important; display:inline !important; margin-bottom:5px; margin-left:170px !important; width:265px !important;}
.msg-error{
	background-color:#fcc;
	border:1px solid #d77;
	color:#e55;
	text-align:left !important;
}
.msg-ok{
	background-color:#DFD;
	border:1px solid #86C18C;
	color:#008000;
}
#count{
	display:block !important;
	float:left;
	font-size:11px;
	font-weight:normal;
	margin-top:2px;
	padding-left:160px;
	width:280px;
	text-align:right;
}

#count .counter{ font-weight:bold;width:auto !important; float:none; width:auto; padding:1px;}

/*  Resize TextArea  */
div.grippie {
	background:#EEEEEE url(../images/grippie.png) no-repeat scroll center 2px;
	border-color:#DDDDDD;
	border-style:solid;
	border-width:0pt 1px 1px;
	cursor:s-resize;
	height:9px;
	overflow:hidden;
}