/* CSS Document */

/* ELEMENTOS GENERALES DE LA PÁGINA */
html, body{
	margin:0; /*** Do NOT set anything other than a left margin for the page as this will break the design ***/
	padding:0;
	border:0;
	height:100%;
}
body {
	font-family:  Verdana, Geneva, Arial, Helvetica, sans-serif, "Trebuchet MS" Tahoma;
	font-size: 73%;
	color: #494949;
	line-height: 1.4em;
	border-top: 6px solid #494949;
	text-align: center;
}
body, input, select {
	font-family:  Verdana, Geneva, Arial, Helvetica, sans-serif,"Trebuchet MS" Tahoma;
}
p, ul, li, dl, dt, dd, form, h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
}
ul, li, dl {
	list-style: none;
}
.print {
	display: none;
}


/* SECCIÓN: APOYO A LOS LECTORES DE TEXTO */
.ayudaAcces {
	position: absolute;
	left: -10000px;
	width: 1%;
	font-size: .1em;
	line-height: 1%;
}
a.ayudaAcces:active {
	position: static;
	width: auto;
	height: auto;
}

.novisible {
	display: none;
	}

.clearall {
	clear: both;
	font-size: 0.0001em;
	}

/********  SECCION : ARMAZON WEB ***********/

#web {
	margin: 0 auto;
	width: 913px;
	text-align: left;
	padding: 0;
	height: auto!important; 
	height: 100%;
	min-height: 100%;
	}
	
#espacio-pie{
	height: 7em;
}

/******** SECCIÓN : CABECERA PÁGINA ************/

#cabecera_cont {
	background-color: #f2f2f2;
	height: 8em;
	border-bottom: 1px solid #DEDEDE;
	}
#cabecera {
	padding-bottom: 15px;
	width: 913px;
	margin: 0 auto;
	}

.aten_online {
	float:right; 
	background: url(../images/atencioncliento.gif) right bottom no-repeat;
	margin-top: 15px; 
	border-left: 1px solid #DB0000; 	
	min-width: 130px;
	/*width: 130px; para IE */
	padding-left: 13px;
	min-height: 69px;
	/*height: 69px; para IE */
	font-size: 80%;
	line-height: 1.3em;
	}
.aten_online p.dias {
	padding-left: 65px;
	font-weight: bold;
	font-size: 110%;
	}
.aten_online p.tele {
	color: #db0000;
	padding: 12px 0 0 50px;
	font-weight: bold;
	font-size: 120%;
	}

.ptos_venta{
	float:right; 
	margin: 15px 12px 0 0; 
	border-left: 1px solid #DB0000; 	
	width: 130px;
	/*width: 130px; para IE */
	padding-left: 13px;
	min-height: 69px;
	/*height: 69px; para IE */
	line-height: 1.3em;
	}
.ptos_venta p.select {
	text-align: center;
	background-color:#FCFDFE;
	margin-top: 5px;	
	padding: 14px 0;
	}	
.ptos_venta p.select select {
	padding: 0;
	margin: 0;
	font-size: 90%;
	}

.menu {
	float: right; 
	text-align: right;
	margin: 15px 12px 0 0;
	padding-left: 13px;
	min-height: 69px;
	/*height: 69px; para IE */
	line-height: 1.3em;
	}
.menu img {
	margin-bottom: 7px;
	}
.menu img.ultimo {
	margin-bottom: 0;
	}
.logo {
	float: left;
	}
.logo img {
	border: none;
	}
	
	
/******** SECCION : CONTENIDO ************/

#contenido {
	float: left;
	width: 625px;
	}

#contenido h2 {
	color: #0E56B4;
	margin: 20px 0 15px 0;
	font-size: 180%;
	}
#contenido h2 span {
	color: #DB0000;
	}
#contenido h3 {
	color: #DB0000;
	margin: 25px 0 15px 0;
	font-size: 140%;
	}
#contenido p {
	margin: 0 0 15px 0;
	}
