@charset "utf-8";
/* CSS Document */

body{
margin:0px;
padding:0px;
background-color:#000;
/*background-image:url(../img/fondositio.gif);
/*background-repeat:repeat-x;*/
background-position:0px 138px;
color:#fff;
padding-bottom: 150px;
}


.georgia{
	font-family:Georgia, "Times New Roman", Times, serif;
}

.arial{
	font-family: Arial, Helvetica, sans-serif;
}

.linkblanco{
	color:#fff;
	text-decoration:none;
}

.f11{
font-size:11px;
}

.f12{
font-size:12px;
}

.f133{
	font-size:13px;
	color: #fff;
}
.f13{
	font-size:13px;
	color: #FFF;
}

.f14{
font-size:14px;
}

.f17{
font-size:17px;
}

.f18{
	font-size:18px;
}

.f20{
	font-size:18px;
}

.f18bold{
	font-size:18px;
	font-weight:bold;
}

.cblanco{
	color:#FFF;
}

.cgris{
	color:#fff;
}

.cverde{
color:#fff;
}

.cverde2{
color:#1faaa3;
}

#cabezal{
margin:0px;
padding:0px;
height:138px;
width:auto;
}

#barrasuperior ul{
width:950px;
margin:0px auto 0px auto;
padding:0px 0px 0px 10px;
list-style:none;
display:block;
}

#barrasuperior ul li{
margin:7px 0px 0px 20px;
padding:0px;
float:left;
display:block;
}


.redes{
magin:0px;
padding:0px;
float:left;
}


#barrasuperior{
margin:0px;
padding:0px;
height:33px;
width:auto;
background-color:#000;
/*background-image:url(../img/backsuperior.gif);
background-repeat:repeat-x;*/
}

#menu{
margin:0px;
padding:0px;
height:105px;
width:960px;
width:auto;
background-color:#000;
display:block;
}

#menu ul{
margin:0px auto 0px auto;
padding:0px;
list-style:none;
width:630px;
display:block;
}

#menu ul li{
margin:0px;
padding:0px;
float:left;
}

.colormenu{
margin:0px;
padding:0px;
height:24px;
background-color:#1faba3;
}

#menu img{
	margin:0px;
	padding:0px;
}

#contenedormenu{
margin:0px auto 0px auto;
padding:0px;
width:950px;
height:auto;
background-image:url(../img/registrateyacceder.gif);
background-repeat:no-repeat;
background-position:bottom left;
}

#aempresa,#aproductos,#asistema,#atendencia,#acontacto{
margin:0px;
padding:0px;
width:50px;
height:31px;
display:block;
}

#sempresa,#sproductos,#ssistema,#stendencia,#scontacto{
margin:0px;
padding:0px;
display:none;
}

#sempresa{
width:99px;
}

#sproductos{
width:113px;
}

#ssistema{
width:184px;
}

#stendencia{
width:115px;
}

#scontacto{
width:108px;
}

#pie{
	/*border-top:10px #1bada3 solid;
	background-color:#FFFFFF;*/
	min-height:150px;
	margin:5px 0px 0px 0px;
}

#contenedorpie{
margin:0px auto 0px auto;
padding:0px;
width:940px;
}

#newsletter{
margin:10px 0px 0px 0px;
padding:0px;
float:left;
width:300px;
}

#menubottom{
margin:10px 0px 0px 0px;
padding:0px;
float:left;
width:405px;
font-family:Arial, Helvetica, sans-serif;
color:#fff;
font-size:14px;
}

#redsocial{
margin:10px 0px 0px 28px;
padding:0px;
float:left;
width:190px;
color:#fff;
}

#redsocial ul{
margin:0px;
padding:0px;
list-style:none;
}

#contenido{
margin:0px auto 0px auto;
padding:0px;
width:940px;
min-height:250px;
/*background-image:url(../img/backcentro.gif);
background-position:center;
background-repeat:no-repeat;
background-position:top;*/
}

#menubottom ul{
margin:0px;
padding:0px;
list-style:none;
}

#menubottom ul li{
margin:0px;
padding:0px 5px 0px 10px;
float:left;
border-right:#FFF 1px solid;
}

#menubottom ul li a{
margin:0px;
padding:0px;
font-family:Arial, Helvetica, sans-serif;
color:#21a9a5;
text-decoration:none;
font-size:12px;
float:left;
}

