@charset "UTF-8";
/*  Estilo CSS para briken.com.mx 
	(c) 2009 Ing. Octavio Velasco Sevilla, Accend Consulting, S.C. http://www.accend.com.mx
*/

html, body {
	height: 100%;
	background-color: #D7D7D7;
	color: #626366;
}

.cnt {
	margin:auto;
	text-align:left;
	width: 930px;
	position: relative;
}

strong { font-weight: bold; }
a { text-decoration: none; }

/* HEADER */
#hd {
	background-color: #FFF;
	background-image: url(/_img/hd-bk.png);
	background-repeat: repeat-x;
	background-position: bottom;
	border-bottom: 3px solid #C6C6C6;
	height: 186px;
}

#hd h1 { position: absolute; left: 0px; top: 20px;}

#hd h1 a { 
	display: block;
	height: 96px; width: 266px;
	background-image: url(/_img/briken-logo_v2.png);
	background-repeat: no-repeat;
	background-position: center left;
}
#hd h1 span { display:none; }

a#volver { position: absolute; right: 0px; top: 45px; }

/* ***MENU*** */

#menu { position: absolute; right: 0px; top: 144px;}
#menu li { float: left; }
#menu li a { 
	display: block;
	height: 42px;
	background: url(/_img/menu.png) no-repeat;
}

#menu li a span { display: none; }

#menu li a#menu_closets { width: 232px; background-position: 0 0; }
#menu li a#menu_cocinas { width: 233px; background-position: -232px 0; }
#menu li a#menu_empresa { width: 233px; background-position: -465px 0; }
#menu li a#menu_cotizar { width: 232px; background-position: -698px 0; }

#menu li a#menu_closets.active { width: 232px; background-position: 0 -42px; }
#menu li a#menu_cocinas.active { width: 233px; background-position: -232px -42px; }
#menu li a#menu_empresa.active { width: 233px; background-position: -465px -42px; }
#menu li a#menu_cotizar.active { width: 232px; background-position: -698px -42px; }

#menu li a#menu_closets:hover { width: 232px; background-position: 0 -84px; }
#menu li a#menu_cocinas:hover { width: 233px; background-position: -232px -84px; }
#menu li a#menu_empresa:hover { width: 233px; background-position: -465px -84px; }
#menu li a#menu_cotizar:hover { width: 232px; background-position: -698px -84px; }


/* BODY */
#bd {
	background-color: #FFF;
	padding-top: 12px;
	padding-bottom: 18px;
}

#bd h2 {
	display: block;
	height: 45px;
	margin-bottom: 18px;
	background-image: url(/_img/h2_v03.png);
	background-repeat: no-repeat;
}
#bd h2 span { display: none; }

#bd h2.fabricante { background-position: 0 0; }
#bd h2.cocinas-integrales { background-position: 0 -45px; }
#bd h2.cocinas-brett { background-position: 0 -90px; }
#bd h2.cocinas-integra { background-position: 0 -135px; }
#bd h2.cocinas-kabinetas { background-position: 0 -180px; }
#bd h2.cocinas-lux { background-position: 0 -225px; }
#bd h2.closets { background-position: 0 -270px; }
#bd h2.closets-modulos { background-position: 0 -315px; }
#bd h2.closets-complementos { background-position: 0 -360px; }
#bd h2.closets-herrajes { background-position: 0 -405px; }
#bd h2.closets-puertas { background-position: 0 -450px; }
#bd h2.closets-faq { background-position: 0 -495px; }
#bd h2.constructores { background-position: 0 -540px; }
#bd h2.ventajas { background-position: 0 -585px; }
#bd h2.contacto { background-position: 0 -630px; }
#bd h2.exhibicion { background-position: 0 -675px; }
#bd h2.cotizacion { background-position: 0 -720px; }
#bd h2.fabrica { background-position: 0 -765px; }

#bd .fnd_gris {
	background-color: #EDF1F3;
	margin-top: 10px; margin-bottom: 10px;
	padding-top: 18px; padding-bottom: 18px;
	color: #626366;
}

