/* --------------  ESTILOS BASICOS / BASIC STYLES  ---------- */
*{
	margin:0;
	padding:0;
}
html {
	background:#2d8134 url(http://www.videoemocion.com/fw07/fondo.jpg) no-repeat;
}
body { 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	width:100%;
}


img {}
.no-marco {}
.invisible {}
a {
	color:#666666;
}
a:link, a:visited {
	color:#666666;
}
a:hover, a:active {
	color:#333333;
}

/* Clases utilizadas para el estilo especmficamente */

.navegacion-secundaria {
	visibility:hidden;
	display:none;
}
dt {
	font-weight:bold;
}


/* ----------------  CABECERAS / HEADERS  ------------------ */
#cabecera {
	display:block;

	height:300px;
} 

#cabecera *{
	display:none;
}


.cabecera-body {
	text-align:center;
	
}
.cabecera-body img{
	display:none;
}
h1 {
	font-family:"Century Gothic", Verdana, Arial, sans-serif;
	font-size:3em;
	letter-spacing:0.3em;
}

a img, 
h1 a { 
	border: none;
}

h3{
	background:#5f8abf url(http://www.videoemocion.com/fw07/lado.jpg) right top repeat-y;
	color:#FFFFFF;
	border-top:#5f8abf 1px solid;
	font-family:"Century Gothic", Verdana, Arial, sans-serif;
	font-size:30px;
	font-weight:normal;
	height:23px;
	line-height:0.9em;
	overflow:hidden;
	padding-left:20px;
	letter-spacing:-2px;
	word-spacing:2px;
}

h3:first-letter{
	font-size:36px;
}

.titulo-menu{
	background:#914009;
	color:#FFFFFF;
	border-top:#914009 1px solid;
	font-family:"Century Gothic", Verdana, Arial, sans-serif;
	font-size:22px;
	font-weight:normal;
	height:17px;
	line-height:0.9em;
	overflow:hidden;
	padding-left:20px;
	letter-spacing:-2px;
	word-spacing:2px;
}



/*-------------- El Tmtulo de las Secciones (H2) ---------- */
/*
    Se incluyen DIVs especmficamente para poder aplicar estilos especiales a los tmtulos de las secciones
*/

h2{
	background:#FFFFFF;
	color:#2d8134;
	border-top:#2d8134 3px solid;
	font-family:"Century Gothic", Verdana, Arial, sans-serif;
	font-size:40px;
	font-weight:normal;
	line-height:0.9em;
	overflow:hidden;
	padding-left:10px;
	letter-spacing:4px;
	word-spacing:2px;
	text-align:center;
	
}

h2:first-letter{
	font-size:42px;
}



/* ---------------- MENZ de HERRAMIENTAS ----------- */
#menu-herramientas{
	width:50%;
	min-width:420px;
	max-width:700px;
	font-family:"Century Gothic", Verdana, Arial, sans-serif;
	line-height:1.5em;
    text-align: right;
	display:list-item;
	padding:2px 10px 0px 10px;
	text-transform:uppercase;
	font-size:12px;
	border:#FFFFCC 0px solid;
	font-weight:bold;
	list-style:none;
	margin:5px 5px 0px 5px;
	background:url(http://www.videoemocion.com/fw07/arriba.jpg);
	letter-spacing:2px;
	

}

#menu-herramientas a{
	color:#FFFFCC;
	text-decoration:none;
}

.titulo-menu {
	display:none;

}
#menu-herramientas .titulo-menu{
	display:none;
}

#menu-herramientas ul li {
    display: inline;
}
	
	
#menu-herramientas ul li.selector-idioma {
   float: right;
   padding-left:20px;
   padding-right:20px;
}

#menu-herramientas ul li.selector-idioma a:link,
#menu-herramientas ul li.selector-idioma a:visited {
	color:#FFFFCC;
	background:#990000;
}


#menu-herramientas ul li a:hover, 
#menu-herramientas ul li a:active,
#menu-herramientas ul li.selector-idioma a:hover,
#menu-herramientas ul li.selector-idioma a:active {

	background:#2d8134;

}

