/*
Nombre: Buzines
Version: 1.0
Autor: EmpreChile
Descripcion: Estilo general del sitio Buzines.cl
Autor URI: http://www.emprechile.cl/
*/

* {
vertical-align: baseline;
font-weight: inherit; font-family: inherit; font-style: inherit; font-size: 100%;
border: 0 none; outline: 0;
padding: 0; margin: 0;
}

body{
margin: 0; padding: 0;
font: 12px Arial, Helvetica, Georgia, Sans-serif;
text-align: left; vertical-align: top;
color: #fff;
}

a{
color: #00f6ff;
text-decoration: none;
}

#wrapper{
margin: 0 auto 0 auto;
width: 1000px; height: 100%;
}

/*
-- Header --
*/
#header{
position:relative;
margin: 20px auto 0 auto;
width: 900px; height: 244px;
background: url(../images/logo_bg.jpg) no-repeat;
}

/*
-- Header Logo --
*/
#header #logo h1, #header #logo h2{
float: left;
width: 245px; height: 147px;
margin-top: 50px;
/*background: url(../images/logo.jpg) no-repeat;*/
text-indent: -100000px;
}

#header #logo h1 a, #header #logo h2 a{
display: block;
width: 245px; height: 147px;
}

/*
-- Header Banner --
*/
#header #banner{
position: absolute;
right: 80px;
width: 422px; height: 176px;
/*background: url(../images/banner.png) no-repeat;*/
}

/*
-- Header NavBar --
*/
#header #navbar{
position: absolute;
padding-top: 3px;
right: 47px; top: 186px;
width: 560px; height: 51px;
background: url(../images/navbar_bg.png) repeat-x;
}

#header #navbar #navbar_punta{
position: absolute;
right: -33px; top: 0;
width: 33px; height: 51px;
background: url(../images/navbar_punta.png) no-repeat;
}

/*
-- Content --
*/
#content{
min-height: 500px;
}

/*
-- Footer --
*/
#footer{
margin: 0 auto 0 auto;
text-align: center;
width: 777px; height: 131px;
background: url(../images/footer.png) no-repeat;
}

#footer #buzines{
float:left;
margin: 0 auto 0 auto;
margin-top: 30px;
margin-left: 80px;
width: 620px;
}

#footer #buzines .logo h2{
float: left;
margin-top: 0px;
width: 43px; height: 35px;
background: url(../images/buzines.png) no-repeat;
text-indent: -100000px;
}

#footer #buzines .logo h2 a{
display: block;
width: 43px; height: 35px;
}

#footer #emprechile{
float:left;
margin: 0 auto 0 auto;
margin-top: 10px;
margin-left: 100px;
width: 620px;
color: #626161;
}

/*
-- NavBar - Item --
*/
.nb_item{
margin-left:20px;
}

/*
-- NavBar - Inicio --
*/
#nb_inicio{
float:left;
background: url(../images/navbar.png) top left no-repeat;
width: 75px;
height: 43px;
text-indent: -1000000px;
}

#nb_inicio a{
display: block;
width: 75px; height: 43px;
}

#nb_inicio a:hover{
background: url(../images/navbar.png) bottom left no-repeat;
}

/*
-- NavBar - Nuestra Empresa --
*/

#nb_nuestra{
float:left;
background: url(../images/navbar.png) -75px 0px no-repeat;
width: 173px; height: 43px;
text-indent: -1000000px;
}

#nb_nuestra a{
display: block;
width: 173px; height: 43px;
}

#nb_nuestra a:hover{
background: url(../images/navbar.png) -75px -43px no-repeat;
}

/*
-- NavBar - Catalogo --
*/

#nb_catalogo{
float:left;
background: url(../images/navbar.png) -250px 0px no-repeat;
width: 100px; height: 43px;
text-indent: -1000000px;
}

#nb_catalogo a{
display: block;
width: 100px; height: 43px;
}

#nb_catalogo a:hover{
background: url(../images/navbar.png) -250px -43px no-repeat;
width: 100px; height: 43px;
}

/*
-- NavBar - Contacto --
*/

#nb_contacto{
float:left;
background: url(../images/navbar.png) -360px 0px no-repeat;
width: 105px; height: 43px;
text-indent: -1000000px;
}

#nb_contacto a{
display: block;
width: 105px; height: 43px;
}

#nb_contacto a:hover{
background: url(../images/navbar.png) -360px -43px no-repeat;
width: 105px; height: 43px;
}

/*
-- Catalogo SubMenu
*/
#cat_submenu{
position: absolute;
top: 0px;
left: 280px;
z-index: 3;
background: url(../images/cat_submenu.png) no-repeat;
width: 149px; height: 164px;
}

/*
-- Catalogo SubMenu - Ropa Deportiva --
*/
#cat_deportes{
float:left;
background: url(../images/cat_submenu_item.png) -119px 0px no-repeat;
margin-top: 50px;
width: 123px; height: 39px;
text-indent: -1000000px;
}

#cat_deportes a{
display: block;
width: 123px; height: 39px;
}

#cat_deportes a:hover{
background: url(../images/cat_submenu_item.png) 0px 0px no-repeat;
width: 123px; height: 39px;
}

/*
-- Catalogo SubMenu - Ropa de Colegio --
*/
#cat_colegios{
float:left;
background: url(../images/cat_submenu_item.png) -119px -39px no-repeat;
width: 123px; height: 30px;
text-indent: -1000000px;
}

#cat_colegios a{
display: block;
width: 123px; height: 30px;
}

#cat_colegios a:hover{
background: url(../images/cat_submenu_item.png) 0px -39px no-repeat;
width: 123px; height: 30px;
}

/*
-- Catalogo SubMenu - Ropa Corporativa --
*/
#cat_corporativa{
float:left;
background: url(../images/cat_submenu_item.png) -119px -68px no-repeat;
width: 123px; height: 30px;
text-indent: -1000000px;
}

#cat_corporativa a{
display: block;
width: 123px; height: 30px;
}

#cat_corporativa a:hover{
background: url(../images/cat_submenu_item.png) 0px -68px no-repeat;
width: 123px; height: 30px;
}

/*
-- Varios --
*/
.left{
float:left;
}

.right{
float:right;
}

.clear{
clear: both;;
}

/*
-- Social Media --
*/
#social_media{
margin-top:10px;
background: url(../images/emedia.gif) no-repeat;
width: 200px;
height: 20px;
margin: 10px auto;
margin-left: 230px;
}

#social_media a{
text-indent: -1000000px;
display:block;
}

#twitter a{
float:right;
width: 100px;
height: 20px;
}

#facebook a{
display:none;
float:left;
width: 100px;
height: 20px;
margin-left: 220px;
}

#emprechile{
margin-top: 5px;
padding-bottom:10px;
}

body{
background: #000 url(../images/background.jpg) top center no-repeat;
}