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

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
	background: #FFF;
	}

a {
    text-decoration: none;
	color:#209ff0;
}

a:hover {
	color:#73a937;
}

p {
	margin: 0 0 10px 0;
	}

img {
	vertical-align:middle;
	}
	
/* header */

#header {
	height:66px;
	background: #ffffff;
	width: 970px;
	margin:0 auto;
	}
#headerVideo {
	height:66px;
	background: #ffffff;
	width: 854px;
	margin:0 auto;
	}
	
#headerVideo {
	height:66px;
	background: #ffffff;
	width: 854px;
	margin:0 auto;
	}
	
/* menu */

#main_nav {
	list-style-position: outside;
    list-style-type: none;
	}

#main_nav li {
    float: left;
    margin: 0;
    padding: 8px 0 0;
    }

#main_nav li a.top_level_link {
    color: #009de1;
    display: block;
    float: left;
    font-weight: bold;
    margin: 0 16px 0 0;
    padding: 0 2px;
    width: auto;
	font-size:13px;
	letter-spacing:-0.5px;
	display: table;	
	}

#main_nav li a.top_level_link span {
	display: table-cell;
	vertical-align: middle;
	}

#main_nav li a:hover.top_level_link {
    color: #73a937;
	vertical-align: baseline;
	}

#main_nav li.active {
	color:#73a937;
    z-index: 98;
	}

.cursos {
	float:left; margin-top:-12px; margin-left:85px;}

.miSeguimiento {
	float:left; margin-top:-12px; margin-left:175px;}

.materialApoyo {
	float:left; margin-top:-12px; margin-left:300px;}

.clearer {
	clear: both;
	}

.clearer2 {
	clear:both;
	margin-bottom:10px;
	}
	
/* menu avatar  */

#nav {
	float:right;
	margin-top:20px;
	font-weight:bold;
	z-index: 999;
	}

#nav ul {
	position: relative;
	display: inline-table;
	list-style:none;
	}

#nav ul img {
	vertical-align:middle;
	}

#nav ul li {
    float: left;
	margin:0px 5px;	
	}

#nav ul li:hover {
    }

#nav ul li:hover a {
    }

#nav ul li a {
	display: block; padding: 5px 4px;
	color: #757575; text-decoration: none;
    }

#nav ul ul {
	display: none;
	list-style:none;
	background-color:#33FF00;
	border-left:1px solid #D3D3D2;
	border-right:1px solid #D3D3D2;
	border-bottom:1px solid #D3D3D2;
	}

#nav ul li:hover > ul {
    display: block;
	}

#nav ul:after {
    content: ""; clear: both; display: block;
	}

#nav ul ul {
    background: #fff; border-radius: 0px; padding: 0;
    position: absolute; top: 100%;
	}
	
#nav ul ul li {
	float: none; 
    position: relative;
    }
    
#nav ul ul li a {
	padding: 10px 10px;
	color: #333333;
	}
	
#nav ul ul li a:hover {
	}

#nav ul ul ul {
    position: absolute; left: 100%; top:0;
	}

.linea {
	border-top:1px solid #e4e4e1;
	}

/* Contenido */

#container {
	width:970px;
	margin:0 auto;
	height:auto;
	}
#containerVideo {
	width:854px;
	margin:0 auto;
	height:auto;
	}

#containerVideo {
	width:854px;
	margin:0 auto;
	height:auto;
	}

/* tooltip */	

#flotante{
	float:right;
    background: #f1d553 url(../images/pico.png)  ;
    color: #fff;
    padding:15px;
    z-index: 10;
    width: 404px;
	height:382px;
}

/* slide */	

#slides {
	display: none
    }

#slides .slidesjs-navigation {
	margin-top:3px;
    }

#slides .slidesjs-previous {
	margin-right: 5px;
	float: left;
    }

#slides .slidesjs-next {
	margin-right: 5px;
	float: left;
    }

.slidesjs-pagination {
	margin: 6px 0 0;
	float: right;
	list-style: none;
	display:none;
    }

