/*pagina */
.h1_ultimosJuegos{margin: 10px 0px 5px 0px; font-size:14px; color:#FFF; background:#0099FF; padding: 5px; border-bottom:5px solid #9CDCE7}
.h2_topCursos{margin:0px; font-size:14px; color:#FFF; background:#FF9900; padding: 5px; border-bottom:5px solid #FFCC00; width:100%}
.h3_topTutorial{margin:0px; font-size:14px; color:#FFF; background:#96B867; padding: 5px; border-bottom:5px solid #FFCC00; width:100%}
body{font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 12px; background-position: center center; margin:0px;}
a, a:hover{font-size:10px;color:#333;text-decoration:none; outline:none}
img{border: 0px;}
/*Bloques maquetacion del html a 3 columnas*/
#column{
	width: 950px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	/*background-color: #FFF;*/
	background-image: none;
	background-color: #FFFFFF;
}
#column1{
	width:170px;
	float:left;
	position:relative;
	height: 100%;
}
#column2{width:730px; float:left; position:relative; padding: 0 20px 0 20px;}
#column3{width:150pz; float:left; position:relative;}
/*Cabecera del web*/
#cabecera{
	height:155px;
	padding: 5px;
	margin-bottom: 15px;
	background-image: url(../../graficas/banner4.png);
	background-repeat: no-repeat;
	background-position: left;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #9CDCE7;
}

#cabecera_adm{
	height:155px;
	padding: 5px;
	margin-bottom: 15px;
	background-image: url(../../graficas/banner_adm.jpg);
	background-repeat: no-repeat;
	background-position: left;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #9CDCE7;
}
   
#inp {
	width:auto;
	height:auto;
	float:left;
	background-color:#ffffff;
	clear: none;
   }
    #preloader { 
    width:100%;
	 height:auto; 
    float:left; 
    background-color:#ffffff; 
   } 
     #area { 
    width: auto; 
    height: auto; 
    float:left; 
    background-color:#ffffff; 
   } 
     #categoria { 
    width: auto; 
    height: auto; 
    float:left; 
    background-color:#ffffff; 
   } 
