/* ----- ETIQUETAS ----- */

body{
   background-color: #FFFFFF;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   height: 100%;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
}


/* ------ CENTRADO ---------------*/
.contenedor{
   height: 590px;
   margin-bottom: auto;
   margin-left: auto;
   margin-right: auto;
   margin-top: auto;
   width: 764px;
}

.tabla_contenedora {
   height: 100%;
   width: 100%;
   text-align: center;
   vertical-align:middle;
}
.td_margenes {
   height: auto;
   width: auto;
}
.tr_central {
   text-align: center;
}


/*----------CABECERA-------------*/

.cabecera{
   height: 140px;
   width: 764px;
}

.banner {
   background-image: url(../img/inoxman_cabecera.jpg);
   background-position: 0px 0px;
   background-repeat: no-repeat;
   height: 113px;
   right: -485px;
   width: 764px;
}
.menu_izq[class] {
	right: -485px;
	width: 254px;
}

.menu_izq {
	position:relative;
	height: 30px;
	width: 254px;
	float: left;
	margin-top: 32px;
	right: -490px;
	z-index: 10;
}
.menu_der[class] {
   width: 757px;
   margin-left: 2px;
}

.menu_der {
   border: solid;
   background-color: #fff;
   background-image: url(../img/linea_puntos.gif);
   background-repeat: repeat-y;
   background-position: 254px 0px;
   border-width: 1px;
   border-color: #CCCCCC;
   /*
   border-top: none;
   border-left: none;
   border-right: none;
   */
   border-bottom: none;
   float: right;
   height: 36px;
   margin-top: 5px;
   padding-left: 5px;
   width: 764px;
}

.boton_izq[class] {
   margin-left: 8px;
}

.boton_izq {
	clear: right;
   color: #ffffff;
   display: block;
   float: right;
   margin-left: 5px;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 9px;
   font-weight: bold;
}

.boton_izq a {
   color: #ffffff;
   text-decoration: none;
}

.boton_izq a:hover {
   color: #000000;
   background-color: #f7f7f7;
}
.boton_izq_izq {
   background-image: url(../img/botones/negro/izd.gif);
   background-repeat: no-repeat;
   background-position: 0px 7px;
   float:left;
   height: 25px;
   width: 4px;
}
.boton_izq_cnt {
   background-image: url(../img/botones/negro/cnt.gif);
   background-repeat: repeat-x;
   background-position: 0px 7px;
   height: 25px;
   float: left;
   width: auto;
}

.boton_izq_der {
   background-image: url(../img/botones/negro/der.gif);
   background-repeat: no-repeat;
   background-position: 0px 7px;
   float: left;
   height: 25px;
   width: 4px;
}

.boton_der[class] {
   margin-left: 5px;
}
.boton_der {
   float: left;
   color: #ffffff;
   margin-left: 5px;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 9px;
   font-weight: bold;
}

.boton_der a {
   color: #ffffff;
   text-decoration: none;
}

.boton_der a:hover {
   color: #1f3c94;
   background-color: #f7f7f7;
   text-decoration: underline;
}
.boton_der_izq {
   background-image: url(../img/botones/azul/izq.gif);
   background-repeat: no-repeat;
   background-position: 0px 7px;
   float:left;
   height: 25px;
   width: 4px;
}
.boton_der_cnt {
   background-image: url(../img/botones/azul/cnt.gif);
   background-repeat: repeat-x;
   background-position: 0px 7px;
   height: 25px;
   float: left;
}

.boton_der_der {
   background-image: url(../img/botones/azul/der.gif);
   background-repeat: no-repeat;
   background-position: 0px 7px;
   float: left;
   height: 25px;
   width: 4px;
}

/*---------CONTENIDO------------*/

.contenido[class] {
   width: 762px;
   height: 409px;
}
.contenido {
   float: right;
   border: solid;
   border-width: 1px;
   border-color: #CCCCCC;
   border-top: none;
   width: 764px;
   height: 408px;
}
.contenedor_izq{
	float: left;
	width: 254px;
}
.contenido_izq {
   height: 408px;
   width: 254px;
   overflow-y: auto;
   overflow-x: hidden;
}

.contenido_der {
   background-color: #fafafa;
   background-image: url(../img/linea_puntos.gif);
   background-repeat: repeat-y;
   float: right;
   height: 407px;
   width: 508px;
}

/*-----------INICIO-------------*/
.caja_titulo {
   float: left;
}

.texto_titulo {
   color: #4c4c4c;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 16px;
   font-weight: bold;
   margin-left: 20px;
   margin-top: 5px;
}

.caja_catalogo {
   background-image: url(../img/barandillas.jpg);
   background-position: 135px 30px;
   background-repeat: no-repeat;
   float: left;
   height: 120px;
   text-align: left;
   width: 224px;
}

