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

body{
	background-image:url(../images/bgbody.jpg);
	background-repeat:repeat;
	background-attachment:fixed;
	text-align:center;
	bottom: 0px;
	margin-top: 30px;
}

.contenedor{
	width:817px;
	margin:auto;
	padding-top:20px;
	bottom:0px;

}

.top{
	width:805px;
	height:120px;
	background-image:url(../images/top.jpg);
	background-repeat:no-repeat;
	background-position:left;
	text-align:left;
	padding-left:12px;
	padding-top: 8px;
}

.barranav{
	width:817px;
	height:40px;
	background-color: #FFFFFF;
}

.busqueda{
	background-image:url(../images/fondocuerpo.jpg);
	background-position:left, top;
	background-repeat:no-repeat;
	width:417px;
	height:35px;
	float: left;
	text-align: left;
	padding-top: 5px;
	padding-left: 40px;
}

#form{
	width:400px;
	margin:0;
}

.menuprod{
	background-color:#fffdc6;
	border-color:#7e7a00;
	border-bottom-color:#7e7a00;
	border-top-color:#7e7a00;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin-top:15px;
	scrollbar-face-color:#dcd501;
	
}

/*barras de navegacion*/

#navegacion{
	height:40px;
	width:360px;
	float:right;
	background-image:url(../images/fondoindex.jpg);
	background-position:left, top;
	background-repeat:no-repeat;
}

#navegacionprod{
	height:40px;
	width:360px;
	float:right;
	background-position:left, top;
	background-repeat:no-repeat;
	background-color: #FFFFFF;
	background-image: url(../images/botoneraprod.jpg);
}
#navclientes{
	height:40px;
	width:360px;
	float:right;
	background-image:url(../images/botoneraclientes.jpg);
	background-position:left, top;
	background-repeat:no-repeat;
}

#navcontacto{
	height:40px;
	width:360px;
	float:right;
	background-image:url(../images/botoneracontacto.jpg);
	background-position:left, top;
	background-repeat:no-repeat;
}

#home{
	height:25px;
	width:55px;
	float:left;
	padding-top:15px;
	border: 0;
}
#productos{
	height:25px;
	width:99px;
	float:left;
	padding-top:15px;
	border: 0;
}

#novedades{
	height:25px;
	width:110px;
	float:left;
	padding-top:15px;
	border: 0;
}

#contacto{
	height:25px;
	width:95px;
	float:left;
	padding-top:15px;
	border: 0;
	clear: right;
}

/*contenido*/
.cuerpo{
	width:757px;
	background-image:url(../images/headercuerpo.jpg);
	background-position:top;
	background-repeat:no-repeat;
	text-align:left;
	float: left;
	height: 472px;
	background-color: #FFFFFF;
	padding: 40px 30px 0px 30px;
	margin-bottom: 0px;
}
.cuerpocontacto{
	width:817px;
	background-color:#FFFFFF;
	background-image:url(../images/headercuerpo.jpg);
	background-position:top;
	background-repeat:no-repeat;
	padding:0 20 0 20;
	text-align:left;
	float: left;
	height: 485px;
}

.cuerposecprod{
	width:787px;
	background-color:#FFFFFF;
	background-image:url(../images/headercuerpo.jpg);
	background-position:top;
	background-repeat:no-repeat;
	padding:0 0px 0 30px;
	text-align:left;
	height: 1100px;
	float: left;
	margin-top: 0px;
}


.bannerprod{
	width:270px;
	height:437px;
	margin-right:25px;
	float:left;
	text-align: center;
}

.barralateralcon{
	width:270px;
	height:437px;
	float:left;
	text-align: left;
	padding-top: 45px;
	padding-left: 30px;
	padding-right: 25px;
}

.fotosprod{
	width:270px;
	height:1050px;
	margin-right:25px;
	float:left;
	margin-top: 0px;
	text-align: center;
	background-image: url(../images/fondotiraprod.png);
	background-position: top center;
	background-repeat: no-repeat;
}

.contenido{
	height:470px;
	width:457px;
	float:left;
	background-color: #FFFFFF;
}

.contenidocontacto{
	height:445px;
	width:457px;
	float:left;
	padding: 0;
	padding-top: 40px;
	padding-right: 30px;
}

