@charset "utf-8";
/*
----------------------------------------------------------------
	R E S E T    S T Y L E S
---------------------------------------------------------------- */
HTML , body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
body {
line-height: 1;
color: black;
background: white;
}
ol, ul {
list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse:collapse;
border-spacing: 0;
}
caption, th, td {
font-weight: normal;
vertical-align:top;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}


/*
----------------------------------------------------------------
	B A S I C O
---------------------------------------------------------------- */
body {
	font: normal 12px/1.5 Arial, Helvetica, sans-serif;
	color: #333;
	background: #fff;
}
body.general{
	background: #fff;
}
td, th, input, select, textarea{
	font: normal 12px/1.5 Arial, Helvetica, sans-serif;
}
strong{
	font-weight:bold;
	color:#000;
}
h1,h2,h3,h4,h5,h6{
	font-family: "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin-bottom:0;
	color:#000;
}

h1{
	font-size:20px;
	line-height:1.2;
	color: #000;
	margin-bottom: 1em;
	border-bottom:2px solid #c0c0c0;
	padding-bottom:5px;
}
h1.tituloSeccion{
	font-size:25px;
	color:#000;
	margin-bottom: 1em;
}

h2{
	font-size:15px;
	line-height:1.2;
	color: #032FC1;
	margin-bottom: 10px;
	margin-top:20px;
	padding-bottom:5px;
	border-bottom:1px solid #D0D0D0;
}

h3{
	font-size:13px;
	line-height:1.2;
	color: #000;
	margin-bottom: 10px;
}

h4{
	font-size:13px;
	line-height:1.2;
	color: #000;
	margin-bottom: 10px;
}

p{
	margin-bottom:1.2em;
}

ul {
	margin-bottom:30px;
}
ul li{
	background:url(img/bullet1.gif) no-repeat left 4px;
	padding-left:15px;
	margin-bottom:.5em;
}

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


small{
	font-size:90%;
}
big{
	font-size:120%;
}
table{
	margin-bottom:30px;
}
td, th{
	padding:5px;
}

.thumb{
	padding:4px;
	border:1px solid #d0d0d0;
	background:#fff;
}
.medium{
	padding:4px;
	border:1px solid #f0f0f0;
	background:#fff;
}

.boxImportant{
	background:#f0f0f0;
	border-top:2px solid #e0e0e0;
	border-bottom:2px solid #e0e0e0;
	padding:10px;
}

.small{
	font-size:90%;
	margin-bottom: .4em;
}
.large{
	font-size:120%;
	margin-bottom: .4em;
}

.instructions{
	color:#999;
	font-size:19px;
	line-height:1.4;
}
.align_left{
	text-align:left;
}
.align_right{
	text-align:right;
}
.noBorder{
	border:none;
}

.clearfix:after{ content: ".";	display:block;	height:0;	clear:both;	visibility:hidden;}
.float_left{
	float:left;
}
.float_right{
	float:right;
}

.box{
	margin-bottom:30px;
}
.boxError{
	background:url(img/icon-error.png) no-repeat left 10px;
	min-height:32px;
	padding:10px 10px 10px 42px;
	border-color:#E50000;
	border-style:solid;
	border-width:2px 0;
	margin-bottom:15px;
}
.boxErrorAplicacion{
	background:#fff url(img/icon-error.png) no-repeat left 10px;
	min-height:32px;
	padding:10px 10px 10px 42px;
	border-color:#E50000;
	border-style:solid;
	border-width:2px 0;
	margin-bottom:15px;	
}
.boxExito{
	background:#fff url(img/icon-exito.png) no-repeat left 10px;
	min-height:32px;
	padding:10px 10px 10px 42px;
	border-color:#3DB000;
	border-style:solid;
	border-width:2px 0;
	margin-bottom:15px;
}
.boxInfo{
	background: #fff url(img/icon-info.png) no-repeat left 10px;
	min-height:32px;
	padding:10px 10px 10px 42px;
	border-color:#56A7E4;
	border-style:solid;
	border-width:2px 0;
	margin-bottom:15px;
}

