/*
Theme Name: minga!
Theme URI: http://www.mingaproducciones.com/
Description: hecho por <a href="http://colorpicker.cl/"> colorpicker </a>
Version: beta
Author: http://colorpicker.cl/
*/

/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal }
q:before, q:after { content:''}
/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight: bold }
em { font-style: italic }
a img { border:none } /* Gets rid of IE's blue borders */

/*----------------------------------------------------------------------
																		|
			       it's minga baby, let`s dance:						|
																		|
-----------------------------------------------------------------------*/

/*
*html #papi_div {
	height:100%; ie6 de mierda
}
*/

html {
	height:100%;
}

body {
	height:100%;
	font-family: Helvetica, Verdana, Arial;
	text-align:center;
	background-image: url(images/login_body.jpg);
        background-repeat: repeat;

}


a { 
	text-decoration: none;
	color: inherit;
}

p {
	font-size: 13px;
	text-align: left;
}

#papi_div {
	width: 710px;
	height:100%;
	background-color: #000;
	
        margin-bottom:50px;
 padding-top:10px;

	background-repeat: no-repeat;
        margin-left:auto;
        margin-right:auto;
}


#bg_home {
	width: 688px;
	height:auto;
	position: relative;
	background-color: black;
	background-position: top;
}

#bg_comerciales {
	width: 688px;
	height:auto;
	position: relative;
	background-color: black;

	background-position: top;
}


#bg_contacto {
	width: 688px;
	height:675px;
	position: relative;
	margin: 0 auto 0 auto;
	padding-bottom: 2px;
	background-color: black;
	background-position: top;
}

.vaca_hija_de_puta {
	clear: both;
	height: 1%;
}

.sombra_left {
	position: absolute;
	top: 0;
	left: -14px;
	width:14px;
	height: 100%;
	background-image: url(images/sombra_left.png);
}

.sombra_right {
	position: absolute;
	top:0;
	right: -14px;
	width:14px;
	height: 100%;
	background-image: url(images/sombra_right.png);
}

#fancy_nav {
	width: auto;
	height: auto;
	position: absolute;
	top:8px;
	left: 0;
	color: white;
	font-size: 17px;
	font-weight: 900;
	font-family: Verdana, Arial, Times;
}

#fancy_nav #logo h1 a {
	width: auto;
	height: auto;
	float: left;
	cursor: pointer;
	
}

#fancy_nav #logo h1 span {
	display:none;
}

#fancy_nav ul {
	padding: 13px 0 0 10px;
	display: block;
	float: left;
	text-align:left;
}

/* problemita con paddings de Li en varios browsers -------- */
#fancy_nav ul li {
	padding: 4px 0 10px 0;
}

.webkit #fancy_nav ul li {
	padding: 4px 0 10px 0;
}

.ie #fancy_nav ul li {
	padding: 4px 0 10px 0;
}

.ie7 #fancy_nav ul li {
	padding: 4px 0 10px 0;
}

.gecko #fancy_nav ul li {
	padding: 3px 0 10px 0;
}

.win.gecko #fancy_nav ul li {
	padding: 5px 0 10px 0;
}

.linux.gecko #fancy_nav ul li {
	padding: 4px 0 10px 0;
}

.opera #fancy_nav ul li {
	padding: 4px 0 10px 0;
}
/* fin del problemita de paddings el listas verticales ------ */
 
#fancy_nav ul li span {
	font-weight: 100;
	font-style: italic;
}

#fancy_nav ul li a:hover {
	color: yellow;
}



/*------------ el contenedor que flota locamente ------------*/
#pero_que_loco_que_sos {

	width: 688px;
background-color: #000;
        margin-left:auto;
margin-right:auto;
        float: left;
padding-bottom:10px;
padding-left:10px;
padding-right:10px;
height: auto;
}

#pero_que_loco_que_sos form {
	float:left;
	padding:40 15px 0 0;
}



/*--------------------------- comerciales ---------------------------*/
#comerciales {
        float:center;
margin-left:auto;
margin-right:auto;
	width: 688px;
	padding-top: 180px;
padding-left: 5px;
         background-image: url(images/fondo_baner.png);
	background-repeat: no-repeat;
        background-color: #000;
        height:auto;

}

#comerciales ul {
	float: center;
        margin-left:auto;
        margin-right:auto;
	width: 688px;
	height: auto;
       background-color: #000;
       
}

#comerciales ul li {
	float: left;
	width: 688px;
	height: auto;

}

#comerciales ul li div.video {
	position: relative;
        float: left;
	width: 170px;
	height: 120px;
	background-image: url(images/titulos.png);
	background-repeat: no-repeat;
background-position:bottom;
	
}



#comerciales ul li div.video div.laquecuelga {
padding-top:1px;
padding-left: 1px;
position: absolute;
	width: 170px;
	height: 100px;

	
}

#comerciales ul li div.video div.laquecuelga h3 {
	font-size: 11px;
	color: yellow;
	font-weight: 700;
}

#comerciales ul li div.video div.laquecuelga p {
	font-size: 11px;
text-align:center;
	color: white;
	font-weight: 300;
}



/*---------------------- el unico post del home y sus challas ------------------------*/
.camarita_amiga {
	position: absolute;
	top:-50px;
	right: -10px;
	width: 87px;
	height: 73px;
	background-image: url(images/camarita_amiga.png);
	z-index: 100;
}

.reel_post {
	position: relative;
	width: 430px;
	float: right;
        margin-right:100px;
	text-align: left;
	font-size: 13px;
	padding: 40px 10px 10px 10px;
	display: inline;
	background-color: white;
	background-image: url(images/reel_title.png);
	background-repeat: no-repeat;
	background-position: 8px 4px;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	-webkit-box-shadow: 2px 2px 10px #000;
}


/*--------------------------- contacto ---------------------------*/
#contacto {
	position: relative;
	width: 320px;
	float: right;
	padding-top: 32px;
	background-image: url(images/contacto_title.png);
	background-repeat: no-repeat;
	background-position: left top;
}

#contacto form {
	float: left;
}


/*--------------------------- pie --------------------------------*/
/*#pie {    
	
}*/

#pie {
background-color:#ffff00;
width:904px;
margin-right:auto;
margin-left:auto;
}

#pie p {
	color: black;
	text-transform: lowercase;
	font-weight: 300;
	font-size: 12px;
	padding-top: 1px;
	text-align: center;
	letter-spacing: 1px;
}

.webkit #pie p {
	padding-top: 2px;
}

.ie #pie p {
	padding-top: 1px;
}

.ie7 #pie p {
	padding-top: 1px;
}

.gecko #pie p {
	padding-top: 2px;
}

.win.gecko #pie p {
	padding-top: 1px;
}

.linux.gecko #pie p {
	padding-top: 1px;
}

.opera #pie p {
	padding-top: 1px;
}


/*------------ inputs, forms, y cosas por el estilo ------------*/

form {
	border: none;
}

input {
	border: none;
	background-color: #f2f2f3;
	padding: 3px;
	font-size: 13px;
	font-weight: 700;
	font-style: italic;
	color: #000;
}


/*------------ audio player by g ------------*/
#pleller {
	position: relative;
	width: 208px;
	margin-top:365px;
	float: left;
	overflow: hidden;
}

#juanToggle {
	width: 24px;
	height: 240px;
	background-image: url(images/radio_handler.png);
	position: absolute;
	top: -1px;
	right:0;
	cursor: pointer;
}

#juanToggle:hover {
	background-position: -24px;
}

#pleller .activo {
	background-position: -48px;
}

#pleller .activo:hover {
	background-position: -72px;
}