#liga a{
color:black

}
#liga{
list-style: none;
color:black;
background-color:red;
width:110%;
position:relative;
left:-15px;}

#buscador{
left:100px;}

#video {

background-color:#0C1B8E;

color:red;}

#video a{
color:red;}
#liga a{
.color:black

}
#liga{
.list-style: none;
.color:black;
.background-color:red;
.width:110%;
.position:relative;
.left:-15px;}

#buscador{
.left:100px;}

#video {

.background-color:#0C1B8E;

.color:red;}

#video a{
.color:red;}


#nav {background-color:black;
	position:absolute; width:100%; top:95px; left:0;
				padding:.5em 0 0 0; margin:22px 0 0 15px; 
				border-top:2px solid #069; border-bottom:1px solid #069;}
#nav ul {margin-top:0px; margin-bottom:.8em;}
#nav li {margin-bottom:.5em; font-weight:bold; font-size:200%em;}

#nav{list-style: none; poxition:fixed;}


#nav ul { 
	padding:0;
	margin:0;
	list-style: none;
    width:12em;
   z-index:99;
   overflow:visible;
   position:absolute; 
   background-color:transparent;
      
}

#nav li { 
	position: relative;
	width: 12em;
    background-color:971B06;
	border:solid 1px #CECECE;
   display:block;
   height:2em;
   margin:0;
}

#nav ul li{ background-color:red;}

#nav li{ border-width:1px 1px 0 1px;}
#nav li:last-child{border-bottom:1px solid #CECECE;}

#nav a {
    text-decoration:none; 
    display:block;
    padding: 0.1em;  
    margin:0.2em 0 0.2em 0.1em; /*helps Opera with hover */
    width:11.5em; /*helps IE with hover */
    height:1.2em;
}

#nav li:hover, #nav a:hover{
    background-color:orange; 
}

#nav ul{
     
    position:absolute; 
    top:0; 
    left:0em;
}
#nav ul ul, #nav ul ul ul{

    display:none; 
    position:absolute; 
    top:0; 
    left:12em;
}


#nav li:hover ul ul, #nav li:hover ul ul ul{
    display:none; 
  
}

#nav li:hover ul, #nav ul li:hover ul, #nav ul ul li:hover ul{
    display:block;
}

li>ul { 
	top: auto;
	left: auto;
}

/* Win IE only \*/
* html #nav li{float:left;} 
/* end holly hack */



/**
* Calendar perteneciente a la web www.undertow.de
*/

table.calendar { font-size: 100% !important; }
table.calendar caption { padding: 1em 0 0 0; font-weight: bold; }

table.calendar td {
    padding: 1px;
    text-align: center;
}