.boxUrlExterna
{
	padding:10px;
	border-color:#56A7E4;
	border-style:solid;
	border-width:2px 0;
	margin-bottom:15px;
	font-weight:bold;
	color:#000;
	background:#fff;
}

.breadcrumbs{
	margin-bottom:10px;
}
.breadcrumbs, .breadcrumbs a, .breadcrumbs strong{
	font-size:10px;
	color:#666;
	text-decoration:none;
}

/*
----------------------------------------------------------------
	T A B L A S
---------------------------------------------------------------- */
table.grid{
	/* width:100%;	*/
}
table.grid th{
	color:#000;
	font-weight:bold;
	border-bottom:2px solid #00D0EF;
	background:#EaEaEa;
}
table.grid td{
	border-bottom:1px solid #e0e0e0;
}
table.grid tr.alt td{
	background:#f0f0f0;
}

table.grid tbody th{
	border-bottom:1px solid #e0e0e0;
}


/*
----------------------------------------------------------------
	F O R M S
---------------------------------------------------------------- */
button.customButton{
	border:none;
	padding:0;
	margin:0;
	background:none;
	cursor:pointer;
}
button.customButton img{
	vertical-align:middle;
}
label{
	font-weight:bold;
	font-size:90%;
}
/*
----------------------------------------------------------------
	L A Y O U T
---------------------------------------------------------------- */

#SkypNav{
	margin-left:-1500px!important;
	height:0px;
}
#Wrapper1{
	background:#fff url(img/body-bg.jpg) no-repeat center top;
}

#Wrapper2{
	text-align:center;
	margin:0 auto;
	width:960px;	
}
#Encabezado{
	position:relative;
	width:960px;
	height:180px;
	text-align:left;
}
#EncabezadoConSubmenu{
	position:relative;
	width:960px;
	height:200px;
	text-align:left;
}

#Contenido{
	text-align:left;
	z-index:100;
}

#Contenido #Menu{
	width:217px;
	float:left;
}

#Contenido #Content{
	width:698px;
	float:right;
	background:url(img/content-fondo.png) no-repeat left top;
	padding:10px 15px;
}
#Contenido #ContentPortada{
	width:728px;
	float:right;
	padding:0 0 10px 0;
}
#Pie{
	clear:both;
	position:static;
	background:url(img/pie-fondo.jpg) repeat-x left 30px;
	margin-top:20px;
}

/*
----------------------------------------------------------------
	H E A D E R
---------------------------------------------------------------- */
#Logo{
	position:absolute;
	top:30px;
	left:0px;
}
#Nav{
	position:absolute;
	top:130px;
	left:0;
	width:700px;
	z-index:1000;
}


.boxEncabezado{
	color:#fff;
	font-size:90%;
	width:230px;
	padding:8px 10px;
}
.boxEncabezado a{
	color:#fff;
	text-decoration:underline;
}

#EncIconCarro, #EncIconUser{
	float:left;
	margin-right:10px;
}
#boxUsuario{
	position:absolute;
	top:33px;
	right:280px;
}
#boxUsuario label{
	display:inline-block;
	width:60px;
	margin-bottom:3px;
}
#boxUsuario input{
	width:150px;
	font-size:95%;
	margin-bottom:3px;
}
#boxCarro{
	position:absolute;
	top:33px;
	right:10px;
}

#carroResumen{
	position:relative;
	left:-9000px;
}
div.carroResumen h6{
	border-bottom:2px solid #c0c0c0;
}
div.carroResumen, div.carroResumen td, div.carroResumen th{
	font-size:90%;
}
div.carroResumen table{
	margin-bottom:0;
	padding:10px;
}


#Nav ul{
	position:relative;
}
#Nav span{
	cursor:pointer;
	display:block;
	background:url(img/arrow-down.gif) no-repeat right 16px;
	padding-right:15px;
}
#Nav ul li{
	color:#112866;
	float:left;
	margin:0;
	height:35px;
	line-height:35px;
	background:none;
	font:normal 13px/35px "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Verdana, Arial, Helvetica, sans-serif;
	padding: 0 20px;
	background:url(img/nav-separator.gif) no-repeat right top;
	position:relative;
}
#Nav ul li.current span{
	background:url(img/nav-current.gif) no-repeat center bottom;
	padding-right:0;
}
#Nav ul li.active span{
	background:url(img/arrow-down-on.gif) no-repeat right 16px;
}
#Nav a{ text-decoration:none;}
#Nav a:hover{ text-decoration:underline;}

