﻿/*
-----------------------------------------------------------------------------
version:   1.0
date:      11/02/2008
author:    [Oscar Javier Varila - diseñador senior - Axesnet]
email:     [ovarila@axesnet.com]
website:   [www.axesnet.com]
project:	Universidad del Norte - www.uninorte.edu.co
-----------------------------------------------------------------------------


Estilos globales 
-----------------------------------------------------------------------------
*/

body{color: #565656; font-size: 13px; font-family:Tahoma, Arial, Helvetica, sans-serif; margin:0px; padding:0px;}
img{border:none;}
ul{list-style: none;}
a{ color:#004f6d; text-decoration:none;}


/* Header o cabezote
-----------------------------------------------------------------------------*/

/*herramientas web*/

#herramienta{ width:100%; background-image:url(../images/imgFndHerramientan.jpg); background-repeat:repeat-x; height:27px;}
#iconHerra{ width:936px; height:27px; margin:0px auto; padding:0px; text-align:right; padding:0px 8px 0px 0px; color:#004F6D; font-size:10px; }
#iconHerra a{ color:#004F6D; font-size:10px; text-decoration:none;}
#iconHerra a:hover{ color:#f09e03; font-size:10px; text-decoration:none;}

/*franja logo*/

#franjaSup{ width:100%; background-image:url(../images/backCabezoten.jpg); background-repeat:repeat-x; height:86px;}
#franjaLogo{ position:relative; width:944px; height:86px; margin:0px auto; padding:0px;}
#logo{ width:620px; margin:0px; padding:0px; float:left;}
#buscar{ width:324px; margin:0px; padding:0px; float:right; height:58px; margin:28px 0px 0px 0px; color:#E3EDEF; font-size:10px;}
.inputBuscar{ border:#004f6d 1px solid; background-image: url(../images/fndInputn.jpg); background-repeat:repeat-x; font-size: 11px; font-family: Tahoma, Verdana, Helvetica, sans-serif; color:#666666; width:222px; height:15px; }


/* Menu superior
-----------------------------------------------------------------------------*/

#fondoMenu{ width:100%; background-image:url(../images/fndBarraMenu.jpg); background-repeat:repeat-x; height:34px;}
#menuSup{ position:relative; width:944px; height:34px; margin:0px auto; padding:0px; background-image:url(../images/fndMenuSupOut.jpg); background-repeat:repeat-x;}
#menuSup ul{display: inline; float: left; margin: 0px; margin-left: 0px; padding: 0px; height:34px; width:944px;}
#menuSup ul li{display: inline; float: left; list-style-type: none; margin: 0px; padding: 0px 10px; font-size:12px; color:#FFFFFF;  font-family: Tahoma, Verdana, Helvetica, sans-serif; height:24px; padding-top:10px; font-weight:bold;}
#menuSup ul li a{ letter-spacing:0px; font-size:11px; color:#FFFFFF;  font-family: Tahoma, Verdana, Helvetica, sans-serif; text-decoration:none; font-weight:bold; }
#menuSup ul li:hover{ background-image:url(../images/fndMenuSupOve.jpg); background-repeat:repeat-x;}
#submenu{
	width:936px;
	height:24px;
	color:#bd4f44;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 6px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 9px;
}
#submenu a{ color:#4c4c4c; font-size:11px; text-decoration:none;}
#blancoMenu{ width:100%; background-image:url(../images/fndBlancoM.jpg); background-repeat:repeat-x; height:10px; margin:0px; padding:0px;}
/* Para acamodar la información para dos líneas*/
#menuSup ul li#menup2,#menuSup ul li#menup3, #menuSup ul li#menup6,#menuSup ul li#menup7 ,#menuSup ul li#menup8{text-align:center; padding-top:4px; line-height:14px;  height:30px;   }


/* banner
-----------------------------------------------------------------------------*/

#banner{ width:944px; height:197px; margin:0px auto; padding:0px; }
#banner #menuPortal{ width:248px; float:left; margin:0px; padding:0px; background-image:url(../Images/fndMenuPortalesn.jpg); background-repeat:no-repeat; height:181px; padding:16px 0px 0px 12px; font-size:18px; color:#004f6d; font-family:"Myriad Pro",Tahoma, Arial, sans-serif;
}
#banner #menuPortal ul{ margin:0px; padding:0px; padding-top:12px;
}
#banner #menuPortal li{ font-size:15px; color:#424241; margin:0px; padding-left:15px; background-image:url(../images/imgBulletPortal.gif); background-repeat:no-repeat; background-position: 5px 6px; padding-bottom:0px; padding-top:0px; line-height:19px;
}
#banner #menuPortal li a{ font-size:15px; color:#424241; text-decoration:none;
}
#banner #menuPortal li a:hover{ font-size:15px; color:#02526D; text-decoration:none;
}
#banner #swf{ width:684px; float:right; margin:0px; padding:0px;
}


