/* Hoja de estilos CSS */


/* ------------------------- BASE ----------------------------- */
* { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; line-height:130%; }


/* ------------------------- ESTRUCTURA ----------------------------- */
body { padding:0; margin:0; text-align:center; }
#body_content { width:800px; margin:0 auto; padding:0; font-size:100%;	}
	#header { width:800px; margin:0 auto 2em auto; padding:0; }
	#index_content { width:93%; margin:1em 0; padding:1em 0; }
	#form1 { margin:0; margin:0; text-align:center; }
	#page_content { width:93%; margin:0 .5em; _margin:0 auto; padding:1em 0; }
	#footer { width:800px; margin:2em auto 0 auto; padding:11px 0 5px 0; color:#333333;	background: url(../images/bg_footer.gif) top center no-repeat; border-bottom:1px solid gray; }

/* --------------------------- PIE ------------------------------- */
#footer * { margin:0; }
#footer p { font-size:85%; line-height:25px; }
#footer p a { font-size:110%; color:#330099; letter-spacing:1px; text-decoration:none; }
#footer p a:hover { text-decoration:underline; }
#footer ul {  }
#footer li { display:inline; }
#footer li a { font-size:85%; color:#333333; text-decoration:none; margin:10px 0; }
#footer li a:hover { text-decoration:underline; }


/* ------------------------- CABECERA ----------------------------- */
/* ESTRUCTURA */
#header_top { background: url(../images/bg_cabecera_es.gif) 0px 5px no-repeat; }
#header_top { width:760px; _width:800px; height:60px; _height:90px; padding:1.5em; text-align:left; vertical-align:top; }
#header_top a { margin-right:1em; }
#header_menu { width:100%; height:30px;	text-align:right; vertical-align:top; }
#header_menu table.menu_ppal { width:100%; background:url(../images/bg_menu2.gif) left bottom no-repeat; }
#header_menu table.menu_admin {	width:25%; }

/* BANDERAS */
.flag { border: 1px solid gray; }

/* MENÚ PRINCIPAL */
/* Versión 1 */
#header .menu	{
	font-size: 80%;
	color: maroon;
	text-decoration: none;
	width:100%;
	height:30px;
	padding-top:10px;
	padding-right:5px;
}
#header .menu:hover { background: url(../images/bg_td_menu_over.gif) right bottom no-repeat; color:#361E1B; }
#header .admin	 { color: red; }
#header .td_menu, #header .td_menu_ultimo { text-align: center; background: url(../images/bg_td_menu.gif) right bottom no-repeat; }

/* Versión 2 - TODAVÍA NO ESTÁ FUNCIONAMIENTO */
#header_menu { text-align:left; }
#header_menu ul { width:100%; margin:0; padding:.7em .6em .8em .55em; background: url(../images/bg_menu2.gif) left bottom no-repeat; }
#header_menu ul li { display:inline; margin:0; padding: .2em 0 .4em 0; border-right:1px solid #333333; }
#header_menu ul li.last { background:none; border-right:none; }
#header_menu ul li a { margin:0 0 .3em .5em; padding: .3em 2.2% .3em 2.2%; font-size:80%; text-decoration:none; color: maroon; }
#header_menu ul li a:hover { border-bottom:5px solid #f3f3f3; }

/* INFO USUARIO */
#header td * { font-size:100%; color:#660000; }



/* ------------------------- PÁGINA INICIAL ----------------------------- */

/* TITULOS Y CAJAS DE LOGIN Y REGISTRO */
#index_content p { width:100%; margin:0; }
#index_content h1 { margin:0; padding:5px; }
#index_content .login h1 { background-color:saddlebrown; text-align:center; color:#FFFFFF; font-weight:normal; font-size:80%; margin-bottom:2px; }
#index_content .demo h1 { background-color:#d40000; text-align:center; color:#FFFFFF; font-weight:bold; font-size:90%; margin-bottom:2px; }
#index_content .demo td p { font-size:85%; margin:0 0 3px 0; }
/* MENÚ */
#index_content ul { width:100%; margin:0; height:30px; }
#index_content ul li { display:inline; }
#index_content ul li a { padding:10px 2% 8px 2%; height:30px; font-size:80%; color: maroon; text-decoration: none; }
#index_content ul li a:hover { background: url(../images/bg_td_menu_over.gif) right bottom no-repeat; color:#361E1B; }
/* PIE */
#index_content p.footer { font-size:80% }




