@charset "utf-8";
/* CSS Document */

body 							{font: 75% Arial, Helvetica, sans-serif;color: #FFF;margin: 0px;padding: 0px;background-color:#777;}

/* CONTENEDOR **********/
#contenedor 				{padding: 0px 0px 10px;width: 945px;margin: 0 auto;background: repeat-y left top;}
	.home #contenedor 			{background-image: url(../img/bg_home.gif);}
	.empresa #contenedor			{background-image:url(../img/bg_empresa.gif);}
	.download #contenedor,
	.productos #contenedor,
	.contacto #contenedor 		{background-image: url(../img/bg_productos.gif);}
	.servicios #contenedor 		{background-image:url(../img/bg_servicios.gif);}
	.packaging #contenedor 		{background-image:url(../img/bg_packaging.gif);}
	.cotizar #contenedor			{background-image: none; background-color:#BDBDBD; width:670px;}

/* SIDE ****************/
#side 						{width: 245px;padding-right: 15px;float: left;padding-left: 15px;}
	.home #side				{background: url(../img/top-home-side.jpg) no-repeat top right;}

/* LOGO ****************/
#logo 						{margin: 0px 0px 30px;padding: 55px 0 0 0;height: 80px;line-height: 80px;}
#logo a 						{background: url(../img/logo.png) no-repeat center right;display: block;text-indent: -99999px;outline: none;}

/* NAVEGACIÓN **********/
#nav 							{margin: 0px;padding: 0px;font-family: Arial, Helvetica, sans-serif;text-transform: uppercase;list-style: none;}
#nav li 						{padding: 3px 5px 0px 15px;background: url(../img/nav_bull.png) no-repeat left 12px;}
#nav li a	 				{color: #FFF;text-decoration: none;font-size: 16px;display: block;border-bottom: 1px dotted #FFF; text-shadow:#000 2px 2px 1px;
								 line-height: 20px;height: 20px;padding-top: 3px;padding-bottom: 3px;}
	.home #nav li a:hover		{background-color: #09F;}
	.empresa #nav li a:hover,
	.empresa .actual,
	.cotizar #nav li a:hover,
	.contacto #nav li a:hover,
	.contacto .actual				{background-color:#8ACCFF;}
	.productos #nav li a:hover,
	.productos .actual			{background-color:#014A7D;}
	.packaging #nav li a:hover,
	.packaging .actual			{background-color:#465CCB;}
	.servicios #nav li a:hover,
	.servicios .actual			{background-color:#33338D;}
	.download #nav li a:hover,
	.download .actual				{background-color:#010767;}
	
#nav li ul					{margin: 0; padding:0; list-style-type: none;}
#nav li ul li				{background-image: none; padding-left: 0px; padding-right:0;}
#nav li ul li a			{font-size: 12px; border-bottom: none; padding-left: 3px; line-height: 14px; height:14px;}
#nav li ul li a:hover	{color:#0FF;}

#side a img					{border: 2px dotted #09C; display:block; margin: 1.5em auto;}

/* CONTENIDO ***********/
#contenido 					{float: right;width: 670px; position:relative; background: no-repeat top left; padding-top: 230px;}
	.home #contenido				{background-image:url(../img/top-home.jpg);}
	.empresa #contenido			{background-image:url(../img/top-empresa.jpg);}
	.cotizar #contenido			{background-image:url(../img/top-cotizar.jpg);}
	.productos #contenido		{background-image:url(../img/top-productos.jpg);}	
	.contacto #contenido			{background-image:url(../img/top-contactenos.jpg);}
	.servicios #contenido		{background-image:url(../img/top-servicios.jpg);}
	.packaging #contenido		{background-image:url(../img/top-packaging.jpg);}
	.download #contenido			{background-image:url(../img/top-download.jpg);}
	
#contenido .boton			{display: block; position:absolute; top: 180px; right:5px;}
	.boton img				{border: 0;}

h2								{font: bold 48px "Arial Black", Gadget, sans-serif; letter-spacing:-2px;margin:0 0 0 30px; text-indent: -12px; border-bottom: 1px dotted;
								 text-transform:lowercase;}
h2 span						{font: normal 36px arial; display:inline-block; width:12px;}
h2 big						{font: 90px/50px Georgia, "Times New Roman", Times, serif;}
h2 small						{font-size: 30px;}
h3								{font-size: 14px; margin: 2em 0 0; padding:0; letter-spacing:1px;}
h4								{font-size: 13px; margin: 0; padding:0;}
dt								{font-size: 13px; margin: 1.8em 0 0; padding:0;}
	.home h2							{color: #09F; border-bottom-color: #09f;}
	.home h2 small					{color: #FFF;}
	.empresa h2,
	.cotizar h2						{color:#003169; border-bottom-color:#003169;}
	.productos h2,
	.productos dt,
	.download h2,
	.contacto h2,
	.download .info a,
	.download .links 				{color:#0271DA; border-bottom-color:#0271DA;}
	.download .info a:hover		{color: #0CF;}
	.packaging h2,
	.packaging h3					{color:#9C95FF; border-bottom-color:#9C95FF;}
	.packaging h3					{margin-bottom: 1em; border-bottom: 2px dotted;}
	.servicios h2,
	.servicios h3					{color:#98FFFE; border-bottom-color:#98FFFE;}

.info							{margin: 2em 30px; font-size: 11px;}
	.cotizar .info					{color: #333;}
.info p						{margin:0 0 1.4em; padding:0;}
.info a						{text-decoration: none;}
.info a:hover				{text-decoration: underline;}
.packaging .info a		{color: #FFF; font-weight:bold;}

.productos .info dt				{border-bottom: 2px dotted #0271DA; font-weight: bold; letter-spacing: 1px;}
	.info dl a img					{border: 2px dotted; padding:5px;}	
	.productos .info a img		{border-color:#0271DA; background-color: #021019;}
	
.info dd								{margin-left: 30px; margin-right: 30px;}
.fltizq								{float: left; margin-right: 15px; display:inline;}
.fltder								{float: right; margin-left:15px; display:inline;}
.alder								{text-align: right;}
br.truco								{clear: both; display:block; line-height: 1px; margin-top:-1px; height:1px;}

.thumb								{float: left; width: 23%; margin-right: 10px; display:inline;}
.thumb .ttop,
.especial .top						{padding:4px; border: 2px dotted #9C95FF; position:relative; font-weight: bold; font-size:13px; color: #9C95FF;}
	.ttop img						{padding: 4px;}
	.ttop span						{position: absolute; bottom:2px; right:2px;}
.thumb .tcont						{border: 2px dotted #9C95FF; border-top: none; border-left: none; padding: 5px 5px 5px 0;}

.info .especial					{width: 80%;}
	.especial p						{clear: both;}
	.especial a img,
	.ttop a img						{border: none;}
	
.info .tab label					{display: inline-block; width: 80px; text-align:right;}
.download .links 					{margin: 1em 0 1em 10px; padding: 0 0 0 10px; line-height:18px;}
.download .links li a			{color: #FFF; text-decoration:none; }

.cotizar .info th					{color: #FFF; text-transform:uppercase; font-size:14px; padding:3px 5px; text-align: left;}
.cotizar .info	td					{font-weight: bold; padding-top: 5px;}
/* PIE *****************/
#pie 							{clear: both;background-color: #000;padding: 10px 15px;text-align: center;}
	#pie address 			{font-style: normal;font-size: 11px;}
	#pie a 					{color: #FFF;}