#herramientas li.linkActivo {
	text-decoration:underline;
}


/* el enlace a la portada */

#herramientas-portada {
 	float: left;
}

/* ------------------- MENZ de OPCIONES ------------- */
#menu-opciones {
	background:#FFFFCC url(http://www.videoemocion.com/fw07/menu.jpg) no-repeat;
	position:absolute;
	top:30px;
	left:700px;
	padding:5px;
	width:124px;
	color:#b15c0e;
}


#menu-opciones ul li {
	list-style:none;
	padding-top:5px;
	padding-left:20px;
}
#menu-opciones ul li span {
	border-bottom:#999999 1px solid;
}

#menu-opciones ul a:hover, 
#menu-opciones ul a:active {
	color:#2d8134;
	font-weight:bold;
	padding-left:5px;
}

#menu-opciones ul li.linkActivo {
	font-weight:bold;
}




/* ------ El CONTENEDOR del contenido de la pagina --------- */
#contenido {
	border:#006600 1px solid;
	margin:5px;
	background:#84BA72 url(http://www.videoemocion.com/fw07/abajo.jpg) bottom repeat-x;
	width:90%;
	min-width:550px;
	max-width:1000px;
	clear:both;
	float:left;

}


/* ---------- PATROCINADORES / SPONSORSHIP ----------------- */
.patrocinadores {
	text-align:center;
	width:110px;
	position:absolute;
	background:#FFFFFF;
	border:#006600 1px solid;
	padding: 5px;
	left:880px;
	top:30px;
}


.patrocinadores li {
	list-style:none;
}


/*  Los logos de los patrocinadores */
.patrocinadores img {
	border:none;
	width:9.5em;
	height:4em;
	padding:0px;
}


/* -------------- PIE / FOOT -------------------------- */
#pie {
	font-size:9px;
	clear:both;
	padding:30px 10px 20px 10px;
	height:62px;
	background:url(http://www.videoemocion.com/fw07/pie.jpg) no-repeat bottom;
}

#pie a{
	color:#FFFFCC;
}
#pie hr {
	display:none;
}   

.logos a {
	border:none;
}

/* ------ ELEMENTOS del CONTENIDO / CONTENT ITEMS ------ */
.item {
	background:#EEEEEE;
	border:#2d8134 1px solid;
	margin: 1px;
	clear:both;
	margin:10px;
	line-height:1.5em;
}

.item ul{
	padding-left: 25px;
	padding-bottom: 20px;
	overflow:auto;
}

.item h4{
	padding: 5px;
	margin-top:40px;
	margin-left:10px;
	border-top:#914009 2px solid;
}

/*  Elementos mas pequeqos / smaller items  */
.item-mini {	
	background:#EEEEEE;
	text-align:left;
	width:47.5%;
	float:left;
	border:#2d8134 1px solid;
	margin: 1%;
	padding-bottom:10px;
	clear:left;

}
.item dl{
	padding-left:40px;
	padding-right:20px;
}
.item dd{
	padding-left:10px;
	padding-bottom:10px;
	border-bottom:#2d8134 1px solid;
	margin:10px;
}

.item dt{
	color:2d8134;
}

.decorador{
	padding:5px;
}


.item-mini dl, 
.item-mini p {
	padding:0px 7px 0px 7px;
}
.item-mini ul{
	list-style:none;
	padding:0px 7px 0px 7px;
}
.item-mini h3 {
	margin-bottom:10px;
}
.par {
	clear:none;
}
/* El primer elemento publicado en el contenido / The first published element within the content */

.item p,
.item-mini p {
	padding-top:10px;
	padding-bottom:10px;
	padding-left:30px;
	padding-right:20px;
	line-height:2em;
}


/* --------- Resumen de las Sub-secciones y sugerencias ------
   --------- Summary of the Sub-sections and suggestions ---- */

