@charset "utf-8";

/* CSS Document */


/* 
CSS
ver 1.0
Date: Febrero/2012
*/


@font-face {
    font-family: 'WC_RoughTrad-webfont';
    src: url('../fonts/WC_RoughTrad-webfont.eot');
    src: url('../fonts/WC_RoughTrad-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/WC_RoughTrad-webfont.woff') format('woff'),
         url('../fonts/WC_RoughTrad-webfont.ttf') format('truetype'),
         url('../fonts/WC_RoughTrad-webfont.svg#WC_RoughTrad-webfont') format('svg');
    font-weight: normal;
    font-style: normal;

}
/*.style_WC_RoughTrad-webfont{
	font-family:'WC_RoughTrad-webfont', Arial, sans-serif;
	font-size:13px;
	font-weight:600;
	text-align:justify;
	word-wrap: break-word; 
    color:#FFFFFF;
	margin: 0px;
}*/


@font-face {
    font-family: 'Lobster_1.3-webfont';
    src: url('../fonts/Lobster_1.3-webfont.eot');
    src: url('../fonts/Lobster_1.3-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Lobster_1.3-webfont.woff') format('woff'),
         url('../fonts/Lobster_1.3-webfont.ttf') format('truetype'),
         url('../fonts/Lobster_1.3-webfont.svg#Lobster_1.3-webfont') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'SansitaOne-webfont';
    src: url('../fonts/SansitaOne-webfont.eot');
    src: url('../fonts/SansitaOne-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/SansitaOne-webfont.woff') format('woff'),
         url('../fonts/SansitaOne-webfont.ttf') format('truetype'),
         url('../fonts/SansitaOne-webfont.svg#SansitaOne-webfont') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'Spicyrice-regular-webfont';
    src: url('../fonts/Spicyrice-regular-webfont.eot');
    src: url('../fonts/Spicyrice-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Spicyrice-regular-webfont.woff') format('woff'),
         url('../fonts/Spicyrice-regular-webfont.ttf') format('truetype'),
         url('../fonts/Spicyrice-regular-webfont.svg#Spicyrice-regular-webfont') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'Textile-webfont';
    src: url('../fonts/Textile-webfont.eot');
    src: url('../fonts/Textile-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Textile-webfont.woff') format('woff'),
         url('../fonts/Textile-webfont.ttf') format('truetype'),
         url('../fonts/Textile-webfont.svg#Textile-webfont') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'Myriad_web-webfont';
    src: url('../fonts/Myriad_web-webfont.eot');
    src: url('../fonts/Myriad_web-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Myriad_web-webfont.woff') format('woff'),
         url('../fonts/Myriad_web-webfont.ttf') format('truetype'),
         url('../fonts/Myriad_web-webfont.svg#Myriad_web-webfont') format('svg');
    font-weight: normal;
    font-style: normal;

}






/* Normalization de margins y paddings */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, input, p, blockquote, th, td, img
	{margin:0px; padding:0px;}
/* Normalization de fonts para titles*/
h1, h2, h3, h4, h5, h6
	{font-size:100%;}
/* Remove style from lists*/
ol
	{}

/* Normalization of size and font weight */
address, caption, cite, code, dfn, em, strong, th, var
	{font-style:normal; font-weight:normal;}


a {
	
}

 img
{
	border: 0;
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
}




h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
    color:#000;
	font-style:italic;
	font-weight:600;
	text-align:left;
    margin:0; /*los h1 vienen con margen, con esto se lo quito*/
	padding: 2px 0px 10px 0px;
}
h2 {
	font-family:Verdana;
	font-size:18px;
    font-weight:bold;
    width:224px;
    border-bottom:16px solid #FFFFFF;
    color:#FFFFFF;
    margin:0; 
    text-transform:uppercase; 
    padding-bottom:10px;	
}
h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
    color:#FFF;
	text-align:left;
	margin:5px;
}
h4 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
    color:#FFF;
	text-align:left;
	margin:5px;
}
h5 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:justify;
	word-wrap: break-word; 
    color:#FFF;
	margin: 0px;
}

p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
    color:#000;
	text-align:justify;
    margin:0; /*los h1 vienen con margen, con esto se lo quito*/
	padding: 18px 0px 10px 0px;
}

html, body{
	width:100%;
    height:100%;
	padding: 0px;
	margin: 0px;
}


html {
overflow: -moz-scrollbars-vertical; 
overflow-y: scroll;

}

body {
	font-family:Verdana, Geneva, sans-serif;
	text-align:center;
	min-width:500px;
	width:100%;
    height:100%;
	background-color:#000000;
	color:#000;
}


