* {
	margin: 0;
	padding: 0;
	
}

body 
	{
		background:#ebebeb url(imagenes/body.png);
		background-repeat:repeat;
/* (imagenes/img01.gif) repeat-x;
    222222  181818 f6f6f6   EEEEEE  e5e5e5 url(imagenes/bg.png);
  background-repeat:repeat-x; */   
	text-align:center;       
	color:#444751;
  /*3E3E3E;*/
	text-transform: normal;
	letter-spacing: normal;
	font-size:14px;
	font-family:Tahoma,Arial, Helvetica, sans-serif, georgia;
	margin:0 auto;
	padding:0;
  }
p 
	{ 
	font-size: 14px;
	line-height: 1.5em;
	margin: .5em 1em 0 .5em;
	text-align: justify; 
	color:#2f2f2f;
/*	color:#464646;       */
	}
a
	{
	text-decoration:none;
	/*c52b1b
   41B7D5 */
	color: #199ad1;
	margin:5px auto;
	padding:0;
	}

span
  {
	color: #199ad1;
	font-weight:bold;
  }

h1
  {
  text-align:center;
  font-size:24px;
	margin:5px 0px 10px 0px;
	color:# 323335;
	padding:0;
	font-weight: bold;
 	/*color:#3E3E3E; 199ad1  */      
  }

