/*   
Theme Name: CSS inicial
Author: dibusoft mmdv
Author URI: http://www.dibusoft.com/
Version: 1.0
Description: CSS básico con arreglos y selectores pre-configurados.
*/

/* Llamamos a los css complementarios */
@import url(formularios.css);
@import url(tooltips.css);
@import url(menu.css);
@import url(submenu.css);
@import url(menuimg.css);
@import url(tabs.css);
@import url(tablas.css);
@import url(moodalbox.css);
@import url(stickywin2.css);


/* HACKS PARA IE */
*html{
}

/* IE7 HACKS */
*:first-child+html {
}

/* Neutralizamos los Estilos */
*{
margin:0;
padding:0;
border:none;
}

html {
height:100%;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-shadow:#FFFFFF 0px 0px 0px;/*Eliminamos el efecto bold en Safari*/
}

h1, h2, h3, h6, p, pre, blockquote, ul, ol, dl, address {
font-weight:normal;
margin:0px 0px 10px 0px;
padding:0px;
}

h5{
font-weight:normal;
margin:0px;
padding:0px;
}

h4{
font-weight:normal;
margin:0px 0px 5px 0px;
padding:0px;
}

h1{font-size:32px;}
h2{font-size:24px;}
h3{font-size:18px;}
h4{font-size:24px;}
h5{font-size:18px;}
h6{font-size:10px;}

blockquote {
font-style:italic;
padding:5px 0 5px 30px;
}

/* Algunos ajustes basicos */
sup {
position:relative;
bottom:0.3em;
vertical-align:baseline;
}

sub {
position:relative;
bottom:-0.2em;
vertical-align:baseline;
}

li, dd, blockquote {
margin-left:1em;
}

/* Links Bases */
a, a:link, a:visited {
color:#333333;
text-decoration:none;
}

a:hover, a:active {
color:#333333;
text-decoration:underline;
}

a img {
border:none;
text-decoration:none;
}

img {
border:none;
text-decoration:none;
/*Si ponemos un background aparecerá como fondo de la imagen, sirve para simular imágenes de carga*/
}

/* Algunas clases útiles */
.clear {
clear:both;
height:15px;
}

.clear2 {
clear:both;
}

.clearleft{
clear:left;
}

.float-left {
float:left;
}

.float-right {
float:right;
}


borarrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrr{
/*
margin:0px;
padding:0px;
height:100%;
background-image:url(../images/fondo.gif);
background-repeat:repeat;
color:#333333;
*/
}

/* Estructura */
body{

/*********************nuevo********************/

margin: 0; 
padding: 0;
/*text-align: center; */
color: #000000;
background-position:center top;
background-repeat:repeat-y;
background-image:url(../images/fondo_pcarts.gif);

}

#bgcontent{
margin:0 auto;
padding:0;
/*border:0 solid #000000;*/
/*border:3px solid #1989c7;*/
/*text-align: center; */
background-color:#FFFFFF;
background-position:center top;
width:760px;
}

#wrapper{
margin:0px 20px 20px 20px;
padding:0px;
width:720px;
}

#header{
margin:0px;
padding:0px;
}

#logo{
margin:0px;
padding:7px 0px 0px 0px;
float:left;
width:200px;
}

#headinfo{
margin:0px;
padding:0px;
float:right;
width:500px;
}

#valordolar{
padding:23px 0px 0px 5px;
color:#418520;
font-weight:bold;
text-align:right;
}

#menu{
margin:0px;
padding:0px;
}

#menubuscador{
margin:0px;
padding:0px;
color:#FFFFFF;
background-image:url(../images/bg-footer.jpg);
background-position:top left;
background-repeat:no-repeat;
background-color:#FFFFFF;
height:46px;
}

#buscadorplus{
margin:0px 7px 0px 7px;
padding:10px;
background-color:#DEE6EC;
background-image:url(../images/bg-buscadorplus.jpg);
background-position:bottom left;
background-repeat:no-repeat;
}