#contenido .destacado {
	font-weight: bold;
	}
#contenido ul li {
	background: url(../images/css-li-txt.gif) 0 0.6em no-repeat;
	padding-left: 10px;
	  }
#contenido ul li li {
	background: url(../images/css-li-li-txt.gif) 0 0.6em no-repeat;
	padding-left: 10px;
	  }
	
	
/******** SECCION : BUSCADOR ************/

#buscador_opcion {
	float: left;
	width: 625px;
	padding: 8px 0;
	border-bottom: 1px solid #D5D5D5;
	margin-bottom: 3px;
	}

#buscador_opcion .txt_buscar {
	padding: 0 2px;
	width: 350px;
	font-size: 90%;
	border: 1px solid #999999;
	margin-right: 10px;
	margin-top: 2px;
	}
#buscador_opcion .bot_buscar {
	background: url(../images/css-buscar.gif);
	border: 0;
	height: 21px;
	width: 88px;
	text-align: center;
	padding-left: 15px;
	cursor: pointer;	
	}

/******** SECCIÓN : FOTO CABECERA **********/

#img_flash {
	float: left;
	margin: 0;
	}
	
/********  SECCION : PIE PÁGINA ***********/


#pie {
	background: url(../images/css-pie.gif) left top repeat-x ;
	border-bottom: 7px solid #DB0000;
	padding: 15px 0;
	font-size: 90%;
	width: 100%;
	height: 5em;
	position: relative;
	margin-top: -5em;
	}
	 
	 
#pie #pie_cont {
	margin: 0 auto;
	width: 913px;
	text-align: left;
	}

#pie #pie_cont .direccion_pie {
	float: left;
	}
#pie #pie_cont .adimedia {
	float: right; 
	text-align: right;
	}
#pie #pie_cont ul {	
	}
#pie #pie_cont ul li {
	 }
#pie #pie_cont ul li a {
	color: #494949;
	text-decoration: none;
	}
#pie #pie_cont ul li a:hover {
	color: #DB0000;
	text-decoration: underline;
	}
#pie #pie_cont p.direc_pie {
	float: left;
	margin-right: 20px;
	}
#pie #pie_cont p.direc_pie a {	
	color: #DB0000;
	}
#pie #pie_cont p.direc_pie a:hover {
	color: #494949;
	}
#pie #pie_cont p.logo {
	float: left;
	margin-right: 20px;
	font-size: 120%;
	font-weight: bold;
	}
#pie #pie_cont p.logo span {	
	color: #DB0000;
}

/******** SECCIÓN : MENU DERECHA ***********/

#menu_dcha {
	float: right; 
	width: 278px; 
	}
#menu_dcha.interior {
	margin-top: 40px;
	}
/*-----  casos exito --------*/
.casosexito {
	margin: 5px 0 15px 0;
	background:url(../images/css-casoexito.gif) left bottom no-repeat;
	padding-bottom: 13px;
	font-size: 90%;
	}
.casosexito .vertodos {
	padding-left: 6px;
	}
.casosexito .vertodos a {
	background: url(../images/css-h3.gif) 0.4em 0.5em no-repeat;
	color: #494949;
	padding: 0 1.2em;	
	}
.casosexito .vertodos a:hover {
	color: #DB0000;
	}
.casosexito .caso {
	width: 268px;
	margin: 0 0 20px 6px;	
	}
.casosexito .caso h3 {
	background: url(../images/css-h3.gif) 0.4em 0.5em no-repeat;
	color: #0E56B4;
	font-size: 100%;
	padding: 0 1.2em;	
	}
.casosexito .caso p {
	padding: 0 1.2em;
	}
.casosexito .caso a {
	color: #494949;
	}
.casosexito .caso a:hover {
	color: #DB0000;
	}

/*-------- com tienda--------*/

.tienda {
	margin: 0 0 0 0;
	background: url(../images/css-tienda.gif) left bottom no-repeat;
	padding-bottom: 5px;
	}
