﻿body {
	text-align: center;
	background-color: #ccc;
	font-size: 0.7em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	margin: 0;
	padding: 0;
}
a {
	color: #000000;
	cursor:pointer;
}
a:hover {
	color: #0008B8;
}
img {
	border: 0;
}
img.izda {
	border: 0;
	float:left;
}
img.dcha {
	border: 0;
	float:right;
}
.centrado{
	text-align:center;
}
br.limpiar {
	clear: both;
}
.oculto {
	display: none;
}
li.ultimo {
	border: 0 !important;
}
h1 {
	text-align:left;
	font-size: 1.2em;
	color:#000000;
	background-color:#fff;
	margin: 0;
	padding: 0.5em 0 0.3em 0;
	width: 100%;
	text-indent:0.3em;
	border-bottom: 0.1em solid #000;
}

h2 {
	text-align:left;
	font-size: 1.2em;
	color:#000000;
	background-color: #C0C0C0;
	margin: 0;
	padding: 0.3em 0 0.3em 0;
	width: 100%;
	text-indent:0.6em;
}

#contenido h2.categoria {
	font-size:1em;
	float:right;
	margin: 1em 0;
	font-weight: bold;
	border: 0.1em solid #CCC;
	width: 99%;
	background-color:#FFFFFF;
}

#contenido h3.subcategoria {
	float:right;
	text-indent:0.5em;
	list-style-type: none;
	font-size:1em;
	padding:0.5em;
	margin: 0;
	font-weight: bold;
	width: 95%;
	background-color:#AAADE7;
}

/*Formularios*/

#contenido fieldset {
	border: 1px solid #AAADE7;
	padding:10px 15px;
	margin:1.2em;
}

#contenido fieldset ul li{
	border-bottom: 0.1em solid #CDCFF1;
	text-align:left;
	list-style-type: none;
	margin: 0;
	padding:O;
}

#contenido fieldset label{
	width:10em;
	float:left;margin-top:0.6em;

}

#contenido fieldset label.error{
	width:40em;
	color:#FF0000;
	font-weight:bold;
	float:left;
	margin-top:0.6em;

}

#contenido fieldset ul li ul{
	list-style-type: none;
	margin: 0 0 0 12em;
	padding:O;
}

#contenido fieldset ul li.ultimo{
	border: 0;
}



input[type="file"]{
	border:1px solid #000;
	background-color: #EEE;	
	font-size: 1em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width:34em;
	margin:0.5em 0 0.5em 2em;
}


input{
	border:1px solid #000;
	margin-left: 2em;
	background-color: #EEE;	
	font-size: 1em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width:8em;
	margin:0.5em 0 0.5em 2em;
}


input.m{
	border:1px solid #000;
	margin-left: 2em;
	background-color: #EEE;	
	font-size: 1em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width:30em;
	margin:0.5em 0 0.5em 2em;
}

input.l{
	border:1px solid #000;
	margin-left: 2em;
	background-color: #EEE;	
	font-size: 1em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width:40em;
	margin:0.5em 0 0.5em 2em;
}


input.xxl{
	border:1px solid #000;
	margin-left: 2em;
	background-color: #EEE;	
	font-size: 1em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width:52em;
	margin:0.5em 0 0.5em 2em;
}

input.examinar{
	width:30em;
}


span.radio input{
	width:1.5em;
	border:0;
	background-color:#fff;
}


input.noborde{
	border:0;
	background-color:#fff;
}
textarea{
	border:1px solid #000;
	margin-left: 2em;
	background-color: #EEE;	
	font-size: 1em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin:0.5em 0 0.5em 2em;
}

select{
	border:1px solid #000;
	margin-left: 2em;
	background-color: #EEE;	
	font-size: 1em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width:15em;
	margin:0.5em 0 0.5em 2em;
}

p.combocategorias{
	text-align:right;
	background-color:#eee;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	border-bottom:4px solid #CCCCCC;
}

p.combocategorias label{
	width: auto; 
	height:2em;
	margin:0;
	margin-left:1em;

}