/* ------------------------- PÁGINAS ----------------------------- */

/* GENERAL */
div.clear { width:100%; clear:both; }

/* CONTENEDORES */
#page_content div.page_box_wrapper { width:500px; margin:2em auto 0 auto; }
#page_content div.page_box { padding:15px; border: 1px solid #D19C6B; }
#page_content div.page_box .halfwide { width:468px; }
#page_content div.page_box .wideall { width:738px; _width:753px; margin:0; }
#page_content div.wideall { width:753px; }
#page_content div.page_box_notes { width:100%; padding:1.5em 1.5em 0 1.5em; }
/*#page_content div.wide div.page_box table { margin-bottom:10px; clear:both; }*/

/* ENLACES DE NAVEGACIÓN */
#page_content p.nav { text-align:center; color:#999999; }
#page_content p.nav a { padding:3px 10px; margin:5px; text-decoration:none; color:#990000; }
#page_content p.nav a:hover { text-decoration:underline; color:#CC0000; }
#page_content p.nav a.back { padding-left:30px; background:url(../images/nav_back.gif) 6px center no-repeat; }
#page_content p.nav a.up { padding-left:30px; background:url(../images/nav_up.gif) 6px center no-repeat; }

#page_content .linkgroup a { display:block; }
#page_content a.link { padding:5px 0 5px 30px; text-decoration:none; color:#990000; background:url(../images/nav_fwd.gif) 6px center no-repeat; }
#page_content a.link:hover { text-decoration:underline; color:#CC0000; }
/*#page_content p.nav a:hover {  }*/


/* TEXTO, LISTADOS E IMÁGENES */
.std3 { font-size: 80%; color: black; }
#page_content p { text-align:justify; }
#page_content .left { text-align:left; }
#page_content .center { text-align:center; }
#page_content .right { text-align:right; }
#page_content ul { text-align:left; }
#page_content ul li { margin:3px 0; list-style-image:url(../images/bullet1_ff.gif); _list-style-image:url(../images/bullet1.gif) }
#page_content ul li ul li { list-style-image:url(../images/bullet3_ff.gif); _list-style-image:url(../images/bullet3.gif) }
#page_content p img { border: 1px solid gray; }
#page_content small { font-size:10px; color:#FF0000; font-weight:normal; }
#page_content div.page_box td.label1 { padding:3px 7px; }
#page_content div.form td { padding:0; vertical-align:top; }
#page_content div.form td small { height:15px; padding-top:5px; }
#page_content div.page_box div { margin:0; padding:0; }
#page_content div.page_box td.buttons { padding:0; }
/* notas */
#page_content div.page_box td.notes { padding:5px 0; }
#page_content div.page_box td.notes p { margin:5px 0; font-size:80%; }
#page_content div.page_box td.notes p * { font-size:100%; }
#page_content div.page_box td.order { padding:0; color:maroon; }
#page_content div.page_box td.order p { margin:2px; }

#page_content div.page_box_notes p { font-size:80%; }
#page_content div.page_box_notes p * { font-size:100%; }


/* TITULOS */
#page_content h1 {
	width:100%;
	padding:.6em 1em;
	background-color:oldlace;
	color:maroon;
	border-top:1px solid #E1CFAE;
	font-size:120%;
	font-weight:bold;
	text-align:center;
}
#page_content h1 small { font-weight:normal; font-size:90%; color:maroon; }
#page_content h3 {
	padding:3px 5px;
	font-size:100%;
	text-align:left;
	color:#A02825;
	font-weight:bold;
	background-color:oldlace;
	border-top:1px solid #E1CFAE;
}
#page_content div.page_box h2 {
	width:100%;
	margin:2px;
	/*margin:2px 2px 0 2px;*/
	padding:3px 6px;
	background-color:#F3F3F3;
	border:1px solid #E8E2E2;
	font-size:90%;
	text-align:left;
	font-weight:600;
	text-transform:uppercase;
	color:maroon;
	letter-spacing:2px;
}
#page_content div.page_box h3 { padding:15px 3px 5px 9px; margin:0; background:none; border:none; font-size:90%; font-weight:bold; color:maroon; }
#page_content .titulo1 { padding:3px 10px 4px 10px; background:saddlebrown; color:white; font-weight:bold; font-size:90%; }
#page_content .titulo2 {			/* título apartados */
	padding:5px 10px;
	background-color:#F3F3F3;
	border:1px solid #E8E2E2;
	font-size:90%;
	text-align:left;
	font-weight:600;
	text-transform:uppercase;
	color:maroon;
	letter-spacing:2px;
}
/* título subapartados */
#page_content .titulo3 { padding-top:5px; font-size:90%; font-weight:bold; color:maroon; }


