@charset "utf-8";
html {
overflow: auto;
padding: 0;
margin-bottom: 1px;
}

#body {
height:100%;
width: 100%;
text-align:center;
margin:0;
padding: 0;
font-family: Verdana Arial, sans-serif;
outline: 0;
background-color: #D3D3D3;
}

ul {
	margin:0;
	padding:0;
}

ul li {list-style:none;}

div#wrapper {
margin:0 auto; 
position:relative;
width: 95%;
margin-left: auto;
margin-right: auto;
text-align: left;
height:100%;
min-height:100%;
height: auto!important;
}

div#encabezado {
position: fixed;
padding: 0;
margin-top: 0;
margin-bottom: 0;
margin-left: 4px;
margin-right: 0;
height: 116px;
width: 98%;
background-color: #E6E6E6;
border: 5px outset #4682b4;
-moz-border-radius: 40px 10px / 10px 40px; /* Firefox 3.5 */
	-webkit-border-radius: 40px 10px / 10px 40px; /* Google Chrome y Safari */
	border-radius: 40px 10px / 10px 40px; /* CSS3 (Opera 10.5 e Internet Explorer 9)*/
	-moz-box-shadow:0px 0px 14px #000000;
	-webkit-box-shadow:0px 0px 14px #000000;
	background-image: -moz-linear-gradient(top, #efedff, #c2c3ff);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#efedff), to(#c2c3ff));
	background-image: -o-linear-gradient(top, #efedff, #c2c3ff);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#efedff', endColorstr='#c2c3ff');
/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
/*Element must have a height (not auto)*/
/*All filters must be placed together*/
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#efedff', endColorstr='#c2c3ff')";
/*Element must have a height (not auto)*/
/*All filters must be placed together*/
	background-image: linear-gradient(top, #efedff, #c2c3ff);
	-moz-background-clip: padding-box;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
/*Use "background-clip: padding-box" when using rounded corners to avoid the gradient bleeding through the corners*/
/*--IE9 WILL PLACE THE FILTER ON TOP OF THE ROUNDED CORNERS--*/box-shadow:0px 0px 14px #000000;
z-index: 2;
}

div#columna_izquierda {
position: relative;
padding: 0px;
height: 360px;
width: 220px;
overflow: scroll;
border: 6px outset #4682b4;
background-color: #efe2bf;
-moz-border-radius: 8px;
-webkit-border-radius: 14px;
border-radius: 14px;
-moz-box-shadow: 4px 4px 8px #000;
-webkit-box-shadow: 4px 4px 4px #000;
box-shadow: 4px 4px 6px #000;
behavior: url(ie-css3.htc);
}

div#columna_derecha {
padding: 5px;
position: relative;
margin-left: auto;
margin-right: auto;
top: 120px;
height: 100%;
width: 880px;
border: 8px outset #4682b4;
background-color: #efe2bf;
-moz-border-radius: 10px;
-webkit-border-radius: 15px;
border-radius: 10px;
-moz-box-shadow: 10px 10px 15px #000;
-webkit-box-shadow: 10px 10px 10px #000;
box-shadow: 10px 10px 15px #000;
behavior: url(ie-css3.htc);
}

div#dra {
position: absolute;
padding: 5px;
top: 120px;
left: 1086px;
height: 100%;
width: 150px;
border: 8px outset #4682b4;
background-color: #efe2bf;
-moz-border-radius: 10px;
-webkit-border-radius: 15px;
border-radius: 15px;
-moz-box-shadow: 10px 10px 15px #000;
-webkit-box-shadow: 10px 10px 10px #000;
box-shadow: 10px 10px 15px #000;
behavior: url(ie-css3.htc);
}

