/* CSS Document */

/*CSS Portal*/
*{margin:0; padding:0; list-style:none; border:0;}
body{ font-family:Verdana, Arial, Helvetica, sans-serif; background-color:#CCCCCC; color:#663299; font-size:0.6em; text-align:center;}
a {text-decoration: none; color:#663299;}
.clear{ clear:both;}
#pagina{width:1000px; background-color:#663299; margin:0 auto;}
#arriba{ height:133px; background:url(../idimagenes/menu.gif) 0 70px no-repeat;}
#arriba #banner-top{width:1000px; height:70px;}
#arriba #menu-1{ margin-left:38px; padding-top:8px; color: #ff7e00; font-weight: bold;}
#arriba #menu-1 a{color: #FFFFFF; font-weight: normal;}
#arriba #menu-1 a:hover {color:#E2E2E2;}
#arriba #menu-2 { margin-left:340px; margin-top:18px;}
#arriba #menu-2 li{float:left; margin:0 2px 0 2px;}
#arriba #menu-2 ul li a{color:#663399;}
#arriba #menu-2 ul li a:hover{ color:#333333;}
#arriba #menu-2 ul ul{background-color:#FFFFFF;	border:5px solid #e2e2e3; position:absolute; top:-999px;}
#arriba #menu-2 ul li:hover ul{top:120px; position:absolute; margin-left:-10px;}
#arriba #menu-2 ul li li { clear:both; margin:0;}
#arriba #menu-2 ul ul li:hover{background-color:#e2e2e3;}
#arriba #menu-2 ul ul a{text-align:left; display:block; width:51px; height:15px; padding-left:19px; border-top: 1px solid #E2E2E3; background:url(../idimagenes/senisubmenu.gif) 5px 50% no-repeat;}


#columnas{ margin-top:-17px; clear:both;}

/*Columna Izquierda*/
#columna-lat1 #banner-menutop{ width:185px; height:57px; margin-top:-5px;}
#columna-lat1 #borde-menu{}
#columna-lat1{ width:185px; float:left;}
#columna-lat1 #menu{width:185px; border-right:5px solid #E2E2E3; margin-bottom:-12px;}
#columna-lat1 #menu li{background-color:#FFFFFF;}
#columna-lat1 #menu li a{text-align:left; background:url(../idimagenes/senimenu.gif) 5px 50% no-repeat; font-weight:bold; display:block; width:170px; color:#663399; border-top: 1px solid #E2E2E3; padding-top:5px; padding-bottom:5px; padding-left:15px;}
#columna-lat1 #menu li a:hover { background-color:#663399; color:#FFFFFF;}
#columna-lat1 #menu li li a {font-weight: normal; background:url(../idimagenes/senisubmenu.gif)  10px 50% no-repeat;
padding-left:25px; width:160px;}

#columna-lat1 #menu li li a:hover {background-color: #D4C1E2; color:#663399;}
#columna-lat1 #menu ul ul ul { background-color:#FFFFFF; border: 5px solid #e2e2e3; position:absolute; top:-999px; z-index:1000; margin-top:-24px;}
#columna-lat1 #menu ul ul li:hover ul{top:auto; margin-left:185px;}
#columna-lat1 #menu ul ul ul a { width:310px; padding-top:3px; padding-bottom:3px;}
#columna-lat1 #menu ul ul li:hover ul ul{ top:-999px;}
#columna-lat1 #menu ul ul ul li:hover ul{ top:auto; margin-left:335px;}
#columna-lat1 #menu ul ul ul ul a { width:200px; padding-top:3px; padding-bottom:3px;}
#columna-lat1 #menu ul ul ul a:hover {background-color:#E2E2E3;}
#columna-lat1 #borde-menu .menu-borde-bajo { position: relative; width:190px; height:26px;	background: url(../idimagenes/idimagenes.gif) 0 0 no-repeat; margin-top:-14px;}
#columna-lat1 #forma-banner{ background: url(../idimagenes/banner-forma.gif); display:block; width:183px; height:22px;}
#columna-lat1 #bolsa-banner{ background: url(../idimagenes/banner-forma.gif); display:block; width:183px; height:22px;}

/*Columna centro*/
#columna-contenido{ width:656px; float:left; background-color:#FFFFFF; border-bottom:5px solid #E2E2E3; border-left:5px solid #E2E2E3; border-right:5px solid #E2E2E3; margin-top:5px;}
#columna-contenido .degradado{background: url(../idimagenes/degradado.gif) repeat-x; width:656px; height:60px; clear:both;}


/*Columna Derecha*/
#columna-lat2{width:147px; height:450px; float: right;}
#columna-lat2 #banner_publi_1{width:115px; height:59px; margin-top:10px;}
#columna-lat2 #banner_publi_2{width:115px; height:59px; margin-top:10px;}
#columna-lat2 #banner_publi_3{width:115px; height:59px; margin-top:10px;}
#columna-lat2 #banner_publi_4{width:115px; height:59px; margin-top:10px;}
#columna-lat2 .banner_publi_lat{ margin-top:10px}
#columna-lat2 .idnoticias { width:127px; background-color:#FFFFFF; font-family:Verdana, Arial, Helvetica, sans-serif; margin-top:10px; margin-right: auto; margin-bottom: 0; margin-left: auto; text-align:left;}
#columna-lat2 .idnoticias_ar { background: url(../idimagenes/idimagenes.gif) 0 -26px; width:127px; height:25px; }
#columna-lat2 .idnoticias_ba { background: url(../idimagenes/idimagenes.gif) 0 -51px; font-size:5px; width:127px; height:9px; }
#columna-lat2 .idnoticias a{color:#663299; text-align:left;}
#columna-lat2 .idnoticias a:hover{	text-decoration: none;}
#columna-lat2 .idnoticias .sabermas{ background:url(../idimagenes/sabermas.gif); width:22px; height:8px; float: right; display:block; font-size:5px;}

#banners_publi_hor{ width:600px; margin-left:20px;}
#banners_publi_hor #banner_publi_1_hor{width:115px; height:59px; margin-left:10px;}
#banners_publi_hor #banner_publi_2_hor{width:115px; height:59px; margin-left:10px;}
#banners_publi_hor #banner_publi_3_hor{width:115px; height:59px; margin-left:10px;}
#banners_publi_hor #banner_publi_4_hor{width:115px; height:59px; margin-left:10px;}

/*Banners publicidad bajo menu*/
#banners_publi_ver{ clear:both;}
.banners_publi_ver{ margin-left:10px; margin-top:10px;}

/*Parte baja de la pagina*/
#abajo{ clear:both; padding-top:10px; padding-bottom:20px;}
#abajo .texto{color:#FFFFFF; text-align:center; font-weight:bold;}
#abajo a{ color:#FFFFFF;}

/*CSS PARA SECCIONES EN GENERAL*/
.seccion{width:554px; margin:0 auto; margin-top:20px;}/*tamaņo para todas las secciones*/

/*Estilo para barra de titulos de seccion*/
.titulo-secciones{ width:510px; height:18px; background:url(../idimagenes/titulo-borde-der.gif) 504px 0 no-repeat #ed7a01; text-align:left; padding-top:5px; color:#FFFFFF; margin-bottom:5px; float:left;}
.titulo-secciones a{ color:#FFFFFF;}
.titulo-secciones a:hover{ text-decoration:underline;}
.icono-titulo{ width:36px; height:23px; float:left;}

/*Scroll para paginas general solo se encuentra en IE por que en FIREFOX tiene problemas -INTENTANDO SOUCIANAR-*/
.scroll{ overflow: auto; height:400px; width:544px; padding:5px;}


/*Texto Idformacion coloreado*/
.text-idforma{ font-weight:bold;}
.text-idforma b{ color:#f57e20;}

/*Estilo de botones*/
.BTN_agregar{ background:url(../idimagenes/BTN_agregar.gif); width:83px; height:19px; display:block; cursor:pointer;}
.BTN_enviar{ background:url(../idimagenes/BTN_enviar.gif); width:74px; height:19px; display:block; border:0; cursor:pointer;}
.BTN_articulos{ background: url(../idimagenes/BTN_articulos.gif); width:103px; height:19px; display:block; border:0; cursor:pointer;}
.BTN_noticias{ background: url(../idimagenes/BTN_noticias.gif); width:101px; height:19px; display:block; border:0; cursor:pointer;}
.BTN_borrar{ background: url(../idimagenes/BTN_borrar.gif); width:73px; height:19px; display:block; border:0; cursor:pointer;}
.BTN_links{ background: url(../idimagenes/BTN_links.gif); width:18px; height:18px; display:block; border:0; cursor:pointer;}
.BTN_masinfo{ background: url(../idimagenes/BTN_masinfo.gif); width:63px; height:17px; display:block; border:0; cursor:pointer;}

/*Estilos varios*/
.linea-apunteada{color:#f57e20; margin-bottom:5px; margin-top:5px; clear:both;}

/*Barra para destacar un sub-titulo de un rengrlon*/
.barra-ch{ background:url(../idimagenes/paneles.gif) no-repeat #ee7b23; color:#FFFFFF; font-weight:bold; height:15px; text-align:left; padding:2px 3px 0 3px; margin:10px 0 10px 0;}
.barra-ch-borde{ background:url(../idimagenes/paneles.gif) 0 -17px no-repeat; height:17px; width:7px; float:right; margin:-2px -3px 0 0;}

/*Barra para destacar un sub-titulo de dos renglones*/
.barra-gr{ background:url(../idimagenes/paneles.gif) 0 -34px no-repeat #ee7b23; color:#FFFFFF; font-weight:bold;  height:26px; text-align:left; padding:1px 3px 0 3px; margin:10px 0 10px 0;}
.barra-gr-borde{ background:url(../idimagenes/paneles.gif) 0 -61px no-repeat; height:27px; width:7px; float:right; margin:-1px -3px 0 0;}

/*Panel de tamaņo medio*/
.panel-md{ background:url(../idimagenes/paneles.gif) 0 -88px no-repeat #c3c5c6; height:95px; color:#FFFFFF; font-weight:bold; text-align:left; margin:10px 0 10px 0;}
.panel-md-contenido{ float:left; margin:5px 0 5px 7px; width:514px;}
.panel-md-borde{background:url(../idimagenes/paneles.gif) 0 -183px no-repeat; height:95px; float:right; width:7px;}

/*Panel de tamaņo chico*/
.panel-ch{ background:url(../idimagenes/paneles.gif) 0 -277px no-repeat #c3c5c6; height:45px; color:#FFFFFF; font-weight:bold; text-align:left; margin:10px 0 10px 0; width:545px; }
.panel-ch-contenido{ float:left; margin:5px 0 5px 7px; width:510px;}
.panel-ch-borde{background:url(../idimagenes/paneles.gif) 0 -322px no-repeat; height:45px; float:right; width:7px;}

/*Panel de tamaņo grande*/
.panel-gr{ background:url(../idimagenes/paneles.gif) 0 -367px no-repeat #c3c5c6; height:183px; color:#FFFFFF; font-weight:bold; text-align:left; margin:10px 0 10px 0;}
.panel-gr-contenido{ float:left; margin:5px 0 5px 7px; width:514px;}
.panel-gr-borde{background:url(../idimagenes/paneles.gif) 0 -550px no-repeat; height:183px; float:right; width:7px;}

/*estilo para formularios*/
input{color:#663299; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1em; text-align:left; background-color:#FFFFFF;}
select{ background-color:#FFFFFF; border:1px solid #dddedf; font-size:1em; font-family:Verdana, Arial, Helvetica, sans-serif; color:#663299; text-align:left; font-weight:normal;}
textarea { color:#663299; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1em; text-align:left; border:1px solid #dddedf; background-color:#FFFFFF;}
.campos-texto{ background:#e2e3e4; font-size:1em; font-family:Verdana, Arial, Helvetica, sans-serif; padding-top:3px; padding-bottom:3px; color:#663299; text-align:left; border:1px solid #dddedf}
input[type="checkbox"]{ margin:0 10px 0 3px; background-color:#FFFFFF;}
input[type="radio"]{ margin:0 10px -4px 5px; background-color:#FFFFFF;}
caption{color:#f57e20; font-weight:bold;}
/*Estilo del paginador*/
.paginador{clear:both; background-color:#663299; width:540px; height:14px; text-align:left; color:#FFFFFF; padding:3px; margin-bottom:10px; margin-top:10px; margin-left:5px;}
.paginador a{ color:#FFFFFF;}
.paginador a:hover{ text-decoration:underline;}