/* CSS Gonzalo & Vicky - cafarnas.com */

/*CSS ViCky & Gonzalo*/

body,html {
min-height:100%;
height:100%;
}
body {
margin: 0;
padding: 0;
background-image:url(img/fondo.jpg);		 
background-repeat: repeat-x;
background-attachment: fixed;
background-color:#000;	
color:#fff;
font:10px "Lucida Grande","Lucida Sans Unicode",sans-serif;
}
img {
border-width : 0;
}
#contenedor {
position: relative;
width: 980px;
height:100%;
padding: 0;
margin-right: auto;
margin-left: 10px;
margin-top: 0px;
/*
background-color:#ccc;
*/	}
html > body #contenedor {
width : 980px;
margin-left: 10px;
} 
#contenedor:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
/*Imagenes diseņo Tienda*/
#title{
background-image:url(img/title.gif);
background-repeat:no-repeat;
width:982px;
height:124px;
margin-top: 0px;
margin-left: 0px;
text-align:right;
}

/*MENU TITLE*/
#menutitle1{
margin-top:84px;
float:right;
font:12px "Courier New", Courier, monospace;
margin-right:60px;
padding: 0 0 20px 10px;

}
html > body #menutitle1{
margin-right:120px;
}

#menutitle1 ul, #menutitle1 li{
display: inline;
list-style-type: none;

}

#menutitle1 a:link, #menutitle1 a:visited{
line-height:15px;
margin: 0 10px 4px 10px;
text-decoration: none;
color: #fff;
outline:0;
}

#menutitle1 a:link#cafarnas, #menutitle1 a:visited#cafarnas, #menutitle1 a:hover{
border-bottom: 3px solid #ec252c;
border-right: 0px;
border-left: 0px;
border-top: 0px;
padding-bottom: 3px;
background: transparent;
color: #fff;
outline:0;
}

#menutitle1 a:hover { color: #ed1c24; }
/*FIN MENU TITLE*/
.rojo{
color:#ed1c24;}

#menu{
background-image:url(img/contenidotitle.gif);
background-repeat:no-repeat;
width:216px;
height:651px;
float:left;	  
margin-left:1px;
margin-top:0px;
margin-bottom:5px;
text-align :center;
color:#fff;
font-size:12px;
}
html > body #menu{background-image:url(img/contenfire.gif);
margin-left:1px;height:651px;}

    
#contenido{
/*margin-left:244px;*/
background-image:url(img/fondohome.gif);
background-position:center;
background-repeat:repeat-y;
width:745px;
height:auto;
margin-left:229px;
text-align:left;
}
html > body #contenido{
margin-left:232px;
} 
#clearing{
      clear:both;
}   
/*Menu Izquierdo*/
#micuenta{
background-image:url(img/mi_cuenta.gif);
background-position:center;
background-repeat:no-repeat;
margin-top:0px;
margin-left:0px;
width:198px;
height:35px;
}
html > body #micuenta{
margin-left:9px;
}
#login{
background-color:#FFFFFF;
margin-left:3px;
width:190px;
height:20px;
font:12px "Lucida Grande","Lucida Sans Unicode",sans-serif;
text-align:left; 
} 
/*MENUUUUUUUU*/


#menuu{
background-image:url(img/menu.gif);
background-position:center;
background-repeat:no-repeat;
margin-left:2px;
width:198px;
height:33px;
}html > body #menuu{margin-left:9px;}

#navcontainer ul{
margin-left:20px;
padding: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 15px;
text-align:left;
}
#navcontainer li { margin: 0 0 3px 0; }

#navcontainer a{
display: block;
padding: 2px 2px 2px 24px;
border: 1px solid #333;
width: 160px;
background-image:url(img/boton.gif);
}
#navcontainer a:link, #navlist a:visited{
outline:0;
color: #EEE;
text-decoration: none;
}
#navcontainer a:hover{
border: 1px solid #333;
background-image:url(img/boton1.gif);
}
#active a:link, #active a:visited, #active a:hover{
border: 1px solid #333;
background-image:url(img/boton1.gif);
}
/*FIN MENUU*/


/*Mi Cesta DE la COmpra.........................................................*/
.carro{background-color:#FFFFFF;background-image:url(img/carrito.gif); width:200px; height:auto; margin-left:0px;}
html > body .carro{margin-left:9px;}

#cantipro{ font:11px "Lucida Grande","Lucida Sans Unicode",sans-serif; text-align:center; color:#fff; width:50px; margin-right:10px; margin-top:0px; }
html > body #cantipro{margin-left:50px; margin-top:0px; }

#total{font:11px "Lucida Grande","Lucida Sans Unicode",sans-serif; text-align:center; color:#fff; width:25px; margin-right:10px;}
html > body #total{margin-left:50px;}


/*.....................................................................................*/
#copyrightp{
background-image:url(img/copyright.gif);
background-repeat:no-repeat;
background-position:center;
width:745px;
height:50px;
}


#copyright{
background-image:url(img/copyright.gif);
background-repeat:no-repeat;
margin-left:232px;
width:745px;
height:50px;
}
html > body #copyright{
margin-left:232px;
}
#copyright1{
background-image:url(img/copyright.gif);
background-repeat:no-repeat;
margin-left:229px;
width:745px;
height:50px;
}
html > body #copyright1{
margin-left:232px;
}
#copyrightp{
background-image:url(img/copyright.gif);
background-repeat:no-repeat;
background-position:center;
width:745px;
height:50px;
margin-top:3px;
}

.textoinfo{ width:700px; height:auto; margin-left:0px;}
SPAN.greetUser {font-family: Verdana, Arial, sans-serif; font-size: 12px; color: #ed3037; font-weight: bold;}
#contenido li{ font-size: 14px; color: #ed3037; font-weight: bold; margin-left:6px;}
html > body .textoinfo{margin-left:25px;}