/*
Nombre: EmpreTemplate
Plataforma: EmpreApps
Version: 1.0
Autor: Jorge Araya
Descripcion: Template para el sitio de Emprechile
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-family: Arial, Helvetica, Georgia, Sans-serif;
font-size: 12px;
text-align: left;
vertical-align: top;
background: url(../images/backgrounds/background_00.gif) top repeat-x;
}

img { -ms-interpolation-mode: bicubic; }

#container{
margin: 0 auto 0 auto;
width: 100%;
height: 100%;
}

/*
TopBar
*/
#topbar{
margin-top: 0px;
width: 100%; height: 47px;
background: url(../images/topbar.gif) repeat-x;
}

#siguenos{
float:left;
width: 170px; height: 25px;
margin-top: 10px;
}

#siguenos p{
float:left;
margin-top:10px;
width: 66px; height: 15px;
background: url(../images/siguenos.gif) bottom left no-repeat;
text-indent: -1000000px;
}

#siguenos .logo{
float:right;
width: 94px; height: 25px;
background: url(../images/twitter.gif) no-repeat;
text-indent: -100000px;
}

#siguenos .logo a{
width: 94px; height: 25px;
display: block;
}

#encuentranos{
float:left;
width: 205px; height: 25px;
margin-top: 10px;
margin-left: 50px;
}

#encuentranos p{
float:left;
margin-top:13px;
width: 88px; height: 11px;
background: url(../images/encuentranos.gif) bottom left no-repeat;
text-indent: -1000000px;
}

#encuentranos .logo{
float:right;
width: 105px; height: 25px;
background: url(../images/facebook.gif) no-repeat;
text-indent: -100000px;
}

#encuentranos .logo a{
width: 94px; height: 25px;
display: block;
}

/*
TopMenu
*/

#topmenu{
float:right;
width: 408px;
height: 26px;
margin-right: -40px;
margin-top: 20px;
}

#topmenu .separador{
float:left;
width: 2px; height: 9px;
margin-top: 1px;
background: url(../images/tmSeparador.gif) no-repeat;
padding-left: 3px; padding-right: 3px;
}

#topmenu h4{
padding-left: 3px; padding-right: 3px;
}

#topmenu .trabaja h4{
float:left;
width: 118px; height: 14px;
text-indent: -1000000px;
background: url(../images/tmTrabaja.gif) no-repeat;
}

#topmenu .trabaja h4 a{
float:left;
width: 118px; height: 14px;
display: block;
}

#topmenu .notificar h4{
float:left;
width: 76px; height: 14px;
text-indent: -1000000px;
background: url(../images/tmNotificar.gif) no-repeat;
}

#topmenu .notificar h4 a{
float:left;
width: 76px; height: 14px;
display: block;
}

#topmenu .contacto h4{
float:left;
width: 49px; height: 12px;
text-indent: -1000000px;
background: url(../images/tmContacto.gif) no-repeat;
}

#topmenu .contacto h4 a{
float:left;
width: 49px; height: 12px;
display: block;
}

/*
Header
*/

#header{
margin: 0px auto 0 auto;
width: 937px;
height: 308px;
position: relative;
}

#emprechile{
float:left;
width: 484px; height: 289px;
background: url(../images/header.png) no-repeat;
}

/* Logo */
#emprechile h3{
float:left;
width: 199px; height: 166px;
margin-left: 120px; margin-top: 20px;
background: url(../images/logo.gif) no-repeat;
text-indent: -1000000px;
}

#emprechile h3 a{
float:left;
width: 199px; height: 166px;
display:block;
}

/* EmpreChile | Diseņo Web */
#emprechile h1, #emprechile h2{
float:left;
width: 273px; height: 33px;
margin-left: 85px; margin-top: 10px;
background: url(../images/emprechile_h1.gif) no-repeat;
text-indent: -1000000px;
}

#www h3{
float:left;
width: 138px; height: 25px;
margin-left: 160px; margin-top: 0px;
background: url(../images/www.gif) no-repeat;
text-indent: -1000000px;
}

#www h3 a{
width: 138px; height: 25px;
display:block;
}

