body{margin-left:0px; margin-top:1px; background:url(../ima/bg.png) repeat;
 font-family: Arial, Helvetica, sans-serif;
  font-size: 12px; color:#093 color:#336666;

 }




h1, h2, h3 {
	margin: 0;
	text-transform: uppercase;
	font-weight: normal;
	color: #08252E;
	
}

h1 { font-size: 44px; }

h2 { font-size: 18px; }

h3 { }

p, ul, ol {
	margin-top: 0;
	line-height: 100%;
	text-align:left;
	
}

/** LOGO */

#logo {
	width: 1000px;
	height: 110px;
	margin: 0 auto;
	/*background-image:url(../ima/header.png);*/
	background-color:#ccc;
	
	margin-top:35px;
	
	
	
}

#logo h1, #logo p {
	margin: 0px;
	line-height: normal;
	/*text-transform: lowercase;*/
	font-weight:bold;
	color:#903;
}

#logo p {
	padding-left: 22px;
	/*text-transform: uppercase;*/
	font-size: 16px;
	font-weight: bold;
	color: : #FFFFFF;

	
}

#logo h1 {
	padding-left: 20px;
	padding-top: 20px;
	font-size: 38px;
}

#logo a {
	text-decoration: none;
	color: #FFFFFF;
}

#logo h1 a {
	text-decoration: none;
	color: #FFFFFF;
}


#banner {
	float: right;
	margin-top: -80px;
	padding: 5px -10px 0px 0px;
}





#principal{width:1000px; font-size:15px; margin-top:0px; background-color:#FFF; color:#903; }







	#header{width:1000px; height:120px; color:#00FF00; text-align:center;  float:left;}
	
	
		
	#search-input {
	border: none;
	background: none;
	padding: 72px 24px 0px 24px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
		}
	
	
	#main {width:1000px; height:100%; float:left; background:#FFF; margin-top:0px;}
	/*	#menu {width:1000px; height:50px; float:left; }
			.boton{width:140px;
			 height:30px; 
			float:left; 
			background-color:#660033; 
			color:#FFF; 
			padding-top:5px; 
			background-image:url(../ima/menu.gif);
			}
			.url_boton{text-decoration:none; 
			color:#FFF;
			}
			
			.boton:hover {
   			 background:url(../ima/titlebar-active.png) repeat-x;
				}
			
			.boton:active {
    			font-weight: bold;
			}
			*/
			
			
			#menu{
