@charset "utf-8";
/* CSS Document */

@import url(reset.css);

body {
	background:#CC7A02;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#3E3E3E;
}

.pagina {
	background: url(../images/bg-wrapp2.jpg) repeat-y center;
	height:920px;
	width:848px;
	margin:20px auto;
	position:relative;

}

.pagina-top {
	position:absolute;
	top:0;
	left:0;
	background:url(../images/bg-wrapp-top.jpg) no-repeat center;
	height:10px;
	width:100%;
}

.pagina-bottom {
	position:absolute;
	bottom:0; 
	left:0;
	background:url(../images/bg-wrapp-bottom.jpg) no-repeat center;
	height:35px;
	width:100%;
}

.logo-sec{
	position:absolute;
	top:4px;
	left:10px;
	width:95px;
	height:110px;
	background: url(../images/logo-sec.jpg) no-repeat;
}

.contador{
	position:absolute;
	bottom:10px;
	left:50%;
	width:92px;
	height:50px;
	
}


.logo2{ 
    position:absolute;
	bottom:35px;
	left:10px;
	width:225px;
	height:35px;
	background: url(../images/logos-conafe-itd.jpg) no-repeat;
}


.titcon {
	width:120px; 
	position:absolute;
	top:0;
	left: 0px;
	padding:5px;
	background: #666 ;
	height:20px;
	color:#FFF;
	font-size:10px;
	}
.banner {
	padding:5px;
	background: #f5f5f5;
	height:20px;
	line-height:1.2em;
	font-size:10px;
	color:#666;
	width:512px;
	position:absolute;
	top:0;
	left: 130px;
	padding-left:10px;
}
li {list-style:none; margin-left:5px; }

.logo-ns{
	position:absolute;
	bottom:18px;
	right:18px;
	width:65px;
	height:65px;
	background: url(../images/lns.png) no-repeat;
	z-index:999;
}

.logo-bicentenario{
	position:absolute;
	top:10px;
	right:12px;
	width:70px;
	height:70px;
	background: url(../images/b-logo.jpg) no-repeat;
	z-index:10000;
}


.titulo-congreso {
	position:absolute;
	top:10px;
	left:235px;
	width:400px;
	height:165px;
	background: url(../images/titulo.png) no-repeat;
}

.logo-redes { 
    position:absolute;
	top:230px;
	left:10px;
	width:125px;
	height:150px;
	background: url(../images/logo-redes-conocimiento.png) no-repeat;
	display:none;
}

.btn-video{ 
    position:absolute;
	top:175px;
	left:24px;    
	width:160px;
	height:35px;
	background: url(../images/video.jpg) no-repeat;
	cursor: pointer;
	
}

.btn-sem{ 
    position:absolute;
	top:175px;
	left:185px;
	width:159px;
	height:35px;
	background: url(../images/sem.jpg) no-repeat top;
	
}

.btn-programa{ 
    position:absolute;
	top:175px;
	left:345px;
	width:159px;
	height:35px;
	background: url(../images/bg-btn-programa.jpg) no-repeat center;
	
}

.btn-maestros{ 
    position:absolute;
	top:175px;
	left:505px;
	width:159px;
	height:35px;
	background: url(../images/bg-btn-maestros.jpg) no-repeat;
}

.btn-programa-congreso{ 
    position:absolute;
	top:175px;
	left:665px;
	width:159px;
	height:35px;
	background: url(../images/bg-btn-programa-congreso.jpg)  no-repeat;
}
.btn { top:177px;}
.btn:hover { top:175px; cursor:pointer}


strong {font-weight:bold;}
table {
	width:760px;
	margin: 0 auto;
	}
table th {
	font-size:12px;
	background:#f5f5f5;
	color:#333;
	text-align:left;
	padding:5px;
	
}

table td {
	padding:5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	border-top:1px solid #eee;
	line-height:1.2em;
	text-align:justify;
}

td.col1 {
	border-left:1px solid #eee;
}
table  img { float: left; margin-right:5px; margin-bottom:5px; margin-top:20px;}

h2 { font-size:12px; font-weight:bold; padding:5px; text-transform:uppercase; background: #002d47 ; color:#fff; border:1px solid #FFF; }
.contenido {
	width:800px;
	padding:4px;
	height:600px;
	background: url(../images/bg-content.jpg) repeat-y center;
	position:absolute;
	top:210px;
	left:20px;
	
}

a { color:#00709e;}

.content {
	height:560px;
	overflow:auto;
}

.contenido-bottom {
	width:808px;
	height:5px;
	position:absolute;
	bottom:0;
	left:0;
	background:url(../images/bg-content-bottom.jpg) no-repeat;
}
	


.btn-videos {
	position:absolute;
	top:6px;
	left:24px;
	width:120px;
	height:30px;
	background: url(../images/bg-btn-videos.jpg) no-repeat center;
	z-index: 999px;
	}
.btn-materiales {
	position:absolute;
	top:6px;
	left:145px;
	width:120px;
	height:30px;
	background: url(../images/bg-btn-materiales.jpg) no-repeat center;
	z-index: 999px;
	}
.btn-preguntas {
	position:absolute;
	top:6px;
	left:266px;
	width:120px;
	height:30px;
	background: url(../images/bg-btn-preguntas.jpg) no-repeat center;
	z-index: 999px;
	}	

.btn2:hover {top:5px; border-bottom:1px solid #999}
 
.videos, .materiales, .preguntas {
	position:absolute;
	top:33px;
	left:24px;
	width:758px;
	border:1px solid #ddd;
	padding:1px;