﻿body {
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 14px;
	text-align:left;
	font-weight: normal;
	color:#505050;
	margin: 3px;
	background-color:white;

}

#box {
	
	padding:0px;
	min-width:980px;
	width: expression((documentElement.clientWidth <980) ? "980px" : "100%" );	
}

#tamañoLetra {
	float:right; vertical-align:top; margin-top:3px;margin-right:3px
}
#IntentosTest {
	width: 175px; float:right; text-align:right; vertical-align:top; font-size:11px; color: red; margin-top:25px
}

#AmpliarDIV {
	vertical-align:top; 
	color:#505050;
	font-size: 14px;
	float:right;
	margin-right:4px;
	margin-top:17px;
	margin-left:20px;
	margin-bottom:20px;
}

#bienvenida
{
	background-image:url('images/fondo-div-info.jpg');
	background-repeat:repeat-x;
	background-color:white;
	background-position:bottom;
	height: auto;
	display:block;
	padding:8px;
	margin-top:4px;
	color:#7d7b7b;
	font-size:11px;
	text-align:justify;
}
#Enblanco
{
	height: auto;
	display:block;
	padding:1px;
	margin-top:3px;
	color:#7d7b7b;
	font-size:11px;
	text-align:justify;
}
#titulo{
	float:left;
	font-weight:bold;
	padding-top:4px;
	padding-left:9px;
	padding-right:25px;
	padding-bottom:3px;
}
#divPorcentaje{
	float:left; margin:3px 0px 0px 5px; color:#1593db; font-size: 14px; line-height:10px; width:174px; height:56px;
	background-image:url('images/porcentaje-del-curso.jpg'); background-position:bottom; background-repeat:no-repeat
}
#divPorcentaje2{
	float:left; width:144px; margin-right:10px; margin-bottom:0px; background-image:url('images/porcentaje-del-curso-pq.jpg'); background-repeat:repeat-x; height: 21px
}
#divPorcentajeBarra{
	background-image:url('images/fondo-porcentaje-del-curso-pq.jpg'); background-repeat:repeat-x; height:8px; margin-top:12px; font-size:0px;margin-bottom:0px;
}
#contenedorContenidoGeneral
{
	border:1px solid #85d0f2;
	margin-top:6px;
	height:auto;
	display:block;
}
#cabeceraContenido
{
	height:23px;
	background-image: url('images/fondo-cabecera-contenido.jpg');
	background-repeat:repeat-x;
	background-color:#6bc9f2;
	color:white;
	font-size: 14px;
}
#contenedorContenido
{
	margin:8px;
	
}
#contenedorCabeceraModulo
{
	background-image:url('images/fondo-modulo.jpg');
	background-repeat:repeat-x;
	background-position:top;
	border:1px solid #e6bc8f;
	background-color:#ffe5c8;
	padding-left:10px;
	padding-top:7px;
	padding-bottom:7px;
	padding-right:7px;
	margin-top:10px;
}
#contenedorModulo
{
	background-image:url('images/fondo-contenedor-modulo.jpg');
	background-repeat:repeat-x;
	background-position:top;
	border-left:1px solid #e6bc8f;
	border-right:1px solid #e6bc8f;
	border-bottom:1px solid #e6bc8f;
	background-color: white;
	padding: 1px 17px 17px 17px;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size: 14px;
	color:#505050;
	line-height:16px;
}


#textoModulo{
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size: 14px;
	text-align:left;
	line-height:16px;
	font-weight:bold;
	color:#505050;
	display:table;
}
#divinfoUsuario
{
	background-image:url('images/fondo-info-usuario.jpg');
	background-repeat:repeat-x;
	background-color:white;
	background-position:bottom;
	height: auto;
	display:block;
	padding:15px;
	margin-top:4px;
	border:1px solid #bdbdbd;
	color:#2790e1;
	font-size:11px;
	text-align:left;
}

#divizquierdo
{
	width:212px;
	height:auto;
	display:table;
	float:left;
	margin-top:4px;
}
#divderecho
{
 	margin-left:216px;
 	display:block;

}
#divcontenidoInfo{
	border:1px solid #bdbdbd;
	background-image:url('images/fondo-div-info.jpg');
	background-repeat:repeat-x;
	background-position:bottom;
	margin-bottom:4px;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:11px;
	color:#414141;
	padding:2px;
}
#divtituloInfo{
	background-image:url('images/fondo-titulo-info.jpg');
	background-repeat:repeat-x;
	background-position:bottom;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#FFFFFF;
	height:22px;
	padding-top:6px;
	padding-left:5px;
}

#contenedorMenu{
	 background-image:url('images/fondo-div-vacio.jpg'); height:62px; margin-top:4px; width:auto; display:block; vertical-align:top
}


#cabecera {
	margin: 0px auto;
	padding: 0px;
	width: 100%;
	background-image:url('images/fondo-cabecera.jpg');
	background-repeat:repeat-x;
	height:auto;
	display:table;
}
#tituloSubmodulo{
	background-color:#ffefdb;
	padding:5px 20px 5px 20px;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:bold;
	color:#505050;
	margin-top:20px;
	text-align:left;
	line-height:16px;
	
}
#barraProgreso{
	background-image: url('images/fondo-porcentaje-del-curso.jpg'); background-repeat:repeat-x; font-size:5px; background-position:bottom;height:10px; margin-top:14px; margin-left:2px; margin-right:2px
}
.tableModulo{
	margin-top:10px;
}
.table{
	margin-top:10px; margin-left:20px; margin-right:20px
}
.td{
	font-size: 14px;
}

