﻿html { 
    background: url(../Images/background.jpg) center fixed; 
    -webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover; 
    background-size: cover; 
}


html,
body,
form {
   margin:0;
   padding:0;
   height:100%;
   position: relative;
}

body   
{
    font-size: 11px;
    /*font-family: Trebuchet MS, "Segoe UI", "Lucida Grande", "Helvetica Neue", Arial, Helvetica, Verdana, sans-serif;*/
    font-family: Tahoma, "Helvetica Neue", Helvetica, Arial, Tahoma, "Segoe UI", "Lucida Grande", Verdana, sans-serif;
    margin: 0px;
    padding: 0px;
    color: #000;
    width: 100%;
}

a:link, a:visited
{
    color: #2052c9;
}

a:hover
{
    color: #1d60ff;
    text-decoration: none;
}

a:active
{
    color: #034af3;
}

p
{
    margin-bottom: 10px;
    line-height: 1.6em;
}

.Link
{
    cursor: pointer;
    color: #2052c9;
    text-decoration: underline;    
}
.Link:link, .Link:visited
{
    color: #2052c9;
}

.Link:hover
{
    color: #1d60ff;
    text-decoration: none;
}

.Link:active
{
    color: #034af3;
}


/* HEADINGS   
----------------------------------------------------------*/

h1, h2, h3, h4, h5, h6
{
    font-size: 1.5em;
    color: #000;
    font-variant: small-caps;
    text-transform: none;
    font-weight: 200;
    margin-bottom: 0px;
}