.tienda h3 {
	background: url(../images/css-servicio.gif) bottom repeat-x;
	padding-bottom: 1px;
	}
.tienda a.enlace {
	background: url(../images/css-h3.gif) left 0.5em no-repeat;
	padding-left: 10px;
	font-size: 90%;
	margin-left: 10px;
	color: #383838;
	text-decoration: none;
	font-weight: bold;
	}
.tienda a.enlace:hover {
	color: #DB0000;
	}
.tienda span {
	display: block;
	margin: 5px 10px;
	}
.tienda span a {
	background: none;
	}

/*-------- com tienda--------*/

.bancontacto {
	margin: 0 0 20px 0;
	background: url(../images/css-tienda.gif) left bottom no-repeat;
	padding-bottom: 5px;
	}
.bancontacto h3 {
	background: url(../images/css-servicio.gif) bottom repeat-x;
	padding-bottom: 1px;
	}
.bancontacto span {
	display: block;
	margin: 5px 10px;
	}
.bancontacto a {
	background: url(../images/css-h3.gif) left 0.5em no-repeat;
	padding-left: 10px;
	font-size: 90%;
	margin-left: 10px;
	color: #383838;
	text-decoration: none;
	font-weight: bold;
	}
.bancontacto a:hover {
	color: #DB0000;
	}



/*-------- area privada --------*/

.area_privada {
	margin: 19px 0 0 0;
	background: url(../images/css-tienda.gif) left bottom no-repeat;
	padding-bottom: 10px;
	}
.area_privada h3 {
	background: url(../images/css-servicio.gif) bottom repeat-x;
	padding-bottom: 1px;
	}
.area_privada div {
	margin-top: 5px;
	margin-left: 10px;
	font-size: 90%;
	}
.area_privada div.primero {
	margin-top: 15px;
	}
.area_privada label {
	display: block; 
	float: left; 
	width: 100px; 
	background: url(../images/piti01.gif) 0.7em 0.6em no-repeat;
	padding-left: 1.6em;
	}
.area_privada input,
.area_privada select {
	border: 1px solid #7F9DB9;
	font-size: 95%;
	}
.area_privada input {
	width: 120px;
	}
.area_privada .boton_entrararea {
	float:right; 
	margin: -20px 25px 0 0;
	/*margin: -20px 12px 0 0; para IE */
	}

/******* SECCIÓN :  HOME *******/

.fotohome {
	font-family: Arial, Helvetica, sans-serif;
	background: 0 0 no-repeat;
	font-size: 200%;
	font-weight: bold;
	line-height: 0.9em;
	color: #FFFFFF;
	height: 143px;
	padding: 25px 300px 15px 25px;
	width: 300px;
	 }
.tit-home {
	background: url(../images/css-servicio.gif) bottom repeat-x;
	margin: 15px 0 13px 0;
	padding-bottom: 1px;
	}
#contenido .tit-home h2 {
	padding: 0;
	margin: 0;
	}
.block-home {
	background: url(../images/css-home-h.gif) left repeat-y;
	margin: 20px 0 0 0;
	width: 625px;
	}
.block-home ul {	
	padding-top: 10px;
	}
.block-home ul li {
	background: url(../images/css-li.gif) 0 0.5em no-repeat;
	padding-left: 10px;
	line-height: 1.6em;
	margin-bottom: 0.5em;
	 }
.block-home ul li a {
	color: #494949;
	text-decoration: none;
	}
.block-home ul li a:hover {
	color: #DB0000;
	text-decoration: underline;
	}

.block-home .izda {
	float:left; 
	width: 220px; 
	padding-left: 90px; 
	margin: 0 0 10px 0;
	font-size: 90%;
	}
.block-home .dcha {
	float:right; 
	width: 200px; 
	padding-left: 90px; 
	margin: 0 0 10px 0;
	font-size: 90%;
	}
.block-home .separar {
	clear: both;
	background: url(../images/css-home-v.gif) left repeat-x;
	font-size: 0.0001em;
	height: 11px;
	margin-bottom: 10px;
	}

