/* 
Sitio: IndustriasBuho.com.ar
Autor: Felipe Saal (www.quierotreintaytres.com.ar)
*/

/*

Estilos Globales --------------------------------------------------------------------------///////

*/

html, body {margin:0; padding:0;}
html { background-color:#002a64;}
body {
	background: #FFF url(img/fondo.gif) repeat-x left top;
	font: normal 12px Arial, Helvetica, sans-serif;
	line-height: 24px;
	color:#333;
}

div#container {width:720px; margin:0 auto;}

h2 {font-size: 24px; font-weight:normal; margin-bottom:5px; margin-top:30px; text-transform:uppercase;}
h3 {font-size: 12px; font-weight:bold; text-transform:uppercase; margin:5px 0;}
h4 {font-size: 11px; font-weight:normal; margin:5px 0; color:#999;}
h2 strong, h3 strong {font-weight:normal; color: #00c4fe;}

hr {display:none;}
p.msg {display: block; background-color:#00c4fe; color:#FFF; padding:2px 10px; font-weight:bold;}


/*

Encabezado ---------------------------------------------------------------------------------///////

*/

#header {height:136px; background: transparent url(img/leyenda.gif) no-repeat 136px 72px;}

#header h1 {
	width:149px;
	height:111px;
	float:left;
	margin: 11px 0 0 0;
	background: transparent url(img/logo.gif) no-repeat center top;
	text-indent: -10000px;
}

#header #forms {width:240px;float:right; margin-top:18px;}
#header #forms.logueado {margin-top:35px;}
#header #forms form {display:block; margin:5px 0; padding:0; float:right;}
#header #forms form input {font-size:11px; float:left;}
#header #forms form fieldset {border-width:0; margin:0; padding:0;}
#header #forms form legend, #header #forms form label {display:none;}

#header #forms form#busqueda {width:100%; background: transparent url(img/input_query_izq.gif) no-repeat left top; height:23px;}
#header #busqueda input {color:#FFF; background-color: transparent; border-width:0; margin:0; padding:4px 5px 0 10px; width:175px;}
#header #busqueda input.submit {background: transparent url(img/input_query_boton.gif) no-repeat left top; width:37px; height:23px; cursor:pointer; float:right;}

#header #forms form#login {width:100%; height:23px; background: transparent url(img/input_log.gif) no-repeat left top;}
#header #forms #ingreso_clientes {
	margin:0 0 0 2px;
	font-size:11px;
	color:#999;
}
#header #forms #ingreso_clientes strong {
	padding:0 4px 0 11px;
	background: transparent url(img/login_flecha.gif) no-repeat 0 4px; 
	font-weight:normal;
}
#header #forms #ingreso_clientes a {color: #F00; border-left: 1px solid #e4e4e4; padding-left:7px; margin-left:0px; text-decoration:none; font-weight:normal;}
#header #forms #ingreso_clientes a:hover{text-decoration:underline;}

#header #login input {
	color: #999;
	background-color: transparent;
	border-width:0; 
	width:86px; 
	height:19px; 
	padding: 4px 0 0 0;
	margin:0 10px 0 10px;;
}
#header #login input.pass { width:69px; margin-left:18px;}
#header #login input.submit {background: transparent url(img/input_log_boton.gif) no-repeat left top; width:37px; height:23px; cursor:pointer; margin:0;}
#header #login p {font-size:11px; color: #F00; margin:0; padding: 5px 0 0 8px;}
#header #login p a {color:#F00; margin-left:5px; font-weight:bold;}

#header div#logueado {
	width:100%;
	clear:both;
	margin: 0;
	height:23px; 
	background: transparent url(img/input_log_in.gif) no-repeat left top; 
	font-size:11px;
	color: #999;
	border-top:5px solid #FFF;
}

#header div#logueado p {
	display:inline;
	float: left;
	margin:0;
	padding:0 0 0 10px;
}

#header div#logueado p a { color: #CCC; padding-left:5px; text-decoration:none;}
#header div#logueado p a:hover { color: #999;}

#header div#logueado a.cerrar {
	display:inline;
	float:right;
	text-indent:-10000px;
	background: transparent url(img/input_log_cerrar.gif) no-repeat left top;
	width:37px; 
	height:23px; 
	cursor:pointer; 
	margin:0;
	padding:0;
}


/*

Contenido ---------------------------------------------------------------------------------///////

*/

#content {clear:both; overflow:hidden;}
#main-content { float:right; width:532px;}