h1
{
    font-size: 2.3em;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

h2
{
    font-size: 1.5em;
    font-weight: 600;
}

h3
{
    font-size: 1.2em;
}

h4
{
    font-size: 1.1em;
}

h5, h6
{
    font-size: 1em;
}

textarea
{
    overflow: auto;    
    padding: 1px;
    /*font-family: Trebuchet MS, "Segoe UI", "Lucida Grande", "Helvetica Neue", Arial, Helvetica, Verdana, sans-serif;*/
    font-family: Tahoma, Helvetica, "Helvetica Neue", "Segoe UI", "Lucida Grande", Arial, Verdana, sans-serif;
}


/* FORM ELEMENTS   
----------------------------------------------------------*/

.clear
{
    clear: both;
}


ul.CustomBullet { 
    list-style-image: url('../Images/bullet.png'); 
}
ul.CustomBullet li{ 
    vertical-align: middle;
}

.EditableHeader
{
    min-height: 25px;
}
.EditableContent
{
    background-color: transparent;
}
.EditableImage
{
    background-color: transparent;
    min-height: 150px;
    padding-right: 12px;
    padding-bottom: 2px;
}
.EditableImageContainer
{
    width: 250px;
    vertical-align: middle;
    padding: 5px 15px 5px 5px;
}

.ImageBorder
{
    /*border-top: 1px solid lightgray;
    border-right: 1px solid gray;
    border-bottom: 1px solid gray;
    padding: 5px;*/
}

.Image
{
    text-align: center;
    vertical-align: middle;
    width: 100%;
    margin: 5px 8px 5px 5px;
}

.EditableContentImg img
{
    float: right;
    margin-top: -20px;
    display: none;
    cursor: pointer;
    border-width: 0px;
    height: 24px;
    width: 24px;
}

.SaveButton
{
    display: none;
}
.PendingChanges
{
    text-align: right;
}
.PendingChanges div
{
    display: none;
    background-color: #FFFF66;
    padding: 5px;
}
.PendingChanges p
{
    color: red;
    font-size: 14px;
    display: inline;
    margin: 10px;
}

.edit-overlay
{
    background-color: black;
    opacity: 0.6;
    filter: alpha(opacity=60);
    position: absolute;
    cursor: pointer;
    z-index: 999;
}
.edit-overlay p
{
    color: white;
    text-align: center;
    font-size: 16px;
}


.AdminPageTitle
{
    margin-top: 5px;
    margin-bottom: 20px;
    font-size: 22px; 
    color: #000; 
    font-variant: normal;
}


fieldset { padding: 5px; }
fieldset legend { color: #696969; }

input[type=text], input[type=file], input[type=password], select, textarea, .ui-combobox-input { border: 1px solid #ccc; }

input[type=text], input[type=file], input[type=password], select, textarea, .ui-combobox-input { border: 1px solid #ccc; }
input[type=email], input[type=number], input[type=password], input[type=tel], input[type=text], input[type=url], textarea, select, .ui-combobox-input { display: inline-block; height: 25px; margin: 0; padding: 0 8px; background: #fff; border: 1px solid #d9d9d9; border-top: 1px solid #c0c0c0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; }
input[type=email]:hover, input[type=number]:hover, input[type=password]:hover, input[type=tel]:hover, input[type=text]:hover, input[type=url]:hover, textarea:hover, select:hover, .ui-combobox-input:hover { border: 1px solid #b9b9b9; border-top: 1px solid #a0a0a0; -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1); -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1); box-shadow: inset 0 1px 2px rgba(0,0,0,0.1); }
input[type=email]:focus, input[type=number]:focus, input[type=password]:focus, input[type=tel]:focus, input[type=text]:focus, input[type=url]:focus, textarea:focus, select:focus, .ui-combobox-input:focus { outline: none; border: 1px solid #4d90fe; -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.3); box-shadow: inset 0 1px 2px rgba(0,0,0,0.3); }
input[type=email][disabled=disabled], input[type=number][disabled=disabled], input[type=password][disabled=disabled], input[type=tel][disabled=disabled], input[type=text][disabled=disabled], input[type=url][disabled=disabled] { border: 1px solid #e5e5e5; background: #f1f1f1; }
input[type=email][disabled=disabled]:hover, input[type=number][disabled=disabled]:hover, input[type=password][disabled=disabled]:hover, input[type=tel][disabled=disabled]:hover, input[type=text][disabled=disabled]:hover, input[type=url][disabled=disabled]:hover { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
input[type=email][readonly=readonly], input[type=number][readonly=readonly], input[type=password][readonly=readonly], input[type=text][readonly=readonly], input[type=url][readonly=readonly] { border: 1px solid #d9d9d9; }
input[type=email][readonly=readonly]:hover, input[type=number][readonly=readonly]:hover, input[type=password][readonly=readonly]:hover, input[type=text][readonly=readonly]:hover, input[type=url][readonly=readonly]:hover, input[type=email][readonly=readonly]:focus, input[type=number][readonly=readonly]:focus, input[type=password][readonly=readonly]:focus, input[type=text][readonly=readonly]:focus, input[type=url][readonly=readonly]:focus { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
input[type=checkbox].form-error, input[type=email].form-error, input[type=number].form-error, input[type=password].form-error, input[type=text].form-error, input[type=url].form-error { border: 1px solid #dd4b39; }
select { padding-right: 0px; }
.BlackButton { text-align: center; font-size: 13px; line-height: 27px; height: 27px; width: 120px; color: #fff; background-color: #000; border-width: 0px; cursor: pointer; }
        
button, input, select, textarea { font-family: inherit; font-size: inherit; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; }
.button { display: inline-block; min-width: 46px; text-align: center; color: #444; font-size: 11px; font-weight: bold; height: 27px; padding: 0 8px; line-height: 27px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -webkit-transition: all 0.218s; -moz-transition: all 0.218s; -ms-transition: all 0.218s; -o-transition: all 0.218s; transition: all 0.218s; border: 1px solid #dcdcdc; background-color: #f5f5f5; background-image: -webkit-gradient(linear,left top,left bottom,from(#f5f5f5),to(#f1f1f1)); background-image: -webkit-linear-gradient(top,#f5f5f5,#f1f1f1); background-image: -moz-linear-gradient(top,#f5f5f5,#f1f1f1); background-image: -ms-linear-gradient(top,#f5f5f5,#f1f1f1); background-image: -o-linear-gradient(top,#f5f5f5,#f1f1f1); background-image: linear-gradient(top,#f5f5f5,#f1f1f1); -webkit-user-select: none; -moz-user-select: none; user-select: none; cursor: default; text-decoration: none; cursor: pointer; }
.button:hover { border: 1px solid #c6c6c6; color: #333; text-decoration: none; -webkit-transition: all 0.0s; -moz-transition: all 0.0s; -ms-transition: all 0.0s; -o-transition: all 0.0s; transition: all 0.0s; background-color: #f8f8f8; background-image: -webkit-gradient(linear,left top,left bottom,from(#f8f8f8),to(#f1f1f1)); background-image: -webkit-linear-gradient(top,#f8f8f8,#f1f1f1); background-image: -moz-linear-gradient(top,#f8f8f8,#f1f1f1); background-image: -ms-linear-gradient(top,#f8f8f8,#f1f1f1); background-image: -o-linear-gradient(top,#f8f8f8,#f1f1f1); background-image: linear-gradient(top,#f8f8f8,#f1f1f1); -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1); -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.1); box-shadow: 0 1px 1px rgba(0,0,0,0.1); }
.button:active { background-color: #f6f6f6; background-image: -webkit-gradient(linear,left top,left bottom,from(#f6f6f6),to(#f1f1f1)); background-image: -webkit-linear-gradient(top,#f6f6f6,#f1f1f1); background-image: -moz-linear-gradient(top,#f6f6f6,#f1f1f1); background-image: -ms-linear-gradient(top,#f6f6f6,#f1f1f1); background-image: -o-linear-gradient(top,#f6f6f6,#f1f1f1); background-image: linear-gradient(top,#f6f6f6,#f1f1f1); -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1); -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1); box-shadow: inset 0 1px 2px rgba(0,0,0,0.1); }
.button:visited { color: #666; }
.button-blue { border: 1px solid #3079ed; color: #fff !important; text-shadow: 0 1px rgba(0,0,0,0.1); background-color: #4d90fe; background-image: -webkit-gradient(linear,left top,left bottom,from(#4d90fe),to(#4787ed)); background-image: -webkit-linear-gradient(top,#4d90fe,#4787ed); background-image: -moz-linear-gradient(top,#4d90fe,#4787ed); background-image: -ms-linear-gradient(top,#4d90fe,#4787ed); background-image: -o-linear-gradient(top,#4d90fe,#4787ed); background-image: linear-gradient(top,#4d90fe,#4787ed); }
.button-blue:hover { border: 1px solid #2f5bb7; color: #fff !important; text-shadow: 0 1px rgba(0,0,0,0.3); background-color: #357ae8; background-image: -webkit-gradient(linear,left top,left bottom,from(#4d90fe),to(#357ae8)); background-image: -webkit-linear-gradient(top,#4d90fe,#357ae8); background-image: -moz-linear-gradient(top,#4d90fe,#357ae8); background-image: -ms-linear-gradient(top,#4d90fe,#357ae8); background-image: -o-linear-gradient(top,#4d90fe,#357ae8); background-image: linear-gradient(top,#4d90fe,#357ae8); }
.button-blue:active { background-color: #357ae8; background-image: -webkit-gradient(linear,left top,left bottom,from(#4d90fe),to(#357ae8)); background-image: -webkit-linear-gradient(top,#4d90fe,#357ae8); background-image: -moz-linear-gradient(top,#4d90fe,#357ae8); background-image: -ms-linear-gradient(top,#4d90fe,#357ae8); background-image: -o-linear-gradient(top,#4d90fe,#357ae8); background-image: linear-gradient(top,#4d90fe,#357ae8); -webkit-box-shadow: inset 0 1px 2px rgb a(0,0,0,0.3); -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.3); box-shadow: inset 0 1px 2px rgba(0,0,0,0.3); }
.button-share { border: 1px solid #29691d; color: #fff !important; text-shadow: 0 1px rgba(0,0,0,0.1); background-color: #3d9400; background-image: -webkit-gradient(linear,left top,left bottom,from(#3d9400),to(#398a00)); background-image: -webkit-linear-gradient(top,#3d9400,#398a00); background-image: -moz-linear-gradient(top,#3d9400,#398a00); background-image: -ms-linear-gradient(top,#3d9400,#398a00); background-image: -o-linear-gradient(top,#3d9400,#398a00); background-image: linear-gradient(top,#3d9400,#398a00); }
.button-share:hover { border: 1px solid #2d6200; color: #fff !important; text-shadow: 0 1px rgba(0,0,0,0.3); background-color: #368200; background-image: -webkit-gradient(linear,left top,left bottom,from(#3d9400),to(#368200)); background-image: -webkit-linear-gradient(top,#3d9400,#368200); background-image: -moz-linear-gradient(top,#3d9400,#368200); background-image: -ms-linear-gradient(top,#3d9400,#368200); background-image: -o-linear-gradient(top,#3d9400,#368200); background-image: linear-gradient(top,#3d9400,#368200); }
.button-share:active { -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.3); box-shadow: inset 0 1px 2px rgba(0,0,0,0.3); }
.button-red { border: 1px solid transparent; color: #fff !important; text-shadow: 0 1px rgba(0,0,0,0.1); background-color: #d14836; background-image: -webkit-gradient(linear,left top,left bottom,from(#dd4b39),to(#d14836)); background-image: -webkit-linear-gradient(top,#dd4b39,#d14836); background-image: -moz-linear-gradient(top,#dd4b39,#d14836); background-image: -ms-linear-gradient(top,#dd4b39,#d14836); background-image: -o-linear-gradient(top,#dd4b39,#d14836); background-image: linear-gradient(top,#dd4b39,#d14836); }
.button-red:hover { border: 1px solid #b0281a; color: #fff !important; text-shadow: 0 1px rgba(0,0,0,0.3); background-color: #c53727; background-image: -webkit-gradient(linear,left top,left bottom,from(#dd4b39),to(#c53727)); background-image: -webkit-linear-gradient(top,#dd4b39,#c53727); background-image: -moz-linear-gradient(top,#dd4b39,#c53727); background-image: -ms-linear-gradient(top,#dd4b39,#c53727); background-image: -o-linear-gradient(top,#dd4b39,#c53727); background-image: linear-gradient(top,#dd4b39,#c53727); -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.2); -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.2); -ms-box-shadow: 0 1px 1px rgba(0,0,0,0.2); -o-box-shadow: 0 1px 1px rgba(0,0,0,0.2); box-shadow: 0 1px 1px rgba(0,0,0,0.2); }
.button-red:active { border: 1px solid #992a1b; background-color: #b0281a; background-image: -webkit-gradient(linear,left top,left bottom,from(#dd4b39),to(#b0281a)); background-image: -webkit-linear-gradient(top,#dd4b39,#b0281a); background-image: -moz-linear-gradient(top,#dd4b39,#b0281a); background-image: -ms-linear-gradient(top,#dd4b39,#b0281a); background-image: -o-linear-gradient(top,#dd4b39,#b0281a); background-image: linear-gradient(top,#dd4b39,#b0281a); -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.3); box-shadow: inset 0 1px 2px rgba(0,0,0,0.3); color: #fff !important; }
.button-white { border: 1px solid #dcdcdc; color: #666 !important; background: #fff; }
.button-white:hover { border: 1px solid #c6c6c6; color: #333 !important; background: #fff; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1); -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.1); box-shadow: 0 1px 1px rgba(0,0,0,0.1); }
.button-white:active { background: #fff; -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1); -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1); box-shadow: inset 0 1px 2px rgba(0,0,0,0.1); }
.button-red:visited, .button-share:visited, .button-blue:visited { color: #fff !important; }
.button-blue:focus, .button-share:focus, .button-red:focus { -webkit-box-shadow: inset 0 0 0 1px #fff; -moz-box-shadow: inset 0 0 0 1px #fff; box-shadow: inset 0 0 0 1px #fff; }
.button-share:focus { border-color: #29691d; }
.button-red:focus { border-color: #d14836; }
.button-blue:focus:hover, .button-share:focus:hover, .button-red:focus:hover { -webkit-box-shadow: inset 0 0 0 1px #fff, 0 1px 1px rgba(0,0,0,0.1); -moz-box-shadow: inset 0 0 0 1px #fff, 0 1px 1px rgba(0,0,0,0.1); box-shadow: inset 0 0 0 1px #fff, 0 1px 1px rgba(0,0,0,0.1); }
.button.selected { background-color: #eee; background-image: -webkit-gradient(linear,left top,left bottom,from(#eee),to(#e0e0e0)); background-image: -webkit-linear-gradient(top,#eee,#e0e0e0); background-image: -moz-linear-gradient(top,#eee,#e0e0e0); background-image: -ms-linear-gradient(top,#eee,#e0e0e0); background-image: -o-linear-gradient(top,#eee,#e0e0e0); background-image: linear-gradient(top,#eee,#e0e0e0); -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1); -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1); box-shadow: inset 0 1px 2px rgba(0,0,0,0.1); border: 1px solid #ccc; color: #333 !important; }
.button img { display: inline-block; margin: -3px 0 0; opacity: .55; filter: alpha(opacity=55); vertical-align: middle; pointer-events: none; }
.button:hover img { opacity: .72; filter: alpha(opacity=72); }
.button:active img { opacity: 1; filter: alpha(opacity=100); }
.button.disabled img { opacity: .5; filter: alpha(opacity=50); }
.button.disabled, .button.disabled:hover, .button.disabled:active, .button-blue.disabled, .button-blue.disabled:hover, .button-blue.disabled:active, .button-share.disabled, .button-share.disabled:hover, .button-share.disabled:active, .button-red.disabled, .button-red.disabled:hover, .button-red.disabled:active, input[type=submit][disabled].button { background-color: none; opacity: .5; filter: alpha(opacity=50); cursor: default; pointer-events: none; }


.AdminTable { width: 100%; }
.AdminTable td, .AdminTable th { padding: 10px 5px; border-color: #E0E0E0; }
.AdminTable th, .AdminTable th a { border-bottom: 1px solid gray !important; color: #000 !important; }
.AdminTable .AdminTableBodyRow { cursor: pointer; }
.AdminTable .AdminTableHeaderRow { /*background-color: #fff;*/ }
.AdminTable .AdminTableBodyRow:hover { background-color: #cecece !important; }
.AdminTableEditionCell a { margin: 0 5px; }
.AdminTableClickeableCellLowPadding { padding: 3px !important; }
.AdminPagerRow { height: 30px; padding: 0px !important; }
.AdminPagerRow span, .AdminPagerRow a { padding: 5px; font-size: 14px;  }
.AdminPagerRow td { padding: 0px !important; }
.LnkPrevPageDisabled, .LnkNextPageDisabled { color: #cecece !important; cursor: default; }

.UpdateProgress { width: 100%; height: 100%; min-height: 410px; text-align: center; background-color: gray; opacity: 0.5; filter: alpha(opacity=50); position: absolute; top: 0px; left: 0px; }
.UpdateProgress .loading-indicator { margin-top: 160px; display: inline-block; }

.ThreeColumnsWith35Gap { -moz-column-count: 3; -moz-column-gap: 35px; -webkit-column-count: 3; -webkit-column-gap: 35px; column-count: 3; column-gap: 35px; -ms-column-count: 3; -ms-column-gap: 35px; }


@font-face {
	font-family: 'TradeGothicLTStd-Cn18';
	src: url('TradeGothicLTStd-Cn18.eot');
	src: local('☺'), url('TradeGothicLTStd-Cn18.woff') format('woff'), url('TradeGothicLTStd-Cn18.ttf') format('truetype'), url('TradeGothicLTStd-Cn18.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'TradeGothicLTStd-BdCn20';
	src: url('TradeGothicLTStd-BdCn20.eot');
	src: local('☺'), url('TradeGothicLTStd-BdCn20.woff') format('woff'), url('TradeGothicLTStd-BdCn20.ttf') format('truetype'), url('TradeGothicLTStd-BdCn20.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}


#BottomBand { 
    background: url(../Images/bottom-background.png); 
    height: 100px; 
    width: 100%; 
    position: absolute; 
    bottom: 30px; 
}
#BtnLogin { 
    position: absolute; 
    top: 0; 
    right: 200px; 
}

#BottomBand { 
    text-align: center; 
}
#BottomBand ul, #BottomBand li { 
    list-style: none; 
    margin: 0; 
    padding: 0; 
}
#BottomBand li { 
    text-align: center; 
    display: -moz-inline-stack;
    display: inline-block; 
    vertical-align: top; 
    border-right: 1px solid #f2f2f2; 
    height: 80px; 
    margin: 10px 0; 
    padding: 0 15px; 
    *display: inline;
}
#BottomBand li:last-child { 
    border-right: 0px solid transparent; 
}
.SucursalTitle { 
    font-family: 'TradeGothicLTStd-BdCn20'; 
    font-size: 15px; 
    color: #f2f2f2; 
    text-align: center; 
}
.SucursalContent { 
    font-family: 'TradeGothicLTStd-Cn18'; 
    font-size: 15px; 
    color: #f2f2f2; 
    text-align: center; 
}



