/* CSS Document */

body{
margin:0em 0 0 0;
padding:0;
font-size:62.5%;
line-height:1.2em;
background-image:url(../img/fondo.gif);
background-repeat:repeat-x;
color:#333;
font-family:tahoma;}

#todo{
    width:100em;
	position:absolute;	
	left:50%;
	margin-left:-50em;
	margin-top:0em;
	padding:0;
	background:url(../img/cabecera.jpg) no-repeat top center;}
	
	
p{
margin-bottom:1em;}

a{
color:#666;
text-decoration:underline;}

a:hover{
color:#999;
text-decoration:none;}

/*.................................................tooltip*/

#tooltip {
	background-color: #CCCCCC;
	border: 1px solid #888888;
	color: #333333;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 10px;
	padding-right: 10px;
	-moz-border-radius-bottomleft: 7px;
	-moz-border-radius-bottomright: 7px;
	-moz-border-radius-topleft: 0;
	-moz-border-radius-topright: 7px;
	max-width: 23em;
	line-height: 12px;
}
#tooltip h3 {
	font-size: 1.3em;
    margin: 0;
	padding: 0 3px;
	text-align: left !important;
	font-weight:bold;
}
#tooltip p {
	font-size: 1.05em;
	margin: 5px 0 0 5px;
	text-align: left;
}

h1{
font-family: tahoma;
color:#888;
font-size:1.6em;
padding: 0 0.6em 0.4em 0.6em;
font-weight:bold;
line-height:2.1em;
width:auto;

}

h3.ficha{
font-family: tahoma;
color:#000;
font-size:1.2em;
font-weight:bold;


}
h3.complementos{
font-family: tahoma;
color:#000;
font-size:1.2em;
font-weight:bold;
padding-left:3.2%;
background-color:#F6E9D6;
width:99%;


}
.titMigas{
font-family: tahoma;
color: #4E4E4E;
padding: 0 0.6em 0.4em 0.6em;
font-weight:bold;
line-height:2.1em;
width:auto;

}

h2{
font-family: "Arial Narrow", Helvetica, sans-serif;
color:#FFFFFF;
font-size:1.6em;

}

#candados{
background-color:#fbe7e8;}

#transporte{
background-color:#E9EDF6;}
#cerrojos{
background-color:#F0E6DD;}
#europeo{
background-color:#EDE3EE;}
#barreras{
background-color:#D9ECEA;}

#cerraduras{
background-color:#F6F8E0;}
#cierres{
background-color:#E1EDD5;}
#basculante{
background-color:#D7D0C6;
text-transform:lowercase;}
#disuasorio{
background-color:#F6F2A8;
text-transform:lowercase;}

#protectores{
background-color:#E4F1F7;
text-transform:lowercase;}
#ballesta{
background-color:#F7E0EA;
text-transform:lowercase;}
#cajas{
background-color:#EBEAD6;
text-transform:lowercase;}

#cristal{
background-color:#E9F2F9;
text-transform:lowercase;
font-family: tahoma;
color:#888;
font-size:1.6em;
padding: 0 0.6em 0.4em 0.6em;
font-weight:bold;
line-height:2.1em;
width:auto;}
#vitrina{
background-color:#E8E8E8;
text-transform:lowercase;}

#amaestramiento{
background-color:#F5CCDC;
text-transform:lowercase;}

#accesorios{
background-color:#F6E9D6;
text-transform:lowercase;
font-family: tahoma;
color:#888;
font-size:1.6em;
padding: 0 0.6em 0.4em 0.6em;
font-weight:bold;
line-height:2.1em;
width:auto;}


#direccion{
font-size:1.3em;
text-align:right;
width:auto;
height:3em;
margin:2.8em 0 0 0;
line-height:1.3em;}

#novedad{
float:right;
width:auto;
height:50.3em;
position:relative;
margin:2.4% 0 1.1em 0em;}

#capaTxt{
float:left;
width:28em;
height:38.3em;
padding:5em 5em 2em 3em;
position:relative;
margin:1.1em 0 0em 1.9em;
text-align:left;
background-image:url(../img/fondo-texto.jpg);
background-repeat:no-repeat;
background-position:right top;
color:#777;
font-size:1.2em;
line-height:1.7em;}

#capaTxt2{
float:right;
width:75.5%;
height:43.3em;
padding:1em 2em 2em 2em;
position:relative;
margin:1.7em 0 1.1em 0em;
text-align:left;
background-repeat:no-repeat;
background-position:right top;
color:#777;
font-size:1.2em;
line-height:1.7em;
}
#capaTxtListas{
	float:right;
	width:76.5%;
	height:43.3%;
	padding:1em 0em 2em 2em;
	position:relative;
	margin:1.7em 0 1.1em 0em;
	text-align:left;
	background-repeat:no-repeat;
	background-position:right top;
	color:#777;
	font-size:1.2em;
	line-height:1.5em;
}