#barandillas {
   background-image: url(../img/barandillas.jpg);
}
#puertas {
   background-image: url(../img/puertas.jpg);
}
#estructuras {
   background-image: url(../img/estructuras.jpg);
}
#caldereria {
   background-image: url(../img/caldereria.jpg);
}
#maquinaria {
   background-image: url(../img/puertas.jpg);
}
#mantenimiento {
   background-image: url(../img/mantenimiento.jpg);
}
#otros {
   background-image: url(../img/otros.jpg);
}

.texto_catalogo {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 9px;
   font-weight: bold;
   margin-left: 10px;
   margin-top: 30px;
   text-align: center;
   width: 120px;
}

.texto_catalogo a{
   color: #1C3390;
   text-decoration: none;
}

.texto_catalogo a:hover{
   color: #000000;
   text-decoration: underline;
}

.linea[class] {
   margin-left: 20px;
}
.linea {
   float: left;
   font-size: 0px;
   background-image: url(../img/linea_solida.gif);
   background-repeat: repeat-x;
   height: 1px;
   line-height: 0px;
   margin-left: 10px;
   width: 214px;
}
.linea2[class] {
   margin-left: 20px;
}
.linea2 {
   float: left;
   font-size: 0px;
   background-image: url(../img/linea_solida.gif);
   background-repeat: repeat-x;
   height: 1px;
   line-height: 0px;
   margin-left: 10px;
   width: 470px;
}

.contenido .caja_texto {
   color: #1F211C;
   font-size: 11px;
   font-family: Arial, Helvetica, sans-serif;
   font-weight: normal;
   float: left;
   text-align: left;
   width: 508px;
}

.contenido_der .texto {
   margin: 20px 20px 0px 20px;
}

/*---------LOCALIZACION------*/

.caja_izq_localizacion {
   float: left;
   height: auto;
   width:254px;
}

.texto_izq_localizacion a{
   color: #000000;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 11px;
   font-weight: normal;
   text-align: left;
   text-decoration: none;
}
.texto_izq_localizacion a:hover {
   color: #000000;
   text-decoration:  underline;
}

.texto_izq_localizacion {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 11px;
   font-weight: normal;
   margin: 20px 20px 20px 20px;
   text-align: left;
}
.azul {
   color: #1f3c94;
   font-weight: bold;
}
.caja_plano {
   margin: 35px 0px 0px 10px;
}

/*-------CONTACTO-----------*/


.formulario[class] {
   margin: 60px 0px 0px 20px;
   line-height: 25px;
}
.formulario {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 11px;
   float: left;
   margin: 60px 0px 0px 10px;
   line-height: 5px;
   text-align: right;
}

.formulario input {
	height:18px;
	padding-left:1px;
}

.formulario_izq {
   float: left;
   margin-left: 10px;
}

.formulario_der[class] {
   margin-top: 0px;
}
.formulario_der[class] {
   padding-top: 0px;
}
.formulario_der {
   float: left;
   margin-left: 40px;
   padding-top: 5px;
   text-align: left;
}

.campos_formulario {
   background-color: #ffffff;
   border: solid;
   border-color: 5b5b5b;
   border-width: 1px;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 11px;
   height: 16px;
   width: 120px;
}

.observaciones  {
   height: 125px;
   background-color: #ffffff;
   border: solid;
   border-color: 5b5b5b;
   border-width: 1px;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 11px;
   width: 200px;
   padding-top:1px;
   padding-left:1px;
}

.btnenviar {
   padding-top: 10px;
}

.msgnobd {
   float: left;
   color:#ff0000;
   font-size:12px;
   line-height: 20px;
   margin-top:20px;
   margin-left:5px;
   margin-right:5px;
   text-align: left;
}
/*---------PIE------------*/
.pie {
   background-color: #000000;
   color: #ffffff;
   float: left;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 9px;
   font-weight: normal;
   margin-top: 4px;
   width: 764px;
}

.pie a {
	text-decoration:none;
	color:#ffffff;
}

.pie a:hover {
	color:#ccc;
}
/*----------CATALOGO---------*/
#foto_producto[id] {
   margin: 20px 0px 0px 20px;
}

#foto_producto {
   background-color: #1f3c94;

   height: 204px;
   margin: 20px 0px 0px 20px;
   width: 272px;
}

#caracteristicas_producto[id] {
   margin: 0px 20px 0px 0px;
}
#caracteristicas_producto {
   height: 204px;
   float: right;
   margin: 20px 10px 0px 0px;
   width: 180px;
}

#caracteristicas_producto p {
	margin-top:10px;
	margin-bottom:10px;
}