/*Contenedores*/
.contenedor-blue{font-size:14px;}
	.contenedor-blue .top{
	height:140px;
	background-image: url(../../graficas/boxes/login.jpg);
	vertical-align: baseline;
	background-repeat: no-repeat;
}
	.contenedor-blue .servicios{background:url(/graficas/menutabs/servicios.jpg) no-repeat; height:40px;}
	.contenedor-blue .varios{background:url(/graficas/menutabs/varios.jpg) no-repeat; height:40px;}
	.contenedor-blue .networks{background:url(/graficas/menutabs/networks.jpg) no-repeat; height:40px;}
	.contenedor-blue .middle{padding-left: 18px; background:url(/graficas/menutabs/middle.jpg) repeat-y; height:25px;}	
		.contenedor-blue .middle a{font-size:11px; color:#0066CC; font-weight:bold}
		.contenedor-blue .middle a:hover{font-size:11px; color:#0066CC; font-weight:bold; text-decoration:underline}
	.contenedor-blue .bottom{background:url(/graficas/menutabs/bottom.jpg) no-repeat; height:40px;}
/*Menus seleccion*/
ul.tabs {list-style-type: none; padding: 0; margin: 0; float:left;} 
ul.tabs li {
	width:100px;
	float: left;
	padding: 0;
	margin: 0;
	margin-bottom:-1px;
	padding-top: 0;
	margin-left: 5px;
	text-align:center;
	background-image: url(/graficas/menutabs/tab_right.png);
	background-repeat: no-repeat;
	background-position: right top;
}
ul.tabs li a {
	font-size:12px;
	display: block;
	padding: 5px 10px 5px 10px;
	color: #999;
	text-decoration: none;
	background-image: url(/graficas/menutabs/tab_left.png);
	background-repeat: no-repeat;
	background-position: left top;
}
ul.tabs li a:hover {font-size:12px; text-decoration:underline}

ul.tabs li.selected{float: left; padding: 0; margin: 0; margin-bottom:-1px; padding-top: 0; background: url(../../graficas/menutabs/tab_right_sel.png) no-repeat right top; margin-left: 5px;}
ul.tabs li a.selected {
	font-size:12px;
	font-weight:bold;
	display: block;
	padding: 5px;
	color: #FFF;
	text-decoration: none;
	border-bottom:1px solid #FF9900;
	position:relative;
	background-image: url(/graficas/menutabs/tab_left_sel.png);
	background-repeat: no-repeat;
	background-position: left top;
}
.menu{height:auto; border:1px solid #FF9900; border-bottom: 0px; background:#FF9900; margin:0px}
.menu_bottom{
	height: 20px;
	background-image: url(../../graficas/menutabs/bottom.png);
	background-repeat: no-repeat;
	width: 50%;
	float:left;
}
.menu_bottom_ce{
	height: 19px;
	background-image: url(../../graficas/menutabs/bottom.png);
	background-repeat: no-repeat;
	width: 20%;
	float:right;
	background-position: right;
	
}
.menu_bottom_ri{
	height: 20px;
	background-image: url(../../graficas/menutabs/bottom.png);
	background-repeat: no-repeat;
	width: 50%;
	float:right;
	background-position: right top;
	
}
	ul.noticia{
	border:1px solid #CCC;
	background:#FDFBE1;
	width:65%;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 10px;
	padding-right: 25px;
	padding-bottom: 10px;
	padding-left: 25px;
}
	ul.noticia a{color:#666; font-size:12px;}
	ul.noticia a:hover{color:#666; font-size:12px; text-decoration:underline}
	ul.noticia li{margin-bottom:4px;}
.goshow{}
.noshow{display:none;}
/*TOPs */
.top-programas{width:250px; float:left}
	.top-programas .top{background:url(../img/top/programas.top.jpg) no-repeat; height:50px;}
	.top-programas .middle{padding: 15px 0px 0px 18px; background:url(../img/top/programas.middle.jpg) repeat-y;}	
		.top-programas .middle a{font-size:11px; color:#0066CC; font-weight:bold;}
		.top-programas .middle a:hover{font-size:11px; color:#0066CC; font-weight:bold; text-decoration:underline}
	.top-programas .bottom{background:url(../img/top/programas.bottom.jpg) no-repeat; height:54px;}
	.top-programas .lista{padding: 12px 0px 0px 0px; border-bottom:1px solid #EFEFEF; font-size:12px; margin:0px 0px 0px 15px; width:180px; color:#999;}
#lista-programas{float: right; width:310px;}
	#lista-programas img{width:60px; height:60px; float:left;}
	#lista-programas .item{height:60px; border-bottom:1px solid #EFEFEF; padding:3px;}	
	#lista-programas .titular a, #lista-programas .titular a:hover{font-size:12px; color:#0066FF; font-weight:bold; text-decoration:underline}		
	#lista-programas .texto{font-size:10px; color:#666; font-style:italic}		
	#lista-programas .resultados{padding: 5px; float:right; width:220px}		
	#lista-programas .bottom{background:#9CDCE7; padding: 5px; border-bottom:5px solid #0099FF; margin-top: 3px;}	
#top_cursos{margin: 24px 3px; width:177px;}
	#top_cursos .curso{background:#FDFBE1; border-bottom:1px solid #FF9900; padding: 5px; width:100%}
	#top_cursos .bottom{background:#FDFBE1; padding: 5px; border-bottom:5px solid #FF9900; width:100%}	
#top_tutorial{margin: 24px 3px; width:177px;}
	#top_tutorial .curso{background:#FDFBE1; border-bottom:1px solid #FF9900; padding: 5px; width:100%}
	#top_tutorial .bottom{background:#FDFBE1; padding: 5px; border-bottom:5px solid #D9E6AE; width:100%}	
#webmasters{
	width:100%;
	margin-top: 24px;
	margin-right: 3px;
	margin-bottom: 24px;
	margin-left: 3px;
}
	#webmasters .titulo{
	margin:0px;
	font-size:14px;
	color:#FFF;
	padding: 5px;
	border-bottom-width: 5px;
	border-bottom-style: solid;
}
	#webmasters .link {padding:5px; background:#FDFBE1;  border-bottom:1px solid #9CDCE7;}
	#webmasters .link a, #webmasters .link a:hover{padding: 5px 5px 5px 0px; font-size:12px; color:#333}
	#webmasters .bottom{
	padding: 5px;
	border-bottom-width: 5px;
	border-bottom-style: solid;
}	
/*Pie */
#pie{
	height:130px;
	padding: 2px;
	margin-bottom: 15px;
	color: #FFF;
	background-image: url(/graficas/pie.jpg);
	background-repeat: no-repeat;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-bottom-color: #9CDCE7;
}
	#pie a, #pie a:hover{color:#FFF}	
	
	/*Pie */
#pie2{
	height:130px;
	padding: 2px;
	margin-bottom: 15px;
	color: #FFF;
	background-image: url(/graficas/pie.jpg);
	background-repeat: no-repeat;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-bottom-color: #9CDCE7;
}
	#pie a, #pie a:hover{color:#FFF}
	
  #contenido { 
    width:100%; 
    
    float:right; 
    background-color:; 
   } 
   
   