/*#frmlogin{
background-image:url(../images/bg-login.jpg);
background-position:top left;
background-repeat:no-repeat;
background-color:#FFFFFF;
height:140px;
color:#FFFFFF;
text-align:center;
}
*/

.saludo{
padding:10px;
text-align:left;
}

#registrate{
background-image:url(../images/bg-registrate.jpg);
background-position:top left;
background-repeat:no-repeat;
background-color:#FFFFFF;
color:#FFFFFF;
padding:10px;
height:185px;
}

#promociones{
margin:0px;
padding:0px;
width:100%;
}

#content{
margin:0px;
padding:0px;
}

#leftcontent{
margin:0px;
padding:0px;
float:left;
width:520px;
}

#rightcontent{
margin:0px;
padding:0px;
float:right;
width:180px;
}

#sectioncontent{
margin:0px;
padding:0px;
}

#micuenta{
margin:0px;
padding:0px;
background-image:url(../images/bg-micuenta.jpg);
background-position:top left;
background-repeat:no-repeat;
background-color:#FFFFFF;
width:720px;
height:60px;
}

#mipedido{
margin:5px;
padding:0px;
width:350px;
height:90px;
overflow:auto;
}

#subir{
padding:0px;
margin:5px 0px 5px 0px;
text-align:right;
clear:both;
}

#paginado{
margin:0px;
padding:5px;
text-align:center;
}

#footer{
margin:0px;
padding:0px;
background-image:url(../images/bg-footer.jpg);
background-position:top left;
background-repeat:no-repeat;
background-color:#FFFFFF;
}

#dibusoft{
margin:0px auto;
/*padding:15px;*/
width:100%;
text-align:center;
}

/* Clases complementarias */
#leftcontent p{
line-height:1.5;
}

/* Links */
#footer a, #footer a:link, #footer a:visited,
#rightcontent a, #rightcontent a:link, #rightcontent a:visited,
#navegarpor a, #navegarpor a:link, #navegarpor a:visited{
font-weight:bold;
color:#FFFFFF;
text-decoration:none;
}

#footer a:hover, #footer a:active,
#rightcontent a:hover, #rightcontent a:active,
#navegarpor a:hover, #navegarpor a:active{
font-weight:bold;
color:#FFFFFF;
text-decoration:underline;
}

/* Listas */
#categorias ol{
margin:0px;
padding:5px;
}

#categorias ul{
list-style:none;
font-weight:bold;
margin:5px;
padding:0px;
float:left;
width:170px;
}

#categorias li{
font-weight:normal;
list-style:none;
background:url(../images/iconos/sub.gif) no-repeat 2px 2px;
height:15px;
margin:5px;
padding:0px 0px 0px 20px;
}


.listaitems{
list-style:none;
}

.listaitems li{
border-bottom:1px solid #CCCCCC;
padding:10px 0px;
}

.listaitems li a{
background-image:url(../images/iconos/lista.gif);
background-repeat:no-repeat;
padding:5px 0px 5px 30px;
}

.listaitems li a:link{
background-position:0px 0px;
}

.listaitems li a:visited{
background-position:0px -50px;
}

.listaitems li a:hover{
background-position:0px -27px;
}

/* Secciones */

/* Contacto y Sucursales*/
#contacto-izquierda{
float:left;
padding:0px;
margin:0px;
width:350px;
}

#contacto-derecha{
float:right;
padding:0px;
margin:0px;
width:350px;
}

.sucursal{
border:1px solid #D5D5D5;
background-color:#F8F8F8;
padding:10px;
margin:0px 0px 10px 0px;
}

/* Registrarse */
#registrarse-izquierda{
float:left;
padding:0px;
margin:0px;
width:350px;
}

#registrarse-derecha{
float:right;
padding:0px;
margin:0px;
width:350px;
}

