@import url("relogin.css");
@import url("quickform.css");

body {
	margin-left          : 1px;
	background-image     : url(../images/fondo.jpg);
	background-repeat    : no-repeat;
	background-attachment: fixed;
	background-position  : 100% 100%;
	background-color     : white;
}

A {
	font-family    : Arial, Helvetica, sans-serif;
	font-size      : 11px;
  font-weight    : bold;
  color          : #D3D3D3;
	text-decoration: none;
}

A:link,
A:visited,
A:hover {
  text-decoration: none;
}

INPUT {
  font-family     : Arial, Helvetica, sans-serif;
  font-size       : 11px;
  FONT-WEIGHT     : normal;
  color           : #000000;
  border          : 2px groove #dddddd;
  PADDING         : 2px;
  background      : white;
}

INPUT:hover {
  background     : #A2A4FD;
}

INPUT:focus {
	background	: #03079c;
	font-weight	: bold;
	color		: #ffff00;
}

button {
  font-family     : Arial, Helvetica, sans-serif;
  font-size       : 11px;
  FONT-WEIGHT     : normal;
  color           : #000000;
  border          : 2px groove #dddddd;
  PADDING         : 2px;
  background      : white;
}

button:hover {
  background     : #A2A4FD;
}

button:focus {
  background     : #03079c;
	FONT-WEIGHT    : bold;
  color          : #ffff00;
}


SELECT {
  font-family     : Arial, Helvetica, sans-serif;
  font-size       : 11px;
  FONT-WEIGHT     : normal;
	PADDING         : 2px;
	BORDER          : 2px groove #dddddd;
	COLOR           : #333333;
	BACKGROUND      : white;
}

SELECT:hover {
  background     : #A2A4FD;
}

SELECT:focus {
  background     : #03079c;
	FONT-WEIGHT    : bold;
  color          : #ffff00;
}

TEXTAREA {
	font-family     : Arial, Helvetica, sans-serif;
  font-size       : 11px;
  FONT-WEIGHT     : normal;
	BORDER          : 2px groove #dddddd;
	PADDING         : 2px;
	COLOR           : #333333;
	BACKGROUND      : #ffffff;
}

TEXTAREA:hover {
  background     : #A2A4FD;
}

TEXTAREA:focus {
  background     : #03079c;
	/*FONT-WEIGHT    : bold; */
  color          : #ffff00;
}

FONT {
	font-family: Arial, Helvetica, sans-serif;
	font-size  : 12px;
	font-weight: normal;
	color      : #006699;
}

.font1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size  : 12px;
	font-weight: normal;
	color      : #006699
}

.FONT2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size  : 12px;
	font-weight: bold;
	color      : #996666
}

.FONT3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size  : 12px;
	font-weight: bold;
	color      : #CC6600
}

.FONT4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size  : 12px;
	font-weight: bold;
	color      : #FF0000
}

.FONT5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size  : 12px;
	font-weight: bold;
	color      : #000000
}

.FONT6 {
	font-family: Arial,Helvetica, sans-serif;
	font-size  : 12px;
	font-weight: normal;
	color      : #FFFFFF;

}

.FONT7 {
	font-family     : Courier New, Courier, mono;
	font-size       : 13px;
	font-weight     : normal;
  	background-color: #CC0000;
	color           : #FFFFFF;
}

.FONT8 {
	font-family     : Arial,Helvetica, sans-serif;
	font-size       : 11px;
	font-weight     : normal;
	color           : #3F726A;
}

.FONT9 {
  font-family: Arial, Helvetica, sans-serif;
  font-size  : 11px;
  font-weight: bold;
  color      : #006699;
}

.FONT10 {
  font-family: Arial, Helvetica, sans-serif;
  font-size  : 11px;
  font-weight: normal;
  color      : #FF0000;
}

.FONT11 {
  font-family: Arial, Helvetica, sans-serif;
  font-size  : 12px;
  font-weight: normal;
  color      : #990000;
}

.FONT12 {
  font-family: Arial, Helvetica, sans-serif;
  font-size  : 11px;
  font-weight: normal;
  color      : #000000;
}

.FONT13 {
  font-family: Arial, Helvetica, sans-serif;
  font-size  : 11px;
  font-weight: normal;
  color      : #990000;
}

.font13:hover {
  text-decoration: underline;
}

.FONT14 {
  font-family: Arial, Helvetica, sans-serif;
  font-size  : 11px;
  font-weight: normal;
  color      : #fff;
}

.FONT15 {
	font-family: Arial, Helvetica, sans-serif;
	font-size  : 11px;
	font-weight: bold;
	color      : #000000
}

.FONT16 {
	font-family: Arial, Helvetica, sans-serif;
	font-size  : 11px;
	font-weight: bold;
	color      : #FFFFFF
}

