/* CSS Document */

body{
	padding:0;
	margin:0;
	background:url(images/body_bg.gif) 0 0 repeat-x #fff; 
	color:#5A5A5A;
}
div, h1, h2, p, form, label, input, textarea, img, span{
	margin:0; padding:0;
}
img{
border:0px;
}
ul{
	margin:0; 
	padding:0; 
	list-style-type:none;
}
.spacer{
	clear:both; 
	font-size:0px; 
	line-height:0px;
}
/*------------------------------------------------body--------------------*/
/*------------------------------------------------top part start--------------------*/
#top{
	
	width:910px;
	height:180px;
	margin:0 auto;
	position:relative;
}

#top ul{
	width:839px;
	padding:0;
	position:absolute;
	left:7px;
	top:153px;
	height: 29px;
}
#top ul li{
	display:block;
	float:left;
	margin:0 22px 0 0;
}
#top ul li a{
	font: bold 13px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#3E3E3E;
	text-decoration:none;
	text-transform:uppercase;
	border:none;
	height:20px;
}
#top ul li a:hover{
	border-top:#2AACF8 solid 3px;
	height:20px;

}
#carritoIcon{
background: url('images/carrito.png') no-repeat left;
padding-left:24px;
}
#top ul li.navhome{
	display:block;
	height:20px;
	float:left;
	margin:0 22px 0 0;
	font: bold 11px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#3E3E3E;
	
	text-decoration:none;
	text-transform:uppercase;
	border-top:#2AACF8 solid 3px;
}

#top h2.partner{
	width:122px;
	height:20px;
	background:url(images/partnership_icon.png) 0 0 no-repeat;
	padding:0 0 0 28px;
	font:bold 12px/17px  "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	position:absolute;
	top:126px;
	left:40px;
}




#top h2.partner a{
	display:block;
	background:url(images/click_bg.gif) 0 0 no-repeat;
	width:41px;
	height:9px;
	padding:0;
	margin:0;
	font-size:0;
	position:absolute;
	left:108px;
	top:4px;
}
#top h2.partner a:hover{
	background:url(images/click_bg_hover.gif) 0 0 no-repeat;
}



#top a.partner2{
	width:140px;

	font:bold 10px/17px  "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	position:absolute;
	bottom:0px;
margin-bottom:26px;
	left:60px;
}


#top h2.blog{
	width:122px;
	height:16px;
	background:url(images/blog_icon.png) 0 0 no-repeat;
	padding:0 0 0 28px;
	font:bold 12px/16px  "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	position:absolute;
	top:127px;
	left:247px;
}
#top h2.blog a{
	display:block;
	background:url(images/click_bg.gif) 0 0 no-repeat;
	width:41px;
	height:9px;
	padding:0;
	margin:0;
	font-size:0;
	position:absolute;
	left:108px;
	top:4px;
}
#top h2.blog a:hover{
	background:url(images/click_bg_hover.gif) 0 0 no-repeat;
}


#top h2.editarInfo{
	width:140px;
	height:16px;
	background:url(images/blog_icon.png) 0 0 no-repeat;
	padding:0 0 0 10px;
	font:bold 12px/16px  "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	position:absolute;
	top:127px;
	left:170px;
}



#top h2.logout{
	width:122px;
	height:16px;
	/*background:url(images/blog_icon.png) 0 0 no-repeat;*/
	padding:0 0 0 10px
	font:bold 12px/16px  "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	position:absolute;
	top:127px;
	left:227px;
}

#top h2.logout a{
	display:block;
	/*background:url(images/click_bgs.gif) 0 0 no-repeat;*/
	font:bold 12px/16px  "Trebuchet MS", Arial, Helvetica, sans-serif;
	padding:0;
	margin:0;
	position:relative;

}
#top h2.logout a:hover{
	/*background:url(images/click_bg_hovers.gif) 0 0 no-repeat;*/
}