div#enlaces {
padding: 0px;
position: relative;
height: 360px;
width: 300px;
overflow: scroll;
border: 6px outset #8b0000;
-moz-border-radius: 8px;
			-webkit-border-radius: 14px;
			border-radius: 14px;
			-moz-box-shadow: 6px 6px 12px #000;
			-webkit-box-shadow: 6px 6px 6px #000;
			box-shadow: 6px 6px 10px #000;
			behavior: url(ie-css3.htc);
background-color: #ffe9d7;
}

.corte {clear: both;padding-top: 4em;}

#contenido {
	padding:0px 0px 0px 0px;
	margin:0px;
	position: relative;
    margin-left: auto;
    margin-right: auto;
	min-height:820px; /* this we need to fix IE7-:f the #leftbar is heigher then the #content the #footer will shift to the right */ 
    width: 875px;
	background-color: #E6E6E6;
border: 5px outset #A5A5A5;
-moz-border-radius: 40px 10px / 10px 40px; /* Firefox 3.5 */
	-webkit-border-radius: 40px 10px / 10px 40px; /* Google Chrome y Safari */
	border-radius: 40px 10px / 10px 40px; /* CSS3 (Opera 10.5 e Internet Explorer 9)*/
	-moz-box-shadow:0px 0px 14px #000000;
	-webkit-box-shadow:0px 0px 14px #000000;
	background-image: -moz-linear-gradient(top, #efedff, #c2c3ff);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#efedff), to(#c2c3ff));
	background-image: -o-linear-gradient(top, #efedff, #c2c3ff);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#efedff', endColorstr='#c2c3ff');
/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
/*Element must have a height (not auto)*/
/*All filters must be placed together*/
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#efedff', endColorstr='#c2c3ff')";
/*Element must have a height (not auto)*/
/*All filters must be placed together*/
	background-image: linear-gradient(top, #efedff, #c2c3ff);
	-moz-background-clip: padding-box;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
/*Use "background-clip: padding-box" when using rounded corners to avoid the gradient bleeding through the corners*/
/*--IE9 WILL PLACE THE FILTER ON TOP OF THE ROUNDED CORNERS--*/box-shadow:0px 0px 14px #000000;
overflow:auto;
behavior: url(ie-css3.htc);
}

#contenido2 {
	float:left;
	width:660px;
	padding-top:8px;
    padding-bottom:8px;
    padding-right:10px;
    padding-left:10px;
}

#final {
clear:both;
margin:0 auto;
padding-top:0px;
letter-spacing:.1em;
text-align: center;
position:fixed;
left:0px;
bottom:0px;
right:0px;
height:30px;
width:100%;
background:#DADADA;
border-top:2px solid #B0B0B0;
-moz-box-shadow: 1px 2px 11px #000;     
-webkit-box-shadow: 1px 2px 11px #000; 
}


#menu {  
text-align: center;
font-size: 15px;
font-family: sans-serif;
width: 800px;
margin: 6px auto;
position: relative;
}

#menu ul { list-style-type: none;}

#menu ul li.nivel1 { float: left;
width: 156px;
margin-right: 2px;
position: relative;
}

#menu ul li { float: left;}

#menu ul li a {
display: block;
text-decoration: none;
-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			border-radius: 5px;
			-moz-box-shadow: 5px 5px 5px #000;
			behavior: url(ie-css3.htc);
color: #fff;
background-color: #1D6B82;
border: solid 1px #fff;
padding: 8px;
position: relative;
}

#menu ul li a:hover, #menu ul li:hover a.nivel1 {background-color: #6CC;
color: #000;
position: relative;
border-bottom: solid 1px #6CC;
}

#menu ul li a.nivel1 {
display: block!important;
display: none;
}

#menu ul li ul {
display: none;
}

#menu ul li a:hover ul, #menu ul li:hover ul {display: block;
position: absolute;width: 780px;border: solid 1px #fff;border-top: none;background-color: #6CC;
}

#menu ul li ul li a {width: 156px;
padding: 6px 0px 8px 0px;
border: none;
background-color: #6CC;
}