#Nav ul li.ultimo{ background:none; }
#Nav ul ul{
	position:absolute;
	top:33px;
	left:-9000px;
	background:url(img/nav-menu-bg.png) no-repeat right bottom;
	width:170px;
	z-index:1000;
}
#Nav ul li.active ul{
	left:0px;
}
#Nav ul li li{
	float:none;
	font-size:12px;
	padding:5px 10px;
	background:none;
	height:auto;
	line-height:18px;
	border-bottom:1px solid #BCBCBC;
	margin:0 10px;
}
#Nav ul li li.ultimo{
	background:url(img/nav-menu-bottom.png) no-repeat right bottom;
	padding:5px 20px;
	padding-bottom:10px;
	margin:0;
	border:none;
}


#SubNav{
	position:absolute;
	top:165px;
	width:960px;
	background:url(img/subnav-bg.png) center top;
	height:23px;
	z-index:120;
}
#SubNav li{
	float:left;
	font:normal 11px/11px "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Verdana, Arial, Helvetica, sans-serif;
	background:none;
	padding: 0 15px;
	margin:6px 0;
	border-right:1px solid #fff;
}
#SubNav li.ultimo{
	border:none;
}
#SubNav a{ text-decoration:none; color:#fff}
#SubNav a:hover{ text-decoration:underline;}

#boxBuscador{
	position:absolute;
	top:135px;
	right:10px;	
}

#searchform{
	padding-top: 1px !important;
	margin: 0 !important
}
#searchform label {
	display: none
	}
#searchform input {
	display: inline;
	float: left;
	vertical-align: middle;
	}
#searchBox {
	border: 1px solid #A7A6AA;
	margin-top: 0px;
	border-right: 0;
	height: 16px;
	padding: 2px;
	width: 250px;
	background:#fff url(img/buscar-text.gif) no-repeat 5px center;
	}

/*
----------------------------------------------------------------
	F O O T E R
---------------------------------------------------------------- */
#bottomLinks{
	font-size:11px;
	text-align:right;
	padding-right:20px;
}
#bottomLinks a{
	color:#666;
}
#bottomLinks img{
	vertical-align:middle;
}

#Pie .pieSeparador{
	vertical-align:middle;
	padding:0 7px;
}
#Pie .pieWrapper{
	border-top:3px solid #A8FEFF;
	position:relative;
}
#Pie .navegacionPie{
	font-size:11px;
	text-align:left;
	margin-left:20px;
}
#Pie .creditos{
	position:absolute;
	top:0;
	right:0;
	width:150px;
	font-size:10px;
	color:#bbb;
	line-height:50px;
	text-align:right;
	padding-right:20px;
}
#Pie a{ text-decoration:none;}
#Pie a:hover{ text-decoration:underline;}

#Pie .creditos a{
	color:#bbb;
}

/*
----------------------------------------------------------------
	MENU PRODUCTOS
---------------------------------------------------------------- */
#Menu li span{
	cursor:pointer;
}