table.calendar td { border: 1px solid #4a4a3b; }
table.calendar td a { font-weight: bold; }
table.calendar td#cal_today { border: 1px solid #ff6600; }
table.calendar td.cal_event a { color: orange; }
table.calendar span.cal_othermonth { color: grey; }
table.calendar th { text-align: center; }
table.calendar td.cal_event a.cal_event_gig { color: #6F92D1; }

table.calendar td.cal_event a {
	position: relative;
    z-index: 24;
}



table.calendar th a {
	color: white;
    font-size: 160% !important;
    font-weight: normal;
}

table.calendar th a:hover { color: #ff6600; }
table.calendar th a#cal_thismonth { color: #fff; font-weight: bold; font-size: 100% !important;}


table.calendario{background-color :#F5F5F5;}
td.laborable{width:25;border:1px solid silver;text-align:right;}
td.sabado{width:25;border:1px solid silver;background-color :#d6d6d6;text-align:right;}
td.domingo{width:25;border:1px solid silver;background-color :#c0c0c0;text-align:right;}
td.cabecera{width:25;border:1px solid silver;background-color : #969696;font-weight : bold;color:white;text-align:center;}
td.hoy{width:25;border:1px solid silver;background-color : black;font-weight : bold;color:white}
#mesanho{width:150px;background-color : black;font-weight : bold;color:white;padding:4px;}
table.calendario td.domingo a.cal_event_gig { color: #6F92D1; }
table.calendario td.domingo a:hover { z-index: 25; border: none; }
table.calendario td.domingot a span { display: none; }

table.calendario td.domingo a:hover span {
    display: block;
    position: absolute;
    top: 1em;
	left: -12em;
	width: 15em;
    border: 1px solid #90906e;
    background-color: #575730;
	padding: 2px 5px;
	color: white;
	font-weight: normal;
	text-align: left;
}



/*El siguiente css pertenece a la web http://www.ianjamescox.com/*/

body

{

list-style: none;

	text-align:  center;

	font-family: Trebuchet MS, sans-serif;

	color: orange;

	background: #000000;


	margin: 0;

	padding: 0;

}




h1 {

	font-family: Georgia, "Times New Roman", Times, serif;

	font-size: 150%;

	color: #7E7A55;

	font-weight: normal;

	margin-right: 12px;

	margin-left: 18px;

	margin-top: 0;

	margin-bottom: 0;

	border-bottom-width: 1px;

	border-bottom-style: dashed;

	border-bottom-color: #C4B584;

	text-decoration:  none;

	padding: 0;

}

h1 a {

	font-family: Georgia, "Times New Roman", Times, serif;

	font-size: 150%;

	color: #7E7A55;

	font-weight: normal;

	text-decoration:  none;



}




h1 a:hover {

	font-family: Georgia, "Times New Roman", Times, serif;





	font-size: 150%;

	color: #7E7A55;

	font-weight: normal;

text-decoration:  none;

}



h6 {

	font-family: Georgia, "Times New Roman", Times, serif;

	font-size: 120%

	color: #7E7A55;

	font-weight: bold;

	margin-right: 12px;

	margin-left: 18px;

	margin-top: 0;

	margin-bottom: 0;

	border-bottom-width: 1px;

	border-bottom-style: dashed;

	border-bottom-color: #C4B583;

text-decoration:  none;

padding: 0;



}



h6 a {

	font-family: Georgia, "Times New Roman", Times, serif;

	font-size: 120%;

	color: #7E7A55;

	font-weight: bold;

text-decoration:  none;



}



h6 a:hover {

	font-family: Georgia, "Times New Roman", Times, serif;

	font-size: 120%;

	color: #7E7A55;

	font-weight: normal;

text-decoration:  none;

}







h3 {

	font-family: Georgia, "Times New Roman", Times, serif;

	font-size: 100%;


	color: #7E7A55;

	font-weight: normal;

	margin-right: 12px;

	margin-left: 18px;

	margin-top: 0;

	margin-bottom: 0;

	border-bottom-width: 1px;

	border-bottom-style: dashed;

	border-bottom-color: #C4B583;

text-decoration:  none;



}



h4 {

	font-family: verdana, "Times New Roman", Times, serif;

	font-size: 100%;

	color: #7E7A55;

	font-weight: normal;

	margin-top: 8px;

	margin-bottom: 2px;

	margin-right: 12px;

	margin-left: 18px;

text-decoration:  none;

}




#logo {

	position: absolute;

	top: 0px;

	right: 0px;

	float: right;



}



#logo img{

	border: 5;

}




/*Este css pertenece al ejemplo 4 de las 3 columnas estaticas publicado en la web con ciertas modificaciones*/

/* Estilo cabecera */

div#cabecera {height:48px;
      background-color:#000000; 
      padding-top:0px;       
      }




div#content {position:relative;  top:85px; left:55px;right:150px;
	
	margin:0px 300px 210px 165px; padding: 1 3em;}
div#content h1{ font-size:150%;}
div#content p {font-size:80%;}	
div#content li {font-size:75%;}




div#columnaderecha {background-color: #0C1B8E;position:absolute; width:200px; top:64px; right:0px;  
		margin:50px 0px 0 0; padding:1em  1em; border-top:2px solid #069; border-bottom:1px solid #069;}
div#columnaderecha p {font-size:75%;}



div#estilos{position: absolute;
	width:175px;

	top: 25px;

	left: 25px;

	float: left;
}

#principal{
margin-left: 45px;}

#principal li {
	
   display:inline;
   float:left;
}

#principal li {
   display:inline;
   float:center;
   width:200px;
   background-color:#F1A943;
   padding:5px;
   margin:5px;
   text-align: center;
   border-right: #a5a7aa solid 1px;
   border-bottom: #a5a7aa solid 1px;
}

#registrate{
	background-color:#f1371d;
}
#escudo{
position: absolute;

	top: 0px;

	left: 25px;

	float: left;
}




























#nav {.background-color:black;
	.position:absolute; .width:120px; .top:95px; .left:0;
				.padding:.5em 0 0 0; .margin:22px 0 0 15px; 
				.border-top:2px solid #069; .border-bottom:1px solid #069;}
#nav ul {.margin-top:0px; .margin-bottom:.8em;}
#nav li {.margin-bottom:.5em; .font-weight:bold; .font-size:200%em;}

#nav{.list-style: none;
 .poxition:relative;}


#nav ul { 
	.padding:0;
	.margin:0;
	.list-style: none;
    .width:12em;
   .z-index:10;
   .overflow:visible;
   .position:absolute; 
   .background-color:transparent;
      
}

#nav li { 
	.position: relative;
	.width: 1em;
    .background-color:971B06;
	.border:solid 1px #CECECE;
   .display:block;
   .height:2em;
   .margin:0;
}

#nav ul li{ .background-color:red;}

#nav li{ .border-width:1px 1px 0 1px;}
#nav li:last-child{.border-bottom:1px solid #CECECE;}

#nav a {
    .text-decoration:none; 
    .display:block;
    .padding: 0.1em;  
    .margin:0.2em 0 0.2em 0.1em; /*helps Opera with hover */
    .width:11.5em; /*helps IE with hover */
    .height:1.2em;
}

#nav li:hover, #nav a:hover{
    .background-color:orange; 
.display.block; 
}

