/* CSS Document */

* {
	margin: 0;
	padding: 0;
}


body { font-family:Arial, Helvetica, sans-serif;
	   font-size: 12px;
	   color: #4D542A;
	   background-color: #394317;
	   background-image: url(pics/spikeback.gif);
	   background-repeat: repeat-y;
	   background-position: center;
						
}

.black { font-size: 12px;
		 width: 210px;
		 height: 200px;
		 padding: 10px;
		 padding-top: 35px;
		 margin-top: 15px;
}

.black ul { padding: 10px;

}

/* Contenido */

#contenidoform { margin-left: auto;
			 	 margin-right: auto;
			 	 margin-top: 110px;
			 	 text-align:justify;
			 	 float: left;
			 	 width: 385px;
			 	 height: 305px;				
}

#contenido { margin-left: auto;
			 margin-right: auto;
			 margin-top: 70px;
			 text-align: left;
			 float: left;
			 width: 385px;
			 height: 280px;				
}

.contenido2 { margin-right: 80px;
			  margin-left: auto;
			  margin-top: 100px;
			  text-align: left;
			  float: right;
			  width: 251px;
			  font-size: 16px;
			  height: 145px;
}

#contenido3 { margin-left: auto;
			  margin-right: auto;
			  margin-top: 15px;
			  text-align: left;
			  float: right;
			  width: 385px;
			  height: 335px;				
}

#contenido4 { margin-left: auto;
			  margin-right: auto;
			  margin-top: 60px;
			  text-align: left;
			  float: left;
			  width: 385px;
			  height: 250px;
			  padding: 20px;
}

#contenido5 { margin-top: 75px;
			  margin-left: 20px;
			  margin-right: 20x;
			  text-align: left;
			  float: left;
			  width: 480px;
			  height: 260px;
			  padding: 10px;
			  clear: both;
}


#contenido5  p { padding: 5px;
}

#contenido4  p { padding: 10px;
}

#contenido  p { padding: 10px;
}

#contenido   a { color: #CCCCCC;
		  text-decoration: none;
}

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

#contenido a:hover { color: #CCCCCC;
		        text-decoration: underline;
}

#contenido  a:visited { color: #FFFFFF;
}

#contenido4   a { color: #CCCCCC;
		  text-decoration: none;
}

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

#contenido4 a:hover { color: #CCCCCC;
		        text-decoration: underline;
}

#contenido4  a:visited { color: #FFFFFF;
}

/* Diseno */

#disenopic { margin-top: 0px;
		     float: left;
		     height: 300px;
		     width: 300px;
		     padding-left: 40px;
		     padding-top: 20px;
		     display: none;
}

#disenopic2 { margin-top: 0px;
		      float: left;
		      height: 300px;
		      width: 300px;
		      padding-left: 40px;
		      padding-top: 20px;
		      display: none;
}

#disenopic3 { margin-top: 0px;
		      float: left;
		      height: 300px;
		      width: 300px;
		      padding-left: 40px;
		      padding-top: 20px;
		      display: none;
}

#disenopic4 { margin-top: 0px;
		      float: left;
		      height: 300px;
		      width: 300px;
		      padding-left: 40px;
		      padding-top: 20px;
		      display: none;
}

#disenopic5 { margin-top: 0px;
		      float: left;
		      height: 300px;
		      width: 300px;
		      padding-left: 40px;
		      padding-top: 20px;
		      display: none;
}

#disenopic6 { margin-top: 0px;
		      float: left;
		      height: 300px;
		      width: 300px;
		      padding-left: 40px;
		      padding-top: 20px;
		      display: none;
}

#disenopic7 { margin-top: 0px;
		      float: left;
		      height: 300px;
		      width: 300px;
		      padding-left: 40px;
		      padding-top: 20px;
}


#diseno { margin-top: 0px;
		  float: left;
		  height: 260px;
		  width: 300px;
		  padding-left: 40px;
		  padding-top: 20px;
				
}

#diseno h1 { text-transform: capitalize;
			 font-family: Georgia, "Times New Roman", Times, serif;
			 font-style: normal;
			 font-size: 16px;
			 text-align: left;
			 color: #FFFFFF;
}

#diseno h2 { text-transform: capitalize;
			 font-family: Georgia, "Times New Roman", Times, serif;
			 font-style: normal;
			 font-size: 16px;
			 text-align:right;
}


#diseno  p { padding: 10px;
}