.subsecciones {
	padding:10px;
	margin:10px;
	border:#2d8134 1px solid;
	background:#FFFFCC url(http://www.videoemocion.com/fw07/esquina.jpg) bottom right no-repeat;
	float:left;
	width:94%;
	
}
.subsecciones ul {
	list-style-type:none;
	float:left;
}
.subsecciones li {	
	padding-right:20px;
	padding-left:10px;
	padding-top:0px;
	padding-bottom:1px;
	background-image:url(http://www.videoemocion.com/fw07/punto.gif);
	background-repeat:no-repeat;
	background-position:bottom left;
}

.subsecciones a:hover{
	font-weight:bold;
	color:2d8134;
}

.siguiente-seccion {
	padding:10px;
	font-weight:bold;
	font-size:15px;
	letter-spacing:1px;
}
.anterior-seccion {
	padding:10px;
	font-weight:bold;
}

.siguiente-seccion a, .anterior-seccion a{
	color:#003300;
}
/* Anotacisn en la pagina */
div.nota {
	margin:10px;
	padding:5px;
	float:right;
	border:#000000 1px solid;
	background:#FFFFFF;
	
}
div.sugerencias {
	padding:5px;
	font-weight:bold;
	float:left;
}


/* ------------------ Tablas / Tables  ------------- */
table { 
	border:#2d8134 1px solid;
	width:98%;
	margin:1%;
	font-size:12px;
}
th {	
	padding:3px;
	border:#999999 1px solid;
}
td {
	padding:3px;
	border:#999999 1px solid;
	border-spacing:2px;
}
td dd{
	padding-left:30px;
	line-height:2em;
}

caption {
	color: #2d8134;
	font-size:1.2em;
	padding:20px 20px 10px 20px;
	font-weight:bold;
}

/* -- Tablas especmficas de la agenda / Specific tables for the program --- */
th.hora, 
td.hora {
	width:120px;
	border-right:#2d8134 1px solid;
	}

th.ponente {
	font-style:italic;
}

tr.descanso, 
tr.descanso td {
	background:#FFFFFF;
}

/* --------------- Contacto / Contact -------------- */
.adr {
	padding-left:45px;
}

/* ---------------------- Media -------------------- */
li.thumbnail {

    display: inline;
    float: left;
    width: 100px;
    height: 120px;
    text-align: center;
    margin: 5px;
    overflow: hidden;
    font-size: 9px;      
    padding: 0;  
}

li.thumbnail p {
    padding: 0 0.2em;
    margin: 0;
    line-height: 1.2em;
	text-align:right;

}

li.thumbnail a {
    border: none;
}


li.thumbnail img {
    border: 4px #CCCCCC solid;
    width: 75px;
    height: 75px;
}

.thumbnails {

    position: relative;
    margin: 0;
    padding: 0;

}

.thumbnails li.thumbnail-texto {

    list-style: none;
    height: 100px;
    line-height: 100px;

}

ul.thumbnails + p {

    clear: left;
    text-align: center;

} 


/* ---------------- Fechas / Dates  ------------------ */
.cal .date	{
font-style:italic;
float:right;
border-left:#000000 1px solid;
border-bottom:#000000 1px solid;
line-height:1.5em;
background:#FFFFFF;
}

.cal .year {
display:none;
}


/* --------------- Ponentes / Speakers  -------------- */
img.photo {
	float:left;
	margin:10px;
	border:#CCCCCC 4px solid;


}

/* --------------- Noticias / News  ------------------ */
ul.actualidad {
	line-height:3em;
}
ul.actualidad li {
	padding-top:10px;
	line-height:1em;
	padding-bottom:1.5em;
	border-bottom:#999999 1px solid;
}
ul.actualidad li.ultimo-item {
	line-height:3em;
	text-align:right;
	padding-bottom:0;
	border-bottom:none;
}


/* ------------------- RSS  -------------------------- */
.rss dd a {
	padding-left:15px;
}

.rss dt{
	padding-top:10px;
}

/* ---------- Comentarios en Twitter ----------------- */
.tiempo {
	font-style:italic;
	font-size:10px;
	padding-left:10px;
}