@charset "utf-8";

body  {
    	font: 12px Arial;
    	background: url(img/interna/fondo_contenido_1px.jpg) repeat-x;
    	margin: 0; 
    	padding: 0;
    	text-align: center; 
    	color: #000000;
    }
    .superdotacion #container { 
    	width: 916px;  
    	margin: 0 auto; 
    	text-align: left;
    } 
    .superdotacion #header {
		/*float:left;*/
    	background: url(img/top1.jpg) no-repeat left;
		width:916px;
		height:225px;
    } 
   	
	.enlace {
		position:relative;
		top:3px;
		float:right;		
		display: block;
		width:250px;
		height: 80px;
		text-indent: -9999px;
	}

    .superdotacion #menu {
    	float:left; 
    	width:183px; 
		height:309px;
    	background: url(img/bgMenu.jpg) no-repeat;
    }  
	
	.superdotacion #menuv {
	padding: 40px 0 0 10px;
	}
    .superdotacion ul#menu-v, ul#menu-v li, ul#menu-v ul{
		padding-top:10px;
		margin: 0;
		border: 0 none;
		padding: 0;
		width: 100px; /*For KHTML*/
		list-style: none;
	}		
	.superdotacion	ul#menu-v:after /*From IE 7 lack of compliance*/{
		clear: both;
		display: block;
		font: 1px/0px serif;
		content: ".";
		height: 0;
		visibility: hidden;
	}
	.superdotacion ul#menu-v li {
		float: left; /*For IE 7 lack of compliance*/
		display: block !important; /*For GOOD browsers*/
		display: inline; /*For IE*/
		position: relative;
	}
	.superdotacion ul#menu-v a{
		padding: 3px 6px;
		display: block;
		color: #FFC211;
		font: bold 12px/25px Arial;
		text-decoration: none;
		height: auto !important;
		height: 1%;
	}
	.superdotacion ul#menu-v a:hover, ul#menu-v li:hover a, ul#menu-v li.iehover a{
		color:#ffffff;
	}
	/* Segundo Menu */
	.superdotacion ul#menu-v li:hover li a, ul#menu-v li.iehover li a {
	  background:#006699;
	  color:#ffc211;
	  border:1px solid #FFF;
	  border-right-color:#CCC;
	  border-bottom-color:#CCC;
	}

	/* Segundo Menu Hover Persistence */
	.superdotacion ul#menu-v li:hover li a:hover, ul#menu-v li:hover li:hover a, ul#menu-v li.iehover li a:hover, ul#menu-v li.iehover li.iehover a {
		color: #FFffff;
	}
	.superdotacion ul#menu-v ul, ul#menu-v ul ul, ul#menu-v ul ul ul {
		display:none;
		position:absolute;
		top:0;
		left:100px;
	}
	/* Do Not Move - Must Come Before display:block for Gecko */
	.superdotacion ul#menu-v li:hover ul ul, ul#menu-v li:hover ul ul ul, ul#menu-v li.iehover ul ul, ul#menu-v li.iehover ul ul ul {
	  display: none;
	}
	
	.superdotacion ul#menu-v li:hover ul, ul#menu-v ul li:hover ul, ul#menu-v ul ul li:hover ul, ul#menu-v li.iehover ul, ul#menu-v ul li.iehover ul, ul#menu-v ul ul li.iehover ul {
	  display: block;
	}
	
   .superdotacion #mainContentbg {
		float:right; 
    	margin: 0 0 0 0; 
		background:url(img/bg.jpg) no-repeat;
		width:733px;
		height:309px;
    } 
	.superdotacion #mainContent { 
    	margin: 0 300px 0 10px; 
		text-align: left;
		font-family: Arial, Helvetica, sans-serif;
		font-size:14px;
		/*font-style: italic;*/
		color: #663399;
		font-weight: bold;
}
	/*.superdotacion #col1{
	width:48%;
	float:left;
	}
	.superdotacion #col2{
	width:48%;
	float:right;
	}	*/
    .superdotacion #footer { 
		background: url(img/bgFoot.jpg) no-repeat;
    } 
    .superdotacion #footer p {
    	margin: 0; 
		text-align:center;
		font: 11px Arial, Helvetica, sans-serif;
    	padding: 15px 0; 
    }  
    /* Varias clases diversas para su reutilización */
    .fltlft { /* esta clase puede utilizarse para que un elemento flote en la parte izquierda de la página. */
    	float: left;
    	margin-right: 8px;
    }
    .clearfloat { /* esta clase debe colocarse en un elemento div o break y debe ser el último elemento antes del cierre de un contenedor que incluya completamente a un elemento flotante */
    	clear:both;
        height:0;
        font-size: 1px;
        line-height: 0px;
    }