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

body {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	text-align:center; background:#FFF ;
}
#pagina {
	text-align:left; width:960px; overflow:hidden; margin:0 auto; font-size:1.2em; /* 880 */
	}
#pagina .ancho-1 { width:220px; } /* 200 */
#pagina .ancho-2 { width:410px; } /* 450 */
#pagina .ancho-3 { width:620px; } /* 680 */
#pagina .ancho-4 { width:830px; } /* 910 */

.ancho20 { width:20px; }
.ancho50 { width:50px; }
.ancho80 { width:80px; }
.ancho100 { width:100px; }
.ancho125 { width:125px; }
.ancho150 { width:150px; }
.ancho200 { width:200px; }
.ancho250 { width:250px; }
.ancho300 { width:300px; }
.ancho350 { width:350px; }
.ancho400 { width:400px; }
.ancho450 { width:450px; }
.ancho500 { width:500px; }
.ancho550 { width:550px; }

.fondo-color { background:#069; color:#FFF; }
.fondo-claro { background:#F7F7F7; color:#666; }
.gris { color:#666; }
.borde { border:1px solid #DDD; }
.fl-izq { float:left; }
.fl-der { float:right; }
.al-der { text-align:right; }
.al-izq { text-align:left; }
.al-cen { text-align:center; }
.oculto { display:none }
.clear { clear:both; }
b, strong, .bold { font-weight:bold; }
p.centro, div.centro, table.centro, form.centro { margin:0 auto; }
a { text-decoration:none; color:#39C; outline:none; }
a:hover { color:#069; border-bottom:1px solid #EEE }

h2 { font-size:1.6em; margin:0.5em 0 1.4em 0; border-bottom:1px solid #DDD; }
h3 { font-size:1.4em; margin:0.5em 0 1em 0; border-bottom:1px solid #DDD; }
h2, h3 { font-family:Georgia; color:#74AD22; font-weight:normal; }
a.acciones { float:right; margin:0; }

#pagina #encabezado { padding:0; margin-bottom:8px; height:70px; }
#pagina #encabezado #logo { padding-top:8px; }
#pagina #encabezado #logo a { background:url(../images/logo_viamagica.gif) top left no-repeat; width:270px; height:70px; display:block; text-indent:-999px}
#pagina #encabezado #logo a:hover { border:none; }

/** MENU **/
#menu_sitio a { display:block; float:right; padding:20px 8px; background:#74AD22; text-decoration:none; color:#E7FFE7; }
#menu_sitio a:hover { color:#FFF; }
#menu_sitio a.inicio { background:#74AD22 url(../images/fondo_menu_l.gif) bottom left no-repeat; padding-left:20px; }
#menu_sitio a.final { background:#74AD22 url(../images/fondo_menu_r.gif) bottom right no-repeat; padding-right:20px; }
#menu_sitio a.actual { font-weight:bold; color:#FFF; }

#pagina #contenidos {
	padding:10px;
}
#pagina #pie {
	font-size:.9em; margin-top:10px; background:#74AD22;
}
#pagina #pie dd { background:url(../images/fondo_inferior_r.gif) right top no-repeat;  padding:8px;}
#pagina #pie dt { background:url(../images/fondo_inferior_l.gif) left top no-repeat; padding:8px; }
#pagina #pie a { color:#FFF }
/* formulario */
form input, form textarea, form select { font-family:Tahoma,arial,sans-serif; font-size:1.1em; }
form input.boton { background:#069; border:1px solid #036; border-color:#DDD #036 #036 #DDD; padding:2px 4px; color:white; }
form input.texto, form textarea.texto, form select { border:1px solid #DDD; padding:2px; }
form label { color:#666; }
.miniform .boton { background:#999; border:1px solid #666; border-color:#DDD #666 #666 #DDD; padding:2px 4px; color:white; }
.miniform textarea, .miniform input { font-family: Tahoma,Arial,Sans-serif; font-size:1em; }
.miniform textarea { margin:4px 0; }
form label.error { color:#F63; font-size:.9em; display:block;}
form a.cancelar { margin-left:20px;}
table.form_estado { width:70%; margin:20px auto; background:#F7F7F7; border:1px solid #DDD; }
table.form_estado td { padding:12px 8px; text-align:center;  }
table.form_estado .submit_aprobar { background:green }
table.form_estado .submit_rechazar { background:maroon }

/* tablas */
table.form { width:100%; margin:8px 0;}
table.form td { padding:2px 0; }
form table td.label { width:180px; text-align:right; vertical-align:top; padding-right:8px; }
table.listado { width:100%; border-top:1px solid #DDD; }
table.listado td { padding:2px 4px; border-bottom:1px solid #EEE; font-size:.9em; }
table.listado th { padding:2px 4px; border-bottom:2px solid #DDD; background:#EEE; font-weight:bold; }
table.listado tr.cebra td { background:#F7F7F7; }
table.listado td.fila_destacada { background:#FFC; }
table.listado a {  }

/*form table .label label { display:block; float:right;}*/
table.form td h1 { color:#069; font-size:1.5em; font-weight:normal; border-bottom:1px solid #069; }
tr.separador td { padding-top:1em; }
p.error { background:#FFFFCC; padding:8px; border:1px solid #FFCC99; }
p.info { background: #E2E8FC; padding:8px; border:1px solid #A5B7F5; }
p.error, p.info { border:0; }

dl.cols { text-align:right; clear:both; }
dl.cols dt { float:left; text-align:left; }
dl.cols dd { }

h2 a { color:#999; }
h2 a:hover { border:0; }
.separador { padding-top:1em; }

/* vista previa */
.vista_previa { font-family:Arial,sans-serif; }
.vista_previa ol, .vista_previa ul { margin:1em 0; padding-left:1.5em;}
.vista_previa p { margin:1em 0; }

.vista_previa ul li { list-style-type:disc; padding-left:.5em;  }

.vista_previa h2, .vista_previa h3 { color:#000; font-family:Arial; }
.vista_previa h2 { font-weight:bold; margin-bottom:.5em;}
.vista_previa h3 { font-weight:bold; margin:1em 0 0; font-size:1.3em;}
#texto_plantilla { padding:0 10px }


/* iconos ------------------------------------------ */
.ico { background-position: left 50%; background-repeat: no-repeat; padding:2px 0 2px 18px;  }
a.ico { cursor:pointer; }
a.ico:hover { ; }
.ico-accept { background-image: url(../images/ico/accept.png) ;}
.ico-add { background-image: url(../images/ico/add.png) ;}
.ico-arrow_refresh { background-image: url(../images/ico/arrow_refresh.png) ;}
.ico-arrow_switch { background-image: url(../images/ico/arrow_switch.png) ;}
.ico-cancel { background-image: url(../images/ico/cancel.png) ;}
.ico-cross { background-image: url(../images/ico/cross.png) ;}
.ico-delete { background-image: url(../images/ico/delete.png) ;}
.ico-exclamation { background-image: url(../images/ico/exclamation.png) ;}
.ico-page { background-image: url(../images/ico/page.png) ;}
.ico-page_white { background-image: url(../images/ico/page_white.png) ;}
.ico-page_white_acrobat { background-image: url(../images/ico/page_white_acrobat.png) ;}
.ico-page_white_edit { background-image: url(../images/ico/page_white_edit.png) ;}
.ico-pencil { background-image: url(../images/ico/pencil.png) ;}
.ico-picture_add { background-image: url(../images/ico/picture_add.png) ;}
.ico-tick { background-image: url(../images/ico/tick.png) ;}
.ico-information { background-image: url(../images/ico/information.png) ;}
.ico-images { background-image: url(../images/ico/images.png) ;}
.ico-image { background-image: url(../images/ico/image.png) ;}
.ico-image_add { background-image: url(../images/ico/image_add.png) ;}
.ico-resultset_next { background-image: url(../images/ico/resultset_next.png) ;}
.ico-resultset_previous { background-image: url(../images/ico/resultset_previous.png) ;}
.ico-bullet_go1 { background-image: url(../images/ico/bullet_go1.png) ;}
.ico-bullet_go { background-image: url(../images/ico/bullet_go.png) ;}
.ico-bullet_star { background-image: url(../images/ico/bullet_star.png) ;}
.ico-star { background-image: url(../images/ico/star.png) ;}
.ico-email { background-image: url(../images/ico/email.png) ;}
.ico-phone { background-image: url(../images/ico/phone.png) ;}

.paginador { background:#F7F7F7; border:1px solid #DDD; padding:5px; margin-top:10px; color:#BBB; text-align:center; }
.paginador b { color:#666 }
.paginador a { padding:0 4px;}

table.filtro { background:#F7F7F7; border:1px solid #DDD; margin:0; color:#555; margin:0 auto 20px; width:100%; font-size:.9em;}
table.filtro td { padding:4px; }
table.filtro .texto { font-size:1em; background:#FFF; }