/* 
    Document   : principal
    Created on : 7/01/2010, 04:30:52 PM
    Author     : sandovaledwin    
*/

body{
margin:0px auto;
padding:0px 0px 0px 0px;
}
#bodyMain{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
background:#FFFFFF url(/img/principal/bg.jpg) repeat-x top left;
}
#main{
margin:0px auto 0px auto;
padding:0px 0px 0px 0px;
width:1000px;
}

#header{
width:1000px;
height:240px;
}

#login{
width:1000px;
height:118px;
float:left;
}

#logo{
width:330px;
height:118px;
float:left;
}
#logo a{
width:330px;
height:118px;
display:block;
}
#autentification{
width:670px;
height:118px;
float:left;
}

#topAutentificacion{
margin:18px 0px 0px 150px;
padding:0px 0px 0px 0px;
width:450px;
height:30px;
}
#labelAutentification{
width:75px;
height:30px;
float:left;
}
#labelAutentification p{
margin:0px 0px 0px 0px;
padding:5px 0px 0px 5px;
color:#8c8c8c;
font-family:Geneva,Arial,Helvetica,sans-serif;
font-size:12px;
font-weight:normal;
text-align: right;
}
#userAutentification{
margin:0px 5px 0px 5px;
width:70px;
height:30px;
float:left;
}
#userAutentification input{
width:100%;
height:22px;
color:#333333;
font-family:Geneva,Arial,Helvetica,sans-serif;
font-size:10px;
font-weight:normal;
}
#passAutentification{
margin:0px 0px 0px 10px;
padding:0px 0px 0px 0px;
width:70px;
height:30px;
float:left;
}
#passAutentification input{
width:100%;
height:22px;
color:#333333;
font-family:Geneva,Arial,Helvetica,sans-serif;
font-size:10px;
font-weight:normal;
}
#botonAutentification{
margin:0px 0px 0px 10px;
padding:0px 0px 0px 0px;
width:30px;
height:30px;
float:left;
}
#botonAutentification input{
border:1px #333333 groove;
background-color:#cdcdcd;
color:#333333;
border:0;
width:50px;
height:28px;
display:block;
text-align:center;
}

#LogOut{
display:none;
margin:41px 0px 0px 380px;
padding:0px 0px 0px 0px;
width:250px;
height:30px;
}
#LogOut p{
color:#8c8c8c;
font-family:Geneva,Arial,Helvetica,sans-serif;
font-size:13px;
font-weight:normal;
text-align:right;
}
#LogOut a{
color:#333333;
font-family:Geneva,Arial,Helvetica,sans-serif;
font-size:13px;
font-weight:normal;
}
#LogOut a:link{
text-decoration:none;
}
#LogOut a:visited{
text-decoration:none;
}
#LogOut a:hover{
text-decoration:underline;
}
#LogOut a:active{
text-decoration:none;
}

.panelCarrito{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
width:198px;
}
.headerPanelCarrito{
background:#FFFFFF url(/img/principal/carrito/header.jpg) no-repeat;
width:198px;
height:10px;
float:left;
}
.bodyPanelCarrito{
background:#FFFFFF url(/img/principal/carrito/area.jpg) repeat-y;
width:198px;
float:left;
}
.footerPanelCarrito{
background:#FFFFFF url(/img/principal/carrito/footer.jpg) no-repeat;
width:198px;
height:7px;
float:left;
margin-bottom:10px;
}

#carrito {
background:#FFFFFF url(/img/principal/carrito/bg.jpg) repeat-x;
margin:0px 0px 0px 2px;
padding:0px 0px 0px 0px;
width:194px;
float:left;
}
#carrito p{
margin:10px 4px 0px 4px;
}
#carrito a{
margin:0;
padding:0;
color:#333333;
font-family:Geneva,Arial,Helvetica,sans-serif;
font-size:11px;
font-weight:normal;
width:180px;
text-align:left;
}
#carrito a:link{
text-decoration:none;
}
#carrito a:visited{
text-decoration:none;
}
#carrito a:hover{
text-decoration:underline;
}
#carrito a:active{
text-decoration:none;
}
#carrito a.quitarProducto{
margin-left:5px;
color:blue;
}

.botonComprar{
margin:10px 0px 5px 4px;
background-image:url(/img/principal/botonRealizarCompra.jpg);
display:block;
width:184px;
height:40px;
float:left;
}


#buscador{
width:1000px;
height:32px;
float:left;
}
#buscador div{
float:left;    
}
.fraseBuscador{
border:0;
margin:0px 0px 0px 330px;
padding:0px 0px 0px 0px;
width:535px;
height:22px;
}
.botonBuscador{
border:0;
background-color:transparent;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
width:100px;
height:25px;
}

#miniLinks{
margin-top:10px;
width:1000px;
height:15px;
float:left;
}
#miniLinks ul {
margin:0px 0px 0px 325px;
padding:0px 0px 0px 0px;
}
#miniLinks li {
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
list-style-type:none;
float:left;
}
#miniLinks li a {
margin:0px 0px 0px 0px;
padding:0px 7px 0px 7px;
color:#333333;
font-family:Geneva,Arial,Helvetica,sans-serif;
font-size:10px;
font-weight:normal;
float:left;
text-align:center;
}
#miniLinks li a:link {
text-decoration:none;    
}
#miniLinks li a:active {
text-decoration:none;
}
#miniLinks li a:hover {
text-decoration:none;
}
#miniLinks li a:visited {
text-decoration:none;
}