.slidesjs-pagination li {
	float: left;
	margin: 0 1px;
    }

.slidesjs-pagination li a {
	display: block;
	width: 13px;
	height: 0;
	padding-top: 13px;
	background-image: url(../images/pagination.png);
	background-position: 0 0;
	float: left;
	overflow: hidden;
    }

.slidesjs-pagination li a.active,
.slidesjs-pagination li a:hover.active {
	background-position: 0 -13px
    }

.slidesjs-pagination li a:hover {
	background-position: 0 -26px
    }

#slides a:link,
#slides a:visited {
	color: #333
    }

#slides a:hover,
#slides a:active {
	color: #9e2020
	}

.navbar {
	overflow: hidden
    }
	
#ayuda {
    height:42px;
    width: 100%;
	}

.padre {
    display: table;
	background:#209ff0;
	}

.hijo {
    display: table-cell;
    vertical-align: middle;
	color:#FFFFFF;
	}

.quees {
	font-size:14px;
	padding-left:23px;
	padding-right:10px;
	width:auto;
	}

.caja {
	width:310px;
	background:#209ff0;
	float:left;
	margin:0 20px 0 0;
	min-height:161px;
	margin-top:15px;
	}

.caja2 {
	width:400px;
	background:#209ff0;
	float:left;
	margin:0 20px 0 0;
	min-height:42px;
	margin-top:15px;
	clear:both;
	}

.cajaCierra {
	width:310px;
	background:#209ff0;
	float:left;
	min-height:161px;
	margin-top:15px;
	}

.titTit{
	padding:10px;
	float:left;
	font-size:13px;
	width:290px;
	}
.titTit2{
	padding:10px;
	float:left;
	font-size:13px;
	}
.titTit2 h1{
	color:#FFFFFF;
	}
.titTit2 a{
	color:#FFFFFF;
	vertical-align: middle;
	height:100%;
	}
.titTit h1{
	color:#FFFFFF;
	}

.titMas{
	float:right;
	}
.iconMas{
	position:absolute;
	margin-left:268px;
	}
.iconEstado{
	position:absolute;
	margin-left:226px;
	}
.titTit a{
	color:#FFFFFF;
	vertical-align: middle;
	height:100%;
	}

.contentContenido {
	background:#FFFFFF;
	float:left;
	}
.contentContenido2 {
	background:#FFFFFF;
	margin-top:10px;
	padding:15px;
	}

.banner {
	width:970px;
	height:370px;
	background:url(../images/banner.jpg) no-repeat top left;
	}

.bannerText { padding:120px 0 0 80px;}

.bannerText h1 { font-size:28px; color:#209ff0;}

.bannerText h2 { font-size:18px; color:#000;}

.bannerText h2 span { font-style:italic;}

.bannerText h3 {font-size:13px; color:#000;}

#footer {
	text-align:center;
	margin:15px;
	}

#login {
	width:454px;
	}

#login h1 {
	font-size:22px;
	color:#979797;
	padding-bottom:20px;
	border-bottom:1px solid #e4e4e1;
	margin-bottom:20px;
	}

#login {
	margin:0 auto;
	font-weight:normal;
	color:#209ff0;
	font-size:19px;
	position:absolute;
	top:50%;
	left:50%;
	margin-left:-227px;
	margin-top:-279px;
	}

#error {
	color: #C80000 !important;
    margin: 0 0 17px;
    width: 100%;
	}

.cajaLogin {
	float:left;
	clear:both;
	margin-bottom:10px;
	}

#loginCaja {
	border-bottom:2px solid #979797; 
	border-left:2px solid #979797; 
	border-right:2px solid #979797; 
	width:390px; 
	padding:30px;
	font-size:12px;
	color:#979797;
	}

.botons, input.botons {
    background-image: url("../images/btnbks.png");
    border-style: none;    
    cursor: pointer;
    font-size: 18px;
	font-weight:bold;
    text-align: center;
    text-decoration: none;
    width: 215px; 
	background-position: left top;
    background-repeat: no-repeat;
    height: 53px;
	}