/* Novedades */
#novedades-izquierda{
float:left;
padding:0px;
margin:0px;
width:500px;
}

#novedades-derecha{
float:right;
padding:0px;
margin:0px;
width:200px;
}

/* Empresa */
#empresa-izquierda{
float:left;
padding:0px;
margin:0px;
width:450px;
}

#empresa-derecha{
float:right;
padding:0px;
margin:0px;
width:250px;
}

/* Listado */
#orderby{
margin:0px;
padding:5px;
background-color:#233043 ;
color:#FFFFFF;
}

#listado{
margin:0px;
padding:0px;
}

/* Catalogo */
#categorias{
float:left;
width:550px;
}

#costadocategorias{
float:right;
width:150px;
}

#navegarpor{
background-image:url(../images/bg-catalogo.gif);
background-position:top left;
background-repeat:no-repeat;
width:121px;
height:40px;
color:#FFFFFF;
padding:8px;
}

/* Destacados Inicio */
.inidestacados{
float:left;
width:27%;
padding:8px;
}

.inidestacadosfoto{
padding:0px; 
background-color:#FFFFFF; 
text-align:center;
height:130px;
width:150px;
}

.inidestacadosdesc{
padding:2px;
}

.inidestacadosdeta{
padding:2px;}

/* Promociones */
.separador{
height:1px;
border-top: 1px solid #CCCCCC;
padding:15px 0px 0px 0px;
}

.fondobuscador{
background-color:#FFFFFF;
}

#btoOpciones, #btoSegComp, #btoFinaliz, #btoFinalizDisabled{
	text-align:center;
	float: left;
	width:33%;
}
#btoGuardar, #btoCancelar{
	text-align:center;
	float:left;
	width:48%;
}

#mensaje li{
list-style:square;
}

#foto-ilustrativa{
color:#000000;
opacity:0.6;
filter:alpha(opacity=60);
font-size:13px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
line-height:normal;
position:absolute;
top:93%;
left:0px;
float:center;
}


#Precio-Foto{
color:#016AA4;
background-color:white;
float:center;
opacity:0.6;
filter:alpha(opacity=60);
font-size:14px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
line-height:normal;
position:absolute;
top:0px;
width:100%;
text-align:center;
left:0px;
}
.logoPersonalizado{
width:184px;
height:57;
overflow:hidden;
border:1px solid #D5D5D5;
background-color:#F8F8F8;
padding:10px;
margin:0px 0px 10px 0px;
}
.logoPersonalizadoSinBorde{
width:184px;
height:57;
overflow:hidden;
}
/* css sub menu*/
.clearSubmenuTop {
	clear:both;
	width:720px;
	height:26px;
}
.clearSubmenuBo {
clear:both;
height:40px;
}
#submenufondo {
	/**/
	background: transparent url(img/submenu/micuenta.gif) no-repeat;
	
	list-style:none;
	width:720px;
	height:26px;
	top:0px;
	left:0px;
	text-align:left;
	
}
#submenulist {
	position:absolute;
	list-style:none;
	top:0px;
	left:0px;
	text-align:left;
	position:relative;
	height:18px;
}
#Submenumicuenta ul{
	margin: 0 ;
	padding: 0;
	list-style-type: none;
	font-size:10px;
	font-weight:bold; 
	top:10px;

}
#Submenumicuenta li{
	text-align:left;
	display:inline;
	
}
#submenuCuenta{
	
}
.PreciosPorCatidad{
border:1px solid #D5D5D5;
background-color:#F8F8F8;
padding:6px;
margin:0px 0px 8px 0px;
width:60%;
}
.ConManito{
	cursor:pointer;
}
.FondoBundle{
border:1px solid #D5D5D5;
background-color:#FFFFFF;
padding:6px;
margin:0px 0px 8px 0px;
}
.FondoBundles{
border:1px solid #D5D5D5;
background-color:#F8F8F8;
padding:6px;
margin:0px 0px 8px 0px;

}
/**/