@charset "ISO-8859-1";
body
{
	/*background-color:#999999; 		/*Color de fondo*/
	
	width:100%;
	height:100%;
	padding:0;
	margin-top: 10px;		
	border:0;
	background-color:transparent;
	background: url(../images/fondo.gif);
	/*background: url(../images/fondo.png);*/
	
	}

#padre 
{
	position: relative;
	top:0px;
	width:749px;
	height:550px;
	margin: 0 auto;
	background: url(../images/fondo.jpg);
}

#header
{
	 	/*para  que el logo quede por encima en lugar de desplazar hacia abajo*/
		/*margin-top:20px; /* para IE */
		background-color:#0F648C;
		/*background-color:#CCCCCC;*/
		width:749px;
		height:100px;
}

#logoimg
{
	position:absolute;
	top:0px;
	left:0px;
	width:200px;
	height:100px;
	margin:0 auto;
	border-color:white;
	border-style:solid;
	border-width:1px;	
}

#banner
{
	position:absolute;
	top:0px;
	left:201px;
	width:546px;
	height:100px;
	border-color:white;
	border-style:solid;
	border-width:1px;
}

#headsection
{
	position:relative;
	top:0px;
	left:0px;
	width:597px;
	height:25px;
	background: url(../images/bgsec.png) repeat-x;
	/*background-color:#0F648C;*/
	border-color:white;
	border-style:solid;
	border-width:1px;
	color:white;
	font-weight:800;
	padding-left:150px;
	overflow:hidden;
	padding-top:0px;
}

#menu
{
	/*Posición respecto al navegador*/
	top:125px;
	left:0px;
	position: absolute;
	
	/*Tamaño*/
	width:150px;
	height:300px;
	
	/*Otros atributos*/
	
}
#principal
{
	/*Posición*/
	top:126px;
	left:152px;
	position:absolute;
	
	/*Tamaño*/
	width:597px;
	height:430px;
	overflow:hidden;
	border:white;
	border-width:1px;

}

p
{
text-indent:15px;

}
ul
{
	margin-top:-5px;
}
li
{
	text-align:justify;
	margin-left:-15px;
	padding-right:0px;
}

DT
{
	
	font-weight:bold;
	margin-left:10px;
	font-size:12px;
}

DD
{
	text-align:justify;
	margin-bottom:5px;
	margin-top:3px;
	margin-left:25px;
}

#logo
{
	top:478px;
	left:0px;
	position:absolute;
	width:150px;
	height:51px;
	background:url(../images/logo.jpg);
}
#trabaja
{
	top:377px;
	left:0px;
	position:absolute;
	width:150px;
	height:100px;
	text-align:center;
	color:white;
	/*background-image:url(../images/cuadro.jpg);*/
	font-size:11px;
	border-style:solid;
	border-color:white;
	border-width:1px;
}
#aviso, #about
{
	position:absolute;
	top:1px;
	left:1px;
	width:595px;
	height:403px;
	font-size:12px;
	font-family:"Times New Roman", Arial, serif;
	overflow:auto;
	text-align:justify;
	}
	
	#about
	{
	font-size:14px;
	}
	
	img.imgright  {
		clear:right;
		float:right;
		margin-right:200px;
		/*
		max-width:48%;
		margin:4px 0 4px 10px;
		*/
	}
#portada
{
	top:1px;
	left:0px;
	position:absolute;
	width:305px;
	height:390px;
	padding-top:1px;
	padding-left:1px;

}
#presentacion
{
	top:0px;
	left:300px;
	position:absolute;
	width:285px;
	height:400px;
	
	overflow:hidden;
	font-size:12px;
	font-family:"Times New Roman", Arial, serif;
	font-weight:500;
	/*color:#3b92bb;*/
	color:#0A4360;
	

}
#supproductos
{
	top:1px;
	left:0px;
	position:relative;
	width:590px;
	height:130px;
	overflow:hidden;
	/*color:#3b92bb;*/	
}

#cuadro1, #cuadro2, #cuadro3, #cuadro4
{
top:0px;
position:absolute;
text-align:center;
font-size:12px;
height:120px;
}
#cuadro1
{
left:10px;
}
#cuadro2
{
left:166px;
}
#cuadro3
{
left:322px;
}
#cuadro4
{
left:478px;
}
#infproductos
{
	top:-17px;
	left:0px;
	width:592px;
	height:299px;
	font-family:"Times New Roman", Arial, serif;
	color:#0A4360;
	overflow:auto;
	font-size:12px;
	font-weight:500;
	position:relative;
	padding-top:5px;
	
}
#correo
{
position:absolute;
color:#FF0000;
text-align:center;
width:595px;
left:1px;
height:100px;
top:100px;
}
#imagen
{
	position:relative;
	top:0;
	width:305px;
	height:250px;
}
#descripcion
{
	position:absolute;
	top:250px;
	width:305px;
	height:115px;
	text-align:center;
	color:white;
	background:#3b92bb;
}
#botones
{
	position:absolute;
	top:365px;
	width:305px;
	height:25px;
	font-size:10px;
}
.bot
{
	position:absolute;
	width:34%;
	height:25px;
	background-color:#A7BC3B;
	text-align:center;
	/*padding: 5px, 5px, 5px, 5px;*/
	border-style:solid;
	border-width:1px;
	color:white;
}