/* ___ CENTRAR PRELOADER ____ */

#container {
	width:100%;
	height:100%;
	background-color:##00DAFF;
	position:relative;
}
#flash { 
     position:relative;
}



/* ___ CENTRAR ___ */

#wrapper {
	margin-left: -500px;
	margin-top: -325px;  
	top: 50%; 
    left: 50%;    
    width: 1000px; 
    height: 650px;
	position: absolute;
}

#wrap {
	width:1000px;
	height:auto;	
	margin:0 auto;
	padding:0 auto;
	text-align:center;
}



/*******  CONTENIDO CENTRAL  ************
****************************************/

#contenido {
	width:1000px;
	height:650px;
	background-color:#000;
	float:left;
	position:relative;
	background-image:url(../images/bkg_home.jpg);
	background-position:left;
	background-repeat:no-repeat;}

#fila1 {
	width:380px;
	height:410px;
	float:left;
	left: 0px;
	top: 0px;
	position:relative;
}

#cholachabuca {
	width:157px;
	height:143px;
	margin-left:0px;
	left:29px;
	top:79px;
	position:absolute;
}
#ernestopimentel {
	width:172px;
	height:124px;
	margin-left:0px;
	left:200px;
	top:79px;
	position:absolute;
}
#reventon{
	width:143px;
	height:181px;
	margin-left:0px;
	left:38px;
	top:248px;
	position:absolute;
}
#circo{
	width:142px;
	height:180px;
	margin-left:0px;
	left:214px;
	top:211px;
	position:absolute;
}
#choloexito{
	width:193px;
	height:68px;
	margin-left:0px;
	left:188px;
	top:393px;
	position:absolute;
}
#fotos{
	width:141px;
	height:139px;
	margin-left:0px;
	left:426px;
	top:106px;
	position:absolute;
}
#fundacion{
	width:133px;
	height:177px;
	margin-left:0px;
	left:434px;
	top:264px;
	position:absolute;
}
#cholita{
	width:200px;
	height:160px;
	margin-left:0px;
	left:588px;
	top:241px;
	position:absolute;
}
#contacto{
	width:164px;
	height:115px;
	margin-left:0px;
	left:805px;
	top:148px;
	position:absolute;
}
#videomusica{
	width:134px;
	height:156px;
	margin-left:0px;
	left:809px;
	top:293px;
	position:absolute;
}
#pizarra{
	width:389px;
	height:85px;
	left:13px;
	top:463px;
	background-image:url(../images/pizarra.jpg);
	background-position:left;
	background-repeat:no-repeat;
	position:absolute;
}
#enlaces_sociales{
	width:153px;
	height:47px;
	left:616px;
	top:439px;
	position:absolute;
}
#enlaces_sociales img{
	float:left;	
	position:relative;
	margin:0px 2px 0px 2px;
}


#mensaje{
	width:389px;
	height:85px;;
	position:relative;
}






/*******  CONTENIDO CHOLA CHABUCA  ************
****************************************/

#contenido_cholachabuca {
	width:1000px;
	height:650px;
	background-color:#000;
	float:left;
	position:relative;
	background-image:url(../images/bkg_cholachabuca.jpg);
	background-position:left;
	background-repeat:no-repeat;
}
#contenido_cholachabuca #back_inicio{
	width:92px;
	height:45px;
	margin-left:0px;
	left:31px;
	top:24px;
	position:absolute;
	z-index:2;
}
#contenido_cholachabuca #chola{
	width:328px;
	height:589px;
	margin-left:0px;
	left:56px;
	top:55px;
	position:absolute;
}
#contenido_cholachabuca #enlaces_soc{
	width:82px;
	height:37px;
	left:744px;
	top:477px;
	position:absolute;
}
#contenido_cholachabuca #enlaces_soc img{
	float:left;
	position:relative;
	margin:0px 2px 0px 2px;
}
#contenido_cholachabuca #mensaje_cholach{
	width:376px;
	height:330px;
	margin-left:0px;
	left:470px;
	top:147px;
	position:absolute;
}







/*******  CONTENIDO REVENTON DE LOS SABADOS  ************
*********************************************************/

#contenido_reventon {
	width:1000px;
	height:650px;
	background-color:#000;
	float:left;
	position:relative;
	background-image:url(../images/bkg_reventon.jpg);
	background-position:left;
	background-repeat:no-repeat;
}

#contenido_reventon #back_inicio{
	width:92px;
	height:45px;
	margin-left:0px;
	left:31px;
	top:24px;
	position:absolute;
	z-index:2;
}