#menu ul li ul li a:hover {
position: relative;
text-decoration:none;
border-bottom: none;
}

table.falsa {border-collapse:collapse;
border:0px;
float: left;
position: relative;
}
ul.uno {left: -0px;}
ul.dos {left: -160px;}
ul.tres {left: -320px;}
ul.cuatro {left: -480px;}
ul.cinco {left: -640px;}

#leftbar {
	width:180px;
	float:left;
	height:100%;
	margin-right:8px;
}

#rightbar {
	width:130px;
	float:right;
}

/* main menu */
#mainmenu { /* whole mainmenu */
	padding:0;
	margin:0;
	padding-bottom:2px;
	padding-left:8px;
	position:relative;
	background-image:url(http://www.amigosdeladanza.es/images2/new_mainmenu_bg.jpg);
}

/* main menu */
#mainmenu li { /* menu item holders */
	display:block;
	padding:0;
	margin:0;
	height:32px;
	background-image:url(http://www.amigosdeladanza.es/images2/new_menuline.jpg);
	background-position:left bottom;
	background-repeat:no-repeat;
}

#mainmenu li a:link, #mainmenu li a:active, #mainmenu li a:visited { /* menu items (link) */
	display:block;
	color:#000000;
	font-size:13px;
	text-decoration:none;
	font-weight:bold;
	width:180px;
	font-family:Arial, Times, sans-serif;
	line-height:30px;
}

/* menu item (link) hover */
#mainmenu li a:hover {
	color:#FF0000;
}

#mainmenu li a.mainactive {
	color:#000;
	background-color:#FFFFFF;
	background-image:url(http://www.amigosdeladanza.es/images2/new_mainmenu_active_bg.jpg);
}


/* Drop downs */
/* dropdown holder menu item (link) hover */
#mainmenu li.dropdown:hover a, #mainmenu li.dropdown2:hover a, #mainmenu li.dropdown3:hover a, #mainmenu li.dropdown4:hover a, #mainmenu li.dropdown5:hover a {
	color:#000;
	background-image:url(http://www.amigosdeladanza.es/images2/new_mainmenu_dd.jpg);
}


/* menu popup content */
#mainmenu li ul {
	display:none;
	padding:0;
	margin:0;
	margin-left:10px;
	position:absolute;
	background-image:url(http://www.amigosdeladanza.es/images2/new_mainmenu_popup_bg.png);
	left:170px;
	width:180px;
	z-index:5;
}

#mainmenu li.dropdown ul {top:60px;}
#mainmenu li.dropdown2 ul {top:125px;}
#mainmenu li.dropdown3 ul {top:222px;}
#mainmenu li.dropdown4 ul {top:286px;}
#mainmenu li.dropdown5 ul {top:350px;}

#mainmenu li:hover ul li.closepopup {
	background-image:url(http://www.amigosdeladanza.es/images2/new_mainmenu_popup_bottom.jpg);
	font-size:10px;
	height:13px;
	padding:0;
	margin:0;
	width:100%;
}

/* show menu dropdown content on hover */
#mainmenu li:hover ul {
	display:block;
}

/* popup li */
#mainmenu li:hover ul li {
	display:block;
	padding:0;
	margin:0;
	height:30px;
	background-image:url(http://www.amigosdeladanza.es/images2/new_menuline.jpg);
	background-position:left bottom;
	background-repeat:no-repeat;
	width:92%;
	margin-left:8%;
}

/* popup links */
#mainmenu li:hover ul li a:link, #mainmenu li:hover ul li a:active, #mainmenu li:hover ul li a:visited {
	color:#656565;
	font-size:13px;
	text-decoration:none;
	font-weight:bold;
	font-family: Arial, Times, sans-serif;
	background-image:none;
}

/* dropdown links hover */
#mainmenu li:hover ul li a:hover {
	color:#000;
}