.centrarBoton {
	margin:0 auto;
	}

.botons, input.botons span {
	padding:12px 0 0 0;
	}

.botons a {
	color: #FFF;
	}

.botons a:hover {
	color: #000;
	}

.botons2
{
    background-image: url("../images/btnbks2.png");
    border-style: none;    
    cursor: pointer;
    font-size: 12px;
	font-weight:bold;
    text-align: center;
    text-decoration: none;
	background-position: left top;
    background-repeat: no-repeat;
    width: 126px;
    height: 29px;
    padding-top: 5px;
}

.botons2 a
{
	color: #FFF;
}

.botons2 a:hover
{
	color: #000;
}

	
	

.contenidoIzquierda {
	float:left; width:600px; margin: 15px 15px 0 0;
	}

.contenidoDerecha {
	float:left; border:1px solid #f2f2f2; width:326px; margin:15px 0 0 0;
}

.input4 {
	border: 1px solid #DBDBDB;
	width:100%;
	}

input[type="text"], input[type="password"] {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	border: 1px solid #DBDBDB;
	background:#f4f4f4;
	padding:4px;
	}

textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	border: 1px solid #DBDBDB;
	width:100%;
	background:#f4f4f4;
	padding:4px;
	}

.nuevo td {
	padding:5px;
	border-top:1px solid #DBDBDB;
	}

.tabletittd {
	padding:10px;
	background:#EBEBEB;
	border-bottom:1px solid #DBDBDB;
	font-weight:bold;
	font-size:14px;
	}

.tabletittd2 {
	padding:10px;
	border-bottom:1px solid #DBDBDB;
	font-weight:bold;
	font-size:16px;
	}

.tabletittd3 {
	padding:10px;
	background:#f7f7f7;
	border-bottom:1px solid #DBDBDB;
	font-weight:bold;
	font-size:12px;
	}

.derecha { float:right;}

.izquierda { float:left;}

.contentTit {
	border-bottom:1px solid #DBDBDB;
	 font-size: 18px;
	font-weight:bold;
	padding-bottom:10px;
	margin-bottom:10px;
	}

.bgGris {
	background-color:#f4f4f4;
	}
	
.submenu { width:100%; border-bottom:1px solid #f4f4f4; }

.submenu li {
    float: left;
    margin: 0;
    padding: 5px 15px;
	list-style:none;
	background-color:#f4f4f4;
	}

.submenu li a.top_level_link {
    color: #009de1;
    display: block;
    float: left;
    font-weight: bold;
    width: auto;
	font-size:14px;
	letter-spacing:-0.5px;
	display: table;	
    height: 30px;
	}

.submenu li a.top_level_link span {
	display: table-cell;
	vertical-align: middle;
	}

.submenu li a:hover.top_level_link {
    color: #73a937;
	vertical-align: baseline;
	}

.submenu li.active {
	color:#73a937;
    z-index: 98;
	}

.submenu li.current {
	color:#73a937;
	background: #FFF;
	border-top:1px solid #FFFFFF;
	border-top:1px solid #f4f4f4;
	border-left:1px solid #f4f4f4;
	border-right:1px solid #f4f4f4;
	}

.submenuCaja {
	border-bottom:1px solid #f4f4f4;
	border-left:1px solid #f4f4f4;
	border-right:1px solid #f4f4f4;
	}

#pepe ul {
	list-style: none;
	padding: 0;
	margin: 0;
	}
	
#pepe li {
	float: left;
	padding: 5px 15px;
	border: 1px solid #DBDBDB;
	border-bottom-width: 0;
	margin: 0 0.5em 0 0;
	background-color:#f4f4f4;
	}
	
#pepe a {
	display: block;
	padding: 0 1em;
	}
	
#pepe #selected {
	position: relative;
	top: 1px;
	background: white;
	font-weight: bold;
	color: #009de1;
	}
	
#pepecontent {
	border: 1px solid #DBDBDB;
	clear: both;
	padding:10px;
	}

.contentTit span 
{
	font-size:12px;
	font-weight:normal;
	}