/****************************************************************************************************************** ELEMENTOS PROPIOS */

body {

 /* margin: 0px;Este es el color del cuerpo, notese que la cabecera no cambia*/
	
	font-size: 10pt;
 /* background-image: url(http://www.maquinariaspaco.com/img/fondo1024m.jpg) ;*/
  background-color:#eee;
	background-repeat: repeat-y;
  background-attachment: fixed; 
  color:black;
/*background-position: center;
 text-align:center;
margin:auto; */
}
/*Azul Cian*/

a, h1, h2, h3, small, body, p {
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	color:#0000FF;

	margin: 0px;
}
#marco{
	margin:2px;
	border:1px solid #ff0;
	padding:2px;
	}
/*body { /* Esto lo he puesto para separar el formato y color del texto de cuerpo
font-family: 'Verdana';
text-decoration: italic;
color: cyan;
} */
div, table{ /*Este bloque lo aņadi yo para separar un poco los colores de los distintos tamaņos antes estaba arriba*/
font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
color:#000000;
margin: 0px;
margin-bottom: 5px;
}
/* Color de la cabecera 2 h2 */
h2 a:visited { 
/*color:#0099ff; */
color:#666;
/*color:#666666;* antes este de abajo h2 00aaff*/}
h2 a { color:#0000aa; } 


/*a, a:visited, h1 a, h1 a:hover, h1 a:visited, h2 a, h2 a:hover, h2 a:visited, h3 a, h3 a:hover, h3 a:visited {*/
/*a, a:visited, h1 a, h1 a:hover, h1 a:visited, h2 a, h3 a, h3 a:hover, h3 a:visited {*/
h3 a, h3 a:hover, h3 a:visited {
	text-decoration: none;
	/*color: #00356c;*/
	color:#00ffff;
}

h1 a:hover { font-size:28px;

}
h2 a:hover {
	color: #ff0;
	text-decoration:none;
	
}

h1, h2, h3 {
	font-weight: bold;
	text-decoration: none;
	margin-top: 15px;
	margin-bottom: 15px;
}

h1 { font-size: 1.8em; }
h2 { font-size: 1.4em; }
h3 {
	font-size: 1.5em;
	margin-left: 15px;
}

h3 a:hover { text-decoration: underline; }

h4 {
	font-size: 1.3em;	font-weight: bold;
	padding-left: 10px;
	padding-top: 1px;
	padding-bottom: 1px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 15px;
	background: transparent url(../img/base/tip_item_menu.gif) no-repeat;
}

h4.titulo_seccion {
	background-color: #333;
	color: #CCFF00;
	margin-bottom: 0px;
}

ul {
	margin-top: -10px;
	margin-bottom: 15px;
}

li {
	margin-left: -15px;
	margin-bottom: 10px;
	line-height:1.1em;
}

input, textarea {
	font-size: 0.9em;
	background-color: #ff0;
	color: #44525a;
	border: 1px solid #c3bfbc;
	padding:2px;
}

small {
	font-size: 0.8em;
	color: #086b08;
}

form { margin: 0px; }
img { border: 0px; }


/****************************************************************************************************************** ESTRUCTURA BASICA */
div#cabecera {
position:absolute;
left:0; 
top:0;
background: #000;
height: 190px;
width: 1000px;
z-index:1;
color: #fff;
text-align:center;
}

div#flechas {
position:absolute;
left:800px; 
top:10px;
z-index:7;
background: url (../img/base/flechas3dt.gif);

}

div#dentro{
position:absolute;
left:0; 
top:10;
margin-top:10px;
width:1000px;
height:140px;
background: url(../img/base/fondocabecera1024.jpg);
z-index:2;
}


div#menu_lateral {
 float:left;
  margin-left: 10px; /* modificado para centrar antes era 0 */
	margin-right: 5px;
	margin-top: 200px;
	margin-bottom: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-right: 1px solid #000;
		border-left: 1px solid #000;
	border-top: 6px solid #ffd500;
	border-bottom: 2px solid #ffd500;
	min-width:180px;
	width: auto; /* Este es el ancho del menu lateral esta en 200 y se ve bien en firefox*/
  background: #00aaff /*url(../img/base/sombra.png) right no-repeat;*/
}

