/**********************************************************************************************************************
GENERAL
**********************************************************************************************************************/

html {
margin: 0;
padding: 0;
}

body
{
/*font-size: 13px;*/
font-family: "Segoe UI" , Verdana, Helvetica, Sans-Serif;
color: #666666;
margin: 0;
padding: 0;
}

h1, h2, h3,
h4, h5, h6 {
margin-bottom: 0;
padding-bottom: 0;
}

h1 {
font-size: 2em;
}

h2 {
font-size: 1.75em;
}

h3 {
font-size: 1.2em;
}

h4 {
font-size: 1.1em;
}

h5, h6 {
font-size: 1em;
}

label.checkbox {
display: inline;
}
/*
input[type="password"],
input[type="text"],
input[type="textarea"]
{
border: 1px solid #BFBFBF;
border-radius: 3px 3px 3px 3px;
box-shadow: 0 0 0 #000000, 0 3px 3px #EEEEEE inset;
margin: 1px 0 1px 0;
padding: 4px;
color: #444444;
font-size: 13px;
width: 250px;
}*/

/**********************************************************************************************************************
TEXTO REQUERIDO
**********************************************************************************************************************/

.txbRequired
{
    /*border-left: RED 4px solid !important;*/
    /*padding-left: 2px;*/
    padding-top: 4px !important;  
    padding-right: 8px !important;
    height: 23px;
}

input[type="password"], input[type="text"], textarea
{
border: 1px solid #B9B9B9;
background: #fff;
margin: 1px 0 1px 0;
padding: 3px;
width: 260px;
color: inherit;
}

.borderDisable
{
border: 1px solid #EAEAEA;
}

textarea {
font-family: inherit;
width: 260px;
}

input[type="password"]:focus, input[type="text"]:focus, textarea:focus
{
border: 1px solid #7ac0da;
}

input[type="checkbox"] {
background: transparent;
border: inherit;
width: auto;
}

select
{
border: 1px solid #CECECE;
background: #fff;
margin: 1px 0 1px 0;
padding: 3px;
width: 267px;
color: inherit;
}   

select:focus
{
border: 1px solid #7ac0da;
}
/*
input[type="submit"], input[type="button"], button
{
background-color: #8DB4E2;
border: 1px solid #8c8c8c;
cursor: pointer;
font-size: 13px;
font-weight: bold;
padding: 7px;
width: auto;
color: #121212;
}
*/
/*borde de div para controles compuestos*/
.divBorder
{
border: 1px solid #CECECE;
background: #fff;
margin: 1px 0 1px 0;
padding: 3px;
width: 260px;
color: inherit;
vertical-align: middle;
}

/*botones*/
.buttonCeleste
{
border-style: solid;
border-width: 1px;
border-color: #2270AB #18639A #0F568B;
border-radius: 3px 3px 3px 3px;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3), 0 1px 0 #83C5F1 inset;
background: -moz-linear-gradient(center top , #BFE0F7, #2180CE) repeat scroll 0 0 transparent !important;
background: rgb(65, 153, 224);
color: #FFFFFF;
text-shadow: 0 1px 2px #355782;
font-size: 13px;
font-weight: 600;
cursor: pointer;
padding: 0px 15px;
height: 35px;
}

.buttonBlue
{
border-style: solid;
border-width: 1px;
border-color: #2270AB #18639A #0F568B;
border-radius: 3px 3px 3px 3px;

box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3), 0 1px 0 #83C5F1 inset;
background: -moz-linear-gradient(center top , #33A0E8, #2180CE) repeat scroll 0 0 transparent !important;
background: rgb(33, 128, 206);

color: #FFFFFF;
text-shadow: 0 1px 2px #355782;
font-size: 13px;
font-weight: 600;

cursor: pointer;
padding: 0px 15px;
height: 33px;

}