#novedades{
		border: 4px solid #ccc;
		width: 850px;
		height: 120px;
		background-color: #057292;
		-moz-border-radius: 10px;
		-webkit-border-radius: 15px;
		border-radius: 5px;
-moz-box-shadow: 5px 5px 8px #000;
-webkit-box-shadow: 5px 5px 5px #000;
box-shadow: 5px 5px 8px #000;
behavior: url(ie-css3.htc);
		overflow: hidden;
	}
	
	#novedades ul{
		margin: 0;
		padding: 0;
		position: relative;
		top: 0;
		left: 0;
	}
	#novedades li{
		margin: 0;
		padding: 5px;
		height: 110px;
		overflow: hidden;
		line-height: 16px;
	}
	#novedades li a{
		font-weight: bold;
		text-transform: uppercase;
	}


h1 { font-weight: bold; font-style: italic; font-family: Georgia; color:#660000; background-color:#b5b5ff; font-size: 15pt; text-align: center; margin-top: 2pt; margin-bottom: 2pt;margin-right: 0pt; margin-left: 0pt  }
h2 { color : #000066; background-color : #FFFF99; font-style : italic; font-family : Times, Georgia, Serif; font-variant : normal; font-weight : bold; font-size : 14pt; text-align : center; }
h3 { color : red; background-color : #B0C4DE; font-style : italic; font-family : Impact; font-variant : normal; font-weight : bold; font-size : 14pt; text-align : center; }
h4 { font-weight: normal; color: #050566; background-color: #d9b780; letter-spacing:1pt; word-spacing:2pt; font-size: 14pt; text-align: center; font-family:times, georgia, serif; line-height:1; margin:4px; padding:4px; }
h5 { font-weight:normal;color:#ffffff; background-color:#6B3125; font-size:16px; text-align:center;font-family:georgia, serif; }
h6 { font-weight:bold; font-style:italic; color:#ffffff; background-color:#1f0fff; letter-spacing:1pt; word-spacing:2pt; font-size:14pt; text-align:center; font-family:georgia, serif; margin-top:4pt; margin-bottom:4pt;margin-right: 0pt;margin-left:0pt }
.Estilo1 {font-family:Verdana; color: #8B0000;font-weight:bold;font-size:12pt; font-style:italic; margin-top:4pt; margin-bottom:4pt;margin-right: 0pt;margin-left:0pt}
.Estilo2 {font-family:Verdana; color: #000000;font-weight:bold;font-size:12pt; font-style:normal; margin-top:4pt; margin-bottom:4pt;margin-right: 5pt;margin-left:5pt}
.Estilo3 {font-family:Arial; color: #000000;font-weight:bold;font-size:12pt; font-style:normal; text-indent: 20pt; margin-top:5pt; margin-bottom:5pt;margin-right: 5pt;margin-left:5pt}
.Estilo4 {font-family:Verdana; color: #000000;font-weight:bold; font-size:11pt; font-style:normal; text-indent: 20pt; margin-top:5pt; margin-bottom:5pt; margin-right: 5pt; margin-left:5pt}
.Estilo5 {font-family:Arial; color: #000000;font-weight:bold;font-size:11pt; font-style:normal; text-indent: 20pt; margin-top:5pt; margin-bottom:5pt;margin-right: 5pt;margin-left:5pt}
.Estilo6 {font-family:Verdana; color: #000000;font-weight:bold;font-size:10pt; font-style:normal; text-indent: 20pt; margin-top:5pt; margin-bottom:5pt;margin-right: 5pt;margin-left:5pt}
.Estilo7 {font-family:Arial, Verdana; color: #000000; font-size:10pt; font-style:normal; text-indent: 5pt; margin-top:5pt; margin-bottom:0pt;margin-right: 5pt;margin-left:5pt}
.Estilo8 {font-family:Verdana; color: #ffffff;font-weight:normal;font-size:11pt; font-style:normal; margin-top:3pt; margin-bottom:3pt;margin-right: 6pt}
.Estilo9 {font-family:Georgia; color: #17374C;font-weight:bold;font-size:11pt; font-style:normal; margin-top:2pt; margin-bottom:2pt}
.Estilo10 {font-family:Verdana; color: #DAA520;font-weight:bold;font-size:12pt; font-style:normal; margin-top:8pt; margin-bottom:8pt}
.Estilo11 {font-family:Verdana; color: #FDEED7;font-weight:bold;font-size:11pt; font-style:normal; text-indent: 6pt; margin-top:3pt; margin-bottom:3pt}
.Estilo12 {font-weight:normal; color:#0d0d59; letter-spacing:1pt; word-spacing:1pt; font-size:12px; text-align:justify; font-family:verdana, sans-serif; line-height:1} 
#columna_derecha a:link{color:#FF0000;text-decoration:none}
#columna_derecha a:hover{color:#000080;text-decoration:underline}
a:visited {text-decoration:none;color:#ffcc33;} 
a:active {text-decoration:none;color:#ff0000;} 
a:hover {text-decoration:underline;color:#ff0000;}
-->

.enlaceboton {
	PADDING-RIGHT: 4px; PADDING-LEFT: 4px; FONT-WEIGHT: bold; FONT-SIZE: 12pt; PADDING-BOTTOM: 4px; COLOR: #666666; PADDING-TOP: 4px; FONT-FAMILY: verdana, arial, sans-serif; BACKGROUND-COLOR: #ffffcc; TEXT-DECORATION: none
}
.enlaceboton:link {
	BORDER-RIGHT: #666666 2px solid; BORDER-TOP: #cccccc 1px solid; BORDER-LEFT: #cccccc 1px solid; BORDER-BOTTOM: #666666 2px solid
}
.enlaceboton:visited {
	BORDER-RIGHT: #666666 2px solid; BORDER-TOP: #cccccc 1px solid; BORDER-LEFT: #cccccc 1px solid; BORDER-BOTTOM: #666666 2px solid
}
.enlaceboton:hover {
	BORDER-RIGHT: #cccccc 1px solid; BORDER-TOP: #666666 2px solid; BORDER-LEFT: #666666 2px solid; BORDER-BOTTOM: #cccccc 1px solid
}

.enlaceboton2 {
	PADDING-RIGHT: 4px; PADDING-LEFT: 4px; PADDING-BOTTOM: 4px; COLOR: #666666; PADDING-TOP: 4px; font-family:Verdana; color: #666666; font-weight:bold; font-size:11pt; text-indent: 5pt; margin-top:5pt; margin-bottom:5pt; margin-right: 5pt; margin-left:5pt; BACKGROUND-COLOR: #F0D98E; TEXT-DECORATION: none; text-align: justify
}
.enlaceboton2:link {
	BORDER-RIGHT: #666666 2px solid; BORDER-TOP: #cccccc 1px solid; BORDER-LEFT: #cccccc 1px solid; BORDER-BOTTOM: #666666 2px solid
}
.enlaceboton2:visited {
	BORDER-RIGHT: #666666 2px solid; BORDER-TOP: #cccccc 1px solid; BORDER-LEFT: #cccccc 1px solid; BORDER-BOTTOM: #666666 2px solid
}
.enlaceboton2:hover {
	BORDER-RIGHT: #cccccc 1px solid; BORDER-TOP: #666666 2px solid; BORDER-LEFT: #666666 2px solid; BORDER-BOTTOM: #cccccc 1px solid
}

.google_translate img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
border:0;
}
.google_translate:hover img {
filter:alpha(opacity=30);
-moz-opacity: 0.30;
opacity: 0.30;
border:0;
}
.google_translatextra:hover img {
filter:alpha(opacity=0.30);
-moz-opacity: 0.30;
opacity: 0.30;
border:0;
}