*
{
	margin:0px;
	padding:0px;
}
img
{
	border:none;
}
body
{
	color:#333;
	font-size: 11px;
	font-family: Verdana;
	text-align:center;
	margin:10px;
	overflow: scroll;
}
table
{
	font-size: 11px;
	font-family: Verdana;
}
a
{
	color:#f45f00;
	text-decoration:none;
}
#menu a:hover, #status a:hover, .notice a:hover
{
	color:#FDC68E;
	text-decoration:underline;
}
input, select, option
{
	font-size:10px;
}
textarea
{
	font-family:Verdana;
}
#content ul
{
	margin-bottom: 5px;
	margin-left: 5px;
}
#content ul li
{
	margin-left: 20px;
	list-style-image: url(img/arrow.jpg);
}
#content ul ul li
{
	list-style-image: url(img/segundo.jpg);
}
.flecha li
{
	margin-left: 20px;
	list-style-image: url(img/arrow.jpg);
}
.segundo li
{
	list-style-image:url(img/segundo.jpg);
}
/*Imagen de carga de la página*/
#loading
{
	visibility: visible;
	width: 200px;
	height: 50px;
	margin: auto;
	top: 45%;
	left: 40%;
	position: absolute;
}
#container
{
	margin: auto;
	border-collapse: collapse;
}
/*Cabecera de la página*/
#header
{
	margin:0px 10px 15px 10px;
}
#header img
{
	border:1px solid #f45f00;
	margin-top: 5px;
}
/*Menú lateral*/
#menu
{
	width:135px;
	margin:10px;
	float:left;
}
#menu .header
{
	color:#FFF;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	background-color:#f45f00;
	padding:3px;
}
#menu .content
{
	color:#f45f00;
	font-size:11px;
	font-weight:bold;
	font-family:Verdana;
	border:1px solid #f45f00;
	border-top:hidden;
	background-color: #FFF;
	margin-bottom:20px;
	padding:10px 0px;
}
#menu a
{
	color:#f45f00;
	text-decoration:none;
}
#menu li
{
	margin: 3px 0px;
	margin-left:30px;
}
.textbox
{
	margin-bottom:10px;
	margin-top:5px;
	border:1px solid #f45f00;
	background-color:#FFEADF;
	color:#666;
	font-size:10px;
	padding:2px;	
}
#menu .login
{
	margin-left:10px;
}
#menu .button
{
	margin-left:2px;
}
#menu .button_container
{
	margin-bottom:15px;
	margin-top:5px;
}
#menu .question
{
	color:#f45f00;
	font-size:9px;
	margin:5px 0px;
	text-align:center;
	border-bottom:1px dashed #f45f00;
	border-top:1px dashed #f45f00;
	padding:1px;
}