h2,h3,h4,h5,h6 {font-weight: normal;color: #3E3E3E; margin:0 .5em 0 .5em;}
   
/*DIVS principal*/

#contenedor
	{       
     
 /* background:#e5e5e5 url(imagenes/bg.png);
  background-repeat:repeat-x;    
  background:#F6F6F6;*/
	width:1000px;
	height:1500px;  
	position:relative;
	margin:20px auto;
	padding:0px;
  border.radius: 10px;  
 -moz-border-radius:10px;  
  -webkit-border-radius:10px; 
  behavior:url(border-radius.htc); 
	}

  /*Seccion header*/

#header
	{
/*	background: url(imagenes/hline.png);
  background-repeat:repeat-x;    
  background-position:bottom;    */
	width:1000px;
	height:300px;
	}
/*logo*/	
	.logo
	{
	float:left;
	width: 400px; 
	height: 200px;     
  }
 
 /*menu negro*/
 
#menu 
{
margin:50px 0px 0px 0px;
padding:0; 
/*background:#222;
background:url(imagenes/bgmenu.png);
background-repeat:repeat-x;  *  
:#F6F6F6;191919;;   199ad1*/
float:left;
width:1000px;
height:50px;
position:relative; 
}

#menu ul { margin:0;padding:0; }
#menu ul li { background:url(Imagenes/vline.png); background-repeat:no-repeat; background-position:left;  display:block; padding:0; float:left;text-align:left;margin-right:2.9em; margin-left:2.9em; }
#menu li a { margin-left:10px; color:#222;font:bold 20px arial;text-decoration:none;line-height: 1.3em; display:block; }
#menu li a:hover { color:#199ad1; /*ffc300*/ }
#menu li span { font:11px arial; color:#222;/*222*/ margin:0; }
#menu li span:hover  {color:#222; /*999*/ }
 
	/*Seccion principal*/
	
#principal
	{
/*	background:#e5e5e5; */
	width:1000px;
	height:1200px;
	margin:0px auto;
	padding:0px;
	float:left;     
	text-align:center;
  position:relative;
	}

  /*stick azul*/
  .stick
  {
  position:absolute;
  width:230px;
  height:150px;
  top:50px;  
  right:-15px;  
  }
  
 /*encabezados*/
 .encabezado
  {      
  background: url(imagenes/hline.png);
  background-repeat:repeat-x;    
  background-position:bottom; 
   float:left;
  text-align:center;
 /* background:#e1e1e1; */
  width:1000px;
	height:40px;
	position:relative;
	margin:20px auto;
	padding:0px;
/*	border-bottom: dotted 2px #b1b2b9;
	border-top: solid 2px #b1b2b9;   	border-bottom: solid 2px #b1b2b9;  
	border-color:#B1B2B9;  	border-top-width:30px;    */
  }

 /*Div izquierda*/
 .izquierda
  {
  background: url(imagenes/vline.png);
  background-repeat:repeat-y;    
  background-position:right; 
  float:left;
  width:498px;
	height:350px;
	position:relative;
	margin:10px 0px 10px 0px;
	padding:0px;
	/*border-right: dashed 1px #b1b2b9;
	border-bottom: dashed 1px #b1b2b9; 	border-color:#B1B2B9;
	border-top-width:30px;   punteado*/
  }
  
  /*div derecha*/
 .derecha
  {
  float:right;
  width:458px;
	height:350px;
	position:relative;
	margin:10px 40px 10px 0px;
	padding:0px;
	/*border-right: dashed 1px #b1b2b9;
	border-bottom: dashed 1px #b1b2b9; 	border-color:#B1B2B9;
	border-top-width:30px;   punteado*/
  }
 
 /*divs bajos*/
 .info
  {
  /* background:#fff;
  border.radius: 15px;  
 -moz-border-radius:15px;  
  -webkit-border-radius:15px; 
  behavior:url(border-radius.htc);  */
  float:left;
  width:300px;
	height:250px;
	position:relative;
	margin:10px 15px 10px 15px;
	padding:0px;
	text-align:left;
	/*border: 1px solid #CBCBCB;
	border-right: dashed 1px #b1b2b9;
	border-bottom: dashed 1px #b1b2b9; 	border-color:#B1B2B9;
	border-top-width:30px;   punteado*/
  }

  
 /*clase para las imagenes
  .info img
  {
  position:relative; 
	left:35%;
	top:10%;

  }   */
  
  .info h1
  {
  margin:30px 30px 0 30px;	 
  } 
  
    /*lista de servicios*/ 
    
 .servicios
  {

  float:left;
  width:660px;
	height:250px;
	position:relative;
	margin:20px 20px 20px 20px;
	padding:0px;  
  }
  
  .servicios h1
  {
   text-transform: uppercase;
   font-size:14px;
    float:left;
  }
 
 .servicios li{
  display:block;
  float:left;
  width:660px;
  height:30px;
  margin:10px 0px 0px 0px ;
  padding:0;
  /*background:url(imagenes/hline.png);
  background-repeat:repeat-x;    
  background-position:bottom;*/ 
  
} 
  
  /*lista de clientes*/  
  .clientes
  {
 /*border.radius: 15px;  
 -moz-border-radius:15px;  
  -webkit-border-radius:15px; 
  behavior:url(border-radius.htc);  */
  float:left;
  width:400px;
	height:550px;
	position:relative;
	margin:20px 20px 20px 20px;
	padding:0px;
	/*background:#F5F3F4;   */
  /*border-right: dashed 1px #b1b2b9;
	border: solid 1px #ccc;
	border-right: dashed 1px #b1b2b9;
	border-bottom: dashed 1px #b1b2b9; 	border-color:#B1B2B9;
	border-top-width:30px;   punteado*/
  }
  
  .clientes h1
  {
   text-transform: uppercase;
   font-size:16px;
   font-weight: bold;
   float:left;
   }
 
 .clientes li{
  display:block;
  float:left;
  width:350px;
  height:30px;
  margin:10px auto;
  padding:0;
  border-bottom:2px dashed #b1b2b9;
  /*background:url(imagenes/hline.png);
  background-repeat:repeat-x;    
  background-position:bottom;   */
  
}

 /*galeria de logos*/  
  #galeria
  {
  float:left;
  width:1000px;
	height:100px;
	position:relative;
	background:#FFF;
	margin:0px 0px 10px 0;
	padding:0px;
	/*border-top: dashed 1px #b1b2b9; 	border-bottom: dashed 1px #b1b2b9;
	border-color:#B1B2B9; 	border-top-width:30px;       punteado*/
  } 
  #galeria img
  {
  float:left;
  margin:5px 20px 0 0px;
  }
 
	/*text-transform: uppercase}
p.minusculas {text-transform: lowercase}
p.capitaliza {text-transform: capitalize}              
text-indent:10px*/
	       
  /*Seccion footer*/
#footer
	{
background:#222222 url(imagenes/footer.png);
background-repeat:repeat-x;    
/*	background:#181818 ;   
	444751 8AD5EC   
  clear:both; */
	float:left;   
  text-align:center;
	width:1000px;
	height:50px;
	position:relative;
	margin:10px auto;
	padding:0px;
	/*border-top: 5px solid #363636;  */
	}
	
#footer p{color:#fff; text-align:center;}

/*Acordeon horizontal*/

.divacordeon
{
width:500px;
height:300px;
margin:0px;
padding:0px;
position:relative;
background:url(imagenes/bgacordeon.jpg);
background-repeat:no-repeat;    
}

#accordionGiftLelo  { width:950px;  height:300px; margin:20px 25px 40px 40px; float:left;}
.accordionWrapper{display:inline-block; /*background-color:#EEEEEE;*/ overflow:hidden;}
.accordionWrapper img{vertical-align:top; border:0; margin:0px auto; padding:0}
.accordionWrapper div{display:inline; float:left; margin:auto;}
.accordionWrapper div.title{cursor:pointer;  border-right: dashed 1px #b1b2b9;   }
.accordionWrapper div.content { width:500px; height:300px; display:none; background:url(imagenes/bgacordeon.jpg); 
background-repeat:no-repeat; }

 /*Cajas con caption*/

.boxgrid { 
width: 300px; 
height: 300px; 
margin:30px 0px 0px 20px; 
float:left; 
background:#161613; 
border: solid 2px #8399AF; 
overflow: hidden; 
position: relative; 
}

.boxgrid img{ 
position: absolute; 
top: 0; 
left: 0; 
border: 0; 
}

.boxgrid p{ 
padding: 0 10px; 
color:#afafaf; 
font-weight:bold; 
font:10pt "Lucida Grande", Arial, sans-serif; 
}

.boxgrid h3{ 
color: #199ad1;
font-weight:bold; 
font:10pt Tahoma, Arial, sans-serif; 
}

				
.boxcaption{ 
float: left; 
position: absolute; 
background: #000; 
height: 100px; 
width: 100%; 
opacity: .8; 

/* For IE 5-7 */
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
/* For IE 8 */
-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	}
 				.captionfull .boxcaption {
 					top: 300px;
 					left: 0;
 				}
 				.caption .boxcaption {
 					top: 300px;
 					left: 0;       }


 /*galeria de imagenes miniatura*/
#thumbs {
			padding-top: 30px;
			position: relative;
			width: 1000px;
			text-align: center;	
		}

#thumbs span {
			padding: 10px;
			width: 100px;
			height: 90px;
			cursor: pointer;
		/*	background: url('bg_thumb.gif') top left no-repeat;     */
			display: inline-block;
				float:left;
		}