#diseno  a { text-decoration: none;
}

#diseno  a:link { text-decoration: none;
}

#diseno a:hover { text-decoration: none;
}

#diseno  a:visited { text-decoration: none;
}

/* Footer */

.footer {
			width: 800px;
			height: 20px;
			background-color: transparent;    
			font-size: 12px;
			color: #999999;
			text-align: center;
			clear: both;
			margin: 0 auto;
			margin-top: 5px;
			
}

.footer a { color: #000000;
		  
}

.footer a:link { color: #000000;
                 text-decoration: none;
}

.footer a:hover { color: #999999;
		        text-decoration: underline;
}

.footer a:visited { color: #006600;
}

#fotoedi { position: relative;
		   width: 175px;
		   height: 230px;
		   margin-top: 90px;
		   float: left;
		   margin-left: 50px;
		   margin-right: 50px;
}

.flag { float: right;
		width: 150px;
		height: 160px;
		text-align: justify;
		padding: 5px; 
		color: #FFFFFF;
		font-size: 15px;
		font-weight: bold;		  
		font-family: "Times New Roman", Times, serif;
		margin-top: 120px;
}

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

.flag  a:link { color: #FFFFFF;
		  	   text-decoration: none;
}

.flag a:hover { color: #FFFFFF;
		        text-decoration: none;
}

.flag  a:visited { color: #FFFFFF;
}

.flag b {  font-size: 13px;
		   font-family: Georgia, "Times New Roman", Times, serif;
}




h1 { text-transform: capitalize;
	 font-family: Georgia, "Times New Roman", Times, serif;
	 font-weight: normal;
	 font-style: italic;
	 color: #87891E;
	 font-size:16px;
	 text-align: right;	   		
}

h2 { text-transform: capitalize;
	 font-family: Arial, Helvetica, sans-serif;
	 font-weight: bold;
	 font-style: italic;
	 color: #000000;
	 font-size:16px;
	 text-align: left;	   		
}

/* Imgmenu */

#imgindx {  background-image: url(pics/contenedorytrans.gif);
			background-repeat: no-repeat;
			width: 787px;
			height: 400px;			
		    clear: both;
			margin-left: auto;
			margin-right: auto;
			    
}

#imgiper {  background-image: url(pics/contpersona.gif);
			background-repeat: no-repeat;
			width: 787px;
			height: 400px;			
		    clear: both;
			margin-left: auto;
			margin-right: auto;
			    
}

#imgipak {  background-image: url(pics/webpack.jpg);
			background-repeat: no-repeat;
			width: 787px;
			height: 913px;			
		    clear: both;
			margin-left: auto;
			margin-right: auto;
			    
}

#imgcont {  background-image: url(pics/contenedor.gif);
			background-repeat: no-repeat;
			width: 787px;
			height: 400px;			
		    clear: both;
			margin-left: auto;
			margin-right: auto;
			margin-bottom: 10px;      
}

#imgcontlarge { background-image: url(pics/contenedorlarge.gif);
				background-repeat: no-repeat;
				width: 787px;
				height: 481px;			
				clear: both;
				margin-left: auto;
				margin-right: auto;
				margin-bottom: 10px;      
}

/* Info */

.info { float: right;
		width: 200px;
		height: 200px;
		margin-top: 120px;
		margin-right: 30px;
		text-align: justify;
		padding: 5px; 
		color: #FFFFFF;
		font-size: 15px;
		font-weight: bold;		  
		font-family: "Times New Roman", Times, serif;
}

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

.info  a:link { color: #FFFFFF;
		  	   text-decoration: none;
}

.info a:hover { color: #FFFFFF;
		        text-decoration: none;
}

.info  a:visited { color: #FFFFFF;
}

.info b {  font-size: 13px;
		   font-family: Georgia, "Times New Roman", Times, serif;
}

.image { position: relative;
		 background-color: #000000;
		 color: #FFFFFF;
		 font-size: 12px;
		 width: 210px;
		 height: 232px;
		 margin-top: 35px;
		 float: right;
		 margin-right: 20px;
		 margin-top: 75px;
		 padding: 10px;
		 
}

.imagemail { position: relative;
		 	 background-color: #000000;
		     color: #FFFFFF;
			 font-size: 12px;
			 width: 210px;
			 height: 225px;
			 margin-top: 110px;
			 float: right;
			 margin-right: 30px;
			 padding: 10px;
			 
}