#nav ul{
     
    .position:absolute; 
    .top:0; 
    .left:0em;
}
#nav ul ul, #nav ul ul ul{

    .display:none; 
    .position:absolute; 
    .top:0; 
    .left:12em;
}


#nav li:hover ul ul, #nav li:hover ul ul ul{
    .display:none; 
  
}

#nav li:hover ul, #nav ul li:hover ul, #nav ul ul li:hover ul{
    .display:block;
}

li>ul { 
	.top: auto;
	.left: auto;
}

/* Win IE only \*/
* html #nav li{.float:right;} 
/* end holly hack */






/*El siguiente css pertenece a la web http://www.ianjamescox.com/*/

body

{

	.text-align:  center;

	.font-family: Trebuchet MS, sans-serif;

	.color: orange;

	.background: #000000;


	.margin: 0;

	.padding: 0;

}




h1 {

	.font-family: Georgia, "Times New Roman", Times, serif;

	.font-size: 150%;

	.color: #7E7A55;

	.font-weight: normal;

	.margin-right: 12px;

	.margin-left: 18px;

	.margin-top: 0;

	.margin-bottom: 0;

	.border-bottom-width: 1px;

	.border-bottom-style: dashed;

	.border-bottom-color: #C4B584;

	.text-decoration:  none;

	.padding: 0;

}

h1 a {

	.font-family: Georgia, "Times New Roman", Times, serif;

	.font-size: 150%;

	.color: #7E7A55;

	.font-weight: normal;

	.text-decoration:  none;



}




h1 a:hover {

	.font-family: Georgia, "Times New Roman", Times, serif;





	.font-size: 150%;

	.color: #7E7A55;

	.font-weight: normal;

.text-decoration:  none;

}



h6 {

	.font-family: Georgia, "Times New Roman", Times, serif;

	.font-size: 120%

	.color: #7E7A55;

	.font-weight: bold;

	.margin-right: 12px;

	.margin-left: 18px;

	.margin-top: 0;

	.margin-bottom: 0;

	.border-bottom-width: 1px;

	.border-bottom-style: dashed;

	.border-bottom-color: #C4B583;

.text-decoration:  none;

.padding: 0;



}



h6 a {

	.font-family: Georgia, "Times New Roman", Times, serif;

	.font-size: 120%;

	.color: #7E7A55;

	.font-weight: bold;

.text-decoration:  none;



}



h6 a:hover {

	.font-family: Georgia, "Times New Roman", Times, serif;

	.font-size: 120%;

	.color: #7E7A55;

	.font-weight: normal;

.text-decoration:  none;

}







h3 {

	.font-family: Georgia, "Times New Roman", Times, serif;

	.font-size: 100%;


	.color: #7E7A55;

	.font-weight: normal;

	.margin-right: 12px;

	.margin-left: 18px;

	.margin-top: 0;

	.margin-bottom: 0;

	.border-bottom-width: 1px;

	.border-bottom-style: dashed;

	.border-bottom-color: #C4B583;

.text-decoration:  none;



}



h4 {

	.font-family: verdana, "Times New Roman", Times, serif;

	.font-size: 100%;

	.color: #7E7A55;

	.font-weight: normal;

	.margin-top: 8px;

	.margin-bottom: 2px;

	.margin-right: 12px;

	.margin-left: 18px;

.text-decoration:  none;

}




#logo {

	.position: absolute;

	.top: 0px;

	.right: 0px;

	.float: right;



}



#logo img{

	.border: 5;

}




/*Este css pertenece al ejemplo 4 de las 3 columnas estaticas publicado en la web con ciertas modificaciones*/

/* Estilo cabecera */

div#cabecera {.height:48px;
      .background-color:#000000; 
      .padding-top:0px;       
      }




div#content {.position:relative;  .top:120px; .left:50px;.right:100px;
	
	.margin:0px 300px 200px 180px; .padding: 1 3em;}
div#content h1{ .font-size:250%;}
div#content p {.font-size:80%;}	
div#content li {.font-size:75%;}




div#columnaderecha {.background-color: #0C1B8E;.position:absolute; .width:175px; .top:64px; .right:0px;  
		.margin:50px -20px 0 0; .padding:1em  1em; .border-top:2px solid #069; .border-bottom:1px solid #069;}
div#columnaderecha p {.font-size:75%;}



div#estilos{.position: absolute;
	.width:175px;

	.top: 25px;

	.left: 25px;

	.float: left;
}

#principal{
.margin-left: 45px;}

#principal li {
	
   .display:inline;
   .float:left;
}

#principal li {
   .display:inline;
   .float:center;
   .width:200px;
   .background-color:#F1A943;
   .padding:5px;
   .margin:5px;
   .text-align: center;
   .border-right: #a5a7aa solid 1px;
   .border-bottom: #a5a7aa solid 1px;
}

#registrate{
	.background-color:#f1371d;
}
#escudo{
.position: absolute;

	.top: 0px;

	.left: 25px;

	.float: left;
}

#videos{
color:orange;}


div#rincon_villasa {background-color: #FFFF00; color: #000000;}
div#trofeo {background-color: #FFFF00; color: #000000;}