/* container
-----------------------------------------------------------------------------*/

#container{width:944px; margin:0px auto; padding:0px; background-image:url(../images/fndInfMen.jpg); background-repeat:repeat-y;
}
#container_rss{width:944px; margin:0px auto; padding:0px;  background-repeat:repeat-y;
}
#container:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

/*columna izquierda*/

#colIzq{
	width:197px;
	padding:0px;
	float:left;
	margin-left:1px;
	background-color:#FFFFFF;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

#colCen{ width:518px; margin:11px; padding:0px; float:left;}
#colCen_ev{ width:700px; margin:11px; padding:0px; float:left;}
#colCen_rss{ width:900px; margin:11px; padding:0px; float:left;}
#TitInternas{ width:727px; margin:2px 0px 5px 11px; float:left;}

#colDer{ width:202px; margin:0px; padding:0px; float:right; margin-top:11px;}

/*#colIzq, #colCen, #colDer {padding-bottom: 32768px; margin-bottom: -32768px;}

#container {overflow: hidden}*/

/*miga de pan
-----------------------------------------------------------------------------*/
#migaPan { padding-bottom:10px;}
#migaPan a{ color:#004f6d; font-size:11px; text-decoration:none;}
#migaPan a:hover { color:#004f6d; font-size:11px; text-decoration:underline;}

/*letras
-----------------------------------------------------------------------------*/
#letras { padding-right:3px;}


/* menu izquierdo
-----------------------------------------------------------------------------*/
#menu{ width:195px; background-color:#FFFFFF; display: inline;
}
#menu ul{ display: inline; float: left; margin: 0px; padding: 0px; width:196px; border-bottom:solid 1px #d9d9d9; margin-bottom:2px; background-color:#FFFFFF;
}
#menu ul li{ margin: 0px; padding: 0px; background-image:url(../images/fndMenu1Nivn.jpg); background-repeat:repeat-y; padding: 9px 0px 9px 0px; border-bottom:#ffffff 2px solid; float:left; width:196px;
}
#menu ul li .flechaMenu { width:7px; margin:4px 6px 0px 10px; float:left;}
#menu ul li .item { width:160px; float:left;}
#menu ul li a{ text-decoration:none; font-size:12px; color:#4c4c4c;
}
#menu ul li a:hover{ text-decoration:none; font-size:12px; color:#024F6D; 
}
#menu2Niv ul li{ background-image:url(../images/fndMenu2Niv.gif); background-repeat:repeat-y;  
}
#menu2Niv ul li .flechaMenu { width:7px;  margin:2px 6px 0px 16px; padding:0px; float:left;}
#menu2Niv ul li .item { width:140px; float:left;}

#menu2Niv ul li a{ text-decoration:none; font-size:12px; color:#4c4c4c;
}
#menu2Niv ul li a:hover{ text-decoration:none; font-size:12px; color:#ad2315;
}

/*---------- Lista columna derecha-----*/

/* Menu Amarillo
-----------------------------------------------------------------------------*/
#navAmarilla { background-color:#E7EFEF;}
#selectEventA{ height: 40px; padding:9px; }
#selectEventA select{ border:#004F6D 1px solid; color:#565656; font-size:11px; font-family: "Tahoma", Verdana, Helvetica, sans-serif; background-color:#E7EFEF; width:170px; margin:0px 6px 0px 3px; padding-left:4px;}
#selectEventA img { padding:5px;}
#whiteSpace { height:5px; background-color:#FFF; font-size:5px;}

