html{height: 100%;}
body {font-family:sans-serif, Helvetica; font-size:12px; margin: 0; padding: 0; height:100%; background-image: url(../images/body/bkg-body.jpg);background-attachment:fixed;height:100%;}

#preload-01 { background: url('../images/msg_arrow.gif') no-repeat -9999px -9999px; }

h1 {font-size:250%;font-family:Helvetica;color: #001b4f;	}

a {text-decoration:none;color:#224485;font-size:110%;}

a:hover {text-decoration:underline;color:#cc3123;}

.btnAzul {cursor:pointer;margin:5px;float:right; padding:4px 10px; margin-top: 10px; background-color: #3f6cac; color: #FFFFFF; font-weight:bold; border:0; border-bottom: 1px solid #144282;-moz-border-radius: 3px;border-radius: 3px;text-shadow:1px 1px 1px #1e4883; font-family:Tahoma; font-size:13px }
.btnAzul.b{margin:0!important;}
.btnAzul:hover {color:#FFFFFF; text-decoration:none; background-color: #517dbd;}

.btnVerde {cursor:pointer;margin:5px; display:block; float:right; padding:4px 10px; margin-top: 10px; background-color: #61cc37; color: #FFFFFF; font-weight:bold; border:0; border-bottom: 1px solid #45a520; -moz-border-radius: 3px;border-radius: 3px;text-shadow:1px 1px 1px #34940e; font-family:Tahoma; font-size:13px;}
.btnVerde.b{margin:0!important;}
.btnVerde:hover {color:#FFFFFF; text-decoration:none; background-color:#7bdd55;}

.btnNaranja {cursor:pointer;margin:5px; display:block; float:right; padding:4px 10px; margin-top: 10px; background-color: #e09c3b; color: #FFFFFF; font-weight:bold; border:0; border-bottom: 1px solid #be7817; -moz-border-radius: 3px;border-radius: 3px;text-shadow:1px 1px 1px #b87515; font-family:Tahoma; font-size:13px;}
.btnNaranja.b{margin:0!important;}
.btnNaranja:hover {color:#FFFFFF; text-decoration:none; background-color: #eaaa50;}

.btnDisabled {cursor:default;margin:5px; display:block; float:right; padding:4px 10px; margin-top: 10px; background-color: #ccc; color: #FFFFFF; font-weight:bold; border:0; border-bottom: 1px solid #888;-moz-border-radius: 3px;border-radius: 3px;text-shadow:1px 1px 1px #555; font-family:Tahoma; font-size:13px }

.grillaAzul { border-collapse: collapse; text-align: left; width: 100%; } 
.grillaAzul {font: normal 12px/150% Arial, Helvetica, sans-serif; background: #fff; overflow: hidden; border: 1px solid #006699; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.grillaAzul td, .grillaAzul th { padding: 3px 10px;}
.grillaAzul tbody td {border-top: 1px solid #e4e3e3;}
.grillaAzul thead th {background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #006699), color-stop(1, #00557F) );background:-moz-linear-gradient( center top, #006699 5%, #00557F 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#006699', endColorstr='#00557F');background-color:#006699; color:#FFFFFF; font-size: 15px; font-weight: bold; border-left: 1px solid #0070A8; } 
.grillaAzul thead th:first-child { border: none; }.grillaAzul table tbody td { color: #00557F; border-left: 1px solid #E1EEF4;font-size: 12px;font-weight: normal; }
.grillaAzul tbody .alt td { background: #E1EEf4; color: #00557F; }
.grillaAzul tbody td:first-child { border-left: none; }
.grillaAzul tbody tr:last-child td { border-bottom: none; }
.grillaAzul tfoot td div { border-top: 1px solid #006699;background: #E1EEf4;} 
.grillaAzul tfoot td { padding: 0; font-size: 12px; } 
.grillaAzul tfoot td div{ padding: 2px; }
.grillaAzul tfoot td ul { margin: 0; padding:0; list-style: none; text-align: right; }
.grillaAzul tfoot  li { display: inline; }
.grillaAzul tfoot li a { text-decoration: none; display: inline-block;  padding: 2px 8px; margin: 1px;color: #FFFFFF;border: 1px solid #006699;-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #006699), color-stop(1, #00557F) );background:-moz-linear-gradient( center top, #006699 5%, #00557F 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#006699', endColorstr='#00557F');background-color:#006699; }
.grillaAzul tfoot ul.active, .grillaAzul tfoot ul a:hover { text-decoration: none;border-color: #00557F; color: #FFFFFF; background: none; background-color:#006699;}



.grillaTotales {border-top:solid 1px #dddddd; border-bottom:0;float:right;}
.grillaTotales th {background-color:#f1f1f1; border-bottom:solid 1px #dddddd;color:#000; padding:7px;}
.grillaTotales td {border-bottom:solid 1px #dddddd;color:#000;padding:7px;}
.grillaTotales td a {color:#3684d3; text-decoration:none;}
.grillaTotales th a {color:#365ABA; text-decoration:none;}
.grillaTotales td a:hover {text-decoration:underline;}
.grillaTotales th a:hover {text-decoration:underline;}
.grillaTotales tr:hover {background-color:#fffde9;}


input[class*='inpt']{height:45px;width:96%;background-repeat:no-repeat;background-position:99% center;padding-left: 10px;margin:10px;color: #777;border: 1px solid #c7d0d2;border-radius:2px;}

input[disabled]{background-color:#E6E6E6;}
.inptUserName {background: url(../images/icons/32/customer.png);}
.inptName {background: url(../images/icons/32/photoID.png);}
.inptPassword {background: url(../images/icons/32/password.png);}
.inptEmail {background: url(../images/icons/32/mail.png);}
.inptMessage {background: url(../images/icons/32/message.png);background-repeat:no-repeat;background-position:99% center;font-family:sans-serif, Helvetica;
              font-size:12px;min-width:96%;padding:10px 0 0 10px;border: 1px solid #c7d0d2;border-radius: 2px;color: #777;resize:none;height:400px;margin:10px;}
.inptCompany {background: url(../images/icons/32/company.png);}
.inptZone {background: url(../images/icons/32/map.png);}
.inptPhone {background: url(../images/icons/32/phone.png);}

.cb {clear:both;}

.carousel-clip  { position: absolute; top: 0;left: 0;}
.pos1 {clip:rect(0 24px 26px 0);}
.pos2 {clip:rect(0 24px 26px 0);}
.pos3 {clip:rect(0 24px 26px 0);}
.pos4 {clip:rect(0 24px 26px 0);}
.pos5 {clip:rect(0 24px 26px 0);}
.pos6 {clip:rect(0 24px 26px 0);}
.pos7 {clip:rect(0 24px 26px 0);}

.clip  { position: absolute; top: 0; left: -25px; }
.pos-1  { clip:rect(0 24px 26px 0); }


#customer {background: url(../images/icons/24/sprites.png) no-repeat;background-position: -1px -1px;width: 24px;height: 24px;text-indent:-9999px;display: inline-block;}
#inicio {background: url(../images/icons/24/sprites.png) no-repeat;background-position: -31px -1px;width: 24px;height: 24px;text-indent:-9999px;display: inline-block;}
#la-marca {background: url(../images/icons/24/sprites.png) no-repeat;background-position: -60px -1px;width: 24px;height: 24px;text-indent:-9999px;display: inline-block;}
#zc {background: url(../images/icons/24/sprites.png) no-repeat;background-position: -88px -1px;width: 24px;height: 24px;text-indent:-9999px;display: inline-block;}
#productos {background: url(../images/icons/24/sprites.png) no-repeat;background-position: -116px -1px;width: 24px;height: 24px;text-indent:-9999px;display: inline-block;}
#contacto {background: url(../images/icons/24/sprites.png) no-repeat;background-position: -148px -1px;width: 24px;height: 24px;text-indent:-9999px;display: inline-block;}
#fb {background: url(../images/icons/24/sprites.png) no-repeat;background-position: -177px -1px;width: 24px;height: 24px;text-indent:-9999px;display: inline-block;}

#msg {display:none; position:absolute; z-index:300; background:url('../images/msg_arrow.gif') left center no-repeat; padding-left:7px; }
#msgcontent {display:block; background:#f3e6e6; border:2px solid #123283; border-left:none; padding:5px; min-width:150px; max-width:250px; }

#header {height:80px;background-color:#efebeb;background-image: url(../images/body/bkg-header-main.jpg);background-repeat:repeat-x;background-position:center bottom;margin-bottom:50px;width:100%; }
.headerLogo {position:relative;left:15%;top:10px;margin-top:-5px;max-width:224px;}
#header table {position:absolute;right:60px;top:35px;}
#header table td{padding-left:15px;}
#header table a{color:#002c5b;font-family: sans-serif;font-size:80%;text-decoration:none;}
#header table a:hover{text-decoration:underline;color:#cc3123;}
#header .customerLogInLogOut {position:absolute;top:3px;right:5px;font-size:110%;}


.navigation{text-align:center;font-size:15px;}
.navigation a{font-size:18px;}

#content {width:50%;padding:0 10px 10px 10px;font-size:14px;background-color:#fff;margin:auto;border: 1px solid #ccc;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}

#content table {margin-left:auto;margin-right:auto;}

.contentTitle {background-repeat:no-repeat; background-position:left top;padding-left:35px;font-size:25px;background-image:url('../images/icons/32/corona-chica-royaltek-italy.png');}
.contentTitleWB {background-repeat:no-repeat; background-position:left top;padding-left:35px;font-size:25px;background-image:url('../images/icons/32/corona-chica-royaltek-italy.png');border-bottom:2px solid #ff4e38;}

.contentHr {width:100%;height:2px;background-color:#ff4e38;border:0;margin-left:0;margin-top:-15px;margin-bottom:20px;}

.carousel {position:relative;overflow: auto;}
.carousel li {list-style: none;}
.carousel ul li {float: left;}

#formContainer {position: relative;margin:auto;width:375px;background: #fff;border-radius:10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;border: 1px solid #ccc;font-size: 12px;color: #555;}

label {color: #555;display: inline-block;padding-top: 10px;font-size: 16px;}

.mensaje {position:relative;height:34px;width:600px;background-color:#f2ffef;border: 1px solid #618701;text-align:center;left:50%;margin: 0 0 0 -300px;background-image: url(../images/icons/32/tic.png);background-repeat:no-repeat;display:table;background-position:5px;}
.mensaje img {cursor:pointer; position:absolute; right:5px; top:5px;}
.mensajeNo {position:relative;height:34px;width:600px;background-color:#fdf2f2;border: 1px solid #ff0000;text-align:center;left:50%;margin: 0 0 0 -300px;background-image: url(../images/icons/32/cross.png);background-repeat:no-repeat;display:table;background-position:5px;}
.mensajeNo img {cursor:pointer; position:absolute; right:5px; top:5px;}


.msgAdvert, .msgInfo {position:relative; padding: 15px 10px 15px 60px; margin: 10px 0;font-weight:bold;background-repeat: no-repeat; background-position: 10px 50%; line-height:15px;}

.msgAdvert{border: 1px solid #e9a90e; background-color: #fffce5;color:#d68400;background-image: url('../images/icons/32/advert.png');}
.msgInfo {border: 1px solid #00557F; background-color: #e6f5fd;color:#00557F;background-image: url('../images/icons/32/info.png');}

#wrapper{min-height:85%;height:auto;margin:auto;}

.btnPasswordChange, .btnSearch, .btnAdd , .btnXLS{background-repeat:no-repeat; background-position:left; padding-left:20px;text-decoration:none; height:16px;float:right;right:0; margin-left:8px; font-size:13px;cursor:pointer;}


.btnPasswordChange {background-image:url('../images/icons/32/password.png');background-size:16px;}
.btnSearch {background-image:url('../images/icons/16/search.png');}
.btnAdd {background-image:url('../images/icons/16/plus.png');}
.btnXLS {background-image: url('../images/icons/16/xls.png');}

#footer{width: 100%;height: 100px;margin-top:50px;background-image: url(../images/body/bkg-footer.jpg);text-align:center;}
#footer  table {color:white;padding-top:60px;font-size:10px;margin-left:auto;margin-right:auto;}
#footer td {padding-left:10px;}

.actionsBetweenContentAndTable {text-align:right;margin-bottom:5px;}

/************************** POPUPS *******************************************/
#popUp ul li {padding-bottom:5px;}
#popUp a {color:#365ABA}

div.blackBackground {position:fixed; top:0; left: 0; width:100%; height:100%;background-color:#000;z-index:200;display:none;}
div#popUpDivBorder {background-color:#000;border-radius:10px;opacity:0.3;position:fixed;top:50%; left: 50%;z-index:201;display:none;}
div#popUp, div.popUp {padding:10px;background-color:#FFF;position:fixed;top:50%; left: 50%;z-index:202;display:none;}
.bkg_fondo_popUp {margin: 0;padding: 0;background-image:url('../images/page/bkgresentChange.gif');background-repeat:repeat-x;background-color:#FFFFFF;color: #2f2f2f;}

.header_popUp {color:#fff; width:98%}
.header_popUp h1{font-size:25px; font-weight:normal;margin:0;float:left; margin-top:15px; padding-left:15px;}
.header_popUp span a{float:right;margin-top:30px;color:#fff;cursor:pointer;}
.header_popUp a:hover {text-decoration:underline;}

.cnt_popUp {font-size:11px;margin-top:25px; width:800px; padding:15px; font-family:Tahoma;}
.cnt_popUp p{padding:0 0 0 15px;}
.cnt_popUp h2 {font-weight:normal; text-align:center;font-size:20px;}
.cnt_popUp img{float:left; margin-right:5px;}
.cnt_popUp .fecha_actualizacion {color: #888888; font-size:17px;}
.cnt_popUp ul li { padding:5px;}
.controlStock {float:left;}
.controlStock li {padding:10px; list-style-type:none; background-image:url('../images/misc/bullet1.jpg'); background-repeat:no-repeat; background-position:left; padding-left:25px;}

.servInventario {float:left;}
.servInventario li {padding:10px; list-style-type:none; background-image:url('../images/misc/bullet2.jpg'); background-repeat:no-repeat; background-position:left; padding-left:25px;}

.dimmer {position:fixed;left:0px;top:0px;background-image:url(../images/misc/upload_process_gray.png); _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='../images/misc/upload_process_gray.png');z-index:10000}
.dimming {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;font-style: normal;background-color: #ffffff;position:absolute; z-index:10000;border-style: solid;border-color: #999999;border-width: 1px;top:160px!important; left:50%!important; margin-left: -210px;}
.floatingHeader{background-color: #0000ff;color:#ffffff;}
/************************** /POPUPS *******************************************/


/************************** AUTOCOMPLETE *******************************************/
.ac_results {padding: 0px; border: 1px solid black; background-color: white; overflow: hidden; z-index: 99999; -moz-border-radius:5px;overflow:auto;max-height:200px;}
.ac_results ul {width: 100%; list-style-position: outside; list-style: none; padding: 0; margin: 0;}
.ac_results li {margin: 0px; padding: 2px 5px; cursor: default; display: block; font: menu; font-size: 12px; line-height: 16px; overflow: hidden;}
.ac_results li:nth-child(odd) { background-color: #EEEEEE; }
.ac_loading {background: white url('../images/icons/16/loading.gif') right center no-repeat;}
.ac_odd {background-color: #eee;}
.ac_over {background-color: #7E9CB6!important; color: white;}


.autocompleteContainer {padding:3px 3px 0; margin:0 auto; border:1px solid #aaa; background-color:#fff; cursor:text;float:left;}
.autocompleteMultiple {width:30px!important; margin:0 0 2px 0; padding:0 0 3px;position:relative; top:0; float:left; border:none!important;}
.autocompleteMultiple input {display:block; padding:3px; margin:0 auto 20px;border:1px solid #aaa;}
.autocompleteContainer span {display:block; margin:0 3px 3px 0; padding:3px 20px 4px 8px!important;position:relative; float:left; background-color:#e8e8e8;border-bottom:1px solid #a5a5a5; /*-moz-border-radius:5px;-webkit-border-radius:5px; border-radius:5px;*/ color:#333;font-size:11px; font-family:Arial;}
.autocompleteContainer span a {position:absolute; right:8px; top:2px; color:#333; font-size:11px; font-family:Arial; text-decoration:none;}
.autocompleteContainer span a:hover { color:#000; text-decoration:none; }

.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }

* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/************************** /AUTOCOMPLETE *******************************************/

.current-menu {text-decoration:underline!important;color:#cc3123!important;font-size:1.1em!important;}

@media only screen and (max-width: 1050px), only screen and (max-device-width: 1050px) { 
	.headerLogo {left:5%;}
	#header table a:not(.current-menu){font-size:0px!important;}
	.articuloItem {width:30%!important;}
	}

@media only screen and (max-width: 640px), only screen and (max-device-width: 640px) { 
	.customerLogInLogOut {visibility:hidden;}
	.headerLogo {max-width:185px;}
	#content{width:80%;}
	.articuloItem {width:40%!important;}
	.current-menu{font-size:.8em!important;}
	}	
	
@media only screen and (max-width: 590px), only screen and (max-device-width: 590px) { 
	#header table {position:static;right:auto;margin-left: auto;margin-right: auto;margin-top:10px;}
	.headerLogo {max-width:105px;}
}	

@media only screen and (max-width: 280px), only screen and (max-device-width: 280px) { 
	.current-menu{font-size:0px!important;}
}


.inptBusqueda {position:absolute;right:63px;top:75px}
.inptBusqueda input {width:300px;border:1px solid #c7d0d2;border-radius:2px;color:#777;}
.inptBusqueda image {max-height:16px;cursor:pointer;}