#top form{
	width:425px;
	height:54px;
	position:absolute;
	top:144px;
	left:517px;
}
#top form h2.serch{
	width:300px;
	height:16px;
	background:url(images/serch_icon.gif) 0 0 no-repeat;
	padding:0px 0 0 20px;
	font:bold 12px/16px  "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-transform:uppercase;
}
#top form input.txtbox{
	width:100px;
	height:16px;
	background-color:#F7F7F7;
	border:#CFCFCF solid 1px;
	font:normal 11px/17px Arial, Helvetica, sans-serif;
	color:#000;
	margin:7px 0 0 10px;
}
#top form a{
	font:normal 12px/19px Arial, Helvetica, sans-serif;
	color:#000;
	background-color:#fff;
	text-transform:capitalize;
	padding:0 0px 0 s0px;
	float:left;
	text-decoration:none;
}
#top form a:hover{
	text-decoration:underline;
}
#top form input.go{
	background:url(images/btn_go.gif) 0 0 no-repeat;
	width:19px;
	height:9px;
	border:none;
	margin:5px 0 0 0;
	padding:0;
	cursor:pointer;
	float:left;
}

#top h1{
	width:383px;
	height:18px;
	background:url(images/serch_icon.png) 0 0 no-repeat;
	padding:0 0 0 28px;
	font:bold 12px/16px  "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	position:absolute;
	top:127px;
	left:406px;
}
#top h1 a{
	display:block;
	background:url(images/btn_go.gif) 0 0 no-repeat;
	width:41px;
	height:9px;
	padding:0;
	margin:0;
	font-size:0;
	position:absolute;
	left:108px;
	top:4px;
}
#top h1 a:hover{
	background:url(images/btn_go.gif) 0 0 no-repeat;
}

#top form{
	width:158px;
	height:24px;
	position:absolute;
	top:122px;
	left:487px;
}

/*------------------------------------------------top part end--------------------*/

/*------------------------------------------------body start--------------------*/
#body{
	width:930px;
	margin:0 auto;
	color:#0F0F0F;
	padding:10px 0px 10px 10px;
	
}
#body h2{
	display:block;
	width:161px;
	height:22px;
	padding:0;
	font:bold 24px/13px Georgia, "Times New Roman", Times, serif;
	
	color:#000;
}
#body p{
	width:600px;
	font:normal 13px/17px Arial, Helvetica, sans-serif;
	padding:0;
	margin:11px 0 16px 0;
}

.busquedaA{
padding-left:25px;
}
/*------------------------------------------------body end--------------------*/
/*------------------------------------------------footer start--------------------*/
#footer-main{
	width:100%;
	height:50px;
	padding:25px 0 0 0;
	background:url(images/footer_bg.gif) 0 0 repeat-x #ccc;
	color:#000;
}
#footer{
	width:505px;
	height:50px;
	margin:0 auto;
	position:relative;
}
#footer ul{
	width:505px;
	margin:0;
	padding:0;
	position:absolute;
	left:0px;
	top:0px;
}
#footer ul li{
	margin:0;
	float:left;
	font:bold 10px Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	background-color:#ccc;
}
#footer ul li a{
	font:bold 10px Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	background-color:#cccccc;
	text-decoration:none;
	padding:0 7px 0 7px;
	text-transform:capitalize;
}
#footer ul li a:hover{
	text-decoration:underline;
}
#footer ul li.home2{
	padding:0 7px 0 7px;
	float:left;
	font:bold 10px Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	background-color:#cccccc;
}
#footer p.copyright{
	font:normal 10px Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	background-color:#cccccc;
	position:absolute;
	left:150px;
	top:19px;
}
#footer a.xht{
	display:block;
	width:53px;
	height:12px;
	background:url(images/xhtml_bg.gif) 0 0 no-repeat;
	position:absolute;
	left:205px;
	top:38px;
	padding:0;
	margin:0;
	float:left;
}
#footer a.xht:hover{
	background:url(images/xhtml_bg_hover.gif) 0 0 no-repeat;
}
#footer a.cs{
	display:block;
	width:38px;
	height:12px;
	background:url(images/css_bg.gif) 0 0 no-repeat;
	position:absolute;
	left:261px;
	top:38px;
	padding:0;
	margin:0;
	float:left;
}
#footer a.cs:hover{
	background:url(images/css_bg_hover.gif) 0 0 no-repeat;
}
#footer p.design{
	display:block;
	height:30px;
	position:absolute;
	left:344px;
	top:18px;
	font:bold 13px Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	background-color:#cccccc;
	text-align:center;
	text-transform:uppercase;
	width: 16px;
}
#footer a.link{
	font:bold 13px Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	background-color:#cccccc;
	padding:3px;
	text-decoration:none;
	text-transform:uppercase;
}
#footer a.link:hover{
	color:#000;
	background-color:#585757;
}
/*------------------------------------------------footer end--------------------*/
/*------------------------------------------------footer start--------------------*/
	