/*
Twitter
*/
#twitter_div{
position: absolute;
z-index: 500;
width: 563px; height:85px;
top: 10px;
right: -15px;
background: url(../images/twitt.png) no-repeat;
}

#twitter_update_list{
position: absolute;
top: 15px;
right: 40px;
text-align: justify;
list-style: none;
width: 410px;
background: #fff;
overflow: hidden;
}

#twitter_update_list span a{
display: inline;
}

#twitter_update_list a{
display:none;
}

/*
Slide Show
*/
#flash{
position: absolute;
bottom: 40px;
right: 0;
width: 450px; height: 182px;
background: #fff;
}

#slider {
width: 450px; /* important to be same as image width */
height: 182px; /* important to be same as image height */
position: relative; /* important */
overflow: hidden; /* important */
}
#sliderContent {
width: 450px; /* important to be same as image width or wider */
position: absolute;
top: 0;
margin-left: 0;
}
.sliderImage {
float: left;
position: relative;
display: none;
}
.sliderImage span {
position: absolute;
font: 10px/15px Arial, Helvetica, sans-serif;
padding: 10px 13px;
width: 450px;
background-color: #000;
filter: alpha(opacity=70);
-moz-opacity: 0.7;
-khtml-opacity: 0.7;
opacity: 0.7;
color: #fff;
display: none;
}
.clear {
clear: both;
}
.sliderImage span strong {
font-size: 14px;
}
.top {
top: 0;
left: 0;
}
.bottom {
bottom: 0;
left: 0;
}
ul { list-style-type: none;}


/*
NavBar
*/

#navbar{
position: relative;
width: 100%; height: 50px;
background: url(../images/navbar.gif) repeat-x;
margin-top: -20px;
color:#fff;
text-align:center;
z-index: 3;
}

#nb_items{
margin: 0 auto 0 auto;
width: 850px;
height: 100%;
padding-top: 15px;
}

#nb_inicio h2{
float:left;
margin: 0 25px;
margin-top: 2px;
width: 37px; height: 13px;
background: url(../images/nb_inicio.gif) right no-repeat;
text-indent: -1000000px;
}

#nb_inicio h2 a{
width: 37px; height: 13px;
display: block;
}

#nb_diseno h2{
float:left;
margin: 0 25px;
margin-top: 2px;
width: 87px; height: 14px;
background: url(../images/diseno.gif) right no-repeat;
text-indent: -1000000px;
}

#nb_diseno h2 a{
width: 87px; height: 14px;
display: block;
}

#nb_administracion h2{
float:left;
width: 204px; height: 15px;
margin: 0 25px;
background: url(../images/administracion.gif) right no-repeat;
text-indent: -1000000px;
}

#nb_administracion h2 a{
width: 204px; height: 15px;
display: block;
}

#nb_empresa h2{
float:left;
width: 122px; height: 16px;
margin: 0 25px;
margin-top: 2px;
background: url(../images/empresa.gif) right no-repeat;
text-indent: -1000000px;
}

#nb_empresa h2 a{
width: 122px; height: 16px;
display: block;
}

#nb_canales h2{
float:left;
width: 139px; height: 18px;
margin: 0 25px;
margin-top: 2px;
background: url(../images/canales.gif) right no-repeat;
text-indent: -1000000px;
}

#nb_canales h2 a{
margin-top: 3px;
width: 139px; height: 18px;
display: block;
}
/*
Footer
*/

#footer{
clear: both;
margin: 0 auto 0 auto;
width: 100%;
height: 70px;
font-size: 8px;
background: url(../images/footer.gif) repeat-x;
}

#footer p{
padding-top: 20px;
text-align:center;
font-size: 11px;
}

#footer a{
color: #fff;
text-decoration: none;

}
/*
Varios
*/
p{
margin-top: 25px;
color: #fff;
font-size: 13px;
text-align: justify;
}

h2{
color: #fff;
font-size: 20px;
font-weight: bold;
}

.negrita{
font-weight: bold;
font-size: 110%;
}

.centrar{
width: 937px;
margin: 0 auto 0 auto;
}

.clear{
clear: both;
}