/*width:530px;
float:left;
height:35px;
padding:0px 0 0 0;
background:url(../ima/titlebar.png) repeat-x;
*/
background:url(../ima/loginbuttonbg.png);
/*background-color:#903;*/
	border: 0px solid #DFEEF7;
	border-color: #DFEEF7 #CFDEE7;
	height: 41px;


}
#menu ul{
list-style:none;padding:0px;margin:0px;display:block;
}
#menu ul li{
list-style:none;display:inline;float:left;width:auto;padding:0px;font-size:12px;
}
#menu ul li a{
/*float:left;text-decoration:none;padding:0px 10px 0 10px; margin:0px 4px 0 4px;color:#CCC;text-align:center; height:31px; line-height:31px; */

	border-right: 1px solid #AFBEC7;
	color:#FFF;
	display: block;
	float: left;
	font: bold 1.1em sans-serif;
	line-height: 41px;
	padding: 0 20px;
	text-decoration: none;
}
#menu ul li a:hover{
/*background-color:#b52025;color:#fff;*/
background-color:#b52025;color:#fff;
background-position: left bottom; color:#CCC;
}
#menu ul li a.current{
/*float:left;text-decoration:none;padding:0px 10px 0 10px; margin:0px 4px 0 4px;color:#fff;text-align:center; height:31px; line-height:31px; background-color:#b52025;*/
float:left;text-decoration:none;padding:0px 10px 0 10px; margin:0px 0px 0 0px;color:#000;text-align:center; height:41px; line-height:41px;
/*background:url(../ima/titlebar-active.png) repeat-x;*/
background-color:#999;
}
			
			
		#buscador{width:420px; left:25px; float:left; text-align:center; margin-left:20px;  margin-top:1px; text-align:left;}
		
		#contentx{width:800px; float:left;}
			#contenedor{width:800px; float:left;}
			
			#separador_primero{width:100px; height:40px; float:left; }
				#separador_post{width:100px; height:0px; float:left}
			
				#post{width:800px; float:left; text-align:center}
					#titulo_post{width:800px; height:20px; float:left}
							.elcolor:hover {background-color:#CCC;
	
}
					
					
						#nombre_articulo{width:450px; height:50px; color:#606; float:left; text-align:left; font-weight:bold; margin-left:50px}
						
						#enviar{ width:500; height:25px; float:left; text-align:left}
						#regresar{ width:790; height:40px; text-align:right}
						
						
					#texto_post{ width:160px; float:left; text-align:center; margin-left:10px}
					#separador_texto_debajo{float:left}
					
					#debajo_post{width:800px; height:20px; float:left}
						#leer_mas{width:100px; height:20px; float:left; text-align:right }
						
											
						#modelos{ width:120px; height:20px; float:left; text-align:center}
						
						#imagen{ width:10px; height:20px; float:left; text-align:left}
						#descripcion{width:400px; height:20px; float:left; text-align:center }
												
					#div_entre_post{width:600px; height:5px; float:left; background:#000000}
					#div_paginacion_post{width:800px; height:25px; float:left; text-align:center}
				/****************estoilos para articulos.php*/
				#div_post_top{ width:600px; height:25px; float:left }
					#div_post_contenedor{ width:800px; float:left}
					#div_post_titulo{ width:800px; height:30px; float:left; text-align:rigth;}
						
						#div_post_titulo_texto{width:400px; height:40px; margin-left:30px; float:left; font-size: 16px; text-align:left; font-weight:bold}
						#div_post_titulo_grupo{width:200px; height:20px; float:left; text-align:right}
						#div_post_separador_debajo_titulo {width:800px; height:5px; float:left; background-color:#660000}
						#div_post_contenedor_detalle{ width:800px;  float:left; margin-top:10px; text-align:left}
							.div_separador_detalle_post{ width:25px; float:left;}
							
			
					
							
							
							#div_detalle_post{ width:550px; float:left; margin-left:25px}			
								#div_contenedor_categoriay_descargar_post{ width:550px; height:20px; float:left}
								#div_categoria_post { width:275px; height:20px; float:left; text-align:left}
								#div_descarga_post{ width:275px; height:20px; float:left; text-align:right}
								#div_form_comentarios{width:550px;  float:left; text-align:left}
								#div_comentarios_post{ width:750px; float:left; text-align:left}
							
									
			#sidebar{width:195px; float:left; border-radius:5px; background-color:#CCC; margin-top:5px;}
			
		
			
			
			#separador_widgest{width:190px; height:15px; float:left;  }
				#widgest{width:180px; float:left; margin-left:10px;
				
				
				}
					.separador_lateral_widgest{width:15px; float:left}
				
				#caja_widgest{width:200px;  float:left}
				#titulo_widgest{width:170px; height:20px; float:left; text-align:center; background-color:#333333; color:#ffffff}
				#contenido_widgest{width:170px; height:20px; float:left; background:#f0f0f0; text-align:left;}
				
				
			#footer { width:1000px; height:100px; float:left; text-align:center;  margin-top:15px;}
			
			#footer-content {
				width: 900px;
				height: 100px;
				margin-top:2px;
				padding: 15px 50px 0px 50px;
				/*background: url(../ima/barraAbajo.png) no-repeat left top;*/
				font-size: 12px;
				color:#903;
							
			}
			
			#footer-content h2 {
				padding-bottom: 10px;
				font-size: 22px;
				color: #E3D2B6;
				
			}
			
		
.autocompletar a:link {
	color:#333;
	text-decoration:none;
	font-weight:normal; }