.logo {  background-image: url(pics/marca.gif);
		 background-repeat: no-repeat;  
		 margin-left: 580px;
		 width: 96px;
		 height: 111px;
}

.languaje { float: right;
		    width: 80px;
			height: 150px;
			text-align: justify;
			color: #FFFFFF;
			font-size: 15px;
			font-weight: bold;		  
			font-family: "Times New Roman", Times, serif;
			margin-top: 130px;
}

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

.languaje  a:link { color: #FFFFFF;
		  	   text-decoration: none;
}

.languaje a:hover { color: #FFFFFF;
		        text-decoration: none;
}

.languaje  a:visited { color: #FFFFFF;
}

.languaje b {  font-size: 13px;
		   font-family: Georgia, "Times New Roman", Times, serif;
}


/* Menu */

.menu { background-image: url(pics/logo.jpg); 
		background-repeat: no-repeat;
		clear: both;
		height: 200px; 
		width: 726px;
		margin-top: 0px;
		margin-left: auto;
		margin-right: auto;
		position: relative;
}

.menuin { height: 45px; 
		  width: 726px;
		  margin-top: auto;
		  margin-left: auto;
		  margin-right: auto;
		  position: relative;
		  padding-top: 165px;
		  
} 

/* Menulinks */

#menulinks { clear: both;
			 font-size: 12px; 
			 height: 25px; 
			 width: 584px;
			 text-align: center; 
			 padding-top: 170px;
			 margin-left: auto;
			 margin-right: auto;
			 word-spacing: 5px;			 
}

#menulinks a { color:#000033;
			   text-decoration: none;
}

#menulinks a:link { text-decoration: none;
}

#menulinks a:hover { color: #FFFFFF;
					 text-decoration: underline;				 
}

#menulinks a:visited { color: #000000;
}

/* Mail */

.mail { margin-top: 0px;
		float: left;
		height: 280px;
		width: 300px;
		padding-left: 40px;
		/*padding-top: 20px;*/
				
}

/* Main */

#main1 { float: left;
         height: 320px; 
         width: 230px;
		 padding: 15px;
		 
}

#main2 { float: left;
         height: 320px;
         width: 230px;
		 padding: 15px;
		 
}

#main3 { float: left;
         height: 320px; 
         width: 230px;
		 padding: 15px;
		 
}

#main1 h1, #main2 h1, #main3 h1 { text-transform: capitalize;
				                  font-family: Georgia, "Times New Roman", Times, serif;
				                  font-style: normal;
				                  font-size: 16px;
				                  text-align: center;
				                  color: #FFFFFF;
}


/* Pagina */


.pagina{ width: 800px;
		 height: 720px;
		 margin-top: 25px;
		 margin-left: auto;
		 margin-right: auto;
		 		
}

.paginapak{ width: 800px;
		    height: 1175px;
		    margin-top: 25px;
		    margin-left: auto;
     	    margin-right: auto;
}

#pic { 	display:none;
}

/* Packs */

.pakbas { height: 160px;
		  width: 450px;
		  margin-top: 125px; 
		  margin-left: 226px;
		  padding-left: 30px;
		  padding-top: 40px;
		  
		  
}		

.pakplu { height: 165px;
		  width: 450px;
		  margin-top: 50px; 
		  margin-left: 226px;
		  padding-left: 30px;
		  padding-top: 40px;

}		

.pakadv {  height: 165px;
		  width: 450px;
		  margin-top: 50px; 
		  margin-left: 226px;
		  padding-left: 30px;
		  padding-top: 40px;

}	

.precios { width: 100px; 
		   height: 40px;
		   font-size: large;
		   font-weight:bold;
		   float: right;
}
		    	
		   
		  	

/* Space */

.space { height: 20px;
}

.titulo { text-transform: capitalize;
		  font-family: Georgia, "Times New Roman", Times, serif;
	      font-style: italic;
		  color: #669900;
		  font-size:30px;
		  text-align: right;
		  margin-left: 140px;
		  margin-top: 5px;
		  width: 600px;
		  height: 25px;
		  padding: 7px; 
		  	  	  
}

/* Menu Bar */

.qmmc .qmdivider{ display:block;
				  font-size:1px;
				  border-width:0px;
				  border-style:solid;
				  position:relative;
				  z-index:1;}

.qmmc .qmdividery{ float:left;
				   width:0px;}
				   
