/***elementos comunes****/

h1 { font-weight: bold; margin: 5px 0 5px 0; font-size: 22pt; }
h2 { font-weight: bold; margin: 5px 0 5px 0; font-size: 18pt; }
h3 { font-weight: bold; margin: 5px 0 5px 0; font-size: 14pt; }	h3.h3Error { color: Red; }
h4 { font-weight: bold; margin: 5px 0 5px 0; font-size: 12pt; }
h5 { font-weight: bold; margin: 5px 0 5px 0; font-size: 10pt; }

div.clear { clear: both; }

a:link, a:visited { text-decoration: none; color: #592626; font-weight: bold; font-size: 9pt; }
a:hover, a:active { text-decoration: none; color: #000; font-weight: bold; font-size: 9pt; }

body { background-color: #E4E4E4; font-family: helvetica, Arial, sans-serif; color: #000; }

strong { font-weight: bold; }

input, textarea { font-size: 9pt;}

div.txtCopy { margin-left: 20px; }

/*******/

#all { background-color: #fff; margin: 5px 120px 0 120px; border: 1px solid silver; font-size: 9pt; }

#head { border:	0px solid yellow; text-align: left; margin: 0; padding: 0; }
	#logo { border: 0px solid pink; float: left; width: 209px; height: 150px; padding: 0; }
	#logo img { border: 0; }
	#nav-menu { border: 0px solid pink; text-align: right; padding: 10px 10px 0px 0; margin: 0; }
		#nav-menu ul { list-style: none; margin-top: 20px; }
		#nav-menu ul li { float: right; margin-left: 10px; }
		

#container { margin-top: 20px; padding: 5px 10px 10px 10px; min-height: 425px; height:auto !important; height: 425px; border: 0px solid pink; width: 920px; }
	#nav-site-location { text-align: left; font-size: 8pt; padding: 5px 0 10px 0px; } 
	
	#left-side-img { float: left; margin: 0 10px 0 10px; } 
	#left-side-content { border: 0px solid pink; float: left; margin-left: 10px; text-align: left; }
	
	table.tabForm { width: 600px; text-align: left;  margin: 10px 0 0 10px; }
	table.tabForm tr td { width: 150px; height: 25px; vertical-align: middle; white-space: nowrap; margin-top: 5px; }
	table.tabForm tr td.top { vertical-align: top; padding-top: 10px; }
	table.tabForm tr td.campo { width: 450px; }
	table.tabForm tr td.campo label { padding-left: 2px; }	
	table.tabForm tr td.noticia { padding: 10px 0 0 5px; }	
	table.tabForm tr td.noticia p { text-align: justify; white-space: normal; margin: 0; padding: 0; }	
	table.tabForm tfoot td {  height: 40px; }
	span.txtOpcional { font-style: italic; color: #8A8A8A; font-size: 12px; }
	div.toolbarOpciones { text-align: right; padding: 5px 0 5px 0; width: 800px; }
	
	ul.menu-test { list-style: none; margin-top: 10px; }
	ul.menu-test li { float: right; margin-left: 10px; }
	
	#pregunta-components { text-align: left; padding: 15px; }
	#pregunta-components div { margin-bottom: 20px; }
	#pregunta-components div table { margin: 5px 0 0 15px; }
	#pregunta-components div table.preg-component thead tr th { border: 0; }
	#pregunta-components div table.preg-component tfoot tr td { border-top: 1px solid #e8e8e8; }
	
	#main-public { border: 1px solid #592626; padding: 10px; height: 350px; }
		#login { float: left; width: 450px; border: 0px solid silver;  text-align: left; }
		#login h4 { margin: 10px 0 10px 0; }
		#login table { width: 400px; margin-top: 15px; }
		#login table tr td { text-align: left; height: 30px; }
		#portada { float: right; height:231px; }
		#login .loginOK { color: Green; margin-top: 20px; }
		#login .loginError { color: Red; margin-top: 20px; }
		
		#usuario-main { border: 0px solid #e00; }
			#usuario-main #left-side { float: left; width: 600px; height: 250px; margin-right: 5px; text-align: left; }
			#usuario-main #tab-side { border: 0px solid pink; float: right; width: 300px; text-align: left; }
		
		
	/**páginas de módulo de USUARIO-EMPRESA***/
		#mensajeria-container {	text-align: left; border: 1px solid silver; margin-top: 17px; padding: 10px; }
		#mensajeria-container div.tituloMensajeria { display: block; border: 1px solid silver; background-color: #F3F3F3; width: 100px; position: relative; top: -20px; left: 10px;  font-weight: normal; padding: 5px; }
		#mensajeria-container table thead{ background-color:#EBEBEB; }
		#mensajeria-container table thead th {  padding: 3px 0 3px 0; }
		#mensajeria-container table tbody tr td{ border-bottom:1px #EBEBEB solid; font-size:10px; padding: 3px 0 3px 0; }
		#mensajeria-container table tbody tr td a { font-size: 8pt; }
		
		div.noticias {  }
			div.noticias span { margin-right: 5px; }
		
		#toolbox{}
		#toolbox ul {}
		#toolbox ul li { float: right; margin-left: 10px; }
		#toolbox img { width: 40px; border: 0; position: relative; top: 5px; cursor: pointer; }
		
		/**ASISTENTE DE CERTIFICACION **********/
		div#progress_bar { margin: 5px 0 5px 0; text-align: left; background: url(../images/fondo-progreso.gif) repeat-x top left; height: 22px; position: relative; width: 100%; }
		div#progress_bar div.progress_bar_real {background: url(../../include/images/progreso.gif) repeat-x top left; height: 22px; position: relative; top: 0; left: 0; z-index: 1;}
		div#progress_bar div.progress_bar_text {  font-weight: bold; position: relative; top: -17px; left: 10px; z-index: 2; color: #3B3B3B; }
		
		#test-container { margin: 10px 0 0px 0; text-align: left; padding: 0px;}
		#test-container #pregunta-indicador { float: left; width: 30%; }
		#test-container #pregunta-indicador span { font-size: 18pt; font-weight: bold; }
		#test-container #toolbox { text-align: right; float: right; width: 65%; }
		#test-container #toolbox ul {}
		#test-container #toolbox ul li { float: right; margin-left: 10px; }
		#test-container #toolbox img { width: 40px; border: 0; position: relative; top: 0px; cursor: pointer; }
		#test-container #toolbox img.imgDown { top: 0; }
		#test-container #toolbox img.imgUp { top: -10px; }
		
		#pregunta-container { width: 640px; }
		#pregunta-container div.texto-instrucciones { text-align: left; margin: 10px 0 10px 0; display: block; }
		#pregunta-container div.texto-instrucciones p { width: 90%; text-align: justify; font-size: 8pt; margin-left: 15px; }
		#pregunta-container div.texto-pregunta { margin: 5px 0 5px 0; text-align: right; width: 600px; }
		#pregunta-container div.texto-pregunta div { background-color: #EBEBEB; padding: 15px 20px 15px 20px; text-align: left; margin-bottom: 10px; }
		#pregunta-container div.texto-pregunta #div_comentarioNuevo { display: none; margin-top: 5px; background-color: #fff; border: 0; text-align: right;}
		#pregunta-container div.respuestas {}
		#pregunta-container div.respuestas ul { margin-left: 20px; }
		#pregunta-container div.respuestas ul li { list-style: none; line-height: 20px; }
		#pregunta-container div.botonera-avance { text-align: right; }
		
		/**AVANCE DE CERTIFICACION ****/
		#avance-certificacion { text-align: left; }
		#avance-certificacion ul.listado-avance { margin: 20px 0 0 20px; }
		#avance-certificacion ul.listado-avance li { list-style: none; height: 28px; }
		#avance-certificacion ul.listado-avance li.ok { background: url(../images/bola2p.gif) no-repeat top left; padding-left: 23px; }
		#avance-certificacion ul.listado-avance li.no { background: url(../images/visible0.jpg) no-repeat top left; padding-left: 23px; }
		#avance-certificacion ul.listado-avance li.pe { background: url(../images/esfera.jpg) no-repeat top left; padding-left: 23px; }
		#avance-certificacion div.linkPDF { text-align: right; margin: 10px 0 10px 0; }
		#avance-certificacion div.linkPDF .btnGenerarPDF { background: url(../images/pdf.gif) no-repeat top left; padding-left: 23px; }
	
	
#foot { text-align: center; font-size: 8pt; padding: 10px 0 10px 0;  }



/* --------------------------------- */
/* user messages                     */
div.divMsg { display: block; width: 500px; margin: 10px 0 10px 0; }
/* --------------------------------- */
/* ROUNDED ALTERNATE	  		 	 */
/* ---------------------------------------------------------------------- */
.round-a-gray
{ background: #444444 url(../images/round_gray-left.png) left top no-repeat; color: #FFFFFF; text-align: center;  }
.round-a-gray div
{ background: url(../images/round_gray-right.png) right bottom no-repeat; padding: 4px; }
.round-a-gray div strong
{ font-weight: bold; padding: 1px 0 1px 0; display: block; font-size: 10pt; }
/* ---------------------------------------------------------------------- */
.round-a-ok
{ background: #008000 url(../images/round_green-left.png) left top no-repeat; color: #FFFFFF; text-align: center;  }
.round-a-ok div
{ background: url(../images/round_green-right.png) right bottom no-repeat; padding: 5px 0 5px 0; margin: 15px 0 15px 0; }
.round-a-ok div strong
{ font-weight: bold; padding: 1px 0 1px 0; display: block; font-size: 10pt; }
/* ---------------------------------------------------------------------- */
.round-a-error
{ background: #CC0000 url(../images/round_red-left.png) left top no-repeat; color: #FFFFFF; text-align: center;  }
.round-a-error div
{ background: url(../images/round_red-right.png) right bottom no-repeat; padding: 4px; }
.round-a-error div strong
{ font-weight: bold; padding: 1px 0 1px 0; display: block; font-size: 10pt; }	
/***********/