/*Contenido*/
#main
{
	background-color:#EBEBEB;
	width:750px;
	margin:auto;
}
/*Sombras*/
#leftShadow
{
	background-image: url(img/leftShadow.jpg);
	background-repeat: repeat-y;
}
#rightShadow
{
	background-image: url(img/rightShadow.jpg);
	background-repeat: repeat-y;
}
.emptyShadow
{
	background-color:#EBEBEB;
}
#status
{
	color:#f45f00;
	font-size:12px;
	font-weight:bold;
	margin-bottom:5px;
}
#status a
{
	margin:5px;
}
#message_status
{
	font-weight:bold;
	height:23px;
	margin-top:10px;
	margin-left:10px;
}
#message_status img
{
	margin-right:5px;
	vertical-align:middle;
}
#message_status .info
{
	color:#333;
}
#message_status .error
{
	color:#f00;
}
#message_status .success
{
	color:#0f0;
}
/*Contenido*/
#content
{
	float:right;
	width:580px;
	padding:10px;
	padding-left:5px;
}
/*Artículo*/
.notice
{
	margin-bottom:15px;
	border-collapse: collapse;
}
.notice .topBorder
{
	background-image:url(img/topNote.jpg);
	background-repeat: repeat-x;
}
.notice .bottomBorder
{
	background-image:url(img/bottomNote.jpg);
	background-repeat: repeat-x;
}
.notice .leftBorder
{
	background-image:url(img/leftNote.jpg);
	background-repeat: repeat-y;
}
.notice .rightBorder
{
	background-image:url(img/rightNote.jpg);
	background-repeat: repeat-y;
}
.notice .content
{
	color:#666;
	width: 1280px; /* evitar que unas noticias tenga menos tamaño que otras, poniendo un ancho exagerado */
	background-color: #FFF;
}
.notice .content .text
{
	text-align:justify;
	padding-top: 15px;
}
.notice .content .text p
{
	padding-bottom:10px;
}
.notice .content .text p:first-letter
{
	margin-left:10px;
}
.notice .content .head
{
	color:#666;
}
.notice .content .head .title
{
	font-size: 20px;
	font-weight: bold;
	float: left;
	width: 400px;
}
.notice .content .head .date
{
	font-size: 10px;
	font-style: italic;
	float:right;
	padding-top: 5px;
}
.notice .content .text .sales
{
	font-size: 10px;
	font-style: italic;
	text-align: right;
	padding-top: 10px;
	clear: both;
}
.image_right
{
	float:right;
	width:200px;
	margin-left: 10px;
	margin-bottom: 10px;
}

/*register.php, recovery.php, login_failed.php*/
.register, #recovery, #login_failed, #form_contact
{
	color:#666;
	font-size:10px;
	font-weight:bold;
	border:1px solid #ccc;
	width:400px;
	margin:10px;
}
#login_failed
{
	width:300px;
}
.register td, #recovery td, #login_failed td, #form_contact td
{
	background-color:#fff;
	width:100%;
	padding-left:10px;
}
.register .textbox, #recovery .textbox, #login_failed .textbox, #form_contact .textbox
{
	margin:5px 40px 5px 20px;
}
.register .blank
{
	padding-bottom:20px;
	background-color:#ebebeb;
}
.register .button, #recovery .button, #login_failed .button, #form_contact .button
{
	border-top:5px groove #ccc;
	text-align:center;
	padding:5px;
}
/*catalogue.php*/
.category, .suppliers
{
	background-color:#FFF;
	border:5px double #ccc;
	margin-bottom:20px;
	padding:20px 10px 20px 20px;
	width:100%;
}
.mensaje, .mensaje_suppliers, .mensaje_login_failed
{
	color:#666;
	font-size:11px;
	font-weight:bold;
	border:3px dotted #EBEBEB; 
	background-color:#FFF;
	text-align:justify;
	margin-bottom:20px;
	padding:15px;
}
.mensaje
{
	margin-top: 15px;
}
.mensaje_login_failed
{
	width:300px;
	margin:10px;
	padding:5px 15px;
}
.mensaje_login_failed p
{
	margin:10px 0px;
	text-align:left;
}
.mensaje_suppliers
{
	text-align: center;
}
.mensaje_suppliers a:hover
{
	text-decoration:underline;
}
.mensaje_suppliers .selected
{
	color: #FFF;
	background-color: #CCC;
	margin: 30px;
	padding: 3px;
}
.mensaje p:first-letter
{
	margin-left:15px;
}
.mensaje_suppliers a
{
	color:#666;
	margin: 30px;
	padding: 3px;
}
.category .size_text
{
	width:100%;
	text-align:center;
}
.category .texto
{
	margin:auto;
}
.category .texto td, .suppliers .texto
{
	border-top:3px double #CCC;
	border-bottom:3px double #CCC;
	background-color:#FBFBFB;
	width:240px;	
	text-align:center;
	padding:5px 10px;
}
.category .texto a
{
	text-transform:uppercase;
}
.category .texto td:hover, .suppliers .texto:hover
{
	background-color:#CCC;
	border-top-color:#FBFBFB;
	border-bottom-color:#FBFBFB;
	text-decoration:none;
}
.category .texto a:hover, .suppliers .texto:hover
{
	color:#FBFBFB;
	background-color:#CCC;
	text-decoration:none;
}
.category .texto a, .suppliers .texto
{
	color:#666;
	font-size:12px;
	font-weight:bold;
	text-decoration: none;
}
/**/
.password
{
	font-size:8px; 
	font-weight:normal;
}
#cat_tests, #cat_tests_gen, #faq, #contact, #admin_panel, #pendant_users, #req_level
{
	background-color:#FFF;
	border:5px double #ccc;
	margin-bottom:20px;
	padding:10px 10px 20px 20px;
	color:#666;
	font-weight:bold;
	font-size:11px;
}
#cat_tests_gen
{
	padding:10px 5px 25px 5px;;
}
#cat_tests .flecha li
{
	padding:3px 0px;
}
#cat_tests .flecha a
{
	cursor: pointer;
	color: #666;
}
#cat_tests .flecha a:hover
{
	text-decoration: underline;
}
.hidden
{
	visibility:hidden;
	height:0px;
}
.visible
{
	visibility:visible;
	height:auto;
}
#cat_tests .flecha .test_list li, #cat_tests .test_question li, #faq .test_question li ,#manage li
{
	list-style-image:none;
	list-style-type:decimal;
	color:#f45f00;
	font-weight:bold;
}
#manage li
{
	margin-left:30px;
}
#cat_tests .test_question, #faq .test_question
{
	padding-left: 20px;
}
#cat_tests .test_question .text, #faq .test_question .text
{
	margin-top: 20px;
	margin-left: 10px;
	margin-bottom: 10px;
	color:#666;
	font-size: 12px;
}
#cat_tests .flecha .test_list .test, #manage .test
{
	color:#666;
	font-weight:normal;
}
#cat_tests .flecha .test_list img
{
	padding:0px 10px;
}
#cat_tests .test_question .text img
{
	padding:0px 10px;
}
#cat_tests .test_question .test_answers li
{
	font-size: 12px;
	list-style-type:lower-alpha;
	margin-top: 7px;
	font-weight: normal;
}

