/* General */
body {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0; }
 
ul, p {
	line-height: 14px;
	color: #b7b7b7;
	font-size: 11px;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin: 0px;
	padding: 0px; }
 
h1 {
	margin: 0px;
	padding: 0px;
	margin-bottom: 34px;
	margin-top: -7px; }
 
h2 {
	margin: 0px;
	padding: 0px;
	/*margin-top: -4px; }*/
	}
 
h5 {
	margin-bottom: 8px;
	margin-top: 25px;
	padding: 0px; 	}
 
img { border: 0px; }
 
/* Menu */
.menu_titulo {
	/*text-transform: uppercase;*/
	font-size: 11px;
	color: #333333; }
 
.menu_subtitulo a {
	font-size: 11px;
	color: #b7b7b7;
	text-decoration: none; }
 
.menu_subtitulo a:hover { text-decoration: underline; }
 
/* textos generales */
.h4 {
	color: #333333;
	font-size: 12px;
	margin-bottom: 5px; }
 
/* Home */
/* Contenedor de toda la pagina */
#container {
	margin: auto;
	width: 900px; }
 
/* div de los idiomas */
#idiomas { height: 65px; }
 
#banderas {
	float: right;
	width: 69px; /* Cambiar la anchura si vamos a poner otra bandera con el idioma */
	margin-top: 24px; }
 
.imagen_bandera {
	margin: 0.5px;
	border: none; }
 
/* div del menu de la web */
#head_sup { margin: 0px; }
 
#head_sup .logo {
	display: block;
	margin-right: 138px;
	float: left; }
 
#head_sup .compania { width: 129px; }
 
#head_sup .idi { width: 138px; }
 
#head_sup .productos { width: 117px; }
 
#head_sup .disenos { width: 99px; }
 
#head_sup .contacto { width: 62px; }
 
#head_sup .compania, #head_sup .idi, #head_sup .productos, #head_sup .disenos, #head_sup .contacto { float: left; }
 
#head_sup .compania ul, #head_sup .idi ul, #head_sup .productos ul, #head_sup .disenos ul, #head_sup .contacto ul {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	line-height: 15px; }
 
#head_sup h3 {
	margin-bottom: 0.2em;
	margin-top: 0em; }
 
/*div del banner en flash */
.containerFlashAnimation {
	width: 900px;
	height: 384px;
	margin-top: 122px;
	clear:left;
	/*position: relative;*/ }
 
/* Marcas de los productos */
#contenedor_marcas {
	background: url(webpics/fondo_marcas.gif);
	width: 900px;
	height: 162px; }
	
#caja_marcas {
	width: 177px;
	float: left;
	padding-top: 44px;
	padding-left: 24px;
	padding-right: 24px; }

#caja_marcas p {
	margin: 0px;
	padding-top: 6px; }

#caja_marcas a {
	color:#333333;
	text-decoration:none;
}

#caja_marcas a:hover {
	text-decoration:underline;
}
 
/* Dise?os */
#contenedor_disenos {
	width: 900px;
	height: 159px; }
	
.caja_disenos p{ margin-top:15px; }
 
#contenedor_disenos .caja_disenos {
	background-color: #f7f7f7;
	padding: 20px;
	margin-right: 8px;
	color: #b7b7b7;
	width: 170px;
	height: 119px; }
 
#contenedor_disenos .caja_muestras_disenos {
	width: 209px;
	height: 159px;
	border: 1px solid #eaeaea;
	margin-left: 8px;
	margin-right: 8px; }
 
#contenedor_disenos .caja_disenos, .caja_muestras_disenos { float: left; }
 
.muestras_textos {
	margin-left: 29px;
	margin-top: 13px; }
 
.muestras_textos p {
	margin: 0px;
	padding-top: 4px; }
 
p.inlineLink a {
	background:transparent url(webpics/flecha.gif) no-repeat scroll right 9px;
	padding:8px 20px 3px 0px;
	text-decoration:none;
	color: #333333; }
 
p.inlineLink a:hover { text-decoration: underline; }
 
/* Servicios, Certificado de calidad, Catalogo */
#contenedor_banners {
	width: 900px;
	height: 82px;
	margin-top: 16px; }

#corteamedida2, #chapado2, #formas2, #taladro2, #abisagrado2 {
	display: block;
	height: 82px;
	width: 82px;
	position: relative;
	padding: 0;
	margin: 0;
	float: left; }
	