/* MENSAJE DE AVISO (ENVIANDO, ENVIADO, SESIÓN TERMINADA, ETC.) */
div.msg {
	width: 480px;
	margin:8em 5em;
	padding: 20px 30px 25px 30px;
	background-color: oldlace;
	border-top: maroon 2px solid;
	border-bottom: maroon 2px solid;
	font-size: 100%;
	color: maroon;
	text-align: left;
}
div.msg img { margin-right:10px; vertical-align:middle; }
#page_content div.msg h1, #enviando div.msg h1 { padding:0; border-top:none; text-align:center; font-size:170%; font-weight:normal; color:maroon; text-transform:lowercase; }
#page_content div.msg p { text-align:left; }
#page_content div.msg p.center { text-align:center; }
#page_content div.msg p small { font-size:85%; color:maroon; }
#page_content div.msg p small * { font-size:100%; }
div.msg .button { margin-top:5px; }
div.quieto { font-size:90%; padding:10px 0; }
div.quieto span { margin:5px 5px 5px 0; padding:10px 0 10px 23px; background: url(../images/warning3.gif) left center no-repeat; }
/*#page_content div.msg .title { padding-right:10px; margin-bottom:20px; text-align:center; }
#page_content div.msg .title span { font-size:180%; color:maroon; text-transform:lowercase; line-height:30px; }*/



/* DATAGRIDS */
#page_content tr.titulo_columna { font-style:italic; padding-bottom:5px; background-color:wheat; }
#page_content .contenedor_tabla { border: 1px solid #D19C6B; padding:10px }
#page_content .contenedor_tabla td { padding:0; }


/* FORMULARIOS - Etiquetas */
#page_content table.label td { padding:3px 7px; }
#page_content .label1, .label2, .label1_bn { padding:3px 7px; font-size: 100%; color: black; vertical-align:top; }
#page_content .label1 { background-color:oldlace; }
#page_content .label1_bn { background-color:#FBFBFB; border:1px solid #F4F4F4; color:#666666; }


/* FORMULARIOS - Controles */
input.disabled { color:#999999; cursor:default; }
.inputbox, .inputbox option { font-size: 100%; color: #333333; height:20px; background-color:#FBFBFB; border:1px solid #B4B4B4; color:#333333; }
.pedidook { background:none; border:none; text-align:right; margin-bottom:0px; }
.radio_button_list * { font-size:100%; }
.radio_button_list input { float:left; margin:2px 10px 2px 18px; }
.radio_button_list label { width:90%; height:20px; margin:2px 0 2px 10px; }
.radio_button_list tr td label * {  }
#page_content div.page_box table table table { width:385px; }
.radio_button_list label td.precio { padding-right:15px; text-align:right; font-weight:bold; }
 
 
/* BOTONES */
.button {
	padding:2px 0 2px 20px;
	margin:15px 0 0 10px;
	border:1px solid #999999;
	background:url(../images/btn_flecha.gif) 10px center no-repeat;
	background-color:#F0EEE8;
	text-align:center;
	color:#333333;
	font-size:12px;
}
input.sinmargintop { margin:0px 0 0 15px; }
input.button1 { padding:0; margin:0; border:1px solid #999999; background-color:#F0EEE8; text-align:center; color:#333333; }



/* ERRORES - validación en servidor */
.pnlError { Z-INDEX: 999999; LEFT: 532px; POSITION: absolute; TOP: 298px; BACKGROUND-COLOR: #ffffff }
.errFld { border: 1px solid #F00; } 
.errMsg { color: #C33; font-size:10px; width:100%; } 



/* FORMATO CELDAS */
.celda1 { background :saddlebrown; }
.celda2 { border: 1px solid #D19C6B; }
.celda3 { background-color: oldlace; }