.block-home .icono01 {	
	background: url(../images/home-ico01.gif) left top no-repeat;
	}

.block-home .icono02 {	
	background: url(../images/home-ico02.gif) left top no-repeat;
	}

.block-home .icono03 {	
	background: url(../images/home-ico03.gif) left top no-repeat;
	}

.block-home .icono04 {	
	background: url(../images/home-ico04.gif) left top no-repeat;
	}
	
/************ SECCIÓN : MIGAS ****************/

#migas {
	width: 625px;
	float: left;
	border-bottom: 1px solid #DDDDDD;
	margin-bottom: 1px;
	padding-bottom: 2px;
	}
#migas ul li {
	display: inline;
	background: url(../images/css-migas.gif) 0 0.5em no-repeat;
	padding: 0 4px 0 7px;
	font-size: 90%;
	font-weight: bold;
	}
#migas ul li a {
	color: #383838;
	font-weight: normal;
	}
#migas ul li a:hover {
	color: #DB0000;
	}
	
/************ SECCION : QUIENES SOMOS ************/

.cerfiticados {
	margin: 10px 0 0 0;
	}
.cerfiticados a {
	display: block;
	background: url(../images/css-certificado.gif) right bottom no-repeat;
	padding: 15px 0 15px 10px;
	color: #494949;
	text-decoration: none;
	font-size: 95%;
	font-weight: bold;
	}
.cerfiticados a span {
	background: url(../images/css-li.gif) 0 0.5em no-repeat;
	padding-left: 10px;
	}
.cerfiticados a:hover {
	color: #DB0000;
	}

.volver {
	margin: 10px 0 0 0;
	}
.volver a {
	display: block;
	background-color:#F5F5F5;
	padding: 7px 10px;
	color: #494949;
	font-size: 95%;
	font-weight: bold;
	}
.volver a span {
	background: url(../images/css-li.gif) 0 0.5em no-repeat;
	padding-left: 10px;
	}
.volver a:hover {
	color: #DB0000;
	}

/**************** SECCION : CERTIFICADOS **********/

#certi {
	background: url(../images/css-certi.gif) left repeat-y;
	}
#certi .left {
	float: left;
	width: 455px;
	}
#certi .right {
	float: right;
	width: 457px;
	}
#certi .datos {
	float: left; 
	width: 445px; 
	padding: 15px 0 20px 10px; 
	border-bottom: 1px solid #CDCDCD;
	}
#certi .distribuidor {
	float: left; 
	width: 215px;
	padding: 15px 0 20px 10px; 
	border-right: 1px solid #CDCDCD;
	}
#certi .ultimo {
	border-bottom: none;
	border-right: none;
	}

/*********** SECCIÓN : LOCALIZACIÓN ***************/

.direc {
	float: left;
	padding: 0 40px 0 0; 
	margin-right: 25px;
	border-right: 1px solid #B3B3B3;
	}
.direc a {
	color: #0E56B4;
	}
.info_localizacion {
	margin-top: 45px;
	}
.info_localizacion a {
	color: #0E56B4;
	}
.info_localizacion a:hover {
	color: #DB0000;
	}
.info_localizacion h2 {
	font-weight: bold;
	font-size: 100%;
	margin-bottom: 10px;
	}
.info_localizacion h3 {
	color:#DB0000;
	font-weight: bold;
	font-size: 100%;
	margin: 20px 0 5px 0;
	}
.info_localizacion img {
	margin: 15px 0 0 0;
	}



/************ SECCIÓN : CONTACTO *****************/


.form_contacto {
	margin: 25px 0 0 25px;
	font-size: 95%;
	}
.form_contacto .campo {
	margin-top: 7px;
	}
.form_contacto .campo label {
	display: block;
	float: left;
	width: 70px;
	background: url(../images/css-label.gif) 0 0.7em no-repeat;
	padding: 0 0 0 10px;
	cursor: pointer;
	}