.autocompletar a:hover {
	color:#000;
	text-decoration:none;
	background-color:#CCC;}

.autocompletar a:selected { background:#F0F0F0; }
	
#demoDer { float:right; position:relative; }

#lista
{
	position:relative;
	width:350px;
	background-color:#FFFFFF; color:#660033;
	border:1px dotted; border-color:#000000;
	z-index:1;
	top:1px;
	left:1px;
	display:none;
	text-align:left;
	
}

.resaltado
{
	background-color:#FFFFFF; color:#000000;
	cursor:pointer;
}

.normal
{
	background-color:#EAEAEA; color:#000000;
}

#reloj
{

display:none;}


/********acordeon******/
.arrowlistmenu{
width: 180px; /*width of accordion menu*/
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
font: bold 14px Arial;
color: white;
background: black url(../ima/titlebar.png) repeat-x center left;


border-radius:5px;

margin-bottom: 10px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 4px 0 4px 10px; /*header text is indented 10px*/
cursor: hand;
cursor: pointer;
}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
/*background-image: url(../ima/titlebar-active.png);*/
background-image: url(../ima/barraactiva.png);
}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li .opensubheader{ /*Open state CSS for sub menu header*/
background: lightblue !important;
}

.arrowlistmenu ul li .closedsubheader{ /*Closed state CSS for sub menu header*/
background: lightgreen !important;
}

/*.arrowlistmenu ul li a{*/
.arrowlistmenu ul li a{
color:#FFF;
background: url(../ima/arrowbullet.png) no-repeat center left; /*custom bullet list image*/
background-color:#903;
border-radius:5px;


display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
font-size: 80%;
cursor:default;
}

.arrowlistmenu ul li a:visited{
color: #A70303;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
background-color:#936;

}

.arrowlistmenu ul li a.subexpandable:hover{ /*hover state CSS for sub menu header*/
background: lightblue;
}


/* --------------------------------------*/
.button{
    /* estilos tipograficos */
 
    color: #fff;
    font-family: sans-serif;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
 
    /* padding, margin y borde */
 
    padding: 10px 20px;
    margin-right: 50px;
    cursor: pointer;
    border: 0;
    border-radius: 50px;
 
    /* propiedades para la animacion  */
 
    transition: all 0.20s linear;
    -webkit-transition: all 0.20s linear;
    -moz-transition: all 0.20s linear;
    position: relative;
    bottom: 0;
}

.azul{
   background: #04a8bf;
	/* box-shadow: 0px 5px 0 #0491a5;*/
}
.beige{
    box-shadow: 0px 5px 0 #7e8783; 
	background: #9ca6a2;
	background-image:url(../ima/banervi.jpg);
}
.rojo{
    background: #bf1b04;
    box-shadow: 0px 5px 0 #8F1502;          
}
.button:active{
    bottom: -5px;
}
.button:hover { 
    background-color:#CCC;
	text-transform:lowercase;
	color:yellow;
	border: 5px solid yellow;
}


.cambiarBoton:hover { 
   background-color:#CCC;
	
}

fieldset {
border:1px groove #ccc; /* Borde */
background:#FFF; /* Color de fondo */
background-image:url(../ima/barra.jpg); background-repeat:repeat-x;/* fondo de imagen */
color:#000; /* Color del texto de todo el contenido */
}
.fieldset:hover{
	 background-color:#CCC;
}

legend {
text-align:left; /* Puedes cambiarlo por center o right */
font-weight:bold; /* Estilo de la fuente del título */
color:#61380B; /* Color del título */
}

.button{
    /* estilos tipograficos */
 
    color: #fff;
    font-family: sans-serif;
    font-size: 14px;
    font-weight: bold;
 /*   text-transform: uppercase;*/
 
    /* padding, margin y borde */
 
    padding: 10px 20px;
    margin-right: 50px;
    cursor: pointer;
    border: 0;
    border-radius: 50px;
 
    /* propiedades para la animacion  */
 
    transition: all 0.20s linear;
    -webkit-transition: all 0.20s linear;
    -moz-transition: all 0.20s linear;
    position: relative;
    bottom: 0;
}

.azul{
    background: #04a8bf;
	box-shadow: 0px 5px 0 #0491a5;
}
.beige{
    box-shadow: 0px 5px 0 #7e8783; 
	background: #9ca6a2;
	background-image:url(../ima/barra1.jpg);
}
.rojo{
    background: #bf1b04;
    box-shadow: 0px 5px 0 #8F1502;          
}
.button:active{
    bottom: -5px;
}
.button:hover { 
    background-color:#CCC;
	text-transform:lowercase;
	color:yellow;
	border: 5px solid yellow;
	
}


#items
{
	float: center;
	width: 760px;
	border: 1px solid #f9f9f9;
}
 
#cart
{
	float: right;
	width: 770px;
	background-color: #fff;
	border: 1px solid #f9f9f9;
	padding-bottom: 50px;
}
 
#cart .info
{
	color: #444;
	font-size: 0.9em;
	text-align: center;
	font-weight: bold;
 
}
 
.item {
	float: left;
	position: relative;
	width: 160px;
	height: 175px;
	border: 1px solid #eee;
	margin: 10px;
	border-right: 2px solid #ddd;
	border-bottom: 2px solid #ddd;
	background-color: #fff;
	background-position: left top;
	background-repeat: no-repeat;
	:
	cursor: move;
}


.item:hover { 
    background-color:#CCC;
	text-transform:lowercase;
	color:#00F;
	/*color:yellow;*/
	/*border: 0px solid green;*/
}



#cart .item {
	width: 75px;
	height: 75px;
	margin: 5px;
	background-position: -40px -22px;
	border-width: 1px;
	cursor: default;
}
 
.item span
{
	position: absolute;
	bottom: 0;
	left: 0;
	font-size: 0.8em;
	font-weight: bold;
	width: 100%;
	text-align: center;
 
}

div#topdiv {
	position:fixed;
	
}
div#bottomdiv {
	position:fixed;
	bottom:0px;
	left:0px;
	width:100%;
	color:#CCC;
	background:#333;
	padding:8px;
}