#Productosth{
background: url('usbmenu2.jpg') no-repeat left bottom;
padding-left:65px;
}

#Centrar{
margin-left:100px;
}

#Paginacion{
margin:0px auto;
text-align:center;
}
#Paginacion a{
border:1px solid gray;
font:bold 13px/16px 'Trebuchet MS', Arial, Helvetica, sans-serif;
padding: 5px;
color:gray;
}

#Paginacion a:hover{
border:1px solid black;
color:black;
}
.Titulo{
background: url('usb2222.jpg') no-repeat left bottom;
font: bold 15px "Trebuchet MS", Arial, Helvetica, sans-serif;
padding-left:64px;
text-align:left;


}

.Titulo a{
color: #4C5252;
}

.Sub a{
color: #16242E;
}
.Sub div{
border-bottom:1px dotted gray;
}

.SubSub div{
border-bottom:1px dotted #2AACF8;
}

.SubSub a{
color:#196794;
}

.SubSubSub a{
color: #2AACF8;
}

.Titulo a:hover{
color: #6F7878;
}

.Sub a:hover{
color: #315269;
}

.SubSub a:hover{
color:#228CC9;
}

.SubSubSub a:hover{
color: #2BC7FF;
} 

.borde{
height:30px;
}

#Menu td{
background: url('izqmenu.jpg') repeat-y left top;
font: bold 13px "Trebuchet MS", Arial, Helvetica, sans-serif;

padding-left:73px;
min-width:100px;
max-width:100px;
}

*+html #Menu td {
width:100px;
}

#extend ol{
list-style-type: circle;
}

#Menu{
border-spacing:0px;
/*border-bottom:3px solid gray;*/
}

.Espacio{
height:18px;
}

.Espacio2{
height:20px;
}

/*
#ImagenTinta{
float:left;
margin:0px auto;
margin-bottom:30px;
margin-right:50px;

}

#Contenido a img{
border:0px;
}
#Texto{
border-bottom:1px dotted black;
margin-left:50px;
margin:0px auto;
}

#ImagenMedida{
margin:0px auto;
clear:both;
}

*/
#Contenido{
height:460px;
width:710px;
margin:0px auto;
}

#Consulta a{
color:#196794;
}
#Consulta a:hover{
color:#228CC9;
}
#extend{
overflow:hidden;
/*height:500px;
height:auto;*/


}

#ContenidoF{

margin-left:100px;

}

#Registro td{
text-align:left;
font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;

}

#UsuarioTD label{
	color:#E67817;
}

#Usuarioid{
border:1px solid #E67817;
color:#E67817;
}

#ContrasenaTD label{
font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #0093DD;
font-weight:bold;
}

#Contrasenaid{
color: #09F; border-style: solid; border-width: 1px; border-color:#0093DD;
}
#Contrasena2TD label{
font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #DC1379;
font-weight:bold;
}
#Contrasena2id{
color: #C39; border-style: solid; border-width: 1px; border-color:#DC1379;
}
#EmailTD label{
font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #F9C500;
font-weight:bold;

}
#Emailid{
color: #FC0; border-style: solid; border-width: 1px; border-color:#F9C500;}
#EmpresaTD label{
font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #83C326;
}
#Empresaid{
color: #3C0; border-style: solid; border-width: 1px; border-color:#83C326;
}


/* FORMULARIO CONTACTO */

#FormularioC{
margin:0px auto;
height:auto;
width:600px;
 
}

#topF{
color:blue;
background: url('imagen/ba03_.jpg') no-repeat center right;
width:580px;
margin-bottom:15px;
height:37px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight:bold;
	color: #3BB3C3;
	
}
#NombreTD label{
font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #0093DD;
font-weight:bold;

}

#Nombreid{
color: #09F; border-style: solid; border-width: 1px; border-color:#0093DD;
}

#Emailid{
color: #C39; border-style: solid; border-width: 1px; border-color:#DC1379;
}

#EmailTD{
font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #DC1379;
font-weight:bold;
}