.form_contacto input {
	border: 1px solid #CACACA;
	width: 275px;
	padding: 0 2px;
	font-size: 100%;
	color: #484848;
	}
.form_contacto input.peque {
	width: 100px;
	}
.form_contacto textarea  {
	font-family:  Verdana, Geneva, Arial, Helvetica, sans-serif,"Trebuchet MS" Tahoma;
	border: 1px solid #CACACA;
	width: 345px;
	margin-left: 10px;
	font-size: 100%;
	color: #484848;
	}
.form_contacto .botones {
	text-align: center;
	margin: 20px 0 0 0;
	width: 325px;
	}
.form_contacto input.enviar {
	width: 62px;
	background: url(../images/css-enviar.gif) no-repeat;
	text-align: center;
	color: #FFFFFF;
	font-weight: bold;
	border: none;
	height: 18px;
	cursor: pointer;
	}
.form_contacto input:hover.enviar {
	color: #95B5DE;
	}
.form_contacto .informacion {
	margin-top: 25px;
	}
.form_contacto .informacion label {
	width: auto;
	background: none;
	cursor: pointer;	
	}
.form_contacto .informacion input {
	float: left;
	width: 15px;
	border: none;
	padding: 0;
	cursor: pointer;
	margin: 0;	
	}


.form_contacto .servicios {
	margin-top: 10px;
	}
.form_contacto .servicios label {
	background: none;
	cursor: pointer;	
	}
.form_contacto .servicios input {
	width: 15px;
	border: none;
	padding: 0;
	cursor: pointer;
	margin: 0 0 0 10px;	
	}
	
.mensaje {
	padding: 15px 25px;
	background-color: #F8F8F8;
	font-weight: bold;
	}
input.error,
textarea.error {
	border: 1px solid #FF7070;
	background-color: #FFECEC;
	}
	
/******************* PUNTOS DE VENTA *******************/

.otrospuntos {
	border-top: 1px solid #D3D3D3; 
	margin-top: 10px; 
	background-color:#f5f5f5; 
	padding: 15px 15px 20px 20px;
	}
.otrospuntos p {
	font-weight: bold;
	color: #DB0000;
	margin-bottom: 10px;
	}
.otrospuntos ul li {
	background:url(../images/css-li.gif) 0 0.6em no-repeat;
	padding-left: 10px;
	}
.otrospuntos ul li a {
	color: #494949;
	}

.otrospuntos ul li a:hover {
	color: #DB0000;
	}
.otrospuntos ul li.seleccionado a {
	text-decoration: none;
	font-weight: bold;
	}

/*********** SECCIÓN : SERVICIOS ****************/

.desarrollo {
	margin: 0 0 40px 0;
	}
.desarrollo a {
	color: #0D56C1;
	text-decoration: none;
	}
.desarrollo a:hover {
	color: #DB0303;
	text-decoration: underline;	
	}
/********** SECCION : CASOS DE EXITO ******************/

.floatleft {
	float:left; 
	}
.floatright {
	float: right;
	}
.separargrupo {
	margin-right: 30px;
	}
.casoint h2 {
	color: #DB0000;
	margin-bottom: 7px;
	padding-bottom: 7px;
	font-size: 120%;
	border-bottom: 1px solid #DBDBDB;
	}
.casoint a {
	background: url(../images/css-li.gif) 0 0.6em no-repeat;
	padding-left: 10px;
	color: #494949;
	font-size: 95%;
	font-weight: bold;
	}
.casoint a:hover {
	color: #DB0000;
	}
.caso_exito_int {
	margin-top: 10px;
	background: url(../images/css-casoexito-int.gif) left bottom no-repeat;
	width: 263px;
	padding: 7px 7px 15px 7px;
	border-top: 1px solid #DBDBDB;
	font-size: 95%;
	}
.caso_exito_int .logoexito {
	text-align:center; 
	padding: 12px 0;
	}