#arrow {
			position: absolute;
			top: -13px;
		/*	background: url('bg_arrow.gif') top center no-repeat; */
			width: 104px;
			height: 39px;
			display: none;
		
		}
		
		
#preview_wrap {
			margin: 10PX auto;
			padding: 22px;
			width: 600px; 
			height: 460px;
			background: url('bg_preview.gif') top left no-repeat;
		}

#preview_outer {
			overflow: hidden;
			width: 600px;
			height: 460px;
			position: relative;
		}

#preview_inner {
			text-align: left;
			height: 100%;
			position: relative;
		}
		
#preview_inner div {
			float: left;
			width: 600px;
			height: 460px;
			position: relative;
		}
		
#preview_inner div a {
			position: absolute;
			bottom: 0;
			left: 0;	
			display: block;
			width: 100%;
			text-indent: 20px;
			padding: 20px 0;
			color: #fff;
			background: url(bg_trans.png);
			text-decoration: none;
			font-size: 18px;
		}

/* Galeria de clientes*/
.sponsorListHolder{
	margin-bottom:30px;
	
}

.sponsor{
	width:185px;
	height:185px;
	float:left;
	margin:5px;
/* Giving the sponsor div a relative positioning: */
	position:relative;
	cursor:pointer;
	 	    
}

.sponsorFlip{
	/*  The sponsor div will be positioned absolutely with respect
		to its parent .sponsor div and fill it in entirely */

	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	border:1px solid #ddd;    
  background:#fff; 	
	/*background:url("background.jpg") no-repeat center center #f9f9f9;  */
}

.sponsorFlip:hover{
	border:1px solid #999;
	
	/* CSS3 inset shadow: */
	-moz-box-shadow:0 0 30px #999 inset;
	-webkit-box-shadow:0 0 30px #999 inset;
	box-shadow:0 0 30px #999 inset;
}

.sponsorFlip img{
	/* Centering the logo image in the middle of the sponsorFlip div */
  position:absolute;
	top:50%;
	left:50%;
	margin:-70px 0 0 -70px;
	background:#fff; 
}

.sponsorData{
	/* Hiding the .sponsorData div */
	display:none;
		
	
}

.sponsorDescription{
	font-size:14px;
	padding:50px 0px 20px 0px;
	background:#fff;
	width:185px;
	height:50px;
	}

.sponsorDescription h1
{
background:fff;
height:40px;
}

.sponsorURL a
{
height:100%;
}

.sponsorURL{
	font-size:10px;
	font-weight:bold;
  background:#fff;
  height:45px;
  width:185px;
}

.clear{
	/* This class clears the floats */
	clear:both;
}

/*toggle*/	
#toggle
  {
  float:left;
  text-align:center;
  /*clear:both; */
  width:500px;
	height:1100px;
	position:relative;
	margin:0px 0px 0px 0px;
	padding:0px;
	}

h2.trigger {
	padding: 0 0 0 50px;
	margin: 0 0 5px 0;
	/* url(h2_trigger_a.gif) no-repeat*/
	background:url(Imagenes/toggle.png) no-repeat;
	height: 50px;
	line-height: 46px;
	width: 500px;
	font-size: 2em;
	font-weight: normal;
	float: left;
	
}
h2.trigger a {
	color: #fff;
	text-decoration: none;
	display: block;
}
h2.trigger a:hover { color: #ccc; }
h2.active {background-position: left bottom;} /*--When toggle is triggered, it will shift the image to the bottom to show its "opened" state--*/

.toggle_container {
	margin: 0 0 5px;
	padding: 0;
	border-top: 1px solid #d6d6d6;
	background: #f0f0f0 ; 
	overflow: hidden;
	font-size: 1.2em;
	width: 500px;
	clear: both;
}
.toggle_container .block {
	padding: 10px; /*--Padding of Container--*/  
}

/*--Listas de insectos--*/
ol.steps {
	margin: 20px 0;
	float:left;
	  padding: 0 0 0 35px; /*--Distance between the order numbers--*/
/*	border: 1px solid #111;  list-style-type:square;*/
}
ol.steps li {
  width:250px;
  height:40px;
	margin:10px 0 0 0;
	padding: 0px;
/*	color: #222;    */
	font-size: 24px;
	font-weight: bold;
	border-bottom:2px dashed #b1b2b9;

}