/* Quienes Somos */

#extras {width:149px;float:left;}

#quienes {
	width:149px;
	padding-top: 30px;
	float:left;
	color:#FFF;
	background: transparent url(img/fondo_quienes.gif) repeat-x left top;
	font-size:11px;
}

#quienes h2 {font-size: 11px; margin: 2px 0 2px 13px; font-weight:bold;}
#quienes p { line-height:18px; margin: 2px 0; padding: 0 13px 20px 13px; background: transparent url(img/fondo_quienes_bot.gif) no-repeat left bottom;}
#quienes p a { display:block; font-weight:bold; margin: 15px 0 0 0; color:#FFF; text-decoration:none;}


/* Pedido de cotizacion */

#pedido {
	width:149px;
	margin-top:25px;
	padding-top: 15px;
	float:left;
	color:#069;
	background: transparent url(img/fondo_pedido.gif) repeat-x left top;
	font-size:11px;
}

#pedido h2 {font-size: 11px; margin: 2px 0 2px 13px; font-weight:bold;}
#pedido p { line-height:18px; margin: 2px 0 0 0; padding: 0 13px 20px 13px; background: transparent url(img/fondo_pedido_bot.gif) no-repeat left bottom;}
#pedido p a { display:block; font-weight:bold; margin: 15px 0 0 0; color:#069; text-decoration:none;}


/* Menu de navegacion */

#menu { margin:0; padding:0; list-style:none; font-size:11px; font-weight:bold; text-transform:uppercase; height:42px;}

#menu li {
	display:inline;
	float:left;
	width:auto;
	height:100%;
	background: transparent url(img/tab_izq.gif) no-repeat left top;
	padding-left: 12px;
	margin-right:2px;
}

#menu li a {
	display:block;
	float:left;
	height:100%;
	background: transparent url(img/tab_der.gif) no-repeat right top;
	padding-right: 12px;
	padding-top: 3px;
	text-decoration:none;
	color:#FFF;
}
#menu li a:hover { text-decoration:underline;}

#menu li.actual { background-image:url(img/tab_actual_izq.gif);}
#menu li.actual a { background-image:url(img/tab_actual_der.gif);}



/* Novedades */

#novedades.index {background: transparent url(img/fondo_novedades.gif) repeat-x left bottom; padding-bottom:50px; margin-bottom:20px;}
#novedades p {margin: 5px 0 20px 0;}
#novedades a.ampliar { 
	font-size:11px; 
	font-weight:bold; 
	color: #00b4e9; 
	background: transparent url(img/icon_ampliar.gif) no-repeat left center; 
	padding-left:18px;
}
#novedades a.archivo { 
	font-size:11px; 
	font-weight:bold; 
	color: #00b4e9; 
	background: transparent url(img/icon_archivo.gif) no-repeat left center; 
	padding-left:18px;
}

#novedades ul {margin:0 0 20px 0; padding:0; list-style:none;}
#novedades ul li { 
	border-bottom: 1px dashed #74d6f3;
	color:#999;
	padding: 4px 15px;
}
#novedades ul li strong { font-weight:normal;} 
#novedades ul li a { color:#000; margin-left: 20px; text-decoration:none;}
#novedades ul li a:hover {text-decoration:underline;}

#novedades div.fotini { float:left; border: 2px solid #c6f2ff; margin: 7px 10px 10px 0px; }

#novedades p.adjunto {background: #edf9fe url(img/icon_descargar.gif) no-repeat 2% 50%; padding:15px 10px 15px 30px; margin: 20px 0 40px 0; color:#29a3c7;}
#novedades p.adjunto a {color: #069; margin-left:5px;}



/* Clientes Registrados */

#clienteregistrado {
	background: transparent url(img/fondo_registrado.gif) repeat-x left bottom; 
	padding: 10px 25px 70px 25px;
}
#clienteregistrado h2 {
	font-size:12px; 
	font-weight:bold; 
	margin:0 0 3px 0; 
	background: #FFF url(img/icon_registrado.gif) no-repeat left center; 
	padding-left: 20px;
}
#clienteregistrado h2 strong {color: #F00;font-weight:bold;}
#clienteregistrado p { font-size:11px; margin:0;}
#clienteregistrado p a {color: #F00;}


/* Articulos recientes */