#contenido_reventon #logo{
	width:247px;
	height:220px;
	margin-left:0px;
	left:74px;
	top:71px;
	position:absolute;
}
#contenido_reventon #mensaje_reventon{
	width:334px;
	height:138px;
	margin-left:0px;
	left:38px;
	top:278px;
	position:absolute;
}
#contenido_reventon #cuadro{
	width:265px;
	height:180px;
	margin-left:0px;
	left:66px;
	top:421px;
	position:absolute;
}
#contenido_reventon #fb{
	width:37px;
	height:37px;
	margin-left:0px;
	left:279px;
	top:601px;
	position:absolute;
}
#contenido_reventon #noticias{
	width:444px;
	height:570px;
	margin-left:0px;
	padding:20px 0px 20px 30px;
	left:410px;
	top:75px;
	position:absolute;
}

#contenido_reventon .titulo_reventon{
	font-family:'Textile-webfont', Arial, sans-serif;
	display:block;
	padding: 2px 0px 10px 0px;
	text-decoration:none;
	text-align:left;
	font-size:12px;
	color:#000;	
}

#contenido_reventon .descripcion_reventon{
	font-family:'Myriad_web-webfont', Arial, sans-serif;
	display:block;
	padding-top:14px;
	text-decoration:none;
	text-align:justify;
	font-size:14px;
	color:#000;	
}






/*******  CONTENIDO CIRCO CHOLA CHABUCA  ************
*****************************************************/

#contenido_circo {
	width:1000px;
	height:650px;
	background-color:#000;
	float:left;
	position:relative;
	background-image:url(../images/bkg_circo.jpg);
	background-position:left;
	background-repeat:no-repeat;
}

#contenido_circo #back_inicio{
	width:92px;
	height:45px;
	margin-left:0px;
	left:31px;
	top:24px;
	position:absolute;
	z-index:2;
}

#contenido_circo #logo{
	width:220px;
	height:159px;
	margin-left:0px;
	left:10px;
	top:81px;
	position:absolute;
}
#contenido_circo #mensaje_circo{
	width:214px;
	height:138px;
	margin-left:0px;
	left:14px;
	top:258px;
	position:absolute;
}
#contenido_circo #cuadro{
	width:171px;
	height:226px;
	margin-left:0px;
	left:36px;
	top:415px;
	position:absolute;
}

#contenido_circo #fotos{
	width:662px;
	height:auto;
	padding:0;
	left:280px;
	top:101px;
	position:absolute;
}
#contenido_circo #fotos .titulo_fotos{
	font-family:'Lobster_1.3-webfont', Arial, sans-serif;
	font-size:20px;
    color:#93e513;
	font-weight:400;
	text-align:left;
    margin:0; /*los h1 vienen con margen, con esto se lo quito*/
	padding: 3px 0px 5px 0px;	
}

#contenido_circo #fotos img{
	width:89px;
	height:59px;
	margin-right:10px;
	padding:0;
}


#contenido_circo #videos{
	width:662px;
	height:auto;
	margin-left:0px;
	padding:10px 0px 0px 0px;
	left:280px;
	top:485px;
	position:absolute;
}
#contenido_circo #videos img{
	width:134px;
	height:82px;
	margin-right:20px;
	padding:0;
}


#contenido_circo #titfotos{
	width:69px;
	height:30px;
	margin-left:0px;
	left:280px;
	top:69px;
	position:absolute;
}
#contenido_circo #titvideos{
	width:76px;
	height:30px;
	margin-left:0px;
	left:280px;
	top:453px;
	position:absolute;
}




/*******  CONTENIDO FOTOS  ************
***************************************/

#contenido_fotos {
	width:1000px;
	height:650px;
	background-color:#000;
	float:left;
	position:relative;
	background-image:url(../images/bkg_fotos.jpg);
	background-position:left;
	background-repeat:no-repeat;
}

#contenido_fotos #back_inicio{
	width:92px;
	height:45px;
	margin-left:0px;
	left:31px;
	top:24px;
	position:absolute;
	z-index:2;
}


#contenido_fotos #logo{
	width:221px;
	height:149px;
	margin-left:0px;
	left:19px;
	top:68px;
	position:absolute;
}

#contenido_fotos #fotos{
	width:662px;
	height:auto;
	padding:0;
	left:280px;
	top:62px;
	position:absolute;
}
#contenido_fotos #fotos .titulo_fotos{
	font-family:'Lobster_1.3-webfont', Arial, sans-serif;
	font-size:20px;
    color:#ffd201;
	text-align:left;
	font-weight:400;
    margin:0; /*los h1 vienen con margen, con esto se lo quito*/
	padding: 3px 0px 5px 0px;	
}