.contenidosecprod{
	height:1050px;
	width:457px;
	float:left;
	margin-right:30px;
	margin-top: 40px;
	padding: 0;
}

.cuerposecclientes{
	width:817px;
	background-color:#FFFFFF;
	background-image:url(../images/headercuerpo.jpg);
	background-position:top;
	background-repeat:no-repeat;
	text-align:left;
	height: 585px;
	float: left;
	margin-top: 0px;
}

.contenidoclientes{
	height:500px;
	width:457px;
	float:left;
	padding-top: 35px;
	padding-right: 20px;
}

.barralateralclientes{
	width:270px;
	height:525px;
	float:left;
	text-align: left;
	padding-left: 30px;
	padding-top: 45px;
	padding-right: 25px;
}

.footer{
	width:817px;
	height:94px;
	background-image:url(../images/foot.jpg);
	background-repeat:no-repeat;
	text-align:center;
	padding-top:35px;
	margin-bottom: 0px;
	clear: both;
	margin-top: 0px;
}
.formcontacto {
}

/*textos*/
h1{
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #7e7a00;
	font-size: 14pt;
	font-style: italic;
	margin-top: 5px;
	margin-bottom: 5px;
}

h2 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #7E7A00;
	margin-top: 0px;
	margin-bottom: 0px;
}
h3 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	margin-top: 0px;
}


h4{
	font-family:Geneva, Arial, Helvetica, sans-serif;
	color:#333333;
	font-size: 8pt;
	font-weight: normal;
	line-height: 1.8;
}

h5{
	font-family:Geneva, Arial, Helvetica, sans-serif;
	color:#000000;
	font-size: 9pt;
	font-weight: 500;
	margin-left: 15px;
}


/*links*/
a.sel:link {
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: underline;
	color: #7e7a00;
	font-size: 9pt;
}
a.sel:visited {
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: underline;
	color: #7e7a00;
	font-size: 9pt;
}
a.sel:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
	color: #7e7a00;
	font-size: 9pt;
}
a.sel:active {
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
	color: #7e7a00;
	font-size: 9pt;
}

a.unsel:link {
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: underline;
	color: #FFFFFF;
	font-size: 9pt;
}
a.unsel:visited {
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: underline;
	color: #FFFFFF;
	font-size: 9pt;
}
a.unsel:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
	color: #FFFFFF;
	font-size: 9pt;
}

a.contact:link {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	margin-top: 0px;
	text-decoration: underline;
	color: #000000;

}
a.contact:visited {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	margin-top: 0px;
	text-decoration: underline;
	color: #000000;
}
a.contact:hover {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	margin-top: 0px;
	text-decoration: none;
	color: #000000;
}


a.selected:link {
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
	color: #333333;
	font-size: 9pt;
}

a.selected:visited {
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: underline;
	color: #333333;
	font-size: 9pt;
}
a.selected:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
	color: #333333;
	font-size: 9pt;
}
a.selected:active {
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
	color:#333333;
	font-size: 9pt;
}


a.mailfoot:link {
	font-family:Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-decoration: underline;
	color: #FFFFFF;
	font-size: 8pt;
}

a.mailfoot:active {
	font-family:Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-decoration: underline;
	color: #FFFFFF;
	font-size: 8pt;
	}

a.mailfoot:visited {
	font-family:Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-decoration: underline;
	color: #FFFFFF;
	font-size: 8pt;
}
a.mailfoot:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-decoration: none;
	color: #FFFFFF;
	font-size: 8pt;
}

/*otros*/
.marcas{
width:696px;
height:41px;
margin:auto;
}


/*Productos*/

.todas{
width:270px;
height:50px;
margin-bottom:35px;
}

td.titulares{
	height: 28px;
	border: thin solid #666666;
	background-color: #FFFFFF;
	width:454px;
}
.tablaprod  {
	width: 454px;
	width: 454px !important;
}


td.prod{
	font-family:Geneva, Arial, Helvetica, sans-serif;
	color:#000000;
	font-size: 8pt;
	font-weight: normal;
	padding-left: 15px;
	height: 24px;
	border-left-width: thin;
	border-left-style: dotted;
	border-left-color: #7E7A00;
	border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #7E7A00;
	width: 179px;
	}
	