p.combocategorias input{
	width: 4.5em; 
}

p.centrado{
	text-align:center;
}

p.volver{background-color:#AAADE7; text-align:center; height:1em;}

p.volver a{
	clear:both;
	padding-left:1.5em;
	background-image:url('../images/volver_icono.gif');
	background-repeat:no-repeat;
}

p.botones{
	text-align:center;
	background-color:#AAADE7;
}


#contenedor {
	text-align:left;
	margin: 0;
	padding: 0;
	margin-left:1em;
	margin-right:1em;
	width: 86em;
	min-height:51em;
	margin: auto;
	background-image: url(../images/fondo_index1.jpg);
	background-repeat: no-repeat;
	background-color:#FFFFFF !important;
	background-position: 0 10em;
}

#cabecera {
	margin: 0;
	padding: 0;
	width: 100%;
	background-color: #FFF;
	height: 10em;
}
p.buscar {
	margin-top: 5em;
	margin-right: 0.2em;
	float: right;
}
p.buscar2 {
	margin-top: 1em;
	margin-right: 0.2em;
	float: right;
}
#logo {
	margin: 0;
	padding: 0;
	width: 17.9em;
	float: left;
	background-color: #FFF;
}
#lema {
	margin: 0;
	padding: 0;
	width: 68.1em;
	height: 8.2em;
	float: left;
	background-color: #0008B8;
	background-image: url('../images/lema_certikin.jpg');
}

#cuerpo {
    /*overflow:auto;*/
	margin: 0;
	padding: 0; padding-bottom:1.2em;
	
}
#contenido  {
	float:left;
	overflow: auto;
	margin: 0;
	padding:0 1em 1em 1em;
	width: 66.1em;
	_width: 68.1em;
	background-color:#FFFFFF;
}
#contenido img  {
	margin: 1em;
}

#contenido p  {
	margin: 0;
	padding:0.5em;
}


/*PORTADA*/
div.promociones {
	float: left;
	text-align: right;
	margin: 0;
	margin-bottom: 3.5em;
	padding: 0;
	width: 68.1em;
	height: 23em;
}
div.promociones ul {
	list-style-type: none;
	padding: 0;
	margin: 1em 2em;
}
div.promociones ul li {
	padding: 0;
	margin: 2em 0;
}

div.destacados {
	float: left;
	margin: 0;
	padding: 0;
	width: 47.5em;
	padding-bottom:1em;
}

div.destacados ul {
	text-align: center;
	list-style-type: none;
	padding: 0;
	margin: 0em 0em 1em 1.5em;
}

div.destacados ul li {
	font-size: 0.9em;
	width: 11.9em;
	float: left;
	padding: 0;
	padding-bottom:1em;
	margin: 0 2em;
	height: 10 !important;
	background-image: url(../images/fondo_destacados.gif);
	background-repeat:no-repeat;
	background-position:left bottom;
}

div.destacados ul li span.ref{
	display:block;
	width: 11.9em;
	padding:0.4em 0 0.4em 0;
	margin:0;
	color:#000;
}

div.destacados ul li a{text-decoration:none;}

div.destacados ul li img {
	width:9.5em;
	float: none;
	clear:both;
}



#noticias {
	float: left;
	margin: 0;
	padding: 0;
	padding-bottom:1.2em;
	width: 20em;
	margin-bottom:1em;
	background-image: url(../images/fondo_tit_noticias.gif);
	background-repeat:no-repeat;
	background-position:bottom;
}
#noticias h2 {
	text-indent: 0.5em;
	font-size: 1.2em;
	float: left;
	color: #FFFFFF;
	margin: 0;
	padding:0;
	padding-top:0.3em;
	padding-bottom:0.3em;
	background-color: #0008B8;
}
#noticias dl {
	float: left;
	width: 20em;
	list-style-type: none;
	padding: 0;
	margin: 0;
	border:0;
}
#noticias dt {
	margin: 0;
	font-size: 0.8em;
	font-weight: bold;
	padding: 0.5em 0 0 0.5em;
}
#noticias dd {
	border-bottom: 0.1em solid #000;
	border-bottom-style: dotted;
	padding: 0 0 0.2em 0.5em;
	margin: 0;
}