#TelTD{
font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #F9C500;
font-weight:bold;
}
#Telid{
color: #FC0; border-style: solid; border-width: 1px; border-color:#F9C500;
}
#ComentTD{
font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #83C326;
}
#Comentid{
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
color: #3C0; border-style: solid; border-width: 1px; border-color:#83C326;
}

#bodyF{
height:300px;
 
width:600px;
}

#FormularioCT{
width:150px;
 
}
.ValorTD{

margin:0px;
width:150px;
border-collapse:collapse;

}

#ErrorMsg{
font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
#FormularioCT label{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	
}

#inputsF{
float:left;
width:300px;
height:300px;
 

}
#imgcontactoF{
float:right;
width:250px;
height:257px;
margin-right:10px;
background: url('imagen/contacto.png')  no-repeat left;
text-align:center;
 
}

#imgquejasF{
float:right;
width:290px;
height:252px;
margin-right:10px;
background: url('images/quejas.jpg')  no-repeat left;
text-align:center;
 
}

#imgregistroF{
float:right;
width:298px;

height:300px;
background: url('images/registro.jpg') no-repeat;
text-align:center;
 
}

#dirtel{
margin:100px auto;
text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	color: #0093DD;

}

#TextoCont {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #DC1379;
margin:0px auto;
text-align:center;
 
}

#footerF{
background:url('imagen/ba03.jpg') no-repeat;
width:600px;
height:80px;
}

/* FORMATO DE PRODUCTOS */
#TopProducto{
width:615px;
height:40px;
background:url('imagen/ba01_.jpg') no-repeat center right;
}

#TextNaranja{
font-size:16px;
color:orange;
font-weight:bold;
}

#TextoExtra{
max-width:371px;

/*overflow:hidden;*/
}

#Imagenes{
height:277px;
width:622px;
padding-top:30px;
}

#ImagenMedida{
float:left;

}

#ImagenTinta{
float:right;

}

#ImagenTinta img{
width:310px;
height:271px;
margin:0px auto;
border:0px;
}
#ImagenMedida img{
width:310px;
height:271px;
margin:0px auto;
border:0px;
}

#FooterProd{
clear:both;
width:615px;
height:80px;
background:url('imagen/ba01.jpg') no-repeat;
}
#Imagenes a{
border:0px;
}

/* CSS Document */
/*
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}
.c1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #E67817;
}
.c2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #E67817;
}
.c3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	color: #E67817;
}
.c4 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #E67817;
}
.c5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	color: #901D78;
}
.c6 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #901D78;
}
.c7 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	color: #F9C500;
}
.c8 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #F9C500;
}
.c9 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	color: #3BB3C3;
	
}
.c10 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #3BB3C3;
}
.c11 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	color: #B8DC7C;
}
.c12 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #B8DC7C;
}
.c13 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	color: #29166F;
}
.c14 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #29166F;
}
.c15 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	line-height: normal;
	color: #00923F;
	}
.c16 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	color: #00923F;
}
.c17 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	color: #667BB4;
}
.c18 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	color: #667BB4;
}
.c19 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	color: #29166F;
}
.c20 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #29166F;
}
.c21 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	color: #DC1379;
}

.c23 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	color: #83C326;
}
.c24 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #83C326;
}
.c25 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	color: #0093DD;
}
.c26 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #0093DD;
}
.c27 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	color: #ffffff;
}
.c28{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #ffffff;
}
.c29{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #999999;
}
.c30 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #000000;
}
*/



/* <Colores> */

#TDNaranja label{
	color:#E67817;
}

#idNaranja{
border:1px solid #E67817;
color:#E67817;
}

#TDAzul label{
font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #0093DD;
font-weight:bold;
}

#idAzul{
color: #09F; border-style: solid; border-width: 1px; border-color:#0093DD;
}

#TDRosa label{
font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #DC1379;
font-weight:bold;
}

#idRosa{
color: #C39; border-style: solid; border-width: 1px; border-color:#DC1379;
}

#TDVerde label{
font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #83C326;
}

#idVerde{
color: #3C0; border-style: solid; border-width: 1px; border-color:#83C326;
}

#TDAmarillo label{
font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #F9C500;
font-weight:bold;
}
#idAmarillo{
color: #FC0; border-style: solid; border-width: 1px; border-color:#F9C500;
}


#topF2{
color:blue;
width:580px;
margin-bottom:15px;
height:37px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight:bold;
	color: #3BB3C3;
}
/* </Colores> */