#recientes {padding-top: 20px;}
#recientes h2 {margin-top: 0;}
#recientes p {margin: 5px 0 20px 0;}
#recientes a {text-decoration:none; color:#333;}
#recientes a:hover {text-decoration:underline;}
#recientes a.ingresar { 
	font-size:11px; 
	font-weight:bold; 
	color: #00b4e9; 
	background: transparent url(img/icon_archivo.gif) no-repeat left center; 
	padding-left:18px;
	text-decoration:underline;
}

#recientes ul {margin:0 0 20px 0; padding:0; list-style:none;}
#recientes ul li {
	border-bottom: 1px dashed #74d6f3;
	padding: 8px 15px 3px 15px;
	height:55px;
}
#recientes ul li p {
	margin:0;
	font-size:11px;
	line-height:normal;
	color:#999;
}
#recientes ul li p strong, #recientes ul li p a {color: #00b4e9; font-weight:normal;}

#recientes ul li div.fotini {
	width:41px;
	height:41px;
	display:inline;
	float:left;
	background-position: center;
	background-repeat:no-repeat;
	border: 2px solid #c6f2ff;
	margin: 5px 15px 5px 0;
	position:relative;
	top:-3px;
}
#recientes ul li div.fotini a {
	display:block; height:100%; text-decoration:none; text-indent:-10000px;background-position: center;	background-repeat:no-repeat;
}


/* Distribuidores */

#distribuidores { margin-top: 30px;}

#distribuidores p {margin:0 0 30px 0;}
#distribuidores a.fotini { display:block;}
#distribuidores a.fotini img {border-width: 0; }

#distribuidores a.web {
	font-size:11px;
	text-decoration:underline;
	color: #00b4e9; 
	background: transparent url(img/icon_web.gif) no-repeat left center; 
	padding-left:18px;
	padding-right: 13px;
	margin-right:10px;
	border-right: 1px solid #CCC;
	
}
#distribuidores a.mail {
	font-size:11px; 
	color: #00b4e9; 
	background: transparent url(img/icon_mail.gif) no-repeat left center; 
	padding-left:18px;
	text-decoration:underline;
}



/* Catalogo */

#tipos_busquedas { margin:0 0 50px 0; padding:0; list-style:none;}
#tipos_busquedas li {border-bottom: 1px dashed #e1e1e1; padding:5px 5px 5px 20px; background: transparent url(img/icon_ampliar.gif) no-repeat left center;}

#main-content a { color:#00b4e9;}
#main-content form {margin:20px 0; padding:0; width:530px;}
#main-content form fieldset {border-width:0; margin:0; padding:0;}
#main-content form legend {display:none;}
#main-content form label { display: inline; float:left; width:90px; }
#main-content form input,
#main-content form select,
#main-content form textarea { border: 1px solid #E4E4E4; width:420px; margin-bottom:10px; font: normal 12px Arial, Helvetica, sans-serif;}
#main-content form input:focus,
#main-content form textarea:focus { border-color:#CCC;}
#main-content form input.submit {
	width:100px; 
	text-align:right; 
	padding: 3px;
	padding-right:10px; 
	float:right; 
	background-color: #e9e9e9; 
	color: #666; 
	margin-right:15px; 
	border: 2px solid #e9e9e9;
	cursor:pointer;
}

#main-content form.busqueda label { width:110px; font-size:11px; font-weight:bold;}
#main-content form.busqueda input,
#main-content form.busqueda select,
#main-content form.busqueda textarea { width:390px; font-size:11px;}
#main-content form.busqueda select {font-size:11px;}

#main-content form.busqueda label.checkbox { width:auto; margin-left: 110px; margin-bottom:10px; font-weight:normal;}
#main-content form.busqueda label.checkbox input { width:auto; float:left; margin-top:3px; border:none;}

#main-content form.busqueda label.codigo {clear:both;}

#main-content form.busqueda input.submit {
	width:100px;
	float:right;
	margin-right: 25px;
	margin-top: 10px;
	text-align:right;
	padding: 3px;
	font-weight:bold;
	background-color: #e9e9e9; 
	color: #666; 
	cursor:pointer;
}


#catalogo h3 {clear:both; border-top: 1px dashed #e1e1e1; padding-top: 10px; margin-top: 20px;}
#catalogo h4 a {color: #999;}
#catalogo div.fotini {
	width:41px;
	height:41px;
	display:inline;
	float:left;
	background-position: center;
	background-repeat:no-repeat;
	border: 2px solid #c6f2ff;
	margin: 5px 15px 5px 0;
	position:relative;
	top:-3px;
}
#catalogo div.fotini a { 
	display:block; height:100%; text-indent:-10000px; text-decoration:none;background-position: center;background-repeat:no-repeat;
}

