/*
Theme Name: LatinMambo 2009
Theme URI: http://latinmambo.cl/
Description: Lindo tema para LatinMambo
Version: 1.0
Author: Richard Gonzalez
Author URI: http://buenabuena.cl/
Tags: lindo tema

*/

*{
padding:0;
margin:0;
list-style:none;
border:0;
}

.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */


a:link, a:visited{
color:#e3398e;
text-decoration:none;
outline:none;
}
a:hover{
text-decoration:none;
}

body{
background:#23120b url(img/fondo.jpg) repeat-x;
font-family:"Lucida Sans", "Lucida Grande", Arial, sans-serif;
font-size:12px;
color:#48474d;
position:relative;

}

p{
padding:5px 0;line-height:140%;
font-size:12px;
}

.falso{
position:absolute;
top:0;
width:100%;
background:url(img/bg-top.jpg) top center repeat-x;
}

#contenedor{
width:960px;
margin:0 auto;
}


h2{ color:#e3398e; font-size:26px; font-weight:bold; font-family:Helvetica, Arial,  sans-serif; letter-spacing:-0.08em;}


/*CABECERA*/

#cabecera{ width:100%; height:230px;}

h1 a, h1{width:282px; height:165px; margin:18px auto; display:none; clear:both; overflow:hidden; text-indent:-9999999px; background:url(img/logo.gif) no-repeat }
.flash_logo {width:300px; height:180px; margin:8px auto 20px auto;}
#menu{ height:40px;}
#menu ul{ width:940px; margin:0 auto;}
#menu li{float:left; display:block; text-align:left; padding:0 20px; border-right:1px solid #777;}
#menu .menu-largo{float:left; display:block; text-align:left; padding:0 10px;}
#menu a{ font-size:16px; color:#c5c5c5; display:block; clear:left; letter-spacing:0,05em;}
#menu li:hover{ border-bottom:#FF9900 2px solid;}
#menu .bajada-menu{ float:left; font-size:10px; font-family:Arial, Helvetica, sans-serif; text-align:left; line-height:normal; color:#656565;}



/*CONTENIDO TOP*/

#contenido-top{ width:910px; height:450px; margin:0 auto; padding:10px 0 0 0; position:relative;} 
#banner-prin { width:530px; height:280px; float:left;} 
#noticias{ width:300px; height:280px; float:left; padding:5px 0 0 30px;}
#noticias li{ display:block; clear:both; padding:2px 5px 10px 0; } 
#noticias p{color:#c5c5c5; line-height:normal; float:left; border-bottom:1px dotted #656565;}
#noticias .fecha{ width:50px; font-size:11px; color:#e3398e;}
#noticias li a{color:#fff;}
#noticias li a:hover{color:#e3398e; text-decoration:underline;}
.h3noticias{display:block; clear:both; overflow:hidden; text-indent:-9999999px; width:93px; height:23px; background:url(img/h3noticias.jpg) no-repeat;}

/*arreglos*/
.izquierdo-top {width:515px; float:left;}
.clase-gratis {	margin:10px 0 0 -15px;}
.avisos {width:300px; float:right; margin-right:55px}

/*CONTENIDO*/

.borde-fondo{ height:34px; display:block; background:url(img/borde-contenido.png) no-repeat center; }
#contenido{  background:#f7f7f7; width:920px; margin:10px auto 0px auto; padding:0; -moz-border-radius-topleft:8px; -webkit-border-radius-topleft:8px; -moz-border-radius-topright:8px; -webkit-border-radius-topright:8px;}
#contenido2{  background:#f7f7f7 url(img/bg-contenido.jpg) repeat-x; width:920px; margin:10px auto 0px auto; padding:0; -moz-border-radius-topleft:8px; -webkit-border-radius-topleft:8px; -moz-border-radius-topright:8px; -webkit-border-radius-topright:8px;}
#contenido-left{ width:430px; float:left; padding:0 0 0 20px;}
#contenido-right{ width:430px; float:right; padding:0 0 0 20px;}
.post {margin:10px 0 20px 0;}
.post ul {margin:0 0 15px 0;}
.post ul li{ border-bottom:1px solid #CCCCCC; padding:4px 0; margin:0;}
.post h3{ color:#48474d; font-size:13px; font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;  line-height:26px; letter-spacing:-0.05em; text-transform:capitalize;}
.post ul li strong{ background:#eee; display:block; padding:4px 2px; margin:-4px 0;}
.post h2, .post-int h2 { border-bottom:2px solid #d3d3d3; padding:3px 0; margin:0 0 5px 0;}

/*disciplinas*/

#disciplinas{
	}
.menu_disciplinas{
	padding:3px 5px;
}
	
.menu_disciplinas li{
	float:left;
}

.m_salsa a, .m_mambo a, .m_chachacha a, .m_merengue a,.m_bachata a, .m_arabe a, .m_cueca a, .m_tango a, .m_hiphop a{ 
	height:40px;
	text-indent:-99999px;
	display:block;
	overflow:hidden;
}


.m_salsa a{
	background:url(img/menu-disciplinas.gif) 0 0 no-repeat;
	width:76px;	
}
.m_salsa a:hover{
	background:url(img/menu-disciplinas.gif) 0 -80px no-repeat;
	width:76px;	
}

.m_salsa a.active{
	background:url(img/menu-disciplinas.gif) 0 -40px no-repeat;
	width:76px;	
}


.m_mambo a{
	background:url(img/menu-disciplinas.gif) -76px 0 no-repeat;
	width:88px;	
}
.m_mambo a:hover{
	background:url(img/menu-disciplinas.gif) -76px -80px no-repeat;

}
.m_mambo a.active{
	background:url(img/menu-disciplinas.gif) -76px -40px no-repeat;
}


.m_chachacha a{
	background:url(img/menu-disciplinas.gif) -164px 0 no-repeat;
	width:128px;	
}
.m_chachacha a:hover{
	background:url(img/menu-disciplinas.gif) -164px -80px no-repeat;
}
.m_chachacha a.active{
	background:url(img/menu-disciplinas.gif) -164px -40px no-repeat;
}

.m_merengue a{
	background:url(img/menu-disciplinas.gif) -292px 0 no-repeat;
	width:117px;	
}
.m_merengue a:hover{
	background:url(img/menu-disciplinas.gif) -292px -80px no-repeat;
}
.m_merengue a.active{
	background:url(img/menu-disciplinas.gif) -292px -40px no-repeat;
}

.m_bachata a{
	background:url(img/menu-disciplinas.gif) -409px 0 no-repeat;
	width:105px;	
}
.m_bachata a:hover{
	background:url(img/menu-disciplinas.gif) -409px -80px no-repeat;
}
.m_bachata a.active{
	background:url(img/menu-disciplinas.gif) -409px -40px no-repeat;
}

.m_arabe a{
	background:url(img/menu-disciplinas.gif) -514px 0 no-repeat;
	width:143px;	
}
.m_arabe a:hover{
	background:url(img/menu-disciplinas.gif) -514px -80px no-repeat;
}
.m_arabe a.active{
	background:url(img/menu-disciplinas.gif) -514px -40px no-repeat;
}

.m_cueca a{
	background:url(img/menu-disciplinas.gif) -657px 0 no-repeat;
	width:81px;	
}
.m_cueca a:hover{
	background:url(img/menu-disciplinas.gif) -657px -80px no-repeat;
}
.m_cueca a.active{
	background:url(img/menu-disciplinas.gif) -657px -40px no-repeat;
}


.m_tango a{
	background:url(img/menu-disciplinas.gif) -738px 0 no-repeat;
	width:81px;	
}
.m_tango  a:hover{
	background:url(img/menu-disciplinas.gif) -738px -80px no-repeat;
}
.m_tango  a.active{
	background:url(img/menu-disciplinas.gif) -738px -40px no-repeat;
}

.m_hiphop a{
	background:url(img/menu-disciplinas.gif) -819px 0 no-repeat;
	width:83px;	
}
.m_hiphop  a:hover{
	background:url(img/menu-disciplinas.gif) -819px -80px no-repeat;
}
.m_hiphop a.active{
	background:url(img/menu-disciplinas.gif) -819px -40px no-repeat;
}

/* Siguenos */

.siguenos {
	position:absolute;
	right:-40px;
	bottom:-110px;
	height:100px;
	
}

span.facebook a, span.youtube a, span.twitter a{
	text-indent:-99999px;
	display:block;
	overflow:hidden;
	height:24px;
	width:24px;
	margin:0 0 8px 0;
}

span.facebook a{
	background:url(img/facebook-24x24.png) no-repeat;
	}

span.twitter a{
	background:url(img/twitter-24x24.png) no-repeat;
	}

span.youtube a{
	background:url(img/youtube-24x24.png) no-repeat;
	}




#map{ margin:10px; border:6px solid #eee;}
#mapside{margin:5px 0;  overflow:hidden; color:#333333; border:4px solid #eee;}
h2.ubica{ background:url(img/ubica.jpg)  no-repeat; width:235px; height:29px; text-indent:-999999px; overflow:hidden; margin:0 10px;}

.central{
width:540px;
float:left;
padding:25px 15px;
}


/* Contenidos interiores */
.interior {
	margin:0 0 20px 0;
}
.interior ul{
	-moz-border-radius:5px; 
	-webkit-border-radius:5px;
	background:#e2e1e1;
	width:289px;
	margin:15px 0 0 12px;
	float:left;
	padding-bottom:6px;
}

.interior ul li{
	border-bottom:1px solid #fff;
	padding:2px 6px;
	text-align:left;
	font-size:12px;
	font-weight:normal;
}
.interior ul li h3{
	color:#d71451;
	text-align:center;
	text-transform:uppercase;
	font-size:14px;
	margin:0 auto;
	padding:2px 0;
}

.interior ul li h3 span{
	font-size:11px;
	font-weight:normal;
	display:block;
}
	

/* LATERAL */
.lateral{ width:320px; float:right; padding:10px; background:#3a4242; color:#fff;}
.h3noticias-side{display:block; clear:both; overflow:hidden; text-indent:-9999999px; width:93px; height:23px; background:url(img/h3noticias-side.jpg) no-repeat;}
.h3contacto-side{display:block; clear:both; overflow:hidden; text-indent:-9999999px; width:120px; height:23px; background:url(img/h3contacto.jpg) no-repeat;}
.ubica-side{display:block; clear:both; overflow:hidden; text-indent:-9999999px; width:230px; height:29px; background:url(img/h3ubicacion-side.jpg) no-repeat;}
.lateral #noticias{padding:5px 0; height:auto;}
.h3noticias{display:block; clear:both; overflow:hidden; text-indent:-9999999px; width:93px; height:23px; background:url(img/h3noticias.jpg) no-repeat;}
.bloque{ margin:10px 0;}

/* FORMULARIO CONTACTO */

.post-int input,.post-int textarea{ padding:4px; border:1px #ccc solid; background:#fff; width:350px;}
.post-int input.enviar { width:80px; background:#f70d80; color:#fff; cursor:pointer}

/*PIE*/

#pie{
width:920px;
margin:0 auto;
}


/* TESTIMONIOS */

.testimonio{
width:248px;
border:1px solid #e5e1e1;
margin:15px 8px;
float:left
}

.cabeza-test{
background:#e5e1e1 url(img/fondo-testimonio.jpg) bottom left no-repeat ;
padding-bottom:8px;
}
.cabeza-test img{
float:left;
margin:11px;
border:2px solid #fff;
}

.datos-test{
margin:16px 0;
float:left;
}

.datos-test h4{
color:#e84094;
line-height:70%;
}

.testimonio blockquote{
padding:5px 18px;
}

/* PIE */
#pie{
background:#1d161a;
color:#FFFFFF;
}

#pie h4{
color:#9e9a9a;
font-size:13px;
}

#pie a{
color:#e84094;
text-decoration:underline;
}

#pie li{
padding:3px 0 3px 10px;
background:url(img/flecha-pie.jpg) no-repeat center left;
font-size:12px;
font-weight:normal;
}

#pie h3, #pie ul, #pie p, #pie h4{
padding:3px 20px 0 25px;
}

.pie1{
width:293px;
float:left;
padding-bottom:15px;
}

.pie2{
width:332px;
float:left;
background:#140c10;
padding-bottom:15px;
}

h3.secciones{
background:url(img/h3-secciones.jpg) no-repeat;
height:33px;
overflow:hidden;
text-indent:-999999px;
margin:15px 0 0 25px}

h3.datos{
background:url(img/h3-datos.jpg) no-repeat;
height:33px;
overflow:hidden;
text-indent:-999999px;
margin:15px 0 0 25px
}

h3.importante{
background:url(img/h3-importante.jpg) no-repeat;
height:33px;
overflow:hidden;
text-indent:-999999px;
margin:15px 0 0 25px
}
p.firma{
color:#999999;
margin:15px 0 0 0;
}

.horario{
	margin:10px 0 15px 8px;
}