#cat_tests .test_question .test_answers, #faq .test_question .test_answers
{
	margin-left: 20px;
	border: 1px solid #FFF;
	font-weight: normal;
}
#cat_tests .test_question .test_answers .text,  #faq .test_question .test_answers .text
{
	font-size: 11px;
}
#cat_tests .test_question .test_answers li input
{
	margin-right: 5px;
	vertical-align:text-bottom;
	height: 11px;
}
#cat_tests .flecha .test_list .text:hover
{
	color:#999;
	text-decoration:underline;
}
#cat_tests .estadisticas_test, #cat_tests_gen .estadisticas_test
{
	border:1px solid #f45f00;
	margin:auto;
	width:400px;
	color:#666;
}
#cat_tests_gen .estadisticas_test
{
	width:550px;
}
#cat_tests .estadisticas_test .impar, #cat_tests_gen .estadisticas_test .impar
{
	background-color:#F5F5F5;
}
#cat_tests .estadisticas_test .par, #cat_tests_gen .estadisticas_test .par
{
	background-color:#FDFDFD;
}
#cat_tests .estadisticas_test td, #cat_tests_gen .estadisticas_test td
{
	padding:5px 10px;
}
#cat_tests_gen .estadisticas_test td
{
	text-align:center;
}
#cat_tests_gen .estadisticas_test .nombre_test
{
	text-align:left;
}
#cat_tests_gen .estadisticas_test .nombre_test a, #faq .test_question li .test_answers
{
	color:#666;
}
#cat_tests_gen .estadisticas_test img, #cat_tests .estadisticas_test img
{
	padding-left:5px;
}
#cat_tests .estadisticas_titulo, #cat_tests_gen .estadisticas_titulo
{
	margin:auto;
	text-align:center;
	padding:15px 0px 5px 0px;
}
#cat_tests .leyenda
{
	border:1px dotted #f45f00;
	text-align:center;
	margin-top:20px;
	padding:10px 0px;
	background-image:url(img/bggreydiag.gif);
}
#cat_tests .leyenda img
{
	margin-left:10px;
	vertical-align:middle;
}
#cat_tests .leyenda .title
{
	padding:3px;
	color:#f45f00;
	border-bottom:1px dotted #f45f00;
	border-right:1px dotted #f45f00;
	font-weight:bold;
	float: left;
	margin:-10px 0px;
	background-color:#fff;
}
#cat_tests .tests_footer, #cat_tests_gen .tests_footer
{
	text-align:center;
	margin-top:20px;
}
#cat_tests .estadisticas_test .negrita, #cat_tests_gen .estadisticas_test .negrita td
{
	font-weight:bold;
}
#cat_tests a:hover, #cat_tests_gen a:hover
{
	text-decoration:underline;
}
#cat_tests .final_note
{
	text-align:right;
	font-size:14px;
	margin:20px 60px;
}
#contact
{
	background-image:url(img/cei_bg.jpg);
	background-repeat:no-repeat;
	margin-top: 5px;
}
#contact .info
{
	width:200px;
	float:right;
	padding-top:50px;
}
#contact .info .logo
{
	color:#f45f00;
	font-size:18px;
	padding:5px 0px;
}
#contact .info p
{
	padding-bottom:2px;
}
#form_contact td
{
	background:none;
}
#form_contact
{
	border:none;
}
#form_contact .contact_button
{
	text-align: center;
}
.nav_bar
{
	padding: 5px;
	text-align: center;
	font-weight: bold;
	color: #666;
	margin:auto;
}
.nav_bar img
{
	vertical-align: bottom;
}
#admin_panel .form .request
{
	margin: 8px 0px;
}
#admin_panel .form .button
{
	text-align: center;
}
#admin_panel .form .request_border
{
	border: 1px solid #F45F00;
	padding: 5px;
	font-weight: normal;
}
#admin_panel .form .request .dato
{
	font-weight: normal;
}
.result_img
{
	padding: 3px;
	margin-left: 3px;
	margin-top: 1px;
	margin-bottom: 5px;
	height: 14px;
	width: 14px;
	vertical-align: middle;
}
.manage_img
{
	padding: 3px;
	margin-left: 3px;
	margin-top: 1px;
	margin-bottom: 5px;
	height: 14px;
	width: 14px;
	border: 1px dashed #999;
	vertical-align: middle;
}
.manage_img:hover
{
	background-color: #BBB;
}
#admin_panel .form option
{
	padding-right: 5px;
}
#manage ol
{
	margin-bottom:10px;
	margin-left:10px;
}
#manage .item_title
{
	margin-top:10px;
	margin-left:10px;
}
#admin_panel .section
{
	margin:10px 0px;
}
#admin_panel .header
{
	padding-bottom:5px;
}
#admin_panel a
{
	color:#666;
	font-weight:normal;
}
#admin_panel a:hover
{
	color:#333;
	text-decoration:underline;
}
.info_img
{
	float: left;
	margin-top: -28px;
	margin-left: -7px;
}
.strong_red
{
	color: #F00;
	font-weight: bold;
}
#admin_panel .test_answer
{
	margin-left: 20px;
	font-weight: normal;
}
.descript_image
{
	width: 200px;
	vertical-align:middle;
	margin-right:20px;
}
.suppliers_image
{
	width: 250px;
	vertical-align:middle;
	margin-right:20px;
}
.test_questions_manage .question {
	padding: 5px 0px;
	font-weight: bold;
}
.test_questions_manage .question input {
	font-weight: bold;
}
.test_questions_manage .answer {
	padding: 5px 20px;
	font-weight: normal;
}
.test_questions_manage .answer input {
	font-weight: normal;
}
.test_questions_manage .es_verdadera_radio {
	margin-left: 50px;
}
#req_level p {
	margin-bottom: 10px;
}
#req_level .button {
	vertical-align: middle;
}