.qmmc .qmtitle{ display:block;
			    cursor:default;
				white-space:nowrap;
				position:relative;
				z-index:1;}

.qmclear { font-size:1px;
		   height:0px;
		   width:0px;
		   clear:left;
		   line-height:0px;
		   display:block;
		   float:none !important;}
.qmmc {
	position: absolute;
	zoom:1;
	z-index:10;
	width: 450px;
	margin-left: 80px;
	left: 171px;
	top: 165px;
}
.qmmc a, .qmmc li { float:left;
					display:block;
					white-space:nowrap;
					position:relative;
					z-index:1;}

.qmmc div a, .qmmc ul a, .qmmc ul li { float:none;}

.qmsh div a {float:left;}

.qmmc div{ visibility:hidden;
		   position:absolute;}

.qmmc .qmcbox{ cursor:default;
			   display:block;
			   position:relative;
			   z-index:1;}

.qmmc .qmcbox a{ display:inline;}

.qmmc .qmcbox div{ float:none;
				   position:static;
				   visibility:inherit;
				   left:auto;}

.qmmc li {z-index:auto;}

.qmmc ul { left:-10000px;
		   position:absolute;
		   z-index:10;}

.qmmc, .qmmc ul { list-style:none;
				  padding:0px;
				  margin:0px;}

.qmmc li a { float:none}

.qmmc li:hover>ul{ left:auto;}

#qm0 ul {top:100%;}

#qm0 ul li:hover>ul{ top:0px;
					 left:100%;}


/*!!!!!!!!!!! QuickMenu Styles [Please Modify!] !!!!!!!!!!!*/


	/* QuickMenu 0 */

	/*"""""""" (MAIN) Items""""""""*/	
	#qm0 a	
	{	
		padding:5px 4px 5px 5px;
		color:#555555;
		font-family:Arial;
		font-size:10px;
		text-decoration:none;
	}


	/*"""""""" (SUB) Container""""""""*/	
	#qm0 div, #qm0 ul	
	{	
		padding:10px;
		margin:-2px 0px 0px 0px;
		background-color:transparent;
		border-style:none;
	}


	/*"""""""" (SUB) Items""""""""*/	
	#qm0 div a, #qm0 ul a	
	{	
		padding:3px 10px 3px 5px;
		background-color:transparent;
		font-size:11px;
		border-width:0px;
		border-style:none;
	}


	/*"""""""" (SUB) Hover State""""""""*/	
	#qm0 div a:hover	
	{	
		background-color:#DADADA;
		color:#CC0000;
	}


	/*"""""""" (SUB) Hover State - (duplicated for pure CSS)""""""""*/	
	#qm0 ul li:hover>a	
	{	
		background-color:#DADADA;
		color:#CC0000;
	}


	/*"""""""" (SUB) Active State""""""""*/	
	body #qm0 div .qmactive, body #qm0 div .qmactive:hover	
	{	
		background-color:#DADADA;
		color:#CC0000;
	}


	/*"""""""" Individual Titles""""""""*/	
	#qm0 .qmtitle	
	{	
		cursor:default;
		padding:3px 0px 3px 4px;
		color:#444444;
		font-family:arial;
		font-size:11px;
		font-weight:bold;
	}


	/*"""""""" Individual Horizontal Dividers""""""""*/	
	#qm0 .qmdividerx	
	{	
		border-top-width:1px;
		margin:4px 0px 4px 0px;
		border-color:#BFBFBF;
	}


	/*"""""""" Individual Vertical Dividers""""""""*/	
	#qm0 .qmdividery	
	{	
		border-left-width:1px;
		height:15px;
		margin:4px 2px 0px 2px;
		border-color:#AAAAAA;
	}


	/*"""""""" (main) Rounded Items""""""""*/	
	#qm0 .qmritem span	
	{	
		border-color:#DADADA;
		background-color:#F7F7F7;
	}


	/*"""""""" (main) Rounded Items Content""""""""*/	
	#qm0 .qmritemcontent	
	{	
		padding:0px 0px 0px 4px;
	}


	/*"""""""" Custom Rule""""""""*/	
	ul#qm0 ul	
	{	
		padding:10px;
		margin:-2px 0px 0px 0px;
		background-color:#F7F7F7;
		border-width:1px;
		border-style:solid;
		border-color:#DADADA;
		
	}


	/*"""""""" Custom Rule""""""""*/	
	ul#qm0 li:hover > a	
	{	
		background-color:#F7F7F7;
	}