#noticias dd a{text-decoration:none;}


/*MENU CATALOGO*/
ul.menucatalogo {
	text-align: center;
	margin: 0;
	width: 17.9em;
	padding: 0.3em 0em;
	float: left;
	background-color: #FFF;
}
ul.menucatalogo li {
	padding: 0em 0.5em;
	display: inline;
	border-right-style: solid;
	border-right-width: 0.1em;
	border-right-color: #0008B8;
}
ul.menucatalogo a {
	color: #0008B8;
	text-decoration: none;
}
/*MENU PRINCIPAL*/
ul.menuprincipal {
	text-align: center;
	margin: 0;
	width: 68.1em;
	padding: 0.3em 0em;
	float: left;
	background-color: #0008B8;
}
ul.menuprincipal li {
	padding: 0em 0.5em;
	display: inline;
	border-right-style: solid;
	border-right-width: 0.1em;
	border-right-color: #FFFFFF;
}
ul.menuprincipal a {
	color: #FFFFFF;
	text-decoration: none;
}

ul.menuprincipal a:hover {
	color: #CED1F0;
	text-decoration: none;
}


/*MENU PRODUCTOS*/
div.menuproductos {
	padding: 0;
	width: 17.9em;
	float: left;
	/*height:36.5em;*/
}
div.menuproductos ul {
	list-style-type: none;
	margin: 0 0 1em 0;
	padding: 0;
	width: 100%;
}

div.menuproductos ul li{
	padding-right:0;
	margin:0;	
	width:100%;

}

div.menuproductos ul li a {
	display: block;
	color: #FFF;
	list-style-type: none;
	padding: 2.5%;
	padding-right:0;
	background-color: #0008B8;
	margin-bottom: 0.2em;
	border-bottom-style: solid;
	border-bottom-width: 0.5em;
	border-bottom-color: #AAADE7;
}


div.menuproductos a:hover 
{
	/*color: #0008B8;*/
	color: #CED1F0;
	text-decoration: none;
}



div.menuproductos ul li ul {
	width: 96%;
	list-style-type: none;
	margin: 0 0 0 7%;
	padding: 0;
}
div.menuproductos ul li ul li a {width: 16.3em;
	border-bottom: 0;
	color: #000;
	list-style-type: none;
	padding: 0 1%;
	background-color: #AAADE7;
	margin-bottom: 0.2em;
}

div.menuproductos ul li ul li:hover {
	color: #0008B8;
	text-decoration: none;
}
div.menuproductos ul li ul li a:hover {
	color: #0008B8;
	/*color: #CED1F0;*/
	text-decoration: none;
}

div.menuproductos a {
	color: #FFF;
	text-decoration: none;
}
/* MENU MIGAS*/
ul#path {
	float:left;
	 text-align:left;
	 color:#000000;
	 background-color:#AAADE7;
	 margin: 0;
	 padding: 0.3em 0 0.3em 0;
	width: 68.1em;}
ul#path a{
	color:#ad2033;
	text-decoration:none;
}
ul#path li{
	display:inline;
	list-style-type:none;
	margin: 0 0 0 0.3em;
}
ul#path li ul {
	display:inline;
	padding:0.4em 0em 0.4em 0.6em;
	margin: 0;
}
ul#path li ul li{

	list-style-type:none;
	background-repeat: no-repeat;
	background-position: left center;
	background-image: url(../images/submenu.gif);
	padding-left:1em;
	margin: 0;
}
/* CATALOGO PRODUCTOS*/

ul.subcategorias  {
	list-style-type: none;
	margin: 1em 0 1em 0;
	padding: 0;
	width: 100%;
}
ul.subcategorias li {
	display: block;
	width: 100%;
	color: #000;
	list-style-type: none;
	padding: 0.3em 0 0.3em 0;
	background-color: #FFF;
	border-bottom: 0.1em solid #FFF;
	text-indent:0.9em;
	
	}