#bd .fnd_gris h2 { /* con margin-left no funciona en IE6 y IE7 */
	position: relative;
	left: 18px;
	width: 600px;
}
#bd .fnd_gris h3 {
	font-weight: bold;
	font-size: 116%;
	margin-left: 18px;
}

#bd .fnd_gris a { color: #E51B23; }
#bd .fnd_gris a:hover { text-decoration: underline; }

#bd .fnd_gris p {
	margin-top: 10px; margin-bottom: 10px;
	margin-left: 18px; margin-right: 18px;
}

#bd .fnd_gris p img.flotar,
#bd .fnd_gris a.flotarVideo,
#bd .fnd_gris div.flotarSSP {
	float: right;
	margin-left: 30px;
	margin-bottom: 10px;
	margin-right: 10px;
}
#bd .fnd_gris div.flotarKabinetas {
	height: 560px; width: 388px;
	background-color:#039;
}

#bd .fnd_gris #descarga img {
	float: left;
	margin-left: 30px;
}
#bd .fnd_gris #descarga h3 {
	margin-top: 45px;
}

#bd .fnd_gris div.colores {
	margin-top: 10px; margin-bottom: 10px;
	margin-left: 18px; margin-right: 18px;
	background-color: #FFF;
	padding: 10px;
}

#bd .fnd_gris div.colores img {
	margin: 1px;
	width: 100px; height: 100px;
/*	width: 85px; height: 85px; original */
}


#bd .fnd_gris ol, #bd .fnd_gris ul { margin-top: 10px; margin-bottom: 10px; }

#bd .fnd_gris ol li {
	list-style-position: outside;
	list-style-type: decimal;
	margin-left: 36px; margin-right: 18px;
	font-weight: bold;
}
#bd .fnd_gris ol.direcciones li {
	font-weight: normal;
}
/* ojo: debe estar despues de "ol li" o de lo contrario los li se cambian */
#bd .fnd_gris ul li {
	list-style-position:outside;
	list-style-type: disc;
	margin-left: 50px; margin-right: 18px;
	font-weight: normal;
}
#bd .fnd_gris ol p { margin-left: 50px; }
#bd .fnd_gris ol ul li { margin-left: 68px; }

/* IE6 e IE7 hereda incorrectamente, se usa in-css hack valido para IE7 y luego IE6 */
*:first-child+html #bd .fnd_gris ol p { font-weight: normal; margin-left: 18px; } * html #bd .fnd_gris ol p { font-weight: normal; margin-left: 18px; }
*:first-child+html #bd .fnd_gris ul p { font-weight: normal; margin-left: 18px; } * html #bd .fnd_gris ul p { font-weight: normal; margin-left: 18px; }
*:first-child+html #bd .fnd_gris ol ul li { margin-left: 36px; } * html #bd .fnd_gris ol ul li { margin-left: 36px; }

/* LINKS GENERALES */
#bd #linksGenerales a {
	position: relative;
	display: block;
	height: 158px; width: 100%;
	border: 1px #FFF solid;
	background-image: url(/_img/unit.png);
	color: #FFF;
}
* html #bd #linksGenerales a { border: none; } /*IE6 */

#bd #linksGenerales a:hover {
	color: #E51B23;
	text-decoration: underline;
}

#bd #linksGenerales a.unit-rojo {
	background-color: #E51B23;
}

#bd #linksGenerales a.unit-rojo:hover {
	border: 1px #E51B23 solid;
	background-color: #FFF;
}
* html #bd #linksGenerales a.unit-rojo:hover { border: none; } /*IE6 */

#bd #linksGenerales a#LinkClosets {	background-position: 0px 0px; }
#bd #linksGenerales a#LinkCocinas {	background-position: -310px 0px; }
#bd #linksGenerales a#LinkCotizar {	background-position: -620px 0px; }