#Menu .menuWrapper1{
	background:#0174E3;
}
#Menu .menuWrapper2{
	background:url(img/menu-top-bg.jpg) no-repeat left top;
}
#Menu .menuWrapper3{
	background:url(img/menu-bottom-bg.jpg) no-repeat left bottom;
	padding-top:40px;
}
#Menu ul{
	color:#fff;
	font:normal 12px/12px "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Verdana, Arial, Helvetica, sans-serif;
}
#Menu ul li{
	border-top:1px solid #4ADDF2;
	border-bottom:1px solid #006CFF;
	padding:8px 5px 8px 15px;
	margin:0 10px;
	background:url(img/menu-li-normal.gif) no-repeat 2px 9px;
}
#Menu ul li a{
	color:#fff;	
}
#Menu ul li.primero{
	border-top:none;
}
#Menu ul li.ultimo{
	border-bottom:none;
}
#Menu ul li.active{
	background:url(img/menu-li-active.gif) no-repeat 2px 11px;
}
#Menu ul ul{
	margin:0;
	padding-left:0;
	padding-top:10px;
}
#Menu ul ul li{
	background:none;
	margin:0;
	padding-left:0;
	border:none;
}
#Menu ul ul li a{
	color:#5BEFFD;
}
/*
----------------------------------------------------------------
	INICIO
---------------------------------------------------------------- */
#boxAtencionCliente, #boxRecursos{
	width:207px;
	min-height:110px;
	margin-bottom:20px;
	margin-right:22px;
	padding-top:40px;
	padding-left:20px;
}
#boxAtencionCliente a, #boxRecursos a{
	color:#000;
}
#boxAtencionCliente{
	background:url(img/bg-box-atencion-cliente.jpg) no-repeat top left;
	padding-top:40px;
	padding-left:20px;
}
#boxRecursos{
	background:url(img/bg-box-recursos.jpg) no-repeat top left;
}
#boxPromocion{
	width:227px;
	height:150px;
}
.portadaDatosEmpresa {
	margin-bottom:0;
	margin-top:20px;
	padding:5px;
}
.portadaDatosEmpresa p{
	font-size:14px;
	margin:0 0 10px 0; padding:0;
}
.portadaDatosEmpresa p.nombreEmpresa{
	color:#0578E4;
	font-weight:bold;
}
.portadaDatosEmpresa p.direccion{
	font-size:11px;
	font-weight:bold;
}
.portadaDatosEmpresa p.fono{
	color:#000;
	font-weight:bold;
	font-size:20px;
}

.linksPortada{
	padding-bottom:10px;
	margin-bottom:10px;
	text-align:center;

}
.linksPortada td{
	padding:0 4px;
}
.linksPortada table{
	margin:0; padding:0;
}
/*
----------------------------------------------------------------
	CONTACTO
---------------------------------------------------------------- */
.contactoNombreEmpresa{
	font-size:14px;
	color:#0578E4;
	font-weight:bold;
}
ul.datosContacto li{
	padding-left:26px;
	padding-bottom:10px;
	border-bottom:1px solid #e0e0e0;
}
ul.datosContacto li.direccion{
	background:url(img/icon-direccion.png) no-repeat left 2px;
}
ul.datosContacto li.fono{
	background:url(img/icon-fono.png) no-repeat left top;
}
ul.datosContacto li.fax{
	background:url(img/icon-fax.png) no-repeat left top;
}
ul.datosContacto li.email{
	background:url(img/icon-email.png) no-repeat left top;
}
/*
----------------------------------------------------------------
	NOTICIAS
---------------------------------------------------------------- */
.introGrupo{
	color:#999;
	font-size:14px;
	line-height:1.4;
	font-weight:bold;
	margin-bottom: 20px;
	padding-bottom:20px;
	border-bottom:2px solid #e0e0e0;
}
.thumb{
}
.noticiaRow{
	padding:5px;
	margin-bottom:10px;
	border-bottom:1px solid #e0e0e0;
}
.noticiaRowDestacado{
	padding-bottom:10px;
}
.noticiaRow .thumb{
	float:right;
	margin-right:10px;
}
.noticiaRowDestacado .thumb{
	float:left;
	margin-right:20px;
}
.noticiaRow h4, .noticiaRowDestacado h4{
	padding-bottom:10px;
	display:inline;
}
.fecha{
	font-size:90%;
	color:#00D0EF;
}
.resumen{
}
.NoticiaImagenPrincipal{
	float:right;
	margin:0 0 10px 10px;
}

.casosdeExitoRowDestacado{
	font-size:16px;
}
.casosdeExitoRowDestacado h4{
	font-size:20px;	
	display:block;
}

.boxArchivoAdjunto
{
	padding:10px;
	border-color:#56A7E4;
	border-style:solid;
	border-width:2px 0;
	margin-bottom:15px;
	font-weight:bold;
	color:#000;
	background:#fff;
}
.boxArchivoAdjunto img{
	vertical-align:middle;
}
/*
----------------------------------------------------------------
	PRODUCTOS
---------------------------------------------------------------- */
.rowProducto{
	padding:10px 5px 10px 5px;
	margin-bottom:10px;
	border-bottom:1px solid #e0e0e0;
}
.rowProducto .thumb{
	float:left;
	margin-right:10px;
}
.rowProducto p{
	padding-top:5px;
}