.numeroPorcentaje{
	font-size:16px; color:#f0862f; font-weight:bold; background-color:white; line-height:20px; padding-left:3px; padding-right:3px; vertical-align:middle; margin-left:5px;
}

.tdAnexo{
	background-image:url('images/fondo-anexo.jpg');
	background-repeat:repeat-x;
	background-position:top;
	border:1px solid #86bfe7;
	background-color:#cbe9ff;
	padding-left:10px;
	padding-bottom:4px;
	padding-top:4px;
	padding-right:4px;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:bold;
	color:#505050;
	width:80%;
	text-align:left;
	line-height:16px;

}
.tdbordeAnexo{
	background-image:url('images/fondo-anexo.jpg');
	background-repeat:repeat-x;
	background-position:top;
	border-top:1px solid #86bfe7;
	border-bottom:1px solid #86bfe7;
	border-right:1px solid #86bfe7;
	background-color:#cbe9ff;
	padding:7px;
	border-left:2px solid white;
	width:20%;
	text-align:center;
}
.campoForo{
	border:1px solid #86bfe7;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 14px;
	color:#505050;
}


.tdModulo{
	background-image:url('images/fondo-modulo.jpg');
	background-repeat:repeat-x;
	background-position:top;
	border:1px solid #e6bc8f;
	background-color:#ffe5c8;
	padding-left:10px;
	padding-bottom:4px;
	padding-top:4px;
	padding-right:4px;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:bold;
	color:#505050;
	width:80%;
	text-align:left;
	line-height:16px;

}
.tdbordeModulo{
	background-image:url('images/fondo-modulo.jpg');
	background-repeat:repeat-x;
	background-position:top;
	border-top:1px solid #e6bc8f;
	border-bottom:1px solid #e6bc8f;
	border-right:1px solid #e6bc8f;
	background-color:#ffe5c8;
	padding:7px;
	border-left:2px solid white;
	width:20%;
	text-align:center;
}
.tdBlanco{
	padding:5px;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:normal;
	color:#505050;
	width:80%;
	text-align:left;
	line-height:16px;
}
.tdbordeBlanco{
	border-left:3px solid white;
	padding:5px;
	width:20%;
	text-align:center;
}
.tdGris{
	padding:5px;
	background-color:#e9e9e9;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:normal;
	color:#505050;
	text-align:left;
	line-height:16px;

}
.tdbordeGris{
	border-left:3px solid white;
	padding:5px;
	background-color:#e9e9e9;
	text-align:center;
}

.tituloBienvenida{
	font-size: 14px;
	font-weight:bold;
	color:#ef8127;
}

.numeroIdentificador{
	
	color:#ef832b;
	font-weight:bold;
	font-size: 14px;
}

.columnaFormularioTexto{
	height: 18px; background-color:#e8eea8; color: #595959; font-size: 12px; padding-left:10px; width: 144px;
	padding-right: 3px; padding-top: 3px; padding-bottom: 3px; vertical-align:top
}
.columnaFormularioDatos{
	background-color:#9bd0a5; text-align:center
}
.estiloCampoPHP{
	border:0px; width:250px
}
.estiloBotonEnviar{
	background-color:#28bfda; border:0px;color:white; padding:3px; width:100px
}



h1 {
	font-size: 20px;
	line-height:21px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-weight: bold;
	color: #28bfda;
	margin-bottom:2px;
	margin-top:0px;
	padding-left:12px;
	margin-right:0px;
	padding-right:0px;
}

h2 {
	color: #e37119;
	font-family:  Arial,Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:normal;
	text-decoration: none;
	padding-top:3px;
	margin-top:3px;
	margin-left:5px;
	margin-bottom:0px;
	
}
h3 {
	font-size: 14px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #114C6C;
	padding-bottom:0px;
	margin:0px;
}
p {
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 14px;
	text-align:justify;
	font-weight: normal;
	color: #505050;
	margin:0px;
	line-height:17px;
	padding-top:15px;
	margin-bottom:3px;
}
a:link,a:visited
{
	color: #999999;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-decoration: underline;
	line-height:14px;
}
a:hover
{
	color: #14aec5;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
a.LinkAzul:link,a.LinkAzul:visited
{
	color: #2790e1;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:normal;
	text-decoration: none;
	line-height:12px;
}
a.LinkAzul:hover
{
	color: #444444;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	line-height:12px;
	font-weight:normal;
	text-decoration: none;
	background-color:#f7caa6;
}


a.LinkAzul2:link,a.LinkAzul2:visited
{
	color: #2790e1;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:normal;
	text-decoration: none;
	line-height:13px;
	text-align:left;
}
a.LinkAzul2:hover
{
	color: #ef842d;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 14px;
	line-height:13px;
	font-weight:normal;
	text-decoration: none;
}


a.LinkBlanco:link,a.LinkBlanco:visited
{
	color: #FFFFFF;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	text-decoration: none;
}
a.LinkBlanco:hover
{
	color: #4f4f4f;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	text-decoration: none;
}
a.Navegacion:link,a.Navegacion:visited
{
	color: #11675E;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:normal;
	text-decoration: none;
}
a.Navegacion:hover
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	color: #0E5A9C;
	font-size: 11px;
}
.enhorabuena{
	font-size:20px;
	font-weight:bold;
	color:#03ac03;
}