#contenido_fotos #fotos img{
	width:89px;
	height:59px;
	margin-right:10px;
	padding:0;
}








/*******  CONTENIDO MUSICA VIDEOS  ************
**********************************************/

#contenido_videosmusica {
	width:1000px;
	height:650px;
	background-color:#000;
	float:left;
	position:relative;
	background-image:url(../images/bkg_musica_videos.jpg);
	background-position:left;
	background-repeat:no-repeat;
}

#contenido_videosmusica #back_inicio{
	width:92px;
	height:45px;
	margin-left:0px;
	left:31px;
	top:24px;
	position:absolute;
	z-index:2;
}


#contenido_videosmusica #player{
	width:283px;
	height:454px;
	padding:0;
	left:105px;
	top:134px;
	position:absolute;
}
#contenido_videosmusica #listado{
	width:283px;
	height:363px;
	padding:0;
	left:105px;
	top:248px;
	position:absolute;
}
#contenido_videosmusica #listado #navi {  
	list-style:none;
	margin:0;
	padding:0;
	margin-left:28px;
}


#contenido_videosmusica #listado #navi li {
	margin:2px;
	padding:2px;
	background-image:url(../images/bg_cancion.png);
	background-position:left;
	background-repeat:repeat-x;
}



#contenido_videosmusica #listado #navi li a {
	font-family:'SansitaOne-webfont', Arial, sans-serif;
	display:block;
	width:210px;
	padding:4px 0;
	text-decoration:none;
	text-align:left;
	font-size:13px;
	color:#FFFFFF;
}

/*
#contenido_videosmusica #listado #navi li a:hover {
	color:#CCCCCC;
}*/

#contenido_videosmusica #videos{
	width:376px;
	height:auto;
	padding:0;
	left:570px;
	top:120px;
	position:absolute;
}
/*
#contenido_videosmusica #videos #titulo_videos{
	width:333px;
	height:26px;
	position:relative;
}
*/
#contenido_videosmusica #videos img{
	width:102px;
	height:67px;
	margin-right:10px;
	padding:0;
}

#contenido_videosmusica #videos .titulo_videos{
	font-family:'Lobster_1.3-webfont', Arial, sans-serif;
	font-size:17px;
    color:#f6174c;
	text-align:left;
    margin:0; /*los h1 vienen con margen, con esto se lo quito*/
	padding: 3px 0px 5px 0px;	
}









/*******  CONTENIDO ERNESTO P.  ************
********************************************/

#contenido_epimentel {
	width:1000px;
	height:650px;
	background-color:#000;
	float:left;
	position:relative;
	background-image:url(../images/bkg_ernestopimentel.jpg);
	background-position:left;
	background-repeat:no-repeat;
}

#contenido_epimentel #back_inicio{
	width:92px;
	height:45px;
	margin-left:0px;
	left:31px;
	top:24px;
	position:absolute;
	z-index:2;
}

#contenido_epimentel #ernesto{
	width:371px;
	height:549px;
	margin-left:0px;
	left:629px;
	top:101px;
	position:absolute;
}

#contenido_epimentel #mensaje_ernesto{
	width:400px;
	height:388px;
	margin-left:0px;
	left:212px;
	top:144px;
	position:absolute;
}











/*******  CONTENIDO CONTACTO  ************
******************************************/

#contenido_contacto {
	width:1000px;
	height:650px;
	background-color:#000;
	float:left;
	position:relative;
	/*background-image:url(../images/bkg_contacto.jpg);
	background-position:left;
	background-repeat:no-repeat;*/
}

#contenido_contacto #formulario{
	width:511px;
	height:389px;
	padding:0;
	left:262px;
	top:117px;
	position:absolute;
}


























/*******  CONTENIDO FOOTER  ************
***************************************/


#box_footer{
	width:804px;
	height:auto;
	float:left;
	text-align:center;
	position:relative;
	padding-top:20px;
	margin: 0px 98px 10px 98px;
}
#box_footer p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
    color:#A7A9AC;
    margin:0; /*los h1 vienen con margen, con esto se lo quito*/
	
}
#box_footer a {
	font-family:Arial, Helvetica, sans-serif;
	color:#A7A9AC;
	border-style:none;
}

#box_footer a:link {
	text-decoration: none;
	color: #A7A9AC;
}
#box_footer a:visited {
	text-decoration: none;
	color: #A7A9AC;
}
#box_footer a:hover {
	text-decoration: none;
	color: #fff;
}
#box_footer a:active {
	text-decoration: none;
	color: #A7A9AC;
}