#path{
background:#f2f2f2 url(/img/secciones/path.jpg) no-repeat;
width:972px;
height:31px;
}
#path ul {
width:917px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
#path li {
background:transparent url(/img/secciones/pathSeparador.gif) no-repeat top right;
margin:0px 0px 0px 0px;
padding:5px 30px 0px 0px;
list-style-type:none;
height:31px;
float:left;
}
#path li a {
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
color:#333333;
font-family:Geneva,Arial,Helvetica,sans-serif;
font-size:10px;
font-weight:normal;
}
#path li a.home {
margin:0px 0px 0px 5px;
padding:0px 0px 0px 0px;
display:block;
width: 45px;
height:20px;
}
#path li a:hover {
text-decoration:underline;
}
#path li a:link {
text-decoration:none;
}
#path li a:visited {
text-decoration:none;
}
#path li a:active {
text-decoration:none;
}

#menu{
margin:32px 0px 0px 0px;
padding:0px 0px 0px 0px;
width:1000px;
height:28px;
float:left;
}
#menu ul {
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
#menu li {
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
list-style-type:none;
float:left;
}
#menu li a {
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
color:#FFFFFF;
font-family:Geneva,Arial,Helvetica,sans-serif;
font-size:10px;
font-weight:normal;
display:block;
height:28px;
float:left;
text-align:center;
}
#menu li a:hover {
text-decoration:none;
}
#menu li a:link {
text-decoration:none;
}
#menu li a:visited {
text-decoration:none;
}
#menu li a:active {
text-decoration:none;
}

#menu li a.left1{  width:120px; }

#menu li a.left2{  width:80px;  }

#menu li a.left3{  width:80px;  }

#menu li a.left4{  width:70px;  }

#menu li a.left5{  width:80px;  }

#menu li a.right6{ width:120px; }

#menu li a.right7{ width:120px;  }

#menu li a.right8{ width:120px; }

#menu li a.right9{ width:180px; }

#demotip1 {
display:none;
background:transparent url(/img/principal/globoIzquierdo.png) no-repeat;
font-size:12px;
height:120px;
width:500px;
padding:25px;
color:#fff;
z-index:99;
}
#demotip2 {
display:none;
background:transparent url(/img/principal/globoIzquierdo.png) no-repeat;
font-size:12px;
height:120px;
width:500px;
padding:25px;
color:#fff;
z-index:99;
}
#demotip3 {
display:none;
background:transparent url(/img/principal/globoIzquierdo.png) no-repeat;
font-size:12px;
height:120px;
width:500px;
padding:25px;
color:#fff;
z-index:99;
}
#demotip4 {
display:none;
background:transparent url(/img/principal/globoIzquierdo.png) no-repeat;
font-size:12px;
height:120px;
width:500px;
padding:25px;
color:#fff;
z-index:99;
}
#demotip5 {
display:none;
background:transparent url(/img/principal/globoIzquierdo.png) no-repeat;
font-size:12px;
height:120px;
width:500px;
padding:25px;
color:#fff;
z-index:99;
}
#demotip6 {
display:none;
background:transparent url(/img/principal/globoDerecho.png) no-repeat;
font-size:12px;
height:120px;
width:500px;
padding:25px;
color:#fff;
z-index:99;
}
#demotip7 {
display:none;
background:transparent url(/img/principal/globoDerecho.png) no-repeat;
font-size:12px;
height:120px;
width:500px;
padding:25px;
color:#fff;
z-index:99;
}
#demotip8 {
display:none;
background:transparent url(/img/principal/globoDerecho.png) no-repeat;
font-size:12px;
height:120px;
width:500px;
padding:25px;
color:#fff;
z-index:99;
}
#demotip9 {
display:none;
background:transparent url(/img/principal/globoDerecho.png) no-repeat;
font-size:12px;
height:120px;
width:500px;
padding:25px;
color:#fff;
z-index:99;
}


.subcategorias ul {
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
width:450px;
height:90px;
}
.subcategorias li {
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
list-style-type:none;
float:left;
}
.subcategorias li a {
margin:2px 0px 2px 0px;
padding:0px 0px 0px 0px;
color:#333333;
font-family:Geneva,Arial,Helvetica,sans-serif;
font-size:10px;
font-weight:normal;
width:150px;
height:12px;
text-align:left;
display:block;
}
.subcategorias li a:link {
text-decoration:none;
}
.subcategorias li a:visited {
text-decoration:none;
}
.subcategorias li a:hover {
text-decoration:none;
color:#8c8c8c;
}
.subcategorias li a:active {
text-decoration:none;
}


#bannerAreaLeft{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
width:750px;
height:350px;
float: left;
}

#bannerAreaRight{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
width:170px;
height:350px;
float: left;
}

#banner{
width:750px;
height:250px;
position:relative;
}
#banner img{
width:750px;
height:250px;
top:0px;
left:0px;
position:absolute;
}
#bannerPromos{
width:175px;
height:312px;
}
#bannerPromos ul{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
#bannerPromos ul li{
margin:1px 0px 0px 0px;
padding:0px 0px 0px 0px;
list-style-type: none;
}
#linkBanner{
width:50px;
height:50px;
position:absolute;
z-index:100;
display:block;
}
.bannerLeft{
top:80px;
left:0;
}
.bannerRight{
top:80px;
right:0;
}
#thumbnail{
margin:0px 0px 0px 13px;
width:750px;
height:62px;
}
#thumbnail div{
float:left;
}