.boxProducto{
	float:left;
	width:115px;
	padding:10px;
	margin-bottom:10px;
	text-align:center;
}
.boxProducto .thumb{
	margin-bottom:5px;
}

/*
----------------------------------------------------------------
	PRODUCTO
---------------------------------------------------------------- */
#sCycleArticulo{
    width: 300px; /* important to be same as image width */
    height: 200px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
	margin-bottom:5px;
}
#sCycleArticulo div.sliderContent{
    width: 300px; /* important to be same as image width or wider */
    position: absolute;
	top: 0;
	margin-left: 0;
}
#sCycleDetalle .sliderImage {
    float: left;
    position: relative;
	display: none;
}
#sCycleDetalle .sliderContent span {
    position: absolute;
	font: bold 12px/15px Arial, Helvetica, sans-serif;
    padding: 10px 13px;
    width: 300px;
    background-color: #000;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
	-khtml-opacity: 0.7;
    opacity: 0.7;
    color: #fff;
}

#sCycleDetalle .sliderContent span a{
	color:#fff;
	font-weight:bold;
}

#navCycle {   margin:0; float:left; width:310px; list-style: none }
#navCycle li {  float: left; margin: 8px 10px 0 0; padding:0; background:none; }
#navCycle a { width: 43px; padding: 3px; display: block; border:1px solid #0095AA; }
#navCycle a.activeSlide { padding:2px; border: 2px solid #00E5FF;}
#navCycle a:focus { outline: none; }
#navCycle img { border: none; display: block }
/*
----------------------------------------------------------------
	LINKS
---------------------------------------------------------------- */
.boxLinks li{
	background:url(img/bullet-links.png) no-repeat left 5px;
	margin-bottom:1em;
}
/*
----------------------------------------------------------------
	PUNTOS DE VENTA
---------------------------------------------------------------- */
.puntosVenta span{
	display:block;
}
/*
----------------------------------------------------------------
	UI
---------------------------------------------------------------- */


/* TABS */
.tabsVertical{	
}
.tabsVertical .tabsNav{
	float:left;
	width:30%;
}
.tabsVertical .tabs-panel{
	float:right;
	width:65%;
}
.tabsVertical a{
	display:block;
}
.tabsVertical li.tabsCurrent{
	border-top:1px solid #8CD4FA;
	border-bottom:1px solid #8CD4FA;
	font-weight:bold;
}

/* TOOLTIP */
#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #eee;
	padding: 5px;
	opacity: 0.85;
}
#tooltip h3, #tooltip div { margin: 0; }

/* FACEBOOK BOX */
#facebox .b {
  background:url(img/b.png);
}

#facebox .tl {
  background:url(img/tl.png);
}

#facebox .tr {
  background:url(img/tr.png);
}

#facebox .bl {
  background:url(img/bl.png);
}

#facebox .br {
  background:url(img/br.png);
}

#facebox {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10000;
  text-align: left;
}

#facebox .popup {
  position: relative;
}

#facebox table {
  border-collapse: collapse;
}

#facebox td {
  border-bottom: 0;
  padding: 0;
}
#facebox form td{
	padding:5px;
}

#facebox .body {
  padding: 10px;
  background: #fff;
  width: 500px;
}

#facebox .loading {
  text-align: center;
}

#facebox .image {
  text-align: center;
}

#facebox img {
  border: 0;
  margin: 0;
}

#facebox .footer {
  border-top: 1px solid #DDDDDD;
  padding-top: 5px;
  margin-top: 10px;
  text-align: right;
}

#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {
  height: 10px;
  width: 10px;
  overflow: hidden;
  padding: 0;
}

#facebox_overlay {
  position: fixed;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}

.facebox_hide {
  z-index:-100;
}

.facebox_overlayBG {
  background-color: #000;
  z-index: 99;
}