.enlaces{
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
	font-size:10px;
	text-decoration:none;
}

#linksfinal{
	margin:30px auto 0px auto;
	padding:10px;
	width:960px;
	color:#fff;
	font-size:10px;
}

#idcontacto{
width:940px;
margin:36px 0px 0px 0px;
padding:0px 0px 20px 0px;
}


#agregarcliente,#idcontacto1,#idcontacto2,#idcontacto3{
margin:0px;
padding:0px;
float:left;
height:507px;
}

#agregarcliente{
margin:20px 0px 0px 300px;
padding:72px 27px 30px 27px;
width:291px;
height:270px;
background-image:url(../img/agregar_cliente.gif);
background-repeat:no-repeat;
}



#idcontacto1{
margin:0px;
padding:72px 27px 30px 27px;
width:291px;
height:405px;
background-image:url(../img/contactenos.gif);
background-repeat:no-repeat;
}

#idcontacto2{
margin:0px 15px 0px 15px;
padding:0px;
width:386px;
}

#idcontacto3{
margin:0px;
padding:0px;
width:172px;
background-image: url(../img/backcomollegar.gif);
background-repeat:repeat-y;
}

#comollegar{
width:150px;
margin:0px 0px 0px 12px;
padding:0px;
}

#formulario{
margin:0px;
padding:0px;
}

.backcasillero{
	width:250px;
	height:28px;
	*height:26px;
	background: url(../img/casillerosimple_b.gif) 0 0 no-repeat;
	border:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#4c4c4c;
	padding-left:10px;
	padding-right:20px;
	/*
	*padding:50px 0 0 10px;
	_padding:50px 0 0 10px;
	*/
}

.hideme
{
    opacity:0;
}

.backcasillero2{
	width:250px;
	height:75px;
	*height:73px;
	background: url(../img/casillerogrande.gif) 0 0 no-repeat;
	border:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#4c4c4c;
	padding-left:10px;
	padding-right:20px;
	/*
	*padding:50px 0 0 10px;
	_padding:50px 0 0 10px;
	*/
}


.backcasillero3{
	width:180px;
	height:30px;
	*height:28px;
	background: url(../img/form_news.gif) 0 0 no-repeat;
	border:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#4c4c4c;
	padding-left:20px;
	padding-right:20px;
	/*
	*padding:50px 0 0 10px;
	_padding:50px 0 0 10px;
	*/
}


#sistema{
margin:0px auto 0px auto;
padding:0px;
width:760px;
height:182px;
list-style:none;
}

#sistema li{
margin:0px;
padding:0px;
float:left;
width:374px;
height:182px;
display:block;
}

#ventadirecta{
margin:0px;
padding:0px;
background-image:url(../img/ventadirecta1.gif);
background-repeat:no-repeat;
}

#ventacatalogo{
margin:0px;
padding:0px;
background-image:url(../img/ventadirecta2.gif);
background-repeat:no-repeat;
}


.descripcionventa{
width:260px;
margin:0px;
padding:50px 0px 0px 75px;
text-align:left;
}

#cajasup{
margin:0px;
padding:0px;
width:auto;
list-style:none;
height:200px;
}

#cajasup li{
margin:0px;
padding:0px;
float:left;
width:460px;
height:60px;
}

#izquierda{
margin:0px 0px 0px 105px;
padding:0px;
float:left;
width:270px;
}

#derecha{
margin:0px 0px 0px 50px;
padding:0px;
float:left;
width:438px;
}

#formulario{
margin:36px 0px 0px 0px;
padding:0px;
width:940px;
height:458px;
background-image:url(../img/formularioregistro.png);
}

#formulario div{
width:585px;
height:340px;
margin:0px 0px 0px 37px;
padding:0px;
}


.formregistro{
	width:252px;
	height:23px;
	*height:21px;
	background: url(../img/casillero_registro1.gif) 0 0 no-repeat;
	border:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#4c4c4c;
	padding-left:10px;
	padding-right:20px;
	/**padding:50px 0 0 10px;
	_padding:50px 0 0 10px;*/
}