#bd #linksGenerales a#LinkClosets:hover {	background-position: 0px -170px; }
#bd #linksGenerales a#LinkCocinas:hover {	background-position: -310px -170px; }
#bd #linksGenerales a#LinkCotizar:hover {	background-position: -620px -170px; }


#bd #linksGenerales a span {
	display: block;
	width: 120px;
	position: absolute;
	right: 10px; top: 95px;
}

#bd #linksGenerales a#LinkCotizar span { display:none; }

/* SUBMENU */

#bd ul#submenu {
	margin-top: 10px; margin-bottom: 10px;
	background-color: #E51B23;
	font-weight: bold;
	text-transform: uppercase;
	font-family:Tahoma, Geneva, sans-serif;
	border: #E51B23 2px solid;
}

#bd ul#submenu li {	border-top: #FFF 1px solid; }
#bd ul#submenu li.primero {	border-top: none; }

#bd ul#submenu a {
	display: block;
	padding: 8px 20px;
	color: #FFF;
}
#bd ul#submenu a:hover {
	color: #222;
	background-color: #FFF;
}

#bd ul#submenu li.nivel2 {
	background-color: #EDF1F3;
	background-image:url(/_img/submenu.png);
	background-repeat: no-repeat;
	background-position: left center;
	font-size: 85%;
}

#bd ul#submenu li.nivel2 a { color: #63656B; padding-left: 32px; }
#bd ul#submenu li.nivel2 a:hover { color: #E51B23; }


/* Google Maps */

div#mapa_exhibicion, div#mapa_fabrica {
	height: 400px;
	margin-left: 18px; margin-right: 18px;
}


span.squared {
	font-size: 60%;
	vertical-align:super;
}

/* FORMA */

#forma {
	padding-top: 20px;
	padding-bottom: 20px;
	padding-right: 0;
	padding-left: 18px;
	margin-left: 18px;
	margin-right: 18px;
	background-color: #393E42;
	color: #D9D9D9;
}
#forma td {
	padding-top: 5px;
	padding-bottom: 5px;
}

#forma label,#forma span.label {
	text-align: right;
	display: block;
	width: 100px; padding-right: 10px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 16px;
	letter-spacing: -1px;
	color: #FFF;
	font-variant:small-caps;
}

#forma label.requerido {
	font-weight: bold;
	color: #E51B23;
}
#forma label.opcionforma {
	font-size: 16px;
	text-align: left;
	display: inline-block;
	width: 200px;
	font-variant: normal;
	vertical-align: middle;
	color: #D9D9D9;
}

#forma input, #forma select, #forma textarea {
	padding:6px;
	background:#fff url(/_img/formas/textinputbg.gif) repeat-x;
	border:1px solid #ddd;
	font-size:16px;
	color:#4b4b4b;
}

#forma input.radio, #forma input.checkbox {
	margin-left: 10px;
	background: none;
	border: none;
}

#forma input.largo, #forma textarea { width: 460px; }
#forma input.corto { width: 180px; }
#forma input.micro { width: 44px; }

#forma input.btn {margin-bottom: 0; }
#forma input.btn:hover { background-image:none; background-color:#666; }

#forma #forma_error {
	border: #E51B23 dotted 1px;
	background: #FFF;
	padding: 15px;
	margin-right: 20px;
	margin-bottom: 20px;
	color: #E51B23;
	text-align: center;
}


/* FOOTER */
#ft {
	border-top: 3px solid #B4B4B4;
	color: #7D878F;
	padding-top: 14px;
}

#ft p {
	font-size: 85%;
	clear: both;
	padding: 5px 5px;
}

#ft li {
	display: inline-block;
	float: left;
	padding: 0px 5px;
	border-left: 1px solid #7D878F;
}
#ft li.primero { border-left: none; }
#ft li a {
	color: #7D878F;
	font-size: 85%;
}
#ft li a:hover {
	color: #333;
	text-decoration: underline;
}

a#ft-briken {
	position: absolute;
	right: 8px; top: 0px;
	width: 134px; height: 48px;
	background: url(/_img/ft-briken-ecologico.png);
}
a#ft-briken span { display: none; }