@charset "UTF-8";

/** 
 * MTV.com CSS Drop-Down Menu Theme
 *
 * @file		default.css
 * @name		MTV
 * @version		0.1
 * @type		transitional
 * @browsers	Windows: IE6+, Opera7+, Firefox3+
 *				Mac OS: Safari2+, Firefox3+
 *
 * @link		http://www.lwis.net/free-css-drop-down-menu
 * @copyright	2008-2012 Live Web Initiatives, http://www.lwis.net
 *
 */


/* -- Base drop-down styling -- */

ul.dropdown {
/* font: bold 14px/normal Arial, Helvetica, sans-serif; */
 font: bold 14px/normal 'Signika',Arial, Helvetica, sans-serif; /*TAMAÑO DE LAS LETRAS DEL MENU PRINCIPAL*/
vertical-align:bottom;
}

	ul.dropdown li { text-align:left; vertical-align:middle;  
	 padding:  5px;
	 background-color: #ffffff; /**#262626 COLOR DE FONDO DE TODOS LOS MENUS***/
	 color: #FFF; /*COLOR TEXTO MENU PRINCIPAL CONTACTANOS*/
	}
/*******COLOR MENU: FONDO Y TEXTO********************************************************************************************/

	ul.dropdown a.dor:link { color: #000000 ; text-decoration: none;} /*#FF0000*/
	ul.dropdown a.dor:visited { color: #000000; text-decoration: none;} /*#FF0000 COLOR DE TEXTO DE MENU PRINCIPAL MENOS CONTACTOS*/
	ul.dropdown a.dor:hover {
	 border-top-color: #0099CC !important; /*#CC0000 COLOR BORDE SUPERIOR DE TODOS LOS BOTONES DE MENUS*/
	 border-left-color: #0099CC; /*#CC0000 COLOR BORDE LATERAL IZQUIERDO DE TODOS LOS BOTONES DE MENUS*/
	 background-color: #0099CC; /* #CC0000 #4498c7 COLOR HOVER DE FONDO SUB MENU: LINEA DE NEGOCIOS */
	 color: #fff; /*COLOR HOVER TEXTO MENU Y SUB MENU #fff*/
	}

	ul.dropdown ul a.dir:hover {
	 background-color: #4698ca;
	 background-image: url(../../../../images/mtv.com/comnav-arrowon.png);
	 color:  #fff; 
	}

/*************************/
	ul.dropdown ul a:active {
	 background-color: #4698ca;
/*	 background-image: url(../../../../images/mtv.com/comnav-arrowon.png);*/
	 color:  #fff; 
	}
/*******************************/

	ul.dropdown a.dor:active {  /**********FONDO ACTIVE DE BOTON MENU******************************************************/
	 background:#08A6F3 url(../../../../images/mtv.com/nav-sub-press.png) 0 0 repeat-x !important; /*#058acf url(../../../../images/mtv.com/nav-sub-press.png) 0 0 repeat-x !important*/
	 color: #000; /*COLOR TEXTO ACTIVO SUB MENU: LINEA DE NEGOCIOS #fff*/
	}

	/* -- level mark -- */

	ul.dropdown ul {
	 left: auto;
	 right: 0;
	 width: 120px; /***************************ANCHO SUBMENU***********************************/
	 margin-top: -1px;
	 border-top: 1px solid #1a1a1a;
	 border-left: solid 1px #4c4c4c;
	 font: bold 12px/1em Arial, Tahoma, Geneva, Verdana, sans-serif;  /****************FUENTE TEXTO SUBMENU**********************/

	}

		ul.dropdown ul li {
		 background-color: #CC0000; /*#3a3a3a COLOR DE FONDO SUB MENU: LINEAS DE NEGOCIO*************************************************/

		}

		/* -- level mark -- */

		ul.dropdown ul ul {
		 top: 0;
		 right: auto;
		 left: 100%;
		 margin-top: 0;
		 border-top: none;
		 border-left: none;
		 font-weight: normal;
		}

			ul.dropdown ul ul li {
			 background-color: #4c4c4c;
			}

			/* -- level mark -- */

				ul.dropdown ul ul ul li {
				 background-color: #595959;
				}


/* -- Supporting class `dir` -- */

ul.dropdown *.dir {
 padding-right: 30px;
 background-image: none;
 background-position: 100% 50%;
 background-repeat: no-repeat;
}

	/* -- level mark -- */

	ul.dropdown ul *.dir {
	 padding-right: 15px;
	 background-image: url(../../../../images/mtv.com/nav-arrow-right.png);
	 background-position: 100% 50%;
	 background-repeat: no-repeat;
	}

	ul.dropdown ul ul *.dir {
	 background-image: url(../../../../images/mtv.com/nav-arrow-right2.png);
	}


/* -- Components override -- */

ul.dropdown-vertical *.dir {
 background-image: url(../../../../images/mtv.com/nav-arrow-right.png);
}

ul.dropdown-vertical-rtl *.dir {
 padding-right: 15px;
 background-image: url(../../../../images/mtv.com/nav-arrow-left.png);
 background-position: 0 50%;
}


/* -- Mixed -- */

ul.dropdown li a,
ul.dropdown *.dir {
 border-style: solid;
 border-width: 1px;
 border-color: #ffffff #ffffff #ffffff #ffffff; /*cc0000 #1a1a1a #1a1a1a #505050 BORDE superior y HOVER SUBMENU LINEA DE NEGOCIOS#404040 #1a1a1a #1a1a1a #505050*/

}

/******COLOR DE SUBMEMU: FONDO Y TEXTO**************************************************************************************************/
	ul.dropdown li a:link { color: #000; text-decoration: none;}
	ul.dropdown li a:visited { color: #000; text-decoration: none;} /*COLOR DE TEXTO DE MENU PRINCIPAL MENOS CONTACTOS*/
	ul.dropdown li a:active { color: #FFFFFF;    
	 background: #AE0000  url(../../../../images/mtv.com/nav-sub-press.png) 0 0 repeat-x !important; /**********FONDO ACTIVE DE BOTON SUB MENU**********/
	 text-decoration: none;
      } /*COLOR DE TEXTO DE MENU PRINCIPAL MENOS CONTACTOS*/
	ul.dropdown li a:hover {
	 border-top-color: #CC0000 !important; /*#CC0000 COLOR BORDE SUPERIOR DE TODOS LOS BOTONES DE MENUS*/
	 border-left-color: #CC0000; /*#CC0000 COLOR BORDE LATERAL IZQUIERDO DE TODOS LOS BOTONES DE MENUS*/
	 background-color: #FF0000; /*#4498c7 COLOR HOVER DE FONDO SUB MENU: LINEA DE NEGOCIOS */
	 color:  #000; /*COLOR HOVER TEXTO SUB MENU #fff*/
	}
/***************/

ul.dropdown ul li a,
ul.dropdown ul *.dir { border-color: #CC0000 #242424 #242424; border-left: none; /*  BORDES DE SUB MENUS LINEA DE NEGOCIOS border-color: #4a4a4a #242424 #242424; border-left: none;*/ }


ul.dropdown ul ul li a,
ul.dropdown ul ul *.dir { border-color: #595959 #333 #333; }

ul.dropdown ul ul ul li a,
ul.dropdown ul ul ul *.dir { border-color: #767676 #404040 #404040; }


/* -- Custom elements -- */

#n-movies { width: 250px; text-align: center; } /*LARGO DE BOTON CONTACTANOS*/
#n-movies ul { right: auto; left: 0; width: 249px; text-align: left; }
#n-movies ul ul { left: 249px; width: 150px; }
#n-movies ul a { width: 32px; }
#n-movies ul a.dir { width: 210px; }
#n-movies ul ul a { width: 133px; }
#n-movies ul ul a.dir { width: 111px; }
#n-movies ul ul ul { left: 100%; }