/*
-----------------------------------------------------------------------------
version:   1.0
date:      24/05/2008
author:    [Oscar Javier Varila - diseñador senior - sidcol]
email:     [info@sidcol.com]
website:   [www.sidcol.com]
project:	Universidad El Bosque - www.unbosque.edu.co
-----------------------------------------------------------------------------


Estilos globales 
-----------------------------------------------------------------------------
*/

body{color: #535353; font-size: 12px; font-family:Tahoma, Arial, Helvetica, sans-serif; margin:0px; padding:0px; background:url(../images/fndMain.jpg) repeat-x;}
img{
	border:none;
	text-decoration: blink;
}
ul{list-style: none;}
a{ color:#4a8a2a; text-decoration:underline;}
a:hover{ color:#333; }
*{ font-family:Tahoma, Arial, Helvetica, sans-serif;}

/* Header o cabezote
-----------------------------------------------------------------------------*/

#superior{ width:100%; margin:0; padding:0;}
#header{ width:954px; margin:0 auto; padding:0px; height:65px; }
#logo{ width:185px; float:left; padding:9px 0px 0px 18px;}
#ayuda{ width:510px; float:right; padding:16px 18px 0px 0px; text-align:right; color:#5c5d5b; font-size:11px;}
#ayuda a{ font-size:11px; color:#5c5d5b; text-decoration:none;}
#ayuda a:hover{ font-size:11px; color:#4a8a2a; text-decoration:underline;}


/* Menu
-----------------------------------------------------------------------------*/
#franja{ width:954px; margin:0 auto; padding:0px; clear:both; display:block; height:30px;}
#franjaVerde{ width:100%; margin:0; padding:0px; clear:both; display:block; height:30px; background-image:url(../images/fndVerde.jpg); background-repeat:repeat-x; }
#menu{ width:600px; float:left; }
#menu ul{ margin:0; padding:0; padding-top:2px; padding-left:14px; }
#menu ul li{ margin:0px 4px; display: block; float:left;}
#menu ul li a{ font-size:14px; color:#FFFFFF; text-decoration:none; padding:4px 13px 3px 13px; margin-top:4px; display: block;}
#menu ul li a:hover, #menu ul li a:focus, #menu ul li a:active, #menu ul li a.seleccionado { color:#596744; font-size:14px; background:url(../images/fndMenuSel.jpg) right top repeat-x;}

#submenu{ width:920px; margin:0 auto; padding:0px; clear:both; display:block; height:20px; font-size:11px; color:#5c5d5b;}
#submenu a{ color:#596744; font-size:12px; text-decoration:none; font-weight:bold; padding-right:10px;}
#submenu a:hover{ color:#4a8a2a;}
#submenu a.seleccionado{ color:#4a8a2a; font-size:12px; text-decoration:none; font-weight:bold; }
#submenu div{ float:left; padding-right:10px; height:20px;}
#submenu div.selec{ background-image:url(../images/selSubmenu.jpg); background-repeat:no-repeat; background-position:36px 13px; z-index:2; }
#submenu div.selec3{ background-image:url(../images/selSubmenu.jpg); background-repeat:no-repeat; background-position:24px 13px; z-index:2; }

#menuIzq{ width:230px; border-left:1px solid #aeaeae; border-right:1px solid #aeaeae; background-color:#f6f5ee;}
#menuIzq ul{ margin:0px; padding:0px 17px 11px 17px;}
#menuIzq ul li{ margin:0px; padding:0px; font-size:13px; color:#535353; border-bottom:1px solid #cdcdcd; line-height:30px;}
#menuIzq ul li a{ font-size:13px; color:#535353; padding-left:4px; text-decoration:none;}
#menuIzq ul li a:hover{ color:#4a8a2a; }
#menuIzq ul li.selec { background-color:#FFFFFF; background-image:url(../images/itemSelec.jpg); background-repeat:no-repeat; background-position:0px 10px;}
#menuIzq ul li.selec a { color:#4b8b2a; padding-left:10px;}

#submenuIzq{ background-color:#fdfdfb;}
#submenuIzq ul{ margin:0px; padding:0px 17px 11px 17px;}
#submenuIzq ul li{ margin:0px; padding:0px; margin-left:15px; font-size:12px; color:#535353; border-bottom:1px solid #cdcdcd; line-height:24px;}
#submenuIzq ul li a{ font-size:12px; color:#535353; padding-left:4px; text-decoration:none;}
#submenuIzq ul li.selec{ background-image:none;}
#submenuIzq ul li.selec a { color:#4b8b2a;}

.ruta{ float:left; padding-left:21px; color:#5c5c5c; font-size:11px; }
.ruta span { color:#f86f00; }
.ruta a { color:#5c5c5c; }

/* Buscador
-----------------------------------------------------------------------------*/
#buscador{ width:260px; float:right; text-align:right; padding:6px 18px 0px 0px;}
#buscador .button{ font-size:11px; color:#FFFFFF; background-color:#000000; border:1px solid #000; background-image:url(../images/fndButton.jpg); background-repeat:repeat-x;}
#buscador .input{ font-size:11px; color:#333; border:none; background-image:url(../images/imgBuscador.jpg); background-repeat:no-repeat; padding:1px 2px 1px 15px; }


/* Banner principal
-----------------------------------------------------------------------------*/
#bannerPrin{ height:166px; width:920px;}


/* Herramientas web
-----------------------------------------------------------------------------*/
#franjaHer{ height:17px; border-bottom:1px solid #c6c5c0; background-color:#f6f5ed; text-align:right; padding:4px 4px 0px 4px;}


/* Estructura contenido
-----------------------------------------------------------------------------*/
#contenido{ width:920px; margin:0 auto; padding:15px 15px 0px 15px; border-left:1px solid #e7e4d2; border-top:1px solid #e7e4d2; border-right:1px solid #e7e4d2; background-color:#FFFFFF; height:auto;}

#contenido:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden;}

.masInfo{ font-size:10px; color:#f86f00; text-decoration:underline;}

#contenidoMapa{ width:520px; margin:5px; padding:15px; border:2px solid #939393; background-color:#FFFFFF; height:auto;}

/* Footer
-----------------------------------------------------------------------------*/
#footer{ width:100%; margin:0 auto; padding:0px; background:url(../images/fndFooter.jpg) repeat-x #edead6;}

#footerBlan{ width:920px; margin:0 auto; padding:15px 15px 0px 15px; border-left:1px solid #e7e4d2; border-right:1px solid #e7e4d2; background-color:#FFFFFF; height:auto;}

#footerCont{ width:890px; margin:0 auto; padding:8px 30px 6px 30px; border-left:1px solid #e7e4d2; border-bottom:1px solid #e7e4d2; border-right:1px solid #e7e4d2; background-color:#e4e4e4; font-size:10px; color:#7d7d7d;}

#footerMenu{ width:935px; margin:0 auto; padding:15px 0px 0px 15px; height:auto;}
#footerMenu .mapaInf{ width:168px; margin:0px; padding:0px; float:left; padding-right:18px;}

#footerMenu .mapaInf h3{ font-size:13px; color:#585858; margin:0; padding:0; border-bottom:1px solid #585858;}

#footerMenu .mapaInf ul{margin:0; padding:8px 0px;}
#footerMenu .mapaInf li{margin:0; padding:0; line-height:20px; padding-left:10px; background:url(../images/bulletMapa.gif) no-repeat; background-position:0px 8px;}
#footerMenu .mapaInf li a{ font-size:12px; color:#585858; text-decoration:none;}

/* Contenido
-----------------------------------------------------------------------------*/
h1{ font-size:22px; color:#4b8b2a; font-weight:normal; margin:0; padding:0; border-bottom:1px solid #f86f00;}
h2{ font-size:15px; color:#3f3d2f; margin:0; padding:0;}
h3{ font-size:17px; color:#3f3d2f; font-weight:normal; border-bottom:1px solid #c6c5c0;}
h4{ font-size:15px; color:#f86f00; margin:0; padding:0;}
.titmapa{ color:#f86f00; font-size:14px;}
.contenido{ line-height:18px; margin-top:8px;}
p{ line-height:18px;}
.linkMapa a.linkMapa1nivel{ font-size:11px; font-weight:bold; color:#4b8b2a; }
.linkMapa a{ font-size:10px; color:#5c5c5c;}
.linkMapa{ line-height:14px;}

/* Columnas
-----------------------------------------------------------------------------*/

#colCentral{ width:594px; float:left; padding:0px 20px 0px 14px;}
#colCentral1{ width:658px; float:left; padding:0px;}
#colIzq{ width:232px; float:left; padding:0px 30px 0px 0px;}
#colIzq1{ width:282px; float:left; padding:0px; margin:0px;}
#colIzq2{ width:497px; float:left; padding:0px; margin:0px;}
#colCen1{
	width:30px;
	float:left;
	padding:0px;
	margin:0px;
	overflow: visible;
}
#colDer1{ width:282px; float:right; padding:0px; margin:0px;}
#colDerecha{ width:276px; float:right; padding:0px 14px 0px 0px;}
#colDerecha1{ width:217px; float:right; padding:0px;}

/* Otros
-----------------------------------------------------------------------------*/
.whiteSpace{ height:15px; font-size:15px;}
.whiteSpace2{ height:11px; font-size:11px;}
form{ margin:0px; padding:0px;}

/* Tablas
-----------------------------------------------------------------------------*/
.tablaBorde{border:1px solid #999999;}
.tablaTitulo{  border-bottom:1px solid #999; font-size:16px; color:#f86f00; padding:5px;}
.tablaCont{  border-top:1px solid #dbdbdb; padding:10px; line-height:22px;}

/* Zonas
-----------------------------------------------------------------------------*/
#agenda{ background:url(../images/fndFranjaDer2.jpg) repeat-x; margin-top:12px; height:31px;}
#agenda span{ font-size:13px; color:#FFFFFF; padding-left:5px; line-height:31px; font-weight:bold;}
.agendaInfo{ background-color:#efefef; padding:10px 10px 10px 20px;}
.agendaInfo ul{ margin:0; padding:0;}
.agendaInfo ul li{ font-size:12px; color:#ff1a02; line-height:20px; }
.agendaInfo ul li a{ font-size:12px; color:#5c5c5c;}

.zona{ background:url(../images/fndFranjaDer1.jpg) repeat-x; margin-top:12px; height:31px;}
.zona span{ font-size:13px; color:#080808; padding-left:5px; line-height:31px; font-weight:bold;}
.zonaInfo{ background-color:#fffef2; padding:10px 10px 10px 20px;}
.zonaInfo ul{ margin:0; padding:0; padding-left:15px;}
.zonaInfo ul li{ font-size:12px; color:#5c5c5c; line-height:20px; list-style-type:square; }
.zonaInfo ul li a{ font-size:12px; color:#5c5c5c;}
.zonaDoc{ background-color:#fffef2; padding:10px 10px 10px 20px;}
.zonaDoc ul{ margin:0; padding:0;}
.zonaDoc ul li{ font-size:12px; color:#5c5c5c; line-height:20px; list-style:none; }
.zonaDoc ul li a{ font-size:12px; color:#5c5c5c;}

/* Contenido
-----------------------------------------------------------------------------*/

.imagen{ border:1px solid #797979; margin-right:10px; margin-bottom:5px;}
.imagen2{ border:1px solid #797979; }

/* formulario
-----------------------------------------------------------------------------*/
select .ano{ font-size:11px; font-family:Tahoma, Arial, Helvetica, sans-serif;}