/**************************************/
/*** styles.css (v.1.0)             ***/
/*** autor: imétodo                 ***/
/**************************************/
/*** Version Fecha    Descripción   ***/
/**************************************/
/*** 1.0     01/07/09 Original file ***/
/**************************************/


/**************************************/
/*** Elementos HTML generales       ***/
/**************************************/
html
{
  overflow: -moz-scrollbars-vertical;
}

body 
{
 margin:0px;
 background:#FFFFFF;
 color: #333333;
 text-align:center;
 padding:0;
}

h1
{
  font-family: verdana,arial;
  font-weight: bold;
  font-style: italic;
  font-size: 16px;
  color: #de672f;
}

h2
{
  font-family: verdana,arial;
  font-weight: normal;
  font-style: italic;
  font-size: 16px;
  color: #de672f;
}

h3
{
  font-family: verdana,arial;
  font-weight: normal;
  font-style: italic;
  font-size: 14px;
  color: #de672f;
}

h4
{
  font-family: verdana,arial;
  font-weight: bold;
  font-size: 12px;
  color: #de672f;
}


/******************************************/
/*** Elementos de la plantilla (layout) ***/
/******************************************/
#container 
{
 text-align:left;
 border:1px solid #000000;
 width:800px;
 margin:auto;
}

#header 
{
 height:114px;
 background: url(../img/header_bck.jpg) top right repeat-x;
 color: #ffffff;
}

#nav 
{
 height:35px;
 background:#ffffff;
 font-family: arial, verdana;
 font-style: italic;
 font-size: 18px;
 color: #FFFFFF; 
}

#cols 
{
 position:relative;
 background: #ffffff;
 color: #333333;
 width:800px;
 padding:0;
}

#l-col 
{
 float:left;
 background:#ffffff url(../img/left_bck.gif) top left no-repeat;
 color: #333333;
 width:300px;
 font-family: verdana, arial;
 color: #000000;
 font-size: 11px;
 padding: 1em;
 min-height: 55px;
 text-align: right;
}

#r-col 
{
 padding: 1em;
 background:#ffffff;
 text-align:left;
 font-family: verdana, arial;
 color: #000000;
 font-size: 11px;
 margin-left: 322px;
}

#footer 
{
 clear: both;
 background: url(../img/footer_bck.jpg) no-repeat;
 width: 800px;
 height: 175px;
 margin:0;
}
 
/**************************************/
/*** Menú de pestañas               ***/
/**************************************/
#navmenu
{
  list-style: none;
  height: 35px;
  margin: 0px;
  padding: 0px;
  float: left;
}
 
#navmenu li
{
  display: inline;
  margin-left: 0px;  
}

#navmenu li a
{
  width: 154px;
  height: 35px;
  background: url(../img/menu_off.gif) no-repeat;
  float: left;
  text-align: center;
  text-decoration: none;
  color: #ffffff;
  padding-right: 7.5px;
}

#navmenu li a:hover
{
  background: url(../img/menu_on.gif) no-repeat;
  text-decoration: none;
  color: #ffffff;
}

#navmenu li a.lastitem
{
  padding: 0px;
  margin-right: 0px;
  float: right;
}

#navmenu li a.selected
{
  background: url(../img/menu_on.gif) no-repeat;
  text-decoration: none;
  color: #ffffff;
}

#navmenu li a.lastitemselected
{
  padding: 0px;
  margin-right: 0px;
  float: right;
  background: url(../img/menu_on.gif) no-repeat;
  text-decoration: none;
  color: #ffffff;
}
 
/**************************************/
/*** Elementos propios              ***/
/**************************************/ 
#separator
{
  background: url(../img/separator.gif) no-repeat scroll right;
  border: 0;
  height: 26px;
}

.ponente
{
  font-family: verdana,arial;
  font-weight: bold;
  font-size: 12px;
  color: #000000;
}

/**************************************/
/*** Formularios                    ***/
/**************************************/ 

form.formulario fieldset 
{
  margin-bottom: 10px;
	background: url(../img/gradient_form.gif) left bottom repeat-x;
	border: none;
	border-top: 1px solid #de672f;
  
}
form.formulario legend 
{
  padding: 0 2px;
  font-weight: bold;
}
form.formulario label 
{
  display: inline-block;
  line-height: 1.8;
  vertical-align: top;
}
form.formulario fieldset ol 
{
  margin: 0;
  padding: 0;
}
form.formulario fieldset li 
{
  list-style: none;
  padding: 5px;
  margin: 0;
	border-bottom: 1px solid #e68a56;  
}
form.formulario fieldset fieldset 
{
  border: none;
  margin: 3px 0 0;
}
form.formulario fieldset fieldset legend 
{
  padding: 0 0 5px;
  font-weight: normal;
}
form.formulario fieldset fieldset label 
{
  display: block;
  width: auto;
}
form.formulario em 
{
  font-weight: bold;
  font-style: normal;
  color: #f00;
}
form.formulario label 
{
  width: 200px; /* Width of labels */
}
form.formulario fieldset fieldset label 
{
  margin-left: 123px; /* Width plus 3 (html space) */
}
form.formulario input
{
border: 1px solid #de672f;
}

/**************************************/
/*** Página de los ponentes         ***/
/**************************************/ 

#ulponentes
{
  list-style-type: square;
}
#divPonente
{
  width: 100%;
  
}
#divPonenteFoto
{
  float: left;
  width: 105px;
  
}
#divPonenteDatos
{
 margin-left: 115px; 
}