div#contenido { /* Este es la capa o recuadro principal que tiene fondo blanco */
  border-right: 3px transparent;
  float: left; /*esto es imprescindible para que se vea el fondo blanco*/
	margin-top:200px;
  margin-left:20px; 
	padding-top: 5px;
	padding-right: 40px;
	border-top: 6px solid #ffd500;
	border-bottom: 3px solid #999;
	width: 700px ;/* modificado para centrar antes era 730*/
  background: #f8f8f8 /*url(../img/base/sombra.png)right repeat-y; Este es el lateral tipo pilar */
  
}

div#pie {
background: #000;
	float: left;
	margin-top: 10px;
	padding-top: 15px;
	padding-bottom: 15px;
	border-top: 1px solid #ffd500;
	border-bottom: 6px solid #fff;
	width:1000px; /*modificado paara centrar antes eran 730*/
	text-align: center;
	margin-bottom: 20px;

}

.clear {
	clear: both;
	font-size: 0px;
	line-height: 0px;
}

div.delimitador { /*este es el ancho total de la web sumando el menu lateral y el contenido*/
	width: 1000px;
	border: 2 2 2 2;
}

.sombra_menu {
	border-bottom: 1px solid #e3e3e3;
	height: 0px;
	font-size: 0px;
}


/****************************************************************************************************************** CABECERA */

div#logo {
  position:absolute;
  left:0; 
  top:10;
	width: 200px;
	z-index:10;
}

div#secciones {
  position:absolute;
  left:210px;
  top:270;
  background:transparent;
	width: 670px; /*modificado para centrar antes era 730*/
	height: 94px;
  z-index:20;
  
}
/* Esta seccion es la que define el tamaņo del menu superior */
div.seccion, div.seccion_over {
	float: left;
	width: 100px;
  height: 22px;
	margin-left: 20px; /*modificado el margen para centrar antes eran 16*/
	font-size: 1.0em;
	font-weight: bold;
	margin-top: 64px;

	/*vertical-align:text-bottom;*/
}

div.seccion { /*Coloco el fondo de las letras de la cabecera*/
background: transparent;
border-bottom: 8px solid #00f;
color:#fff;

}
/* Cuando pasas el cursor por encima del menu de cabecera para cambiar el tamaņo y demas*/
div.seccion_over {
	border-bottom: 8px solid #00f;
  color: #ff0;
	font-size:1.2em;

}
div.seccion_visited {
color:#FFFF00;
font-size:20px;
}


/****************************************************************************************************************** MENU */

#menu_lateral h1 {
	font-size: 1.2em;
	font-weight: bold;
	padding-top: 0px;
	padding-left: 5px;
	margin: px;
	margin-top: -2px;
	border-bottom: 4px solid #000000;
	height: 17px;
	max-height: 20px;
  color: #ffffff;

}
#menu_lateral h2 {
	font-size: 1.0em;
	font-weight: bold;
	padding-top: 2px;
	padding-left: 5px;
	margin-left: 0px;
	margin-top: -2px;
	border-bottom: 2px solid #ffffff;
	height: 20px;
	max-height: 20px;
	background: trasparent;
	
/*	background: transparent url(../img/item_menu.gif) no-repeat; */

}

#menu_lateral #cuadro_marcas {
	border: 1px solid #ccc;
	background-color: #f8f8f8;
}



/****************************************************************************************************************** CONTENIDO */

.contenido_lista {
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 0px;
	border: 1px solid #eee;
	padding: 5px;
	margin-bottom: 20px;
}

div.contenido_pestanas {
	margin: 0px;
	margin-left: 15px;
	padding: 0px;
	height: 22px;
}

div.cuerpo_seccion {
	border-bottom: 1px solid #eee;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 2px;
	padding-right: 2px;
	margin-bottom: 15px;
}



/****************************************************************************************************************** ESPECIFICOS */

/******************************************************** PRINCIPAL */

#contenido #secciones_principales {
	float: left;
	margin-left: 10px;
	width: 360px;
	margin-bottom: 20px;
}

#secciones_principales .item {
	margin-top: 15px;
	margin-left: 5px;
	margin-right: 5px;
	border: 1px solid #f8f8f8;
}

#secciones_principales h1, h2 {
	font-weight: bold;
	text-decoration: none;
	margin-top: 0px;
	margin-bottom: 0px;
}

#secciones_principales h1 { font-size: 1.4em; }
#secciones_principales h2 { font-size: 1.2em; margin-bottom: 5px; }


#secciones_principales h2 a:hover { text-decoration: underline; }

#secciones_principales h1 {
	padding-left: 10px;
	padding-top: 1px;
	padding-bottom: 1px;
	margin-left: 15px;
background: transparent url(../img/base/tip_item_menu.gif) no-repeat;
}