#corteamedida2 p {
	display: block;
	background: transparent url(webpics/icono_corteamedida.gif) no-repeat scroll 0 0;
	padding-top: 82px;
	margin-left: 3px;
	width: 82px;
	overflow: hidden;
	height: 0; }

#chapado2 p {
	display: block;
	background: transparent url(webpics/icono_chapado.gif) no-repeat scroll 0 0;
	padding-top: 82px;
	margin-left: 9px;
	width: 82px;
	overflow: hidden;
	height: 0; }

#formas2 p {
	display: block;
	background: transparent url(webpics/icono_formas.gif) no-repeat scroll 0 0;
	padding-top: 82px;
	margin-left: 15px;
	width: 82px;
	overflow: hidden;
	height: 0; }
	
#taladro2 p {
	display: block;
	background: transparent url(webpics/icono_taladrado.gif) no-repeat scroll 0 0;
	padding-top: 82px;
	margin-left: 21px;
	width: 82px;
	overflow: hidden;
	height: 0; }
	
#abisagrado2 p {
	display: block;
	background: transparent url(webpics/icono_abisagrado.gif) no-repeat scroll 0 0;
	padding-top: 82px;
	margin-left: 27px;
	width: 82px;
	overflow: hidden;
	height: 0; }

#corteamedida, #chapado, #formas, #taladro, #abisagrado {
	display: block;
	height: 82px;
	width: 82px;
	position: relative;
	padding: 0;
	margin: 0;
	float: left; }
 
#corteamedida a {
	display: block;
	background: transparent url(webpics/icono_corteamedida.gif) no-repeat scroll 0 0;
	padding-top: 82px;
	margin-left: 3px;
	width: 82px;
	overflow: hidden;
	height: 0; }
 
#chapado a {
	display: block;
	background: transparent url(webpics/icono_chapado.gif) no-repeat scroll 0 0;
	padding-top: 82px;
	margin-left: 9px;
	width: 82px;
	overflow: hidden;
	height: 0; }
 
#formas a {
	display: block;
	background: transparent url(webpics/icono_formas.gif) no-repeat scroll 0 0;
	padding-top: 82px;
	margin-left: 15px;
	width: 82px;
	overflow: hidden;
	height: 0; }
 
#taladro a {
	display: block;
	background: transparent url(webpics/icono_taladrado.gif) no-repeat scroll 0 0;
	padding-top: 82px;
	margin-left: 21px;
	width: 82px;
	overflow: hidden;
	height: 0; }
 
#abisagrado a {
	display: block;
	background: transparent url(webpics/icono_abisagrado.gif) no-repeat scroll 0 0;
	padding-top: 82px;
	margin-left: 27px;
	width: 82px;
	overflow: hidden;
	height: 0; }
 
#btn_calidad , #btn_descargarcatalogo {
	display: block;
	height: 82px;
	width: 210px;
	position: relative;
	padding: 0;
	margin: 0;
	float: left; }
 
#btn_calidad a {
	display: block;
	background: transparent url(webpics/btn_calidadcertificada.gif) no-repeat scroll 0 0;
	padding-top: 82px;
	margin-left: 43px;
	width: 210px;
	overflow: hidden;
	height: 0; }
 
#btn_descargarcatalogo a {
	display: block;
	background: transparent url(webpics/btn_descargarcatalogo.gif) no-repeat scroll 0 0;
	padding-top: 82px;
	margin-left: 60px;
	width: 210px;
	overflow: hidden;
	height: 0; }
 
#corteamedida a:hover, #chapado a:hover, #formas a:hover, #taladro a:hover, #abisagrado a:hover, #btn_calidad a:hover, #btn_descargarcatalogo a:hover { background-position: 0 -82px; }
 
/* Footer */
#footer {
	float: left;
	width: 900px; }
 
.copyright a {
	color: #333333;
	text-decoration: none; }
 
.copyright a:hover { text-decoration: underline; }
 
#footer p { font-size: 10px; }
 
hr {
	border-color: #EAEAEA;
	border-style: solid;
	border-width: 1px 0 0;
	height: 0;
	width: 100%;
	margin: 29px 0 8px 0; }
 
.copyright {
	float: left;
	margin-left: 8px; }
 
.tatay {
	float: right;
	margin-right: 8px; }

.tatay a { 
	color: #B7B7B7; 
	text-decoration: none; }

.tatay a:hover { text-decoration:underline; }
 