#capaTxtListas_cristal{
float:right;
width:76.5%;
height:38.3%;
padding:1em 0em 2em 2em;
position:relative;
margin:0em 0 1.1em 0em;
text-align:left;
background-repeat:no-repeat;
background-position:right top;
color:#777;
font-size:1.2em;
line-height:1.7em;
}
.capaTxtListas_accesorios{
float:right;
width:76.5%;
height:10.3%;
padding:1em 0em 2em 2em;
position:relative;
margin:0em 0 1.1em 0em;
text-align:left;
background-repeat:no-repeat;
background-position:right top;
color:#777;
font-size:1.2em;
line-height:1.7em;
}


#capaTxt2 li{
list-style-type:decimal;
margin-left:3em;}


#capaTxt2 ul li{
list-style-type: circle !important;
margin-left:5em !important;
}

#condiciones{
margin-left:5em !important;}

#pie{
float:left;
width:87em;
height:2em;
line-height:2em;
position:relative;
margin:1.1em 0 1.1em 0em;
font-size:1em;
text-align:left;
background-color:#efefef;
padding-left:1em;}

#pie_Representantes{
float:left;
width:auto;
height:auto;

position:relative;
margin:0 0 0em 0em;
}
#pie_cierres{
float:left;
width:auto;
height:auto;

position:relative;
margin:1.1% 0 0em 0em;
}
#iso-premie-pie{
float:right;
text-align:right;
margin:0.1em;
width:11em;
height:auto;
position:relative;
}
.marginRight{
margin-right:1em !important;}

.padding06emBold{
padding-left:0.6em;
font-weight:bold !important;}
/************menu TOP__________________________________________********************************/
#menu{
width:11em;
height:auto;
position:relative;
margin:10em 0 0 23em;
text-align:right;
}
#navlist ul
{
margin: 0;
white-space: nowrap;
padding: 0;

}

#navlist li
{
display: block;
list-style-type: none;
text-align:right;

}

#navlist a
{
	padding: 0;
	border: 0;
	font-family:tahoma;
	font-weight:bold;
	text-transform: uppercase;
	color:#B00000;
	line-height:2.6em;
	display: block;
	background-image:url(../img/punteado.gif);
	background-repeat:repeat-x;

}

#navlist a:link, #navlist a:visited
{

width:auto;
height:2.8em;
text-decoration: none;
padding:0.3em 0em 0 0.3em;
}

#navlist a:hover
{
	color: #333;
}



/****idiomassss..............................................*/

#idiomas{
width:auto;
height:auto;
position:relative;
margin:0.7em 0 0 0em;
text-align:right;
float:right;

}
#idiomasList ul
{
margin: 0;
white-space: nowrap;
padding: 0;
}

#idiomasList li
{

display: inline;
list-style-type: none;
float: left;
width:2.8em;

}

#idiomasList a
{
	padding: 0;
	border: 0;
	line-height:2.6em;
	display: block;

}

#idiomasList a:link, #idiomasList a:visited
{

width:2.8em;
height:2.8em;
text-decoration: none;
padding:0.1em;
}

#idiomasList a:hover
{

}

/****catalogo..............................................*/

#catalogo{
width:19.4em;
height:auto;
position:relative;
margin:2.1em 0 1.1em 0em;
float:left;
z-index:1;

}
#catalogolist ul
{
margin: 0;
white-space: nowrap;
padding: 0;

}

#catalogolist li
{
display: block;
list-style-type: none;
}

#catalogolist a
{
	padding: 0;
	border: 0;
	font-family:tahoma;
	font-weight:bold;
	text-transform: uppercase;
	display: block;
}

#catalogolist a:link, #catalogolist a:visited
{

width:auto;
height:auto;
text-decoration: none;
padding:0;
}

#catalogolist a:hover
{
	color: #333;
}
/****catalogoNUM..............................................*/

#catalogoNUM{
width:1.4em;
height:auto;
position: absolute;
margin:3.7em 0 1.1em 0.5em;
float:left;
z-index:10;
color:#EFD700;

}
#catalogolistNUM ul
{
margin: 0;
white-space: nowrap;
padding: 0;

}

#catalogolistNUM li
{
display: block;
list-style-type: none;
font-size:1.4em;
font-weight: bold;
width:1.2em;
height:50.75%;
background-image:url(../img/circuloNUM.png);
background-repeat:no-repeat;
padding: 20% 30% 336% 5%;
text-align: center;
letter-spacing:-0.15em;
}


/*******************lista de items******************************************/

#itemList
{
margin: 1em -1em 0em 0.2em;
padding: 0;
width:auto;
height:auto;
position:relative;


}

#itemList li
{
display: block;
float: left;
list-style: none;
line-height:1.2em;
height:16em;
}

#itemList a
{
	margin:1em 0.4em 0 0;
	background-repeat:no-repeat;
	font-weight: normal;
	padding:0 0 0.4em 0.2em;
	height:15em;
	
	letter-spacing: 0.1em;

	
}



#itemList a:link, #itemList a:visited
{
display:block;
color: #333333;
text-decoration: none;
font-size:1em;
line-height:1.3em;
font-weight:bold !important;
text-align:left;
text-transform:uppercase;
width:auto;
background-color:#F2F2F2;

}