.formregistro2{
	width:261px;
	height:86px;
	*height:84px;
	background: url(../img/casillero_registro2.gif) 0 0 no-repeat;
	border:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#4c4c4c;
	padding-left:10px;
	padding-right:20px;
	/**padding:50px 0 0 10px;
	_padding:50px 0 0 10px;*/
}

#log{
margin:0px auto 0px auto;
padding:58px 35px 58px 35px;
width:285px;
height:268px;
background-image:url(../img/fondologing.gif);
background-repeat:no-repeat;
display:block;
}

#cajathumb,#columnader,#columnacen,#columnaizq{
margin:17px 0px 0px 0px;
padding:0px;
}

#columnaizq{
width:190px;
min-height:80px;
float:left;
margin-left:16px;
/*background-color:#0F9;*/
}

#columnacen{
width:316px;
min-height:80px;
margin-left:30px;
float:left;
}

#columnacen ul{
margin:0px;
padding:0px;
list-style:none;
}



#columnader{
width:261px;
min-height:80px;
margin-left:30px;
float:left;
}


.buscador{
	width:148px;
	height:26px;
	background: url(../img/buscar_producto.png) 0px 0px no-repeat;
	border:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#4c4c4c;
	padding:1px 0px 0px 10px;
	*padding:4px 0px 0px 10px;
	_padding:4px 0px 0px 10px;
	margin:2px 0px 0px 0px;
}





#columnaizq ul{
margin:10px 0px 0px 5px;
padding:0px;
list-style:none;
font-size:13px;
width:190px;
}

#cajathumb{
margin:17px 0px 0px 25px;
padding:0px;
width:688px;
float:left;
}

#cajathumb ul{
margin:0px;
padding:0px;
list-style:none;
}


#cajathumb ul li{
margin:0px;
padding:0px 5px 0px 0px;
float:left;
text-align:center;
height:312px;
}



.thumb{
padding:9px 6px 9px 6px;
margin:0px;
width:152px;
height:229px;
/*background-color:#000;*/
}

.thumbimg{
margin:0px;
padding:0px;
background-color:#FFF;
}

.thumbimg img{
margin:0px;
padding:0px;
}

#paginado{
margin:0px;
padding:0px;
width:665px;
text-align:right;
color:#bcbec0;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
}


.destacado1{
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
color:#10d0c5;
}


.destacadogris{
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
color:#bcbec0;
text-decoration:none;
}

.destacadoblanco{
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
color:#fff;
}


.gris{
color:#bcbec0;
text-decoration:none;
}

.blanco{
color:#fff;
text-decoration:none;
}

#desmotivos ul{
margin:0px;
padding:0px;
list-style:none;
float:left;
width:150px;
}

#desmotivos ul li{
margin:2px;
padding:0px;
float:left;
}

#paginadoint{
margin:0px;
padding:0px;
width:250px;
}

#paginadoint ul{
	margin:0px;
	padding:0px;
	list-style:none;
}

#paginadoint ul li{
	margin:0px;
	padding:4px;
	float:left;
	width:70px;
}

#registrado{
margin:40px auto 0px auto;
padding:10px;
width:300px;
height:100px;
background-color:#000;
text-align:center;
color:#FFF;
border:#000 1px dotted;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
}

#logo{
margin:0px;
padding:0px;
width:323px;
height:104px;
float:left;
}

#sublog,#submenu{
margin:0px;
padding:0px;
width:625px;
float:left;
}

#sublog{
	text-align:right;
	padding:0px 15px 0px 0px;
	width:610px;
		text-decoration:none;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}


#sublog a{
	text-decoration:none;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
#alerta{
	font-size:11px;
	color:#F00;
}


#ficha{
	margin:0px auto 0px auto;
	padding:0px;
	width:850px;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:14px;
	color:#1faba3;
	font-weight:bold;
	background-color:#000;
}

#ficha ul{
	margin:0px 0px 0px 20px;
	padding:0px;
	width:850px;
	list-style:none;
}

#ficha ul li{
	margin:10px 20px 0px 0px;
	padding:0px;
	float:left;
	width:80px;
	text-align:center;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:14px;
	color:#1faba3;
	font-weight:bold;
}

.corazonoff{
padding:3px;
}


.litexto{
	text-align:center;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:14px;
	color:#1faba3;
	font-weight:bold;
}

#botones{
padding:20px 0px 0px 0px;
margin:0px;
}