/* Pagina secundaria */
/* Separacion entre el menu y el contenido y texto q marca en q apartado estamos */
#linea_separacion {
	height: 75px;
	width: 100%;
	margin-top: 22px;
	border-top: solid;
	border-top-color: #eaeaea;
	border-top-width: 1px;
	float: left; }
 
#linea_separacion img {
	margin-left: 8px;
	margin-right: 8px; }
 
#linea_separacion a {
	color: #b7b7b7;
	text-decoration: none; }
 
#linea_separacion a:hover { text-decoration: underline; }
 
.marcador {
	margin-left: 8px;
	margin-top: 15px; }
 
/* submenu */
#contenedor_submenu {
	width: 355px;
	float: left; }
 
.pastilla_apartado {
	background: #333333;
	width: 228px;
	height: 36px;
	margin-left: 8px; }
 
.pastilla_apartado p {
	color: white;
	font-size: 12px;
	padding-left: 22px;
	padding-top: 12px; }
 
/*- Menu 3--------------------------- */
#menu3 {
	width: 228px;
	margin-left: 8px; }
 
#menu3 li a {
	height: 36px;
	height: 28px; 
	text-decoration: none; }
 
#menu3 li a:link, #menu3 li a:visited {
	color: #333333;
	font-size: 12px;
	display: block;
	background:  url(webpics/menu3.gif);
	padding: 8px 0px 0px 22px;
	line-height: 20px; }
 
#menu3 li a:hover {
	color: #333333;
	background:  url(webpics/menu3.gif) 0 -36px;
	padding: 8px 0 0 22px; }
 
/* Contenido de la pagina */
#contenido {
	width: 545px;
	height: 100%;
	float: left; }
 
	#contenido p { margin-bottom: 1.5em; }
 
/* Estilos para los apartados */
.textoNegrita {
	color: #333333;
	font-weight: bold;
	line-height: 24px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px; }
 
.textoFormulario {
	color: #333333;
	font-weight: bold;
	line-height: 14px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px; }
 
.campoObligatorio {
	color:#B7B7B7;
	font-size:11px;
	line-height:14px;
	font-weight: normal; }
	
	
 
#btn_certificado, #btn_folleto {
	display: block;
	height: 103px;
	width: 208px;
	position: relative;
	padding: 0;
	margin: 0;
	float: left; }
 
#btn_certificado a {
	display: block;
	background: transparent url(webpics/btn_certificado.gif) no-repeat scroll 0 0;
	padding-top: 103px;
	width: 208px;
	overflow: hidden;
	height: 0; }
	
#btn_folleto a {
	display: block;
	background: transparent url(webpics/btn_folletocorporativo.gif) no-repeat scroll 0 0;
	padding-top: 103px;
	width: 208px;
	overflow: hidden;
	height: 0; }
 
#btn_certificado a:hover, #btn_folleto a:hover { background-position: 0 -103px; }
 
.imagenCentrada { text-align: center; }
 
.camposFormulario {
	width: 272px;
	float: left; }
 
.textareaFormulario {
	width: 545px;
	float: left; }
 
div.error { color:red; }
 
div.error a {
	color:#336699;
	font-size:12px;
	text-decoration:underline; }
 
#logotipoMarca {
	height: 132px;
	width: 236px;
	border: 1px solid #eaeaea;
	float: left;
	margin-right: 117px; }
 
p.descarga a {
	background:transparent url(webpics/icono_folio.gif) no-repeat scroll left 9px;
	padding:7px 20px 3px 14px;
	text-decoration:none;
	color: #B7B7B7;
	line-height: 16px; }
 
	p.descarga a:hover { text-decoration: underline; }
 
.cajaTexto {
	border: 1px solid #B7B7B7;
	display: block;
	float: left;
	padding: 5px;
	margin: 0 5px 5px 0; }
 
 .informacion { float: left; }
 
/* Enlaces a los disenos, dentro de los productos */
.disenos_mini { margin: 0 0 49px 0; }
 
.disenos_mini01, .disenos_mini03 {
	width: 182px;
	height: 24px;
	float: left; }
 
.disenos_mini02 {
	width: 172px;
	height: 24px;
	float: left; }
 
.disenos_mini01 a {
	background:transparent url(webpics/muestra01_mini.jpg) no-repeat scroll right 9px;
	padding:14px 92px 7px 0px;
	text-decoration:none;
	color: #B7B7B7;
	line-height: 24px;
	font-size: 11px; }
 