.FONT17 {
	font-family: Arial, Helvetica, sans-serif;
	font-size  : 11px;
	font-weight: bold;
	color      : green;
}

.FONT18 {
	font-family     : Courier New, Courier, mono;
	font-size       : 13px;
	font-weight     : normal;
  	background-color: green;
	color           : #FFFFFF;
}


.fondocelda {
    background-color              : #eeeeee;
    -moz-border-radius-topleft    : 10px;
    -moz-border-radius-bottomleft : 10px;
    -moz-border-radius-topright   : 10px;
    -moz-border-radius-bottomright: 10px;
}

.fondocelda2 {
    background-color              : #dddddd;
    -moz-border-radius-topleft    : 10px;
    -moz-border-radius-bottomleft : 10px;
    -moz-border-radius-topright   : 10px;
    -moz-border-radius-bottomright: 10px;
}

.fondocelda3 {
    background-color              : #006699;
    -moz-border-radius-topleft    : 10px;
    -moz-border-radius-bottomleft : 10px;
    -moz-border-radius-topright   : 10px;
    -moz-border-radius-bottomright: 10px;
}

.fondocelda4 {
    background-color              : #8C8C8C;
    -moz-border-radius-topleft    : 10px;
    -moz-border-radius-bottomleft : 10px;
    -moz-border-radius-topright   : 10px;
    -moz-border-radius-bottomright: 10px;
}

.fondocelda5 {
    background-color              : #A7A372;
    -moz-border-radius-topleft    : 10px;
    -moz-border-radius-bottomleft : 10px;
    -moz-border-radius-topright   : 10px;
    -moz-border-radius-bottomright: 10px;
}

.fondocelda6 {
    background-color              : #7A93BA;
    -moz-border-radius-topleft    : 10px;
    -moz-border-radius-bottomleft : 10px;
    -moz-border-radius-topright   : 10px;
    -moz-border-radius-bottomright: 10px;
}

.fondocelda7 {
    background-color              : #84CA77;
    -moz-border-radius-topleft    : 10px;
    -moz-border-radius-bottomleft : 10px;
    -moz-border-radius-topright   : 10px;
    -moz-border-radius-bottomright: 10px;
}

.fondocelda8 {
    background-color              : #F9F3D0;
    -moz-border-radius-topleft    : 10px;
    -moz-border-radius-bottomleft : 10px;
    -moz-border-radius-topright   : 10px;
    -moz-border-radius-bottomright: 10px;
}

.fondocelda9 {
    background-color              : #F2E9A6;
    -moz-border-radius-topleft    : 10px;
    -moz-border-radius-bottomleft : 10px;
    -moz-border-radius-topright   : 10px;
    -moz-border-radius-bottomright: 10px;
}

.fondocelda10 {
    background-color              : #DEE4D3;
    -moz-border-radius-topleft    : 10px;
    -moz-border-radius-bottomleft : 10px;
    -moz-border-radius-topright   : 10px;
    -moz-border-radius-bottomright: 10px;
}

.fondocelda11 {
    background-color              : #F4D0E3;
    -moz-border-radius-topleft    : 10px;
    -moz-border-radius-bottomleft : 10px;
    -moz-border-radius-topright   : 10px;
    -moz-border-radius-bottomright: 10px;
}

.fondocelda12 {
    background-color              : #D3DCE3;
    -moz-border-radius-topleft    : 10px;
    -moz-border-radius-bottomleft : 10px;
    -moz-border-radius-topright   : 10px;
    -moz-border-radius-bottomright: 10px;
}
.fondocelda13 {
    background-color              : red;
    -moz-border-radius-topleft    : 10px;
    -moz-border-radius-bottomleft : 10px;
    -moz-border-radius-topright   : 10px;
    -moz-border-radius-bottomright: 10px;
}

.inputcolor{
  font-family     : Arial, Helvetica, sans-serif;
  font-size       : 11px;
  FONT-WEIGHT     : bold;
  BORDER          : 2px groove #dddddd;
  PADDING         : 2px;
  COLOR           : red;
  BACKGROUND      : #ffffff;
}

.inputcolor:hover, .inputcolor:focus{
  background     : #c1d3c8;
}

.anchor {
	font-family    : Arial, Helvetica, sans-serif;
	font-size      : 11px;
  font-weight    : bold;
  color          : #6B9900;
	text-decoration: none;
}
.anchor2 {
	font-family    : Arial, Helvetica, sans-serif;
	font-size      : 11px;
  font-weight    : bold;
  color          : #007B95;
	text-decoration: none;
}



/****************************************************************
 Estilos temporales para Schlumberger
****************************************************************/

.estilotabla{
  border-style: none;
}

.estiloCeldaTitulo01 {
  background-color: #008acc;
  border-style    : none;
}