/* contenido
-----------------------------------------------------------------------------*/
.tituloNoticia, .tituloNoticia a{ color:#004F6D; font-size:14px; text-decoration:none;}
.fecha{ color:#df9200; font-size:10px;}
.imagenNot{ margin-right:10px; border:1px solid #004f6d;}
.imagenNot2{ margin-left:10px; border:1px solid #004f6d;}
.contenido{ line-height:16px; margin-top:0px; padding-top:0px;}
.pieFoto{ font-size:10px; color:#9d9d9d; padding-left:10px;}
.leyenda{ font-size:10px; color:#9d9d9d;}
.titulo{ font-size:16px; border-bottom:#e5e5e5 1px solid; clear:both;}
.titulo_editor{ font-size:16px; clear:both; color: #ffffff;  font-family:Tahoma, Arial, Helvetica, sans-serif;}
.pie_editor{ font-size:14px; clear:both; color: #ffffff;  font-family:Tahoma, Arial, Helvetica, sans-serif;}
.titulo_eventos {
	font-size: 16px;
	font-weight: bold;
	color: #990000;

}

.titTodas{ color:#a8a8a8; font-size:11px; text-align:right; width:100px; float:right; margin-top:-20px;}
.titTodas a{ color:#a8a8a8; font-size:11px; text-decoration:none;}
.titTodas a:hover{ color:#004f6d; font-size:11px; text-decoration:none;}
#colCen #interna ul{margin:0px; padding:0px;}
#colCen #interna ul li{
	margin-left:18px; padding-left:15px; background-image:url(../images/bullUls.gif);
background-repeat:no-repeat; background-position: 2px 2px; padding-top:0px; padding-bottom:5px; border-bottom: none;
}
#colCen #interna ul li a{ color:#004f6d; text-decoration:none;}
#colCen #interna ul li a:hover{ color:#004f6d; text-decoration:underline;}
#colCen #interna ul .lista{ margin-left:18px; padding-left:15px; background-image:url(../images/bullUls.gif);
background-repeat:no-repeat; background-position: 2px 2px; padding-top:0px; padding-bottom:0px; border-bottom: none; }
#colCen #interna ul .lista1{ margin-left:48px; padding-left:15px; background-image:url(../images/bullUls.gif);
background-repeat:no-repeat; background-position: 2px 2px; padding-top:0px; padding-bottom:0px; border-bottom: none; }

#colCen #interna ol{ margin-left:18px; padding-left:15px; color:#565656; font-size:12px; background-position: 2px 2px; padding-top:0px; padding-bottom:0px; border-bottom: none; }
#colCen #interna ol li{ padding-top:0px; padding-bottom:6px; border-bottom: none; }
.texto{ font-size:11px; color:#565656;}
.textos{ font-size:13px; color:#565656;}

#colCen #interna img{
	padding: 3px 3px 3px 3px;
}

/*busqueda eventos
-----------------------------------------------------------------------------*/

#selectEvent{
	border:#b1b1b1 1px solid;
	background-image: url(../images/fndEvento.jpg);
	background-repeat: repeat-x;
	height: 15px;
	text-align:center;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}

#selectEvent select{
border:#f3b135 1px solid; color:#565656; font-size:11px; font-family: "Tahoma", Verdana, Helvetica, sans-serif; background-color:#f5f5f5; width:190px; margin:0px 6px 0px 3px; padding-left:4px;
}

/*busqueda

-----------------------------------------------------------------------------*/

#selectEvent_pint{
     
	border:#b1b1b1 1px solid;
	/*float:left;*/
	background-image: url(../images/fndEvento.jpg);
	background-repeat: repeat-x;
	height: 15px;
	text-align:center;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}

#selectEvent_pint select{
border:#f3b135 1px solid; color:#565656; font-size:11px; font-family: "Tahoma", Verdana, Helvetica, sans-serif; background-color:#f5f5f5; width:150px; margin:0px 6px 0px 3px; padding-left:2px;
}


/*busqueda interna (PAGINA CEC)
-----------------------------------------------------------------------------*/

#selectEvent_pint2{
     
	border:#b1b1b1 1px solid;
	/*float:left;*/
	background-image: url(../images/fndEvento.jpg);
	background-repeat: repeat-x;
	height: 18px;
	text-align:center;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}

#selectEvent_pint2 select{
border:#f3b135 1px solid; color:#565656; font-size:11px; font-family: "Tahoma", Verdana, Helvetica, sans-serif; background-color:#f5f5f5; width:150px; margin:0px 6px 0px 3px; padding-left:2px;
}

/*titulares
-----------------------------------------------------------------------------*/
#titulares ul{ margin:0px; padding:0px;
}
#titulares li{
	margin:0px;
	padding-left:16px;
	background-image:url(../images/imgBullet.jpg);
	background-repeat:no-repeat;
	background-position: 2px 13px;
	padding-top:8px; padding-bottom:8px;
	border-bottom:#e5e5e5 1px dashed;
	
}


#pag_est ul{ margin:0px; padding:0px;
}
#pag_est li{
	margin:0px;
	padding-left:16px;
	background-image:url(../images/imgBullet.jpg);
	background-repeat:no-repeat;
	background-position: 2px 13px;
	padding-top:8px; padding-bottom:8px;
	border-bottom:#e5e5e5 1px dashed;
	
}

/*visitas
-----------------------------------------------------------------------------*/
#visitaDia{clear:both; border-top:#dfdfdf 1px solid; text-align:right; color:#939393; font-size:10px; margin-bottom:10px;
}
#visitaDia2{clear:both; border-top:#dfdfdf 1px solid; text-align:right; color:#939393; font-size:10px; width:735px; float:right;  margin-bottom:10px;}

