/* CSS used when a staff member is logged in */

/* Basic layout */
body { font: 8pt Verdana,Helvetica,Arial; color: #444444; line-height: 14pt; margin: auto; padding: 0px; background-color: #EEEEEE }

/* Change container width below to make content use more of the page's width (it's smaller for customer section by default) */
#container { width: 770px; margin: auto; text-align: left; background-color: #FFFFFF; border: 1px solid #CCCCCC; border-top: 0px }
#inner_container { padding: 15px; }
#logo_container { background: url(../images/header_sepomo.gif); padding: 13px; margin-bottom: 1px; height:54px; }

#title { float: left; color: #182C5A; font: bold 12pt Verdana,Helvetica,Arial; margin: 20px 0px; }

/**agregado para mi cuenta*/
.subtitle       { font: bold 10pt Arial,Helvetica,Verdana;
                  color: #182C5A; }
/**.description    { font: 8pt Verdana,Helvetica,Arial; }*/
.field	{ font: 8pt Verdana,Helvetica,Arial; }
.required	{ color: #FF0000; }
.separator	{ border-top: 1px solid #CCCCCC; }
/**fin agregado*/
#onlinestaff_parent{ float:left;}
#onlinestaff_text { float:left; width:80px;margin-right:250px;}
.small { font: 8pt Verdana,Helvetica,Arial; }
#login_message { float: right; margin: px 0px;}
#login_text { float: right; margin-right:115px;}
#calendar { width: 250px }
/**.calendar .head { line-height: 11pt; }*/

#copyright { float: left; margin-top: 20px }
#language_select { float: right; margin-top: 20px; }
#language_select_top { float: right; margin-top: 4px; }

/* Basic styles */

a               { color: #182C5A; }
a:visited       { color: #182C5A; }
a:active        { color: #333333; }
a:hover         { color: #333333; }

ul { list-style: url(../images/li.gif); margin-top: 8px; margin-bottom: 0px; }
li { line-height: 10pt; padding-bottom: 8px; }

img { border: 0px; vertical-align: middle; }
img.icon { vertical-align: middle; }
img.icontext { vertical-align: middle; margin-right: 5px }

.description { padding-bottom: 20px; }
.popup { position: absolute; visibility: hidden; z-index: 101; left: 0px; top: 0px; border: 1px solid #CCC; background-color: #F3F9FC; padding: 5px; width: 200px }
.bold { font-weight: bold }
/**.required { border-bottom: 1px dashed red }*/

/* Forms and inputs */
form { margin: 0px; padding: 0px;  }
input.checkbox { border: 0px; }

input.button { border: 2px solid #666666; border-top: 2px solid #DDDDDD; border-left: 2px solid #DDDDDD; background-color: #999999; font: bold 8pt Verdana,Helvetica,Arial; padding-right: 10px; padding-left: 10px; color: #FFFFFF; }
input.button:active { border: 2px solid #DDDDDD; border-top: 2px solid #666666; border-left: 2px solid #666666; }
input.space { margin: 4px 0px }

textarea, input, select { border: 1px solid #CCCCCC; font: 8pt Verdana,Helvetica,Arial; color: #444444; }
input.medium { width: 150px }
input.large { width: 250px }
textarea.fixed { font-family: Courier New; width: 100%; height: 200px }

textarea.small { width: 300px; height: 75px }
textarea.medium { width: 100%; height: 100px }
textarea.full { width: 100%; height: 150px }

/* Iframe style used for loading of inline text/wysiwyg editor */
iframe.wysiwyg { border-width: 0px; width: 100%; height: 1px } /* 1px height will auto-resize */

/* Notices and warnings */
div.notice { padding: 6px; padding-left: 35px; margin-bottom: 15px; background: #F6F6F6 url(../images/noteinfo.gif) no-repeat 10px center; }
div.warning { padding: 6px; padding-left: 35px; margin-bottom: 15px; background: #F6F6F6 url(../images/warning.gif) no-repeat 10px center; }
div.error { padding: 6px; padding-left: 35px; margin-bottom: 15px; background: #F6F6F6 url(../images/notedelete.gif) no-repeat 10px center; }

.search_navigate { clear: both; margin-top: 5px; line-height: 10pt }

/* Top menu */
#menu_bar { background: url(../images/bargray2.gif); height: 22px; padding-bottom: 4px; border-bottom: 1px solid #CCCCCC; }

#menu, #menu ul { padding: 0; margin: 0; list-style: none; position: relative; z-index: 100; }

#menu li { position: relative; border-right: 1px solid #FFFFFF; background: url(../images/bargray2.gif); width: 140px; float: left; text-align: center; font: bold 7pt Verdana,Helvetica,Arial; text-transform: uppercase; color: #182C5A;	cursor: pointer; padding: 0; margin: 0 }

#menu li ul { display: none; position: absolute; top: 22px; left: 0px; border: 1px solid #CCCCCC; text-transform: none; background-color: #FFF; width: 175px; }

#menu li a { height: 22px; display: block; text-decoration: none; line-height: 20px; }
#menu li a:hover { background: url(../images/bargray_sepomo.gif); color: #FFFFFF; padding-bottom: 4px;}

#menu li ul li { background: none; text-transform: none; text-align: left; height: 24px; cursor: pointer; color: #182C5A; width: 175px; border: 0px; border-top: 1px solid #FFFFFF }
#menu li ul li a { padding-left: 14px; display: block; font-weight: normal; font-size: 8pt; }

#menu li:hover ul, #menu li.over ul { display: block; }

/* Table styles */
table.a { width: 100%; background-color: #FFFFFF }
table.a td { padding: 2px }

tr.a, td.a { background-color: #FFFFFF; }
tr.b, td.b { background-color: #F6F6F6; }
tr.msg_a, td.msg_a { background-color: #FFFFFF; vertical-align: top }
tr.msg_b, td.msg_b { background-color: #F6F6F6; vertical-align: top }
tr.head { color: #FFFFFF; font-weight: bold; background-image: url(../images/bargray_sepomo.gif); background-color: #182C5A; line-height: 11pt;}
tr.head td { padding: 2px }
tr.a:hover, tr.b:hover, tr.hover { background-color: #F6F6F6; }
td.icon { width: 16px; text-align: center; vertical-align: top; }

#report .head {line-height: 1pt;}

/* Table used for forms */
table.form { width: 100%; border: 1px solid #CCC; background-color: #FFFFFF }
table.noborder { border: 0px }
table.form td.label { padding: 3px; height: 20px; text-align: right; width: 20%; vertical-align: top }
table.form td.short { width: auto }
table.form td.field { background-color: #F3F9FC; padding: 3px; height: 20px; vertical-align: top; }
table.form td.space { padding-bottom: 20px }

/* Table used for the customer homepage icons */
.normal { font: 8pt Verdana,Helvetica,Arial;}
table.home_menu td { padding: 15px; }
table.home_menu td.image { width: 50px; }
table.home_menu td.name { width: 50%; }
table.home_menu td.name a { text-decoration: none; }
table.home_menu td.name a span { display: block; font-size: 12pt; font-weight: bold }/**padding-bottom: 8px;*/

/* Table used for statistics */
table.stats { width: 100%; font-size: 7pt; }
table.stats tr.stat { padding: 2px; height: 95px; vertical-align: bottom; text-align: center; background-color: #F6F6F6 }
table.stats tr.header { padding: 2px; text-align: center }
table.stats td.label { padding: 2px; text-align: right; width: 150px; }
table.stats tr.stat div { width: 15px; margin: auto }
table.stats tr.stat div img { width: 15px; float: left }

table.calendar tr.days td { width: 14%; font-weight: bold; text-align: center }

/* Boxes */
div.light_blue_box { background-color: #F3F9FC; padding: 10px }

div.rounded_light_blue_box { background-color: #FFF; -moz-border-radius: 12px; border: 1px solid rgb(238, 238, 238);}
div.rounded_dark_blue_box { background-color: #F7FAFD; -moz-border-radius: 12px; color: #182C5A; border: 1px solid #CDD5DE; }

div.rounded_light_blue_box .content, div.rounded_dark_blue_box .content2 { padding: 10px }

div.rounded_light_blue_box .title { font: 12pt bold 12pt Arial,Helvetica,Verdana; color: #182C5A; }
div.rounded_dark_blue_box .title { color: #182C5A; font-size: 10pt; font-weight: bold; margin-bottom: 10px; }

/* Side box (i.e. login box on homepage */
div.side_box { padding: 4px;}
div.side_box div.head { color: #182C5A; font-weight: bold; font-size: 11pt; padding: 2px; }
div.side_box div.content { padding: 2px }

/* Switchable tabs */
div.tab { border: 0px; cursor: pointer; float: left; margin-right: 2px; margin-top: 0px; background-image: url(../images/bargray.gif); position: relative; z-index: 2; border: 1px solid #CCC; }
div.tab_on { border: 0px; cursor: pointer; float: left; margin-right: 2px; margin-top: 0px; background-image: url(../images/bargray_sepomo.gif); position: relative; z-index: 4; border: 1px solid #CCC; border-bottom: 0px }
div.tab a.tablink { float: left; display: block; font: Verdana,Helvetica,Arial; padding: 1px 10px 4px 10px; height: 17px; text-decoration: none }
div.tab_on a.tablink { float: left; display: block; padding: 1px 10px 4px 10px; font-weight: bold; height: 18px; color: white; text-decoration: none }

div.tabbox { display: none }
div.tabbox_on { border: 1px solid #CCC; padding: 12px; margin-top: -2px; z-index: 3; position: relative }
div.tabline { border-top: 1px solid #CCC; height: 1px; line-height: 0pt; font-size: 0px; margin-top: -2px; z-index: 3; position: relative }

/* Basic container with title (used all over) */
div.container .name { float: left; line-height: 16px; font-weight: bold; margin-bottom: 4px }
div.container .right_name { float: right; line-height: 16px }
div.container .content { clear: left; border: 1px solid #CCCCCC; padding: 2px; background-color: #FFFFFF }

/* Popup content with shadow (for calendar, etc.) */
div.shadow { position: absolute; visibility: hidden; z-index: 101; background: url(../images/shadow.png) no-repeat bottom right; margin: 10px 0 0 10px; width: 200px }
div.shadow div.content { position: relative; background-color: #FFFFFF; border: 1px solid #CCC; margin: -6px 6px 6px -6px; padding: 8px; }

.leftbox { float: left; margin-right: 20px }
.rightbox { float: left }

/* Horizontal lines */
div.text_line { font-weight: bold; padding-bottom: 2px; border-bottom: 1px solid #CCC; margin-bottom: 15px; height: auto }
hr { border: 0px; height: 1px; line-height: 0pt; color: #91BAD0; background-color: #91BAD0 }

/* Spacers */
div.smallspace { height: 5px; line-height: 0pt; }
div.medspace { height: 10px; line-height: 0pt; }
div.bigspace { height: 15px; line-height: 0pt; }

/* Buttons for div dropdown boxes */
div.menu_button { width: 150px; float: left; margin-right: 5px; margin-bottom: 5px; position: relative; }

div.button { border: 1px solid #CCC; padding: 1px; width: 200px }
div.button a, div.button a:visited { display: block; background: url(../images/navdown.gif) 3px 0px no-repeat; background-color: #FFFFFF; height: 18px; line-height: 18px; padding-left: 22px; vertical-align: middle; margin: 0px; text-decoration: none; }

div.button a:hover { background-color: #F3F9FC; text-decoration: none; }

div.drop_box { width: 300px }
div.drop_box table { margin-top: -1px; }

/* Holly hack for IE (which doesn't display CSS properly) \*/
* html div { height: 1%; }
/* End hide from IE5-mac */

/**
-----------------------------------------------
-- Estilos de Sepomo para contenido y tablas --
-----------------------------------------------
*/
.title{ 
	font: bold 12pt Arial,Helvetica,Verdana;
	color: #182C5A;
}

.blanca{ 
   font: 8pt Verdana,Helvetica,Arial; 
   padding-left:20px;
   color:#FFFFFF;
}

/** Links */ 
a:link.marron { color: #B27500; font: 8pt Verdana,Helvetica,Arial; text-decoration: none;}
a:active.marron { color: #B27500; font: 8pt Verdana,Helvetica,Arial; text-decoration: none;} 
a:visited.marron { color: #B27500; font: 8pt Verdana,Helvetica,Arial; text-decoration: none;}
a:hover.marron { color: #B27500; font: 8pt Verdana,Helvetica,Arial; text-decoration: underline;}

a:link.azul { color: #4B719E; font: 8pt Verdana,Helvetica,Arial; text-decoration: none;}
a:active.azul { color: #4B719E; font: 8pt Verdana,Helvetica,Arial; text-decoration: none;} 
a:visited.azul { color: #4B719E; font: 8pt Verdana,Helvetica,Arial; text-decoration: none;}
a:hover.azul { color: #4B719E; font: 8pt Verdana,Helvetica,Arial; text-decoration: underline;}

a:link.negro { color: #000000; font: 8pt Verdana,Helvetica,Arial; text-decoration: none;}
a:active.negro { color: #000000; font: 8pt Verdana,Helvetica,Arial; text-decoration: none;} 
a:visited.negro { color: #000000; font: 8pt Verdana,Helvetica,Arial; text-decoration: none;}
a:hover.negro { color: #000000; font: 8pt Verdana,Helvetica,Arial; text-decoration: underline;}

a:link.azul_oscuro { color: #182C5A; font: 8pt Verdana,Helvetica,Arial; text-decoration: none;}
a:active.azul_oscuro { color: #182C5A; font: 8pt Verdana,Helvetica,Arial; text-decoration: none;} 
a:visited.azul_oscuro { color: #182C5A; font: 8pt Verdana,Helvetica,Arial; text-decoration: none;}
a:hover.azul_oscuro { color: #182C5A; font: 8pt Verdana,Helvetica,Arial; text-decoration: underline;}

a:link.blanco { color: #FFFFFF; font: 8pt Verdana,Helvetica,Arial; text-decoration: none;}
a:active.blanco { color: #FFFFFF; font: 8pt Verdana,Helvetica,Arial; text-decoration: none;} 
a:visited.blanco { color: #FFFFFF; font: 8pt Verdana,Helvetica,Arial; text-decoration: none;}
a:hover.blanco { color: #FFFFFF; font: 8pt Verdana,Helvetica,Arial; text-decoration: underline;}

/** Otros */
p.texto {
padding-top:8px;
margin:0px;	
}

.blanca    
{ 
   font: 8pt Verdana,Helvetica,Arial; 
   padding-left:20px;
   color:#FFFFFF;
}

table.separador {
	font: 8pt Verdana,Helvetica,Arial;
	margin-bottom:3px;
	margin-top:5px;
}


table.separador2 {
	font: 8pt Verdana,Helvetica,Arial;
	margin-bottom:3px;
}

table.borde_gris
{
border:solid 1px #F5F5F5;
}

td.ayuda {
padding:4px;
}

.sin_padding {
padding-left:0px;
}

p.marron {
	color: #B27500;
	padding:0px;
	margin:0px;
}

p.azul {
	color: #4B719E;
	padding:0px;
	margin:0px;
	/**overflow: auto;*/
}

p.texto2 {
padding-top:0px;
margin:0px;	
}

td.msg_error {
	background-color:#F7D6D6;
	background-image: url(../images/bg_error.gif);
	background-repeat:repeat-x;
	border:solid 1px #EDC5C5;
}

td.msg_adv {
	background-color:#F8BE4C;
	background-image: url(../images/bg_adv.gif);
	background-repeat:repeat-x;
	border:solid 1px #FFDBB3;
}

td.msg_ok {
	background-color:#E2EAB6;
	background-image: url(../images/bg_ok.gif);
	background-repeat:repeat-x;
	border:solid 1px #B7C475;
}

td.mensaje_error {
	padding-top:10px;
	color:#bd2928;
	
}

td.mensaje_adv {
	padding-top:10px;
	color:#CA7818;
	padding-bottom:10px;
}

td.mensaje_ok {
padding-top:10px;
color:#879834;
padding-bottom:10px;
}

td.icono_msg_adv {
padding-top:7px;
padding-left:2px;
}

td.icono_msg_ok {
padding-top:2px;
padding-left:2px;
}

span.rojo_error {
color:#bd2928;
font-weight:bold;
margin-bottom:5px;
display:block;
}

span.verde {
color: #A7BA4E;
}

span.rojo {
color:#bd2928;
}

span.azul {
color:#4B719E;
/**overflow: auto;*/
}

span.gris {
color:#BDBDBD;
}

span.marron {
color:#7d6c4b;
}

span.marron2 {
color:#B27500;
}

div.imagen_formulario {
margin-top:15px;
margin-bottom:5px;
float:left;
width:30%;
}

div.resultado_correcto {
background-image:url(../images/ico_resultado_ok.jpg);
background-repeat: no-repeat;
color: #A7BA4E;
padding-left:25px;
padding-top:4px;
padding-bottom:5px;
}

div.volver {
background-image:url(../images/ico_volver_servicios.gif);
background-repeat: no-repeat;
background-position: 3px 4px;
background-color:#F3F7FA;
padding-left:25px;
padding-top:4px;
padding-bottom:5px;
width:65%;
}

div.titular_1 {
background-image:url(../images/ico_listado_titular_1.gif);
background-repeat: no-repeat;
color: #4B719E;
padding-left:25px;
padding-top:2px;
padding-bottom:2px;
}

div.titular_2 {
background-image:url(../images/ico_listado_titular_2.gif);
background-repeat: no-repeat;
color: #4B719E;
padding-left:25px;
padding-top:2px;
padding-bottom:2px;
}

div.titular_3 {
background-image:url(../images/ico_listado_titular_3.gif);
background-repeat: no-repeat;
color: #4B719E;
padding-left:25px;
padding-top:2px;
padding-bottom:2px;
}

div.titular_4 {
background-image:url(../images/ico_listado_titular_4.gif);
background-repeat: no-repeat;
color: #4B719E;
padding-left:25px;
padding-top:2px;
padding-bottom:2px;
}

div.titular_api {
background-image:url(../images/ico_listado_titular_api.gif);
background-repeat: no-repeat;
color: #4B719E;
padding-left:25px;
padding-top:2px;
padding-bottom:2px;
}

div.titular_puente {
background-image:url(../images/ico_listado_titular_puente.gif);
background-repeat: no-repeat;
color: #4B719E;
padding-left:25px;
padding-top:2px;
padding-bottom:2px;
}

div.titular_conv {
background-image:url(../images/ico_listado_titular_conv.gif);
background-repeat: no-repeat;
color: #4B719E;
padding-left:25px;
padding-top:2px;
padding-bottom:2px;
}

div.icono_modificar {
float:left;
}

div.texto_modificar {
float:left;
margin-top:3px;
}

div.cabecera_popup {
background-image:url(../images/bg_cabecera_popup.gif);
background-repeat: repeat-x;
}

input.submit_fichero {
background-image: url(../images/bg_crear_fichero.gif);
border:solid 1px #E3EAF1;
padding:5px;
color:#4B719E;
font-weight:bold;
}
HTML>BODY input.submit_fichero {
padding-left:25px;
}

input.submit_marron {
background-color:#B27302;
border:none;
color:#FFFFFF;
font-weight:bold;
}

td.fondo_azul
{ 
   font: 8pt Verdana,Helvetica,Arial; 
   background-color:#F3F7FA;
}

td.normal_rayada
{ 
   font: 8pt Verdana,Helvetica,Arial; 
   border-bottom:dashed 1px #DDDDDD;
   /**overflow:auto;*/
}

td.contenedor_pais {
border-top:solid 1px #DDC391;
}

div.elemento_no_disponible {
float:left;
padding:2px;
}


td.separador_marron {
border-top:solid 1px #DDC391;
font: 8pt Verdana,Helvetica,Arial; 
padding-top:8px;
}

td.telefono_final {
background-image:url(../images/phone_final.jpg);
background-repeat: no-repeat;
height:347px;
padding-top:65px;
padding-left:60px;
}

td.telefono_parcial {
background-image:url(../images/phone_parcial.jpg);
background-repeat: no-repeat;
height:347px;
padding-top:65px;
padding-left:60px;
}

textarea.caja_telefono {
border:solid 0px #000000;
background-color:transparent;
overflow:auto;
width:114px;
height:129px;
}

td.grafico_varias_resp {
border-top:solid 1px #CDD4E6;
border-bottom:solid 1px #CDD4E6;
background-color: #F2F6F9;
text-align:center;
}

input.peq {
width:12px;
}

td.separador_marron2 {
border-bottom:solid 1px #DDC391;
font: 8pt Verdana,Helvetica,Arial; 
}

td.normal_padding {
font: 8pt Verdana,Helvetica,Arial; 
padding:5px;
}

td.contenedor_mensajes {
border:solid 1px #DCDBD9;
}