.estiloCeldaTitulo02 {
  background-color: #ceefff;
  border-style    : none;
}

.tituloboton {
  text-align          : right;
  border-style        : none none dotted none;
  border-bottom-width : 2px;
  border-color        : #555;
}

.pieboton {
  background-color : #003148;
  border-style     : dotted none none none;
  border-top-width : 2px;
  border-color     : #fff;
  text-align       : right;
}

.celdaMargenSuperior {
  border-style       : dotted none none none;
  border-top-width   : 2px;
  border-color       : #555;
  text-align         : left;
  vertical-align     : top;
}

.celdaMargenDerechoSuperior {
  border-style       : dotted dotted none none;
  border-top-width   : 2px;
  border-right-width : 2px;
  border-color       : #555;
  font-family        : Arial, Helvetica, sans-serif;
  font-size          : 12px;
  font-weight        : normal;
  text-align         : left;
  vertical-align     : top;
}

.celdaSeparador {
  background-color   : #efffca;
  border-style       : dotted none solid none;
  border-top-width   : 1px;
  border-bottom-width: 1px;
  border-color       : #000;
}

.celdaSeparadorDerecho {
  border-style       : none dotted none none;
  border-right-width : 1px;
  border-color       : #000;
  text-align         : center;
}

.celdaSeparadorDerechoLeft {
  border-style       : none dotted none none;
  border-right-width : 1px;
  border-color       : #000;
  text-align         : left;
}

.celdaSeparadorSolid {
  background-color   : #7A93BA;
  border-style       : solid none solid none;
  border-top-width   : 1px;
  border-bottom-width: 1px;
  border-color       : #000000;
}

.celdaMargenDerechoInferiorSolid {
  border-style       : none solid solid none;
  border-top-width   : 2px;
  border-right-width : 2px;
  border-color       : #555;
  font-family        : Arial, Helvetica, sans-serif;
  font-size          : 12px;
  font-weight        : normal;
  text-align         : left;
  vertical-align     : top;
}

.titulolinea00 {
  color           : #fff;
  font-family     : Arial, Helvetica, sans-serif;
  font-size       : 12px;
  font-weight     : bold;
  background-color: #008acc;
  border-style    : none;
  text-align      : center;
}

.titulolinea01 {
  color       : #fff;
  font-family : Arial, Helvetica, sans-serif;
  font-size   : 11px;
  font-weight : bold;
}

.titulolinea02 {
  color       : #000;
  font-family : Arial, Helvetica, sans-serif;
  font-size   : 11px;
  font-weight : bold;
}

.entradaDatosBoton {
  background-color: #dddddd;
  border          : 2px groove #ddd;
  color           : #000;
  font-family     : Arial, Helvetica, sans-serif;
  font-size       : 11px;
  font-weight     : normal;
  padding         : 2px;
}

.entradaDatosBoton:hover {
  background-color: #aaa;
}

.entradaDatosBoton:focus {
  background-color: #333;
	font-weight     : bold;
  color           : #fff;
}

.entradaDatosInformacion {
  background-color: #fff;
  border          : 2px groove #eee;
  color           : #000;
  font-family     : Arial, Helvetica, sans-serif;
  font-size       : 11px;
  font-weight     : normal;
  padding         : 2px;
}

.entradaDatosInformacion:hover {
  background-color: #fff3ca;
}

.entradaDatosInformacion:focus {
  background-color: #ffde6a;
/*font-weight     : bold; */
  color           : #000;
}

.imagen {
  border: none;
  vertical-align: top;
}

.top {
	vertical-align: top;
}

.falsa {
	text-decoration: underline;
	color      : #006699;
	cursor     : pointer;
}

/****************************************************************
 Estilos en fuentes para Schlumberger (colorear matos)
****************************************************************/

.fuenteColor1 {
  font-family: Arial, Helvetica, sans-serif;
  font-size  : 11px;
  font-weight: normal;
  color      : #990051;
}

.fuenteColor2 {
  font-family: Arial, Helvetica, sans-serif;
  font-size  : 11px;
  font-weight: normal;
  color      : #070099;
}

.fuenteColor3 {
  font-family: Arial, Helvetica, sans-serif;
  font-size  : 11px;
  font-weight: normal;
  color      : #009913;
}

.fuenteColor4 {
  font-family: Arial, Helvetica, sans-serif;
  font-size  : 11px;
  font-weight: normal;
  color      : #640099;
}

.fuenteColor5 {
  font-family: Arial, Helvetica, sans-serif;
  font-size  : 11px;
  font-weight: normal;
  color      : #997700;
}

.fuenteColor6 {
  font-family: Arial, Helvetica, sans-serif;
  font-size  : 11px;
  font-weight: normal;
  color      : #009977;
}