.disenos_mini02 a {
	background:transparent url(webpics/muestra02_mini.jpg) no-repeat scroll right 9px;
	padding:14px 92px 7px 0px;
	text-decoration:none;
	color: #B7B7B7;
	line-height: 24px;
	font-size: 11px; }
 
.disenos_mini03 a {
	background:transparent url(webpics/muestra03_mini.jpg) no-repeat scroll right 9px;
	padding:14px 92px 7px 0px;
	text-decoration:none;
	color: #B7B7B7;
	line-height: 24px;
	font-size: 11px; }
 
.disenos_mini01 a:hover, .disenos_mini02 a:hover, .disenos_mini03 a:hover { text-decoration: underline; }
 
.btn_descargas_productos {
	float: left;
	margin: 20px 8px 0 0; }
 
.consultar1 { 
	width: 545px; 
	overflow: auto; }
 
.consultar2 { 
	width: 100%; 
	margin-top: 10px;
	}
	
.textoNormal {
	color: #B7B7B7;
	font-size: 11px; 
}

/* sirve para alinear la imagen con respecto al texto verticalmente */
img.valign {
   height: 100%;
   vertical-align: middle;
} 
 
.cajaPerfiles {
	border: 1px solid #B7B7B7;
	display: block;
	padding: 10px;
	margin: 0 5px 5px 0; 
	width: 350px; 
	color: #B7B7B7;
	font-size: 11px; }

.cajaPerfiles img { margin-right: 15px; }

div.checkboxColumn {
float:left;
width:272px; }

div.checkboxColumn input {
border:medium none;
height:auto;
margin:3px 3px 3px 0;
width:auto; }

div.btnenviar {
	width:272px;
	float:left;
	margin-top: 15px; }

#contenedor_direccion {
	width: 355px;
	float: left; }
	
#contenedor_direccion p { line-height: 16px; }
	
#contenedor_direccion a {
	color: #D58900;	
	text-decoration: none }
	
#contenedor_direccion a:hover { text-decoration: underline; }

#contenedor_textosdisenos {
	float: left;
	width: 236px;
	/*margin-left: 8px;*/
	margin-right: 115px; }

#contenedor_textosdisenos img { margin-bottom: 20px; }

/* Galeria de los diseņos */
div.thumb {
margin: 4.5px;
height: auto;
float: left; }


a.tooltip span {
	display:none;
	margin-left:-100px;
	text-align:center;
	text-decoration:none;
	width:99px;
	height:100px; }

a.tooltip:hover span{
	display:inline; 
	position:absolute; 
	border:1px solid #EAEAEA; 
	background:#ffffff; 
	color: #B7B7B7;
	font-size: 11px; 
	line-height: 86px; }

.titulo_diseno {
	padding: 0px;
	margin-top: -72px;
	color: #333333;
	font-size: 11px; }
	
/* Paginacion diseņos */
.pages {
	/*margin-top:451px;*/
	float: left;
	margin-top:21px;
	/*padding-left:4.5px;*/
	padding-left: 359px;
}
.pages a, .pages span {
	background:#FFFFFF none repeat scroll 0 0;
	border:1px solid #FFFFFF;
	display:block;
	float:left;
	margin-right:0.2em;
	padding:4px 8px;
	font-weight:bold;
	font-size: 11px;
	color:#B7B7B7;
}
.pages span.current {
	background:#000000 none repeat scroll 0 0;
	border:1px solid #000000;
	color:#FFFFFF;
	font-weight:bold;
}
.pages a {
	border:1px solid #B7B7B7;
	text-decoration:none;
}
.pages a:hover {
	border-color:#000000;
}
.pages a.nextprev {
	font-weight:bold;
}
.pages span.nextprev {
	color:#666666;
}
.pages span.nextprev {
	border:1px solid #DDDDDD;
	color:#999999;
}
.pages .nextprev-next {
	float:right;
}

.galeria {
	clear:left;
}

#tipos_madera {
	margin-left: 4.5px;
	margin-bottom: 63px;
}

#tipos_madera a {
	border:1px solid #B7B7B7;
	display:block;
	float:left;
	margin:0 5px 5px 0;
	padding:5px;
	color: #B7B7B7;
	text-decoration:none;
}

#tipos_madera a:hover {
	border:1px solid #000000;
	display:block;
	float:left;
	margin:0 5px 5px 0;
	padding:5px;
}

#tipos_madera .select {
	border:1px solid #000000;
	display:block;
	float:left;
	margin:0 5px 5px 0;
	padding:5px;
	background-color:#000000;
	color:#FFFFFF;
}