.buttonSilver
{
border-style: solid;
border-width: 1px;
border-color: #DFDFDF #DFDFDF #C2C2C2;
border-radius: 3px 3px 3px 3px;

box-shadow: 0 1px 1px #D3D3D3, 0 1px 0 #FFFFFF inset;
background: -moz-linear-gradient(center top , #FCFCFC, #E8E8E8) repeat scroll 0 0 transparent !important;

color: #666666;
/*text-shadow: 0 1px 2px #355782; */
font-size: 13px;
font-weight: 600;

cursor: pointer;
padding: 0px 15px;
height: 30px;
}

/*td input[type="submit"],
td input[type="button"],
td button {
font-size: 1em;
padding: 4px;
margin-right: 4px;
}*/


table {
border-collapse: collapse;
border-spacing: 0;
border: 0 none;
}

a
{
text-decoration: none;
color: #4B4B4B;
/*font-weight: bold;*/
}

a:hover
{
color: #0066FF;
}

/**********************************************************************************************************************
GRILLAS
**********************************************************************************************************************/

.grid-wrapper
{
border: 1px solid #666666;
padding: 2px;
-webkit-border-top-left-radius: 8px;
-webkit-border-top-right-radius: 8px;
-moz-border-radius-topleft: 8px;
-moz-border-radius-topright: 8px;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
}

.grid
{
border-width: 0px;
border-style: none;
font-size: 12px;
}

.grid th
{
border-style: none;
background-color: #CECECE;
font-weight: bold;
color: #333333;
padding-right: 4px;
padding-left: 4px;
}

.grid th:first-child {
-webkit-border-top-left-radius: 6px;
-webkit-border-top-right-radius: 6px;
-moz-border-radius-topleft: 6px;
-moz-border-radius-topright: 6px;
border-top-left-radius: 6px;
}

.grid th:last-child {
-webkit-border-top-left-radius: 6px;
-webkit-border-top-right-radius: 6px;
-moz-border-radius-topleft: 6px;
-moz-border-radius-topright: 6px;
border-top-right-radius: 6px;
}

/Reseteamos columnas/
.grid tr:nth-child(n) td:nth-child(n)
{
border-top-style: none;
border-bottom-style: none;
border-top-width: 1px;
border-bottom-width: 1px;
border-top-color: #FFFFFF;
border-bottom-color: #FFFFFF;
}

/ultima fila del TBody/
.gridShoppingProduct tbody tr:last-child td:nth-child(n)
{
border-top: 1px solid #CECECE;
font-weight: bold;
background-color: #F9F9F9;
}

/TOTALES/
.gridShoppingProduct tbody tr:last-child td:nth-child(9)
{
background-color: #CECECE;
}

/columna/
.gridColumn
{
border-style: none;
}

.gridColumn2
{
border-right-style: solid;
border-left-style: solid;
border-right-width: 2px;
border-left-width: 2px;
border-right-color: blue;
border-left-color: blue;
}

.gridBorderRight
{
border-right-style: solid;
border-right-width: 1px;
border-right-color: #CECECE;
border-left-style: solid;
border-left-width: 1px;
border-left-color: #FFFFFF;
}

.gridColor
{
background-color: #CECECE;
}

/**********************************************************************************************************************
FORMULARIOS MODALES
**********************************************************************************************************************/

.int-form-modal
{
font-size: 13px;
font-family: "Segoe UI" , Verdana, Helvetica, Sans-Serif;
color: #666666;
}

/**********************************************************************************************************************
BOTONES FORMULARIO MODAL
**********************************************************************************************************************/

.int-form-buttons
{
border-top-style: solid;
border-top-width: 2px;
border-top-color: #CCCCCC;
vertical-align: middle;
text-align: right;
height: 40px;
margin-top: 10px;
margin-bottom: 2px;
padding-top: 10px;
margin-right: 5px;
}

/**********************************************************************************************************************
FORMULARIO MODAL - DESTINO
**********************************************************************************************************************/

#int-destination-register {
width: 350px;
}

#int-destination-register tr:nth-child(n) td:nth-child(2)
{
text-align: right;
}

/**********************************************************************************************************************
FORMULARIO MODAL - LOGIN EMAIL
**********************************************************************************************************************/

#int-login-email {
width: 370px;
margin: 30px 0px 0px 0px;
}

#int-destination-register tr:nth-child(n) td:nth-child(2)
{
text-align: right;
}

/**********************************************************************************************************************
MASTER PAGE
**********************************************************************************************************************/

div#int-wrapper
{
margin: 20px 30px 5px 30px;
}

div#int-head
{
margin-bottom: 10px;
}