td.catalogos {
	border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #7E7A00;
	border-right-width: thin;
	border-right-style: dotted;
	border-right-color: #7E7A00;
	vertical-align: middle;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color:#666666;
	
}
.catalogos a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color:#0066CC;
	text-decoration:underline;
}

.catalogos a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color:#0066CC;
	text-decoration:underline;
}

.catalogos a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color:#0066CC;
	text-decoration:underline;
}

.catalogos a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color:#666666;
	text-decoration:none;
}


td.skot{
	font-family:Geneva, Arial, Helvetica, sans-serif;
	color:#000000;
	font-size: 8pt;
	font-weight: normal;
	padding-left: 15px;
	height: 24px;
	border-left-width: thin;
	border-left-style: dotted;
	border-left-color: #7E7A00;
	border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #7E7A00;
	width: 179px;
	border-right-width: thin;
	border-right-style: dotted;
	border-right-color: #7E7A00;
}

.contenedor .cuerposecprod .fotosprod table {
	text-align: center;
	vertical-align: middle;
}
td.tbcontacto {
	height:30px;
	

}
input.campos{
	width:270px;
	height:18px;
	background-color:#FFFFCC;
	border:thin;
	border-style:solid;
	border-color:#999900;
	margin-top:0px;
	margin-left:0px;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#424001;
}

input.campos:hover{
	background-color:#FFFF66;
	border:thin;
	border-style:solid;
	border-color:#999900;
	margin-top:0px;
	margin-left:0px;
}

textarea.mensajes{
	width:270px;
	background-color:#FFFFCC;
	border:thin;
	border-style:solid;
	border-color:#999900;
	scrollbar-face-color:#dcd501;
	scrollbar-highlight-color:#424001;
	scrollbar-3dlight-color:#424001;
	scrollbar-darkshadow-color:#424001;
	scrollbar-shadow-color:gray;
	scrollbar-arrow-color:#424001;
	scrollbar-track-color:#bbb400;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#424001;
}

textarea.mensajes:hover{
	background-color:#FFFF66;
	border:thin;
	border-style:solid;
	border-color:#999900;
}
.informacion/*SECCIÓN DE CLIENTES*/

{
	width: 220px;
	height: 90px;
	background-image: url(../images/suscripcion.jpg);
	background-repeat: no-repeat;
	background-position: center;
	padding-left: 25px;
	padding-top: 60px;
	text-align: left;
	padding-right: 25px;
	vertical-align: top;
}
.formclientes {
	margin-top: 0px;
}

.textfieldbol{
	width: 220px;
	text-align: left;
	margin: 0px;
	}
	
.respuesta{
	height:28px;
	float:left;
	width: 137px;
	}
.btnenviar{
	height:28px;
	width:83;
	float:left;
	}
	
input.campossus{
	width:210px;
	height:18px;
	background-color:#FFFFFF;
	border:thin;
	border-style:solid;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#666666;
	margin-bottom: 5px;
}
table.tablasbc{
	margin-top:0px;
	width: 300px;
	height: 460px;
}

td.datosbc{
	background-color:#EFEFEF;
	border-color:#999999;
	border-width: 1px 1px 3px 1px;
	padding: 10px 10px 5px 10px;
	border-style:solid;
	width: 300px;
	height: 86px;
}

td.datosbc:hover{
	background-color:#CCCCCC;
	border-color:#999999;
	border-width: 1px 1px 3px 1px;
	padding: 10px 10px 5px 10px;
	border-style:solid;
	width: 300px;
}

#proveedores{
	width: 220px;
	height: 202px;
	background-image: url(../images/proveedores.jpg);
	background-repeat: no-repeat;
	background-position: center;
	padding-left: 25px;
	padding-top: 85px;
	text-align: right;
	margin-top: 5px;
	padding-right: 25px;
}
.textfieldprov {
	width: 220px;
	text-align: left;
}


textarea.camposproveedores{
	width:210px;
	height:80px;
	background-color:#FFFFFF;
	border:thin;
	border-style:solid;
	margin-top:0px;
	margin-left:0px;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#666666;
	margin-bottom: 5px;
}

.enviado {
	vertical-align: middle;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color:#FF6600;
	}
.firma{
	height: 33px;
	padding-left: 140px;
	}
	
.mails{
	height:20px;
	width:550px;
	float:left;
	margin-top: 13px;
	}

.c3{
	height:33px;
	width:118px;
	float:right;
	}

