body {
   background:url(http://codice6.udla-diseno.com/imagenes/fondo.gif) repeat-x;
   color:#777;
   margin: 0;
   padding: 0;
   font: small Trebuchet MS, Arial, sans-serif;
} 
#principal{
   margin : 0 auto;
   width:800px;
   background:#fff; 
   background: url(http://codice6.udla-diseno.com/imagenes/fondo-principal-simbolo.gif) no-repeat;
}
#container{
   width:500px;
   margin-left:10px;
   padding-left:12px;
}
#header{
   height:173px;
   _margin-top: -8px; /* IE7  */
   background: url(http://codice6.udla-diseno.com/imagenes/fondoheader.gif) no-repeat;
}
/*-- Estilos de la barra principal de navegación --*/
#navcontainer{
   height:30px;
   padding-bottom:5px;
   letter-spacing:1px;
}
#navcontainer ul {
   padding:10px;
   margin:0px;
}
#navcontainer li {
   font-weight: bold; 
   display: inline;
   list-style-type:none;
   color:#036d88;
   padding:10px;
}  
 
/*-- Estilos del sidebar izquierdo --*/
#descubre {
   width:230px;
   padding-top:60px;
   float: right; 
   background: url(http://codice6.udla-diseno.com/imagenes/descubre.gif) no-repeat;
}
#descubre ul {
   padding:0px;
   margin:12px;
}
#descubre li {
   padding:1px;
}
#descubre img {
   border:none;
}
.resaltar {
background-color:#d0ff52;
}
/*------ inicia links barra de navegación------*/
A.menu:link {
      text-decoration : none;
      color : #035166;
      }
A.menu:visited {
      text-decoration : none;
      color : #035166;
      }
A.menu:active {
      text-decoration : none;
      color : #035166;
      }
A.menu:hover {
      color : #FFF;
      }
/*------ inicia links estándar------*/
A:link {
      text-decoration : none;
      color : #019fc8;
      }
A:visited {
      text-decoration : none;
      color : #019fc8;
      }
A:active {
      text-decoration : none;
      color : #019fc8;
      }
A:hover {
      color : #96b10a;
      }
/*------ inicia links footer------*/
A.menu-footer:link {
      text-decoration : none;
      color : #AAA;
      }
A.menu-footer:visited {
      text-decoration : none;
      color : #AAA;
      }
A.menu-footer:active {
      text-decoration : none;
      color : #AAA;
      }
A.menu-footer:hover {
      color : #96b10a;
}

/*-- Inicio de títulos --*/
h1 {
   font-style: italic;
   margin-top:-70px;
   font-size: small;
   width:420px; 
   letter-spacing:2px;
   color: #FFF;
   padding:18px;
}
h2 {
   font-weight: normal;
   color:#9EBC01;
   font-size: x-large;
   letter-spacing:2px;
   margin-bottom:-5px;
   font-style: italic;
}
h3 {
   font-weight: normal;
   font-size: large;
   font-style: italic;
   color:#9EBC01;
   margin-bottom:5px;
}
h4 {
   font-family: serif;
   font-style: italic;
   color:#777;
   font-weight: normal;
   font-size: large;
   margin-bottom: 0px;
}
h5 {
   font-family: serif;
   margin-top:20px;
   font-style: italic;
   color:#019fc8;
    font-weight: 200;
   font-size: large;
   margin-bottom:-5px;
}
#subitulos-ponentes p {
   font-family: serif;
   margin-top:-5px;
   font-style: italic;
   font-size: large;
   color: #108896;
   border-bottom: 1px solid #AAA;
}

/*-- Columnas generales --*/
#columna-izq {
   float: left; 
   width:242px;
   border-right:1px solid  #ccc;
   padding-bottom: 10px;
}
#columna-der{
   float: right; 
   width:245px;
   padding-bottom: 10px;
}
#columna-izq  p {
   margin-top: 5px;
   margin-left: 0px;
   margin-right: 10px;
}
#columna-der p {
   margin-top: 5px;
   margin-left: 0px;
   margin-right: 10px;
}

/*--- Columna sec. ponentes --*/
#columna-izq-ponentes {
   float: left; 
   width:245px;
   border-right:1px solid  #ccc;
   padding-bottom: 15px;
}
#columna-izq-ponentes  p {
   margin-left: 10px;
   margin-right: 10px;
}
#columna-der-ponentes{
   float: right; 
   width:240px;
   padding-bottom: 15px;
}
#columna-der-ponentes  p {
   margin-left: 10px;
   margin-right: 10px;
}


/* --- Tabla de costos---*/

table, th, td {
	border: 1px solid #D2EF3C;
	border-collapse: collapse;

}

caption {
	font-size: 120%;
	font-weight: bold;
	margin: 5px;
}

td, th {
	padding: 5px;
}

thead th {
	text-align: center;
	background: #6B96A1;
	color: #fff;
	font-size: 100% !important;
}

tbody th {
	font-weight: bold;
}

tbody tr { background: #FCFDFE; text-align: center; }

tbody tr.odd { background: #F7F9FC; }

tfoot th, tfoot td {
	font-size: 85%;
}

/* Estilos del div de la forma de contacto--*/
#contacto { 
   width:500px;
   border-top:1px solid  #ccc;
   padding-bottom: 10px;
}
#footer {
   border-top: 4px solid #effa06;
   font-size:10px;
   color:#AAA;
   padding:5px;
   background: #000000; 
}
#footer p{
   margin:1px;
}