#catalogo ul {margin: 0; padding:0; list-style:none; font-size:11px; overflow:hidden;}
#catalogo ul li {display:inline; float:left; margin-right:15px;}
#catalogo ul li.descripcion {display:block; float:none;}
#catalogo ul li a.agregar { background: #FFF url(img/icon_agregar.gif) no-repeat left center; padding-left:18px; text-decoration:none;}
#catalogo ul li a.agregar:hover { text-decoration:underline;}
#catalogo ul li a.borrar { background: #FFF url(img/icon_borrar.gif) no-repeat left center; padding-left:18px; text-decoration:none;}
#catalogo ul li a.borrar:hover { text-decoration:underline;}

ul.categorias {margin: 0; padding:0; list-style:none; font-size:11px;}
ul.categorias li {border-bottom: 1px dashed #e1e1e1; padding-left:5px;}
ul.categorias li ul { margin: 5px; padding: 0 5px 5px 5px; list-style:none;}
ul.categorias li ul li {border: none;}
ul.categorias li a {color: #00b4e9; background: #FFF url(img/icon_categoria.gif) no-repeat left center; padding-left: 20px;}


#main-content form.busqueda label.checkbox { width:auto; margin-left: 110px; margin-bottom:10px; font-weight:normal;}
#main-content form.busqueda label.checkbox input { width:auto; float:left; margin-top:3px; border:none;}

#main-content form.form_pedido ul {margin:0; padding:20px 0 0 0; list-style:none; border-top:2px solid #dcf3fc;}
#main-content form.form_pedido ul li { margin: 5px; padding-bottom:5px; border-bottom: 1px dashed #E4E4E4; clear:both; overflow:hidden;}
#main-content form.form_pedido ul li input {width: 50px; margin:3px 0 0 0; padding:0; float:right;}
#main-content form.form_pedido fieldset {padding-bottom:25px;}
#main-content form.form_pedido label.checkbox { float:left; width:350px; margin: 0 10px; font-size:11px;}
#main-content form.form_pedido label.checkbox input { float:none; width:auto; border:none; margin:0 10px 0 0;}
#main-content form.form_pedido input.submit { width:130px; float:none; margin:0 0 0 15px; padding:3px;}
/* Contactos */

ul.info_listado {margin:0 0 40px 0; padding:0; list-style:none;}
ul.info_listado li { 
	border-bottom: 1px dashed #74d6f3;
	color:#333;
	padding: 4px 15px;
}
ul.info_listado li strong {color:#999; font-weight:normal; margin-right:10px;}
ul.info_listado li a { color:#000; margin-left: 20px; text-decoration:none;}
ul.info_listado li a:hover {text-decoration:underline;}



/* Enlaces relacionados */

div.links {
	clear:both;
	border-top: 1px dashed #e1e1e1;
	margin-top: 50px;
	padding: 15px 5px;
	font-size:11px;
}
#novedades.listado div.links {border-width:0; margin-top:0;}

div.links a {
	color: #00b4e9;
	font-size:11px;
	text-decoration:none;
}
div.links a:hover { text-decoration:underline;}
div.links a.volver_arriba{ background: transparent url(img/icon_top.gif) no-repeat left center; padding-left:18px; float:right;}

div.links ul { margin:10px 0 0 0; padding:0; list-style:none;}
div.links ul li a { background: transparent url(img/icon_flecha.gif) no-repeat left center; padding-left:18px;}

div.links #paginador {color:#C00;}
div.links #paginador a { margin: 0 2px;}
div.links a.atras { background: transparent url(img/icon_atras.gif) no-repeat left center; padding-left:13px;}
div.links a.adelante { background: transparent url(img/icon_adelante.gif) no-repeat right center; padding-right:13px;}

/*

Pie de Pagina ---------------------------------------------------------------------------------///////

*/

#footer{ background: #002a64 url(img/fondo_footer.gif) repeat-x top; padding: 40px; margin-top:25px; border-top:1px solid #FFF;}
#footer p {width: 550px; margin:0 auto; padding-left: 190px; color:#00c5ff; font-size:11px;}
#footer p#q33 {color: #3377ac;}
#footer p#q33 a {color: #3377ac;}
#footer p#q33 a:hover {color: #FF0;}

/*

Extras  ---------------------------------------------------------------------------------///////

*/

p.en_construccion {
	background: transparent url(img/icon_atencion.gif) no-repeat left center;
	padding-left:20px;
}