#contenido #noticias {
	float: right;
	padding-left: 10px;
	margin-right: 2px; /*cambiado el margen de right a left*/
	width: 260px;
}
/*#contenido #imagen {
float: right;
width: 100px;
}*/
/******************************************************** PRODUCTOS */

.contenido_lista tr {
	height: 35px;
}
/*lista superior de articulos*/
.contenido_lista th.titulo_superior, .contenido_lista td.titulo_superior {
	background-color: #0020ff;
	color: #ffff00;
	font-size: 1.4em;
}

.contenido_lista th.par, .contenido_lista th.impar {
	text-align: right;
	padding: 5px;
	padding-right: 10px;
	background-color: #eee;
}

.contenido_lista td {
	padding: 5px;
}

.contenido_lista th.impar, .contenido_lista td.impar {
	background-color: #eee;
}

.contenido_lista th.par, .contenido_lista td.par {
	background-color: #f5f5f5;
}



/******************************************************** MAPA */

#mapa h2, #mapa h3, #mapa h4, #mapa h5, #mapa h6 {
	margin: 0px;
	padding: 0px;
	background: transparent;
	font-weight: bold;
}

#mapa h2 a, #mapa h3 a, #mapa h4 a, #mapa h5 a, #mapa h6 a {
	text-decoration: none;
}

#mapa h2 a:hover, #mapa h3 a:hover, #mapa h4 a:hover, #mapa h5 a:hover, #mapa h6 a:hover {
	text-decoration: underline;
}

#mapa h2 {
	font-size: 1.6em;
	margin: 10px;
	padding-left: 15px;
}

#mapa h3 {
	font-size: 1.4em;
	margin: 6px;
	padding-left: 35px;
}

#mapa h4 {
	font-size: 1.2em;
	margin: 4px;
	padding-left: 55px;
}

#mapa h5 {
	font-size: 1.1em;
	margin: 2px;
	padding-left: 75px;
}

#mapa h6 {
	font-size: 1.0em;
	padding-left: 95px;
}


/******************************************************** PESTAŅAS */

div.pestana_a, div.pestana_c, div.pestana_a2, div.pestana_c2 {
	float: left;
	height: 22px;
	width: 4px;
	min-width: 4px;
}

div.pestana_a {
	background: transparent url(../img/base/pestana_a.gif) no-repeat;
}

div.pestana_c {
	background: transparent url(../img/base/pestana_c.gif) no-repeat;
	margin-right: 5px;
}

div.pestana_a2 {
	background: transparent url(../img/base/pestana_a2.gif) no-repeat;
}

div.pestana_c2 {
	background: transparent url(../img/base/pestana_c2.gif) no-repeat;
	margin-right: 5px;
}

div.pestana_b {
	float: left;
	background: transparent url(../img/base/pestana_b.gif) repeat-x;
	height: 18px;
	padding-left: 5px;
	padding-right: 5px;
	font-weight: bold;
	font-size: 1.1em;
	padding-top: 4px;
}

div.pestana_b2 {
	float: left;
	background: transparent url(../img/base/pestana_b2.gif) repeat-x;
	height: 18px;
	padding-left: 5px;
	padding-right: 5px;
	font-weight: bold;
	font-size: 1.1em;
	padding-top: 4px;
}



/******************************************************** PRODUCTOS Y CATEGORIAS */

img.producto {
	float: left;
	margin-right: 5px;
	margin-bottom: 1px;
}

img.galeria {
	float: left;
	margin-left: 15px;
	margin-bottom: 15px;
}

p.intro_producto {
	margin-top: 15px;
	margin-bottom: 20px;
	font-weight: bold;
	padding-right: 10px;	
}

#aviso p {
	padding: 10px;
	padding-left: 15px;
	padding-right: 15px;
}

#aviso h3 {
	font-size: 1.1em;
	margin: 0px;
	padding: 0px;
	margin-left: 15px;
	margin-top: 15px;
	text-decoration: underline;
}

#aviso ul {
	margin: 0px;
	margin-left: 15px;
}

#aviso li {
	margin: 5px;
}

p.descripcion_producto {
	color: #444;
	margin-bottom: 15px;
}

/******************************************************** BUSQUEDA */
.res_cuerpo {
	color: #000;
	font-size: 1.2em;
	padding-left: 15px;
	padding-bottom: 5px;
}

.res_url {
	color: #000;
	font-size: 1.0em;
	padding-left: 15px;
	margin-bottom: 20px;
}