.fuenteColor7 {
  font-family: Arial, Helvetica, sans-serif;
  font-size  : 11px;
  font-weight: normal;
  color      : #983e01;
}

.fuenteColor8 {
  font-family: Arial, Helvetica, sans-serif;
  font-size  : 11px;
  font-weight: normal;
  color      : #990073;
}

.fuenteColor9 {
  font-family: Arial, Helvetica, sans-serif;
  font-size  : 11px;
  font-weight: normal;
  color      : #6a9801;
}

.fuenteColor10 {
  font-family: Arial, Helvetica, sans-serif;
  font-size  : 11px;
  font-weight: normal;
  color      : #006699;
}

.fuenteColor11 {
  font-family: Arial, Helvetica, sans-serif;
  font-size  : 11px;
  font-weight: normal;
  color      : #8d9900;
}

/*
 * Estilos para usar con domcollapse
 */

.triggerexpanded{
  border-style     :inset;
  background-color :#cccccc;
}

.trigger{
    cursor: pointer;
    width: 800px;
    position: relative;
    border-width: thin;
    -moz-border-radius: 10px;
    margin: 1px;
}
.triggernormal{
    border-style:outset;
    background-color:#dddddd;
}
.triggerhover{
                    background-color:#ffffff;
}
.bo{
	BORDER : none;
}

.elementnormal{}
.elementcollapsed{display:none;}

fieldset  {
	background-color              : #efefef;
}

.completa {
	width: 100%;
}

/* Para el ajuste de pedimentos */
.ajuste {
    background-color: #EFEFEF;
/*    border-style: groove; 
    border-width: 2px; 
    border-color: #F6F6F5; */
}
div.ajuste {
    background-color: #EFEFEF;
    border-style: groove; 
    border-width: 2px; 
    border-color: #F6F6F5;
}
.ajuste, legend {
    color: red;
}

.tabla_estilo, .tabla_estilo td {
	font-family: Arial, Helvetica, sans-serif;
	font-size  : 12px;
	font-weight: normal;
        border-width: 1px;
        border-style: solid;
        border-collapse: collapse;
        padding: 2px;
        background-color: #EFEFEF;
}

.tabla_estilo th {
        border-width: 1px;
        border-style: solid;
        padding: 2px;
}


.default_alertWindow
{
        border: 2px solid #000000;  /* this is the border around the alert window */
}
.default_titleBar
{
        /* title bar settings */
        color: #ffffff;
        font: 10px Verdana;
        border-bottom: 1px solid #000000; /* the bottom border of your title bar, the border that separates it from the content area */
        background: #336699;
        line-height: 16px; /* if you have an icon, you probably want to set this as the same size or a bit larger than the icon size */
        padding: 5px;
}
.default_titleBarLeftIcon
{
        /* left icon settings */
        background: transparent url(information.png) no-repeat;
        width: 16px;
        height: 16px;
}
.default_titleBarRightIcon
{
        /* right icon settings */
        /* background: transparent url(/icons/cancel.png) no-repeat;
        width: 16px;
        height: 16px; */
}
.default_contentArea
{
        /* the contente area, where the actual message text is shown */
        color: #000000;
        font: 14px Verdana;
        overflow: auto;  /* setting this to auto will make scrollbars appear if the message text is too long for the height attribute, assuming you set it */
        padding: 5px;
        background: #e7ebef; /* your background color.  the button area background color should be set the same as well */
}
.default_buttonArea
{
        /* the button area, the div that your buttons are placed into */
        text-align: right; /* if you want you buttons to the left or center of the alert box, change this setting */
        background: #e7ebef; /* your background color.  the content area background color should be set the same as well */
        padding-bottom: 5px;
}
.default_okButton
{
        /* ok button settings */
        background: url(accept.png);
        padding-left: 15px;
        margin-right: 5px;
        background-repeat: no-repeat;
        background-position: center left;
        height: 35px;
}
.default_cancelButton
{
        /* cancel button settings, if present */
        background: url(cancel.png);
        padding-left: 15px;
        margin-right: 5px;
        background-repeat: no-repeat;
        background-position: center left;
        height: 35px;
}

/* los errores los mostramos en rojo */
.error {
    color: red;
    font-weight: 600;
}

.box3 h3{
text-align:center;
position:relative;
top:15px;
}
.box2 h3{
text-align:center;
position:relative;
top:15px;
}
.box2 {
width:30%;
height:50px;
background:#ECECEC;
margin:20px auto;
}
.box3 {
width:30%;
height:120px;
background:#ECECEC;
margin:20px auto;
}
/*==================================================
* Efecto 1
* ===============================================*/
.effect1{
-webkit-box-shadow: 0 10px 6px -6px #777;
-moz-box-shadow: 0 10px 6px -6px #777;
box-shadow: 0 10px 6px -6px #777;
}