/* EMPRESA*/

/*CONTACTO*/

#contenido fieldset {
	border: 1px solid #AAADE7;
	padding:10px 15px;
	margin-bottom:10px;
}
#contenido fieldset li{
	list-style-type: none;
	margin: 0;
	padding:O;
}
#contenido fieldset label{
	width:20%;
	float:left;
	margin:0.5em 0;
}

/*MAPAWEB*/

#contenido ul.mapaweb li{
	margin-bottom:0.5em;
}

/*BUSCAR*/

#contenido h3.search{
	text-align:left;
	font-size: 1em;
	color:#000000;
	background-color:#fff;
	margin: 0;
	padding: 0.5em 0 0.2em 0;
	width: 100%;
	text-indent:0.9em;
	border-bottom: 0.1em dotted #000;
}


#contenido ul.search li{
	margin-bottom:0.5em;
}
/*NOTICIAS*/

#contenido dl.news{
	float: left;
	width: 99%;
	list-style-type: none;
	padding: 1em 0;
	margin: 0;
	background-color: #FFF;
	}
#contenido dl.news dt {
	float:left;
	margin: 0.2em;
	font-weight: bold;
	border-bottom: 0.1em dotted #000;
	width: 99%;
}
#contenido dl.news dd {
	float:left;
	padding: 0;
	margin: 0.5em 0;
}

#contenido dl.news dd img {
	float:left;
	padding: 0;
	margin: 0 1em 0 0;

}

#contenido dl.news dd.info {
	clear: left;
	width:12em;
	padding-left:1.4em;
	background-image:url('../images/mas_icono.gif');
	background-repeat:no-repeat;
	
}

#contenido dl.news dd a{color:#0008B8; text-decoration:none;}

#contenido dl.news dd a:hover{color:#333; text-decoration:underline;}

/*DESCARGAS*/

#contenido dl.downloads{
	float: left;
	width: 99%;
	list-style-type: none;
	padding: 1em 0;
	margin: 0;
	background-color: #FFF;
	}
#contenido dl.downloads dt {
	float:left;
	margin: 0.2em;
	font-weight: bold;
	border: 0.1em solid #000;
	width: 99%;
}
#contenido dl.downloads dt a{

text-decoration:none;
}


#contenido dl.downloads dd {
	float:left;
	padding: 0;
	margin: 0.5em 1em;
}
#contenido dl.downloads img {
	float:left;
	padding: 0;
	margin: 0 1em 0 0;

}

/*LINKS*/

#contenido ul.links{
	float: left;
	width: 99%;
	list-style-type: none;
	padding: 1em 0;
	margin: 0;
	background-color: #FFF;
	}
#contenido ul.links li {
	float:left;
	margin: 0.2em;
	width: 99%;
	background-color:#EEE;
}
#contenido ul.links li a{
	text-decoration:none;
}
#contenido ul.links li img {
	border: 0.1em solid #000;
	float:left;
	padding: 0;
	margin: 0 1em 0 0;

}


/*GALERIAS*/

#contenido ul.galerias{
	float: left;
	text-align:center;
	padding:0;
	margin: 0;
	}
#contenido ul.galerias li {
	float:left;
	width:15em;
	margin:0.6em;
	padding:0.8em 0;
	text-align:center;
	list-style-type: none;
	border: 0.1em solid #000;

}
#contenido ul.galerias li a{
text-decoration:none;
}
#contenido ul.galerias li img {
	padding: 0;
	margin:0;
}

/*DISTRIBUCION*/

#contenido h2.distribucion {
	font-size:1em;
	float:right;
	margin: 0.1em;
	font-weight: bold;
	border: 0.1em solid #CCC;
	width: 99%;
	background-color:#FFFFFF
}