div#int-body
{

}


/**********************************************************************************************************************
TITULO
**********************************************************************************************************************/

div.int-title
{
vertical-align: middle;
}

div.int-title-number
{
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 17px;
font-weight: bold;
color: #000000;
position: absolute;
width: 48px;
height: 48px;
margin-top: -12px;
margin-left: -4px;
text-align: center;
padding-top: 5px;
background-image: url('../images/circle-gris.png');
background-repeat: no-repeat;
line-height: 33px;
}

div.int-title-text
{
background-color: #75A4DD;
color: white;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 2px 2px 3px rgba(50, 50, 50, 0.75);
-moz-box-shadow: 2px 2px 3px rgba(50, 50, 50, 0.75);
box-shadow: 2px 2px 3px rgba(50, 50, 50, 0.75);
text-align: center;
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
height: 22px;
}


/**********************************************************************************************************************
CENTRADO DE CONTROLES
**********************************************************************************************************************/

div.int-center {

}

div.int-center > table {

}

div.int-center > table tr:nth-child(n) td:nth-child(1)
{
width: 130px;
color: #666666;
}

div.int-center > table tr:nth-child(n) td:nth-child(2)
{
width: 290px;
color: #666666;
}

div.int-center > table tr:nth-child(n) td:nth-child(3)
{
width: 30px;
}

/**********************************************************************************************************************
SUB TITULO
**********************************************************************************************************************/

.int-subTitle
{
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
color: #333333;
}

/**********************************************************************************************************************
PAGINA INDEX
**********************************************************************************************************************/

div#int-wrapper-buy
{
padding: 5px;
background-color: #BFBFBF;
border-style: solid none none none;
border-width: 2px;
border-color: #333333;
margin-top: 20px;
height: 55px;
vertical-align: middle;
text-align: center;
}

/**********************************************************************************************************************
ENCABEZADO
**********************************************************************************************************************/

/*#int-head
{
border-width: 0px 0px 3px 0px;
border-bottom-style: solid;
border-bottom-color: #676767;
}*/

/*#int-head #int-logo-wrapper
{
height: 80px;
text-align: left;
vertical-align:middle;
border-right-style: dotted;
border-right-width: 1px;
border-right-color: #808080;
padding-right: 5px;
}*/

/*#int-head #int-logo-wrapper img {
height: 50px;
}
*/
#int-head #int-name-wrapper{ font-weight: bold; font-size: 14px; width: 100%; color: #ffffff; }
/*
#int-head tr:nth-child(1) td:nth-child(3)
{
text-align: right;
width: 200px;
padding-right: 15px;
}*/
/*
#int-head tr:nth-child(2)
{
height: 44px;
max-height: 40px;
background-color: #F3F3F3;
border-top-style: dotted;
border-top-width: 1px;
border-top-color: #808080;
text-align: right;
}*/

/**********************************************************************************************************************
MENU PRICIPAL
**********************************************************************************************************************/

/*#int-menu
{
height: 20px;
max-height: 20px;
text-align: left;
padding-left: 10px;
}*/

#int-menu a
{
font-weight: bold;
height: 20px;
margin-right: 10px;
border-right-style: solid;
border-right-width: 2px;
border-right-color: #4B4B4B;
padding-right: 10px;
}

/**********************************************************************************************************************
ENCABEZADO - SESION
**********************************************************************************************************************/

#int-sesion
{
padding-right: 10px;
}

#int-sesion a
{
font-weight: bold;
text-decoration: none;
color: #0066FF;
border-left-style: solid;
border-left-width: 2px;
border-left-color: #4B4B4B;
padding-left: 10px;
}

#int-sesion a:hover
{
color: #4B4B4B;
}

/**********************************************************************************************************************
LISTA DE MEDIOS DE PAGO
**********************************************************************************************************************/

#int-paymetmethod #int-paymetmethod-card,
#int-paymetmethod #int-paymetmethod-paypal
{
vertical-align: middle;
}

#int-paymetmethod #int-paymetmethod-card
{
border-right-style: solid;
border-right-width: 2px;
border-right-color: #666666;
padding-right: 10px;
}

#int-paymetmethod #int-paymetmethod-paypal
{
padding-left: 10px;
}