/*info relacionado
-----------------------------------------------------------------------------*/

#infoRelacionado{ margin-top:6px;}
#infoRelacionado .titulo{ height:44px; font-size:16px; color:#004f6d; padding-left:80px; padding-top:7px;}
#infoRelacionado .titulo2{ height:44px; font-size:12px; color:#004f6d; padding-left:58px; padding-top:10px;}
#infoRelacionado .contenido{ background-image:url(../images/bordeDer.jpg); background-repeat:repeat-y; background-position:right; border-left:#b6b6b6 1px solid; padding:0px 4px 0px 0px; margin:0px;}
#infoRelacionado .contenido ul{
	margin-bottom: 0px;
	margin-top: 0px;
	margin-left: 0px;
	padding-left: 20px;
}
#infoRelacionado .contenido ul li{margin:0px 0px 0px -20px; padding:0px 0px 0px 20px; background-image:url(../images/imgBullet.jpg); background-repeat:no-repeat; background-position: 6px 6px; font-size:12px; line-height:18px;}
#infoRelacionado .contenido ul li a{font-size:12px; text-decoration:none; color:#565656;}
#infoRelacionado .contenido ul li a:hover{font-size:12px; text-decoration:underline; color:#02526D;}
#infoRelacionado .imagenLinea{ margin:0px; padding:0px; border:0px; text-align:left; vertical-align:top; margin-top:-5px;
}

#infoRelacionado #contenido hr{
 border-bottom:#cecece solid 1px;
}
/* footer
-----------------------------------------------------------------------------*/

/*ubicacion
-----------------------------------------------------------------------------*/

#ubicacion{ position:relative; width:935px; height:34px; margin:0px auto; padding:0px; border-top:solid 1px #c0c0c0; color:#777777; font-size:10px; padding:6px 0px 0px 9px; }

/*menu footer*/

#menuFooter{ clear:both; width:944px; height:34px; margin:0px auto; padding:0px; color:#777777; font-size:10px; background-image:url(../images/imgFndFooter.jpg); background-repeat:no-repeat; text-align:center; padding:11px 0px 0px 0px; }
#menuFooter a{ color:#777777; font-size:10px; text-decoration:none;}
#menuFooter a:hover{ color:#777777; font-size:10px; text-decoration:underline;}

/* otros
-----------------------------------------------------------------------------*/
hr{ border-bottom:dashed 1px #cecece; color:#FFFFFF;}
.linea{ border-bottom:dashed 1px #cecece; padding-top:7px; margin-bottom:7px;}
.linea2{ border-bottom:solid 1px #cecece; padding-top:7px; margin-bottom:7px;}
.flecha{ font-size:10px; color:#8f0000;
}
.visita{ font-size:11px; color:#000000;
}
a:hover, #submenu a:hover{
text-decoration: underline;
color: #004f6d;
}
/*campos comentario*/
.inputCampo{
 background-image:url('../images/fndInputComent.jpg'); background-repeat:repeat-x; border:#cecece 1px solid; height:16px; margin:5px 5px 0px 0px; width:250px; color:#565656; font-size:11px; font-family: "Tahoma", Verdana, Helvetica, sans-serif;
}
.inputArea{
 background-image:url('../images/fndInputComent2.jpg'); background-repeat:repeat-x; border:#cecece 1px solid; margin:5px 0px 5px 0px; width:320px; color:#565656; font-size:11px; font-family: "Tahoma", Verdana, Helvetica, sans-serif;
}
.inputBoton{ color:#6e0101; font-size:11px; font-family: "Tahoma", Verdana, Helvetica, sans-serif; border:#cfcfcf 1px solid; background-image:url('../images/fndBoton.jpg'); background-repeat:repeat-x;
}
.linea1{ border-bottom:dashed 1px #cecece; padding-top:7px; margin-bottom:7px; clear:both;}

#rss_w{
 float:right;
}
#registro {
	padding: 15px;
	width:600px;
}

/*definiciones para la páginas que tiene en la página principal una estructura muy parecida al frontapge*/

.contenido_secciones{ line-height:16px; margin-top:0px; padding-top:0px; float:left;}

/* Usado para la cabezera de la encuesta del portal de prensa*/
.textos_cabezera {

color: #FFFFFF; font-size: 13px; font-family:Tahoma, Arial, Helvetica, sans-serif; font-weight:bold;
}

/*usado para todas las páginas que tengan galeria*/

#colCen #interna #gallery ul li {
display: inline;
	list-style-image:none;
	margin-left:0;
	padding-bottom:0;
	padding-left:0;
}