#contenido dl.distribucion{
	float: right;
	width: 90%;
	list-style-type: none;
	margin: 0;
	margin-left:5em;
	padding: 1em 0;
	background-color: #FFF;
}
#contenido dl.distribucion dt {
	float:left;
	margin: 0;
	margin-right:0.5em;
	font-weight: bold;
	border-bottom: 0.3em solid #ccc;
	width: 50%;
}
#contenido dl.distribucion dd {
	width:40%;
	float:left;
	padding: 0;
	margin: 1em 0.5;
}

#contenido dl.distribucion dd p{
	float:left;
	padding: 0;
	margin: 0;
}

/*PRODUCTOS*/

#contenido h3.categoria {
	font-size:1em;
	float:right;
	margin: 1em 0;
	font-weight: bold;
	border: 0.1em solid #CCC;
	width: 99%;
	background-color:#FFFFFF;
}
#contenido h4.subcategoria {
	float:right;
	text-indent:0.5em;
	list-style-type: none;
	font-size:1em;
	padding:0.5em;
	margin: 0;
	font-weight: bold;
	width: 95%;
	background-color:#AAADE7
}

#contenido img.categoria {
	float:left;
	margin: 2em 2em 1em 1em;
}

#contenido ul.listadosubcategoria {

	font-size:1em;
	float:right;
	margin: 1em 0;
	padding:0;
	font-weight: bold;
	border: 0.1em solid #CCC;
	width: 99%;
	background-color:#FFFFFF
}

#contenido ul.listadosubcategoria li {
	float:right;
	text-indent:0.5em;
	list-style-type: none;
	font-size:1em;
	padding:0;
	margin: 0.5em 0;
	font-size:1em;
	font-weight: bold;
	width: 95%;
	background-color:#AAADE7
}


#contenido table {
	margin:auto;
}


#contenido table.productos {
	text-align:center;
	font-size:0.9em;
	width: 90%;
	margin:auto;
	margin-top:0.5em;
}

#contenido table.productos td {
	padding:0.1em;
}


#contenido table.productos th{
background-color:#AAADE7;
}

#contenido table.productos .estrecha{
width:6em;
}

#contenido table.productos td{
border-bottom:0.1em dotted #000;
}

#contenido table.productos caption {
	display:none;
}

#contenido table.productos td input{
	border:1px solid #000;
	background-color: #eee;	
	font-size: 1em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width:auto;
	margin:0;
}

#contenido table.productos td span.noborde input{
	border:0;
	background-color:#fff;
}

#contenido table img{
	margin: 0;
}

#contenido p.techdoc{
	width: 95%;
	padding:0.5em 0 0 0 ;
	text-align: right;

}


#contenido p.techdoc a{
	 background-image: url(../images/ico_image.jpg);
	 background-repeat: no-repeat;
	 background-position: left top;
	 padding-left:2em;
	 padding-top:0.3em;
}

p.enlace{clear:both;}

p.enlace a{
	padding-left:2em;
	padding-top:0.2em;
	padding-bottom:0.8em;
	background-image:url('../images/icono_enlace.gif');
	background-repeat:no-repeat;
}

p.archivo{	clear:both;}

p.archivo a{
	padding-left:2em;
	padding-top:0.2em;
	padding-bottom:0.8em;
	background-image:url('../images/icono_archivo.gif');
	background-position:0.3em 0;
	background-repeat:no-repeat;
}

/*PIE*/
#pie {
clear:both;
	color: white;
	margin: 0;
	margin-left:auto;
	margin-right:auto;
	padding: 0.3em 0em;
	width: 86em;
	background-color: #0008B8;
	text-align: center;
}

/*TOOLTIP*/
#tooltip {
          background-color: #CCCCCC;
          border: 1px solid #888888;
          color: #333333;
          padding: 4px;
         -moz-border-radius-bottomleft: 7px;
         -moz-border-radius-bottomright: 7px;
         -moz-border-radius-topleft: 0;
         -moz-border-radius-topright: 7px;
        }
        #tooltip h3 {
         font-size: 0.95em;
         margin: 0;
         padding: 0 3px;
         text-align: left !important;
        }
      #tooltip p {
          font-size: 0.95em;
          margin: 5px 0 0 5px;
          text-align: left;
        }