.caso_exito_int p {
	padding: 0 7px;
	}
.caso_exito_int p a {
	background: none;
	padding: 0;
	color: #494949;
	}
.caso_exito_int p a:hover {
	color: #DB0000;
	}
#contenido .exito {
	background: url(../images/css-home-v.gif) bottom repeat-x; 
	padding-bottom: 30px;
	margin-top: 25px
	}
#contenido .exito p {
	margin: 0;
	}
#contenido .exito h3 {
	margin: 8px 0 5px 0;
	color: #0E56B4;
	font-size: 110%;
	}


/*********** SECCIÓN : BUSCADOR ************/
.lista_buscar {
	margin: 30px 0;
	}
.lista_buscar ul li {
	margin-bottom: 1.6em;
	}
.lista_buscar ul li a {
	color: #DB0000;
	}
.lista_buscar ul li a:hover {
	color: #0E56B4;
	}

/******* SECCION : PAGINADO PRODUCTOS *********/

.paginado {
	font-family: "Tahoma" Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	background-color: #F5F5F5;
	margin: 10px 0;
	font-size: 85%;
	}
.paginado ul {	
	margin: 0 0;
	padding: 7px 0;
	}
.paginado ul li {
	display: inline;	
	margin: 0;
	padding: 0;
	}
.paginado ul li a {
	color: #000;
	padding: 0 5px;
	}
.paginado ul li a:hover {
	color: #0E56B4;
	}
.paginado ul li a.seleccionado {
	font-weight: bold;
	text-decoration: none;
	}
.paginado ul li a.anterior {
	background: url(../images/css-bot-anterior.gif) 0 0.1em no-repeat;
	padding-left: 16px;
	border-right: 1px solid #000;
	margin-right: 5px;
	}
.paginado ul li a.anterior:hover {
	background: url(../images/css-bot-anterior-r.gif) 0 0.1em no-repeat;
	}
.paginado ul li span.anterior {
	border-right: 1px solid #BEBEBE;
	background: url(../images/css-bot-anterior-p.gif) 0 0.1em no-repeat;
	padding-left: 16px;
	padding-right: 6px;
	margin-right: 5px;
	color: #A2A2A2;
	}
.paginado ul li a.siguiente {
	background: url(../images/css-bot-siguiente.gif) 99% 0.1em no-repeat;
	padding-right: 16px;
	border-left: 1px solid #000;
	margin-left: 5px;
	}
.paginado ul li a.siguiente:hover {
	background: url(../images/css-bot-siguiente-r.gif) 99% 0.1em no-repeat;
	}
.paginado ul li span.siguiente {
	border-left: 1px solid #BEBEBE;
	background: url(../images/css-bot-siguiente-p.gif) 99% 0.1em no-repeat;
	padding-right: 16px;
	padding-left: 8px;
	color: #A2A2A2;
	margin-left: 5px;
	}

/**** ENLACE IMAGENES ****/

.enlace {
	background: url(../images/enlace.gif) 100% 0 no-repeat;
	padding-right: 22px;
	}
p.enlace_exterior {
	font-size: 80%; 
	font-weight: bold;
	padding-top: 25px;
	}
	

/********** SECCION : AVISO LEGAL ************/

.avisolegal p {
	margin: 15px 0 10px 0;
	}
.avisolegal h4 {
	margin-bottom: 10px;}
	
.avisolegal dl {
	margin: 20px 0;
	}
.avisolegal dt {
	display: block;
	float: left;
	width: 20%;
	text-align: right;
	padding-right: 10px;
	color: #00559B;
	}
.avisolegal dd {	
	display: block;
	float: left;
	width: 75%;
	font-weight: bold;
	}
.avisolegal dd a {
	color: #4C433B;
	}
.avisolegal dd a:hover {
	color: #DB0000;
	}	
	
.avisolegal ol {
	margin-left: 60px;
}
.avisolegal ol li {
	list-style-type: decimal;
	padding: 0;
	margin: 0 0 1em 0;
	}