.detallecontenido {
	width: 700px;
	margin-left: auto;
	margin-right: auto;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	text-align: justify;
	margin-bottom: 30px;
}

.detallecontenido h1 {
	font-size: 22px;
}

.detallecontenido h2 {
	font-size: 19px;
}

.detallecontenido p {
	font-size: 12px;

}

.enlacesabajo {
	font-size: 11px;
	color: #FFF;
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	text-align: right;
	font-family: Arial, Helvetica, sans-serif;

}

.enlacesabajo a {
	color: #FFF;
}

#campana{
margin:0px 0px 0px 637px;
padding:0px;
list-style:none;
}

#campana li{
margin:0px;
padding:5px 0px 5px 5px;
float:left;
}

#cathome{
margin:0px 0px 0px 17px;
padding:0px;
list-style:none;
background-color:#667977;
height:138px;
}

#cathome li{
	margin:0px;
	padding:0px;
	float:left;
}

#minuss1{
margin:0px;
padding:0px;
float:left;
list-style:none;
}

#minuss1 li{
float:left;
margin:0px;
padding:0px 5px 0px 0px;
}


#minuss2{
margin:0px;
padding:0px;
float:left;
list-style:none;
}

#minuss2 li{
float:left;
margin:0px;
padding:5px 5px 0px 0px;
}

#misclientes{
margin:0px;
padding:0px;
float:left;
list-style:none;
width:920px;
}


#misclientes li{
margin:0px;
padding:20px;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#FFFFFF;
border-bottom:#339999 solid 1px;
}

/*---------------------- MODIFICACIONES NUEVAS -------------------------*/
#ventadirectab{
margin:10px 14px 0px 0px;
padding:0px;
width:349px;
height:485px;
float:left;
background-image:url(../img/venta_directa_consignacion.gif);
background-repeat:no-repeat;
}


#ventadirectab1{
font-size:13px;
color:#FFF;
padding:85px 37px 0px 73px;
font-family:Arial, Helvetica, sans-serif;
text-align:left;
}

#ventadirectab2{
font-size:13px;
color:#FFF;
padding:85px 37px 0px 73px;
font-family:Arial, Helvetica, sans-serif;
text-align:left;
}

#ventadirectab3{
font-size:13px;
color:#FFF;
padding:20px 20px 0px 20px;
font-family:Arial, Helvetica, sans-serif;
text-align:left;
color:#129f97;
}




#ventadirectab1b{
margin:10px 14px 0px 0px;
padding:0px;
width:349px;
height:140px;
float:left;
}


#ventacatalogob2b{
margin:10px 14px 0px 0px;
padding:0px;
width:344px;
height:140px;
float:left;
}


#catalogob3b{
margin:10px 0px 0px 0px;
padding:0px;
width:217px;
height:140px;
float:left;
}


#ventacatalogob{
margin:10px 14px 0px 0px;
padding:0px;
width:344px;
height:485px;
float:left;
background-image:url(../img/venta_catalogo_online.gif);
background-repeat:no-repeat;
}
#catalogob{
margin:10px 0px 0px 0px;
padding:0px;
width:217px;
height:485px;
float:left;
background-image:url(../img/crea_tu_catalogo.gif);
background-repeat:no-repeat;
}

#columnan1{
margin:0px;
padding:12px 42px 0px 31px;
float:left;
width:277px;
float:left;
text-align:left;
}

#columnan2{
margin:0px;
padding:12px 0px 0px 0px;
float:left;
width:590px;
float:left;
text-align:left;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#FFFFFF;
}

#destacados{
width:700px;
margin:0px;
padding:0px 5px 0px 0px;
float:right;
}

#titulodestacado{
width:690px;
height:35px;
padding:6px 0px 0px 10px;
margin:0px;
background-image:url(../img/destacado.png);
background-repeat:no-repeat;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:14px;
}

#backgroundgeneral{
width:100%;
height:100%;
background-color:#000;
opacity:0.65;
position:absolute;
z-index:60000;
}

#botonagregamos{
position:absolute;
z-index:70000;
width:503px;
height:167px;
  top:50%;
    left: 50%;
    margin-top: -84px;
    margin-left: -251px;
}

.navbar-default .navbar-nav>li>a {
color:#000 !important;
}