#itemList a:hover
{
color: #999999;
	filter: alpha(opacity=90);
    opacity: .9 ;
	-moz-opacity:0.9;
}

#itemList img{
border:solid 1px #C2B100;
margin-bottom:0.5em;}




/*******************-----------------------------------------***********************************/


/*******************lista de items******************************************/

#REPitemList
{
margin: 1em -1em 0em 0.2em;
padding: 0;
width:100%;
height:auto;
position:relative;


}

#REPitemList li
{
display: block;
float: left;
list-style: none;
line-height:1.2em;
height:15em;
}

#REPitemList a
{
	margin:0.5em 0.3em 0 0;
	background-repeat:no-repeat;
	font-weight: normal;
	padding:0 0 0.4em 0.2em;
	height:14.5em;
	height:14em;	
	letter-spacing: 0.1em;

	
}



#REPitemList a:link, #REPitemList a:visited
{
display:block;
color: #333333;
text-decoration: none;
font-size:1em;
line-height:1.3em;
font-weight:bold !important;
text-align:left;
text-transform:uppercase;
width:auto;
background-color:#F2F2F2;

}

#REPitemList a:hover
{
color: #999999;
	filter: alpha(opacity=90);
    opacity: .9 ;
	-moz-opacity:0.9;
}

#REPitemList img{
border:solid 1px #C2B100;
margin-bottom:0.5em;}




/*******************-----------------------------------------***********************************/


/*******************lista de FICHA******************************************/

#FichaList
{
margin: 1em -2em 0em 0em;
padding: 0;
width:auto;
height:auto;
position:relative;


}

#FichaList li
{
display: block;
float: left;
list-style: none;
line-height:1.2em;
height:12em;
width:22%;
border:solid 1px #F2F2F2;
padding:1%;
margin-right:1%
}





/*******************-----------------------------------------***********************************/

#pincheAqui{
	width:auto;
	height:auto;
	position: absolute;
	margin:48.0em 0 1.1em 86.1%;
	float:left;
	z-index:11;
	color: #333333;
	left: 1px;

}

#noticia1{
	width:32.0%;
	height:auto;
	position: absolute;
	margin:5.0em 0 0 66.9%;
	float:left;
	z-index:11;
	color: #333333;	
	padding:0.5em;
	font-size:1.3em;

	text-align:right;

}

#bombillos{
float:left;
width:auto;
height:auto;
position:relative;
margin:0 0 0 0;
}
#noticiaISO{
float:left;
width:auto;
height:auto;
position:relative;
margin:3% 0 0 0;
}
#txtBombillo{
font-size:1.3em;
	width:84%;
	height:auto;
	position: absolute;
	margin:53em 0 0em -0.2em;
	float:right;
	z-index:14;
	color: #333333;
	left: 1px;

}
#txtISO{
font-size:1.3em;
	width:40%;
	height:auto;
	position: absolute;
	margin:9em 0 0em 4em;
	float:left;
	z-index:15;
	color: #333333;
	line-height:1.3em


}


.fichaTec
{
margin: 1em -1em 0em 0.2em;
padding: 0;
width:98%;
height:auto;
position:relative;


}

.columna_izq{
width:50%;
height:auto;
float:left;
}
.columna_izq_complem{
width:37%;
height:auto;
float:left;
}
.columna_izq_complem2{
width:28%;
height:auto;
float:left;
}
.columna_dch{
width:46%;
height:auto;
float:right;
padding-left:3.2%;
margin: 0 -1em 0em 0;
text-align:right;
}

.columna_dch_complem{
width:32%;
height:auto;
float:right;
padding-top:3.2%;
margin: 0 -1em 0em 0;
text-align:left;
}
.textoFichaTec  img {
margin-right:1em;}

.textoFichaTec {
margin-top:1em;}

#representantesTHICKBOX{
margin:5em 0 0 0 ;
font-size:1.4em;}


/***********localizacion***************/


div.contenido_localizacion{
width:100%;
height:auto;
float: left;
background-color:#FFFFFF;
padding:1.0em 0em  0 0em;
font-family:Verdana, Arial, Helvetica, sans-serif;
margin-bottom:4em;

}

fieldset{
border:1px #999999 solid;
padding:2em;
float:left;}
img.bordeGris{
border:#CCCCCC 1px solid;}

.titLegend{
text-transform:uppercase;
font-family: tahoma;
font-size:1.1em;
font-weight:bold;
letter-spacing: 0.2em;
color:#C2B100;
}
.volver{
display:block;
float:right;
font-family:tahoma;
font-weight:bold;
text-transform:uppercase;
color:#CC0000;
text-decoration:none;
margin-top:1em;}

.columna1VIT{
float:left;
width:32em;
text-align:center;
}

.columna2VIT{
	float:left;
	width:15em;
	text-align:center;
}

.columna3VIT{
float:left;
width:15em;
text-align:center;
}