.fuente_caracteristicas_producto {
   display: block;
   font-size: 12px;
   font-weight: bold;
}

.azul{
   color: #1f3c94;
}

.gris {
   color: #4c4c4c;
}
.cuadrados_subfoto {
   float: left;
   height: 15px;
   margin-right: 5px;
   width: 15px;
}
.titulo_modelos {
   margin-top: 20px;
}
#caja_minifotos[id] {
   margin: 10px 0px 0px 0px;
   padding-left:27px;
}
#caja_minifotos {
   float: left;
   width:100%;

   margin: 10px 0px 0px 0px;
   padding-left:22px;
}

.minifoto[class] {
	margin-left: 20px;
	margin-right: 0px;
}

.minifoto {
   margin-left: 10px;
   margin-right: 9px;
   float: left;
   height: 60px;
   width: 60px;
   border:1px solid;
}
#mas_productos[id] {
   margin: 14px 16px 0px 0px;
}

#mas_productos {
	font-family:Arial;
	color: #1f3c94;
   float: right;
   font-size: 12px;
   font-weight: bold;
   margin: 14px 10px 0px 0px;
}

#mas_productos a {
	color:#1f3c94;
	border:1px solid #1f3c94;
	text-decoration:none;
	padding-left:2px;
	padding-right:2px;
	height:17px;
}

#mas_productos a:hover {
	color:#ffffff;
	background-color:#1f3c94;
	border:1px solid #1f3c94;
}

#mas_productos span {
	color:#ffffff;
	background-color:#1f3c94;
	border:1px solid #1f3c94;
	padding-left:2px;
	padding-right:2px;
	height:17px;
}

/*----------MODELOS----------*/

#titulo_producto, #titulo_producto_modelos {
	color: #4c4c4c;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 16px;
   font-weight: bold;
   text-align:left;
	margin-top:20px;
   margin-left: 20px;
   margin-right: 20px;
	border-bottom:1px solid #ccc;
	clear:both;
}

.miniatura[class] {
	margin-left:8px;
	margin-right:0px;
	margin-bottom:8px;
}

.miniatura {
	text-align:left;
	width:72px;
	height:72px;
	float:left;
	margin-left:4px;
	margin-right:4px;
	margin-bottom:8px;
}

img {
	border:0;
}

.imagen_mini[class] {
	margin-left: 0px;
	margin-right: 13px;
}

.imagen_mini {
	margin-left: 10px;
   margin-right: 9px;
	margin-top:4px;
	margin-left:4px;
	border:1px solid #1f3c94;
	padding:1px;
	width:60px;
	height:60px;
	float: left;
}

.imagen_seleccionada {
	border-width:3px;
	margin-left:2px;
	margin-top:2px;
}

#sin_imagen {
	font-family:Arial;
	font-size:16px;
	font-weight:bold;
	color:#ffffff;
}

#sin_articulos {
	margin-top:170px;
	font-family: Arial, Helvetica, sans-serif;
   font-size: 16px;
   font-weight: bold;
   color:#1f3c94;
}

/*-------------AVISO LEGAL---------------*/

#aviso_legal[id] {
   width: 550px;
}

#aviso_legal {
  background-color: #fff;
  border: 5px solid #333;
  color: #000;
  float: left;
  font-size: 12px;
  height: auto;
  margin-bottom: 40px;
  padding: 60px 60px 60px 60px;
  text-align: left;
  width: 670;
}

#aviso_legal #capa_aviso[id] {
	height:350px;
	width:630px;
}

#aviso_legal #capa_aviso {
	color:#524a2b;
	font-family:Arial;
	font-size:11px;
	height:370px;
	width:650px;
	background-color:#ffffff;
	overflow:auto;
	margin-top:20px;
	margin-left:20px;
	padding:10px;
	line-height:16px;
}

#aviso_legal .negrita {
	color:#1f3c94;
	font-weight:bold;
}

#aviso_legal a {
	color:#1f3c94;
	text-decoration: underline;
}

#aviso_legal a:hover {
   text-decoration: none;
	font-weight: bold;
}

#aviso_legal p {
	margin-top:0px;
	color:#76716c;
	text-align:justify;
}

#aviso_legal .titulos {
	color:#333;
	font-size:14px;
	font-weight:bold;
}

#aviso_legal .subtitulos {
	color:#333;
	font-size:12px;
	font-weight:bold;
}

#encabezado {
	width: 660px;
}
#encabezado {
	border: 5px solid #333;
	border-bottom: none;
	background-image: url(../img/inoxman_cabecera_aviso.jpg);
	background-repeat: no-repeat;
	height: 99px;
	margin-top: 40px;
	width: 670px;
}