#int-paymetmethod #int-paymetmethod-card:hover,
#int-paymetmethod #int-paymetmethod-paypal:hover
{
color: #0066FF;
background-color: #E4E4E4;
}

/**********************************************************************************************************************
TOOLTIP
**********************************************************************************************************************/

a.tt > img
{
width: 23px;
height: 23px;
border-width: 0px;
}

/* Tooltip normal */
a.tt{
position:relative;
z-index:999;
color:#3CA3FF;
text-decoration:none;
}
a.tt span{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tt:hover{ z-index:99999; color: #aaaaff;}
a.tt:hover span.tooltip
{
    z-index: 9999;
display:block;
position:absolute;
top:0px; left:0;
padding: 15px 0 0 0;
width:400px;
color: #7d7d7d;
font-size:12px;
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
text-align: left;
filter: alpha(opacity:100);
KHTMLOpacity: 0.99;
MozOpacity: 0.99;
opacity: 0.99;
}
a.tt:hover span.top{
display: block;
padding: 30px 8px 0;
background: url(http://www.skybox.net/980-files/welcome6/ttip/bubble.gif) no-repeat top;
}
a.tt:hover span.middle{ /* different middle bg for stretch */
display: block;
padding: 0 8px;
background: url(http://www.skybox.net/980-files/welcome6/ttip/bubble-bg.gif) repeat bottom;
}
a.tt:hover span.bottom{
display: block;
padding:3px 8px 10px;
color: #548912;
background: url(http://www.skybox.net/980-files/welcome6/ttip/bubble.gif) no-repeat bottom;
}

/* Tooltip Right */
a.tt-right{
position:relative;
z-index:999;
color:#3CA3FF;
text-decoration:none;
}
a.tt-right span{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tt-right:hover{ z-index:99999; color: #aaaaff;}
a.tt-right:hover span.tooltip{
display:block;
position:absolute;
top:0; right:0;
padding: 15px 0 0 0;
width:300px;
color: #7d7d7d;
font-size:12px;
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
text-align: left;
filter: alpha(opacity:100);
KHTMLOpacity: 0.99;
MozOpacity: 0.99;
opacity: 0.99;
}
a.tt-right:hover span.top{
display: block;
padding: 30px 8px 0;
background: url(http://www.skybox.net/980-files/welcome6/ttip/bubble-right.gif) no-repeat top;
}
a.tt-right:hover span.middle{ /* different middle bg for stretch */
display: block;
padding: 0 8px;
background: url(http://www.skybox.net/980-files/welcome6/ttip/bubble-right-bg.gif) repeat bottom;
}
a.tt-right:hover span.bottom{
display: block;
padding:3px 8px 10px;
color: #548912;
background: url(http://www.skybox.net/980-files/welcome6/ttip/bubble-right.gif) no-repeat bottom;
}

/******************/
/*Columnas de Checkout ShoppingProductList*/
/******************/
.elipseTiendaColumnGrid {
text-overflow: ellipsis;
overflow: hidden;
width:150px;
white-space:nowrap;
word-wrap: normal;
float: left;
}
.elipseDescripcionColumnGrid {
text-overflow: ellipsis;
overflow: hidden;
width:250px;
white-space:nowrap;
word-wrap: normal;
float: left;
}

/********************************************/
/*ANIMACION DE PROCESANDO...*/
/********************************************/

div#content-processing,
div#content-success
{
position: fixed;
top: 0;
left: 0;
width: 100%;
height:/*1200px;*/ 100%;
display: none;
z-index: 1;
}

div#content-success > div,
div#content-processing > div
{
position: fixed;
top: 50%;
left: 50%;
margin-top: -100px;
margin-left: -100px;

padding: 20px 10px;
width: 220px;
height: 30px;

font-style: normal;

display: table;
border: 1px solid #666666;

-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;

-webkit-box-shadow: #666 0px 2px 3px;
-moz-box-shadow: #666 0px 2px 3px;
box-shadow: #666 0px 2px 3px;

background: rgb(246,248,249); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y2ZjhmOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2U1ZWJlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2Q3ZGVlMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNWY3ZjkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, rgba(246,248,249,1) 0%, rgba(229,235,238,1) 50%, rgba(215,222,227,1) 51%, rgba(245,247,249,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(246,248,249,1)), color-stop(50%,rgba(229,235,238,1)), color-stop(51%,rgba(215,222,227,1)), color-stop(100%,rgba(245,247,249,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%,rgba(215,222,227,1) 51%,rgba(245,247,249,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%,rgba(215,222,227,1) 51%,rgba(245,247,249,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%,rgba(215,222,227,1) 51%,rgba(245,247,249,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%,rgba(215,222,227,1) 51%,rgba(245,247,249,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f8f9', endColorstr='#f5f7f9',GradientType=0 ); /* IE6-8 */
}

div#content-processing > div div
{
display: table-cell;
vertical-align: middle;
text-align: center;
}

/**********************************************************************************************************************
TABLA - GRILLA
**********************************************************************************************************************/
.tableGrid
{ 
    width: 100%;
}

.tableGrid th
{
    border-style: solid;
    border-width: 2px 1px 1px 1px;
    border-color: #808080;
    background: url('../images/fondoPlomo.png') repeat-x 50% 50%;
    color: #4D4D4D;
    font-weight: bold;
    height: 25px;
}

.tableGrid tr
{    
    height: 25px;
}

.tableGrid tr td
{    
    padding-right: 3px;
    padding-left: 3px;
}

.tableGrid tr td a
{
    color: #217ECB;
    text-decoration: underline;
}

.tableGrid tr td a:hover
{
    color: #144E7C;
}

.tableGrid tr:nth-child(n) th:last-child,
.tableGrid tr:nth-child(n) td:last-child
{
    border-right-style: solid;
    border-right-width: 2px;
    border-right-color: #808080;
}

.tableGrid tr:nth-child(n) th:first-child,
.tableGrid tr:nth-child(n) td:first-child
{
    border-left-style: solid;
    border-left-width: 2px;
    border-left-color: #808080;
}

.tableGrid tr:last-child {
    border-width: 2px;
    border-color: #808080;
    border-style: none none solid none;   
}

.tableGridMain
{
    background-color: #F2F2F2;
    color: #666666;
    font-weight: bold;
}

.tableGriAction
{
    background-color: #F0F7FF;
}

.tablePager
{
    border-style: none;
    background-color: #C5C5C5;
    color: #FFFFFF;
    text-decoration: underline;
    font-weight: bold;
}

.borderRigth
{
    /*
    border-right-style: solid;
    border-right-width: 2px;
    border-right-color: #808080;
    */
}

.tablePager tr:nth-child(n) th:last-child,
.tablePager tr:nth-child(n) td:last-child
{
    border: none;     
}

.tablePager tr:last-child {
    border: none;
}

.tablePager tr:nth-child(n) th:first-child,
.tablePager tr:nth-child(n) td:first-child
{
    border: none;
}

.tablePager tr td span {
    color: black;    
    text-decoration: none;
    background-color: white;
    padding: 2px;
}

.tablePager tr td a
{
    color: black;    
}

.headCeleste
{
    border: 1px solid #057BB0;
    background: url('../images/fondoCeleste.png') repeat-x 50% 50%;
    color: #FFFFFF;
    font-weight: bold;
    height: 20px;
    text-align: center;
    vertical-align: middle;
    padding-top: 5px;
    margin-bottom: 5px;
}

.Title3 {
color: #1b93e7;
font-size: 16px !important;
font-weight: bold;
}


/**/

#divProcessing { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #fff; -moz-opacity: 0.75; opacity: 0.75; filter: alpha(opacity=75); background-repeat: repeat; display: none; z-index: 1; }

#divProcessing #imgProcessing { position:absolute; top:50%; left: 50%; margin-top: -25px; margin-left: -25px; }

/* Estilo Block UI */
/*
.divBlockUI { filter: alpha(opacity=80);  opacity: 0.8;  background-color:Black; height:100%; width:100%; z-index:99999; position:absolute;  top:0px;  left:0px;  visibility:hidden;  display:none; }
.divBlockUI table { width:25%;  border:2px solid #003366;  background-color:White; position:relative;  top:50%; margin-left:auto; margin-right:auto;  }
.divBlockUI table tr td { text-align:center; color:#003366; white-space:nowrap; font-size:28px; }
*/