#superior
{
	
	top:4px;
	left:0px;
	position:relative;
	width:580px;
	height:150px;
	font-size:12px;
	font-family:"Times New Roman", Arial, serif;
	font-weight:500;
	text-align:justify;
	/*color:#3b92bb;*/
	color:#0A4360;
	padding-left:10px;
	overflow:hidden;
}
#headsubsection, #headsubsection2
{
	position:absolute;
	left:0px;
	width:590px;
	height:25px;
	background: url(../images/bgsec.png) repeat-x;
	border-color:white;
	border-style:solid;
	border-width:1px;
	color:white;
	font-weight:800;
	padding-left:5px;
	overflow:hidden;
	}
#headsubsection
{	
	top:150px;
	overflow:auto;
}
#headsubsection2
{	
	top:100px;
}
#map{ /* mapa de Google Maps */
	position:absolute;
	top:1px;
	left:1px;
	width:595px;
	height:403px;
	}
#inferior
{
	top:0px;
	left:0px;
	position:relative;
	width:595px;
	height:250px;
	font-size:14px;
	font-family:"Times New Roman", Arial, serif;
	font-weight:700;
	overflow:hidden;
}
#contacto
{
	top:110px;
	left:1px;
	position:absolute;
	width:595px;
	height:295px;
	font-size:14px;
	font-family:"Times New Roman", Arial, serif;;
	font-weight:700;
}
#contactosup
{
	top:1px;
	left:1px;
	position:absolute;
	width:595px;
	height:100px;
	font-size:14px;
	font-family:"Times New Roman", Arial, serif;
	font-weight:700;
}
#footer
{	
	/*Posición*/
	top:530px;						/*Distancia arriba*/
	left:0;						/*Distancia izquierda*/
	position:absolute;				/*Posición*/
	
	/*Tamaño*/
	width:747px;					/*Tamaño ancho*/
	height:30px;					/*Tamaño alto*/					
	
	/*Otros atributos*/
	background: url(../images/bgfoot.png);
	/*background-color:#0F648C;
	/*padding-top:3px;				/*Distancia de relleno top*/
	color:#FFFFFF;					/*Color del texto*/
	/*padding-bottom:3px;				/*Distancia del relleno bottom*/
	overflow:hidden;
	border-style:solid;
	border-color:white;
	border-width:1px;
	
}

#partei
{
	top:7px;
	left:10px;
	position:absolute;
	width:200px;
}
#partec
{
	top:7px;
	left:210px;
	position:absolute;
	width:300px;
	font-size:14px;
	text-align:right;
	font-family:"Times New Roman", Arial, serif;
}

#parted
{
	top:8px;
	left:648px;
	position:relative;
	width:200px;


}
/*FIN DE BLOQUES*/

.buttonactive
{
	background-image: url(../images/buttonactive.png);
	/*background:#0F648C;*/
	/*background:#1382B7;*/
}
.buttoninactive a:hover { /* settings for hover effect */
			color:#58A2C9;
			}
#partec a:hover { /* settings for hover effect */
			color:#58A2C9;
			}
.buttoninactive
{
	background-image: url(../images/buttoninactive.png);
	/*background:#0F648C;*/
}

.buttonactive, .buttoninactive
{	top:1px;
	left:0px;
	position:relative;
	
	width:150px;
	height:61px;
	border-color:white;
	border-style:solid;
	border-width:1px;
	color:#FFFFFF;
}

.icono
{
	position:relative;
	top:5px;
	left:2px;
	float:left;
}
.texto
{
	position:relative;
	top:20px;
	text-align:left;
	left:2px;
	font-size:14px;
	font-weight:bold;
}
.texto2
{
	position:relative;
	top:20px;
	text-align:left;
	font-size:14px;
	font-weight:bold;
}

/*PROPIEDADES DE LOS LINKS*/
a:hover
{ 
	text-decoration:none;
	cursor:pointer;
	}
a:link
{
	text-decoration:none;
	color:white;
}
a:visited
{
	text-decoration:none;
	color:white;
}

		
	
	img{
		border:0; /* para quitar el borde azul por defecto si una imagen es un link */
	}