/* CSS Document */

* {	margin:0; padding:0;}

body{background:#fff; text-align:center;}

img {vertical-align:top;}
a img { border:0;}

a {text-decoration:none;}

ul { list-style:none;}

.left { float:left;}
.right {float:right; padding-right:20px;}
.clear  { clear:both;}


html{ font-family:Arial, Helvetica, sans-serif; font-size:0.76em; line-height:1.333em; color:#616161;}

input, select { vertical-align:middle; font-weight:normal;}
z
a {color:#ff9900; text-decoration:none;}
a:hover{text-decoration:underline;}
.grey{ color:#b2b2b2; text-decoration:underline;}
.grey:hover{ text-decoration:none;}
.blue{ text-decoration:underline;}
.blue:hover{ text-decoration:none;}
p {padding-top:16px;}
h3{ font-size:1.5em; color:#222222; font-weight:normal; line-height:1.111em; padding-left:2px; margin-bottom:22px;}
h6{ font-size:0.917em; text-transform:uppercase; padding-bottom:2px;}
em{ font-style:normal;}

.strong1{ color:#ffffff;}

/* ============================= main layout ====================== */
.imgindent {margin:0 18px 0 0; float:left;}
.padding1{ padding-top:12px;}
.padding2{ padding-right:20px; text-align:justify;}
.padding3{ padding-top:16px;}
.padding4{ padding-bottom:10px;}

/* ============================= header ====================== */
#header{ background:url(images/header-left-tail.jpg) top repeat-x;}
#header .main{ height:380px; padding-left:20px; position:relative;}
#header .right-tail{ position:absolute; right:0; width:50%; height:380px; background:url(images/header-right-tail.jpg) top repeat-x;}
.flash{ position:absolute;}

/* ============================= content ====================== */

.title1 h2, .title2 h2, .title3 h2{ font-size:1.5em; line-height:1em; color:#ffffff; padding:10px 0 11px 17px; font-weight:normal; margin-bottom:12px;}
.title1{ background:url(images/title1-bg.gif) top repeat-x;}
.title1 h2{ background:url(images/title1-left-bg.gif) top left no-repeat;}
.title2{ background:url(images/title2-bg.gif) top repeat-x;}
.title2 h2{ background:url(images/title2-left-bg.gif) top left no-repeat;}
.title3{ background:url(images/title3-bg.gif) top repeat-x;}
.title3 h2{ background:url(images/title3-left-bg.gif) top left no-repeat;}

.link{ text-transform:uppercase; font-weight:bold; font-size:0.917em;}

.unline{ border-bottom:solid 2px #999999; padding-bottom:25px; margin-bottom:23px;}
.line{ background:url(images/line.gif) repeat-y 635px 0;}
.rss{ padding:5px 0 0 14px;}
.date{ color:#ffffff;}

.extra{ padding-left:7px; margin-top:-6px;}
.list li{ line-height:2em; background:url(images/list-bg.gif) no-repeat 0 5px; padding-left:23px;}
.list li a{ text-decoration:underline;}
.list li a:hover{ text-decoration:none; color:#616161;}

.list2{ margin-top:-6px;}
.list2 li{ background:url(images/list2-bg.gif) no-repeat 0 9px; line-height:2em; padding-left:16px;}
.list2 a{ color:#b2b2b2;}

.list3{ margin-top:-6px;}
.list3 li{ background:url(images/list3-bg.gif) no-repeat 0 8px; line-height:2em; padding-left:15px;}
.list3 a{ color:#404040;}

dt{ background:url(images/list-bg.gif) no-repeat 0 5px; padding-left:23px; line-height:2em; padding-bottom:5px;}
dt a{ text-decoration:underline;}
dt a:hover{ text-decoration:none; color:#616161;}
dd{ padding-bottom:10px;}




/* ============================= content_servicios ====================== */
#content_servicios .row-1 .main{	position:relative; width:949px; padding:28px 15px 0 16px; 
								background-image:url(images/cuerda_montada.png);
								background-repeat:no-repeat;
								background-position:30px -20px;
								height:auto;
								padding-bottom:30px;
								
}
#content_index .row-1 .main{	position:relative; width:949px; padding:28px 15px 0 16px; 
								height:auto;
								margin-bottom:-80px;
							
								
}

#content_contacto .row-1 .main{	position:relative; width:949px; padding:28px 15px 0 16px; 
								height:auto;
								top:3px;
								padding-bottom:30px;							
}

#content_portfolio .row-1 .main{	position:relative; width:949px; padding:28px 15px 0 16px; 
								height:auto; margin: 0 auto 0 auto;
								padding-bottom:30px;
								
}

#content_nosotros .row-1 .main{	position:relative; width:949px; padding:28px 15px 0 16px; 
								height:auto; margin: 0 auto 0 auto;
								padding-bottom:30px;
								
}

#content_avanza .row-1 .main{	position:relative; width:949px; padding:28px 15px 0 16px; 
								height:auto; margin: 0 auto 0 auto;
								padding-bottom:10px;
								
}

#content_privacidad{left:100px;}

.row-1{ position:relative; background:url(images/row1-bg.gif) bottom repeat-x #ffffff;  height:auto;}
.title1 h2, .title2 h2, .title3 h2{ font-size:1.5em; line-height:1em; color:#ffffff; padding:10px 0 11px 17px; margin-bottom:12px;}
.title1{ background:url(images/title1-bg.gif) top repeat-x;}
.title1 h2{ background:url(images/title1-left-bg.gif) top left no-repeat;}
.title2{ background:url(images/title2-bg.gif) top repeat-x;}
.title2 h2{ background:url(images/title2-left-bg.gif) top left no-repeat;}
.title3{ background:url(images/title3-bg.gif) top repeat-x;}
.title3 h2{ background:url(images/title3-left-bg.gif) top left no-repeat;}

.link{ text-transform:uppercase; font-weight:bold; font-size:0.917em;}

.unline{ border-bottom:solid 2px #999999; padding-bottom:25px; margin-bottom:23px;}
.line{ background:url(images/line.gif) repeat-y 635px 0;}
.rss{ padding:5px 0 0 14px;}
.date{ color:#ffffff;}

.extra{ padding-left:7px; margin-top:-6px;}
.list li{ line-height:2em; background:url(images/list-bg.gif) no-repeat 0 5px; padding-left:23px;}
.list li a{ text-decoration:underline;}
.list li a:hover{ text-decoration:none; color:#616161;}

.list2{ margin-top:-6px;}
.list2 li{ background:url(images/list2-bg.gif) no-repeat 0 9px; line-height:2em; padding-left:16px;}
.list2 a{ color:#b2b2b2;}

.list3{ margin-top:-6px;}
.list3 li{ background:url(images/list3-bg.gif) no-repeat 0 8px; line-height:2em; padding-left:15px;}
.list3 a{ color:#404040;}

dt{ background:url(images/list-bg.gif) no-repeat 0 5px; padding-left:23px; line-height:2em; padding-bottom:5px;}
dt a{ text-decoration:underline;}
dt a:hover{ text-decoration:none; color:#616161;}
dd{ padding-bottom:10px;}

/* ============================= row-2 ===========================*/
#content .row-2 .main{ width:949px; padding:28px 15px 33px 16px;}
.row-2{ position:relative; background:url(images/row2-tail.gif) top repeat-x #383838; height:210px; color:#b2b2b2; }
.row-2 .main{ position:relative; background:url(images/row2-bg.gif) no-repeat;}

.row-2 h3{ color:#ffffff;}

/* ============================= row-2_servicios ===========================*/
#content_servicios .row-2 .main{ position:relative; width:949px; padding:28px 15px 33px 16px; height:180px; }
#content_index .row-2 .main{ position:relative; width:949px; padding:28px 15px 33px 16px; height:180px; }
#content_contacto .row-2 .main{ position:relative; width:949px; padding:28px 15px 33px 16px; height:180px; }
#content_portfolio .row-2 .main{ position:relative; width:949px; padding:28px 15px 33px 16px; height:180px; }
#content_nosotros .row-2 .main{ position:relative; width:949px; padding:28px 15px 33px 16px; height:180px; }






/* ============================= index ===========================*/
#index .row-1 .column-2{ margin-left:13px;}
#index .row-1 .column-3{ margin-left:41px;}
#index .row-1 .col-2{ margin-left:10px;}
#index .row-1 .content2 .column-1 .col-2{ margin-left:7px !important;}
#index .row-1 .content2 .column-2{ margin-left:45px !important;}


#index .row-2 .column-2{ margin-left:-3px;}
#index .row-2 .column-3{ margin-left:5px;}
#index .row-2 .column-4{ margin-left:40px; background-image:url(images/contacta.png); background-repeat:no-repeat; width:210px; height:156px; text-align:center;}

/* ============================= servicios ===========================*/
#servicios .row-1 .column-2{ margin-left:13px;}
#servicios .row-1 .column-3{ margin-left:41px;}
#servicios .row-1 .col-2{ margin-left:10px;}
#servicios .row-1 .content2 .column-1 .col-2{ margin-left:7px !important;}
#servicios .row-1 .content2 .column-2{ margin-left:45px !important;}


#servicios .row-2 .column-2{ margin-left:-3px;}
#servicios .row-2 .column-3{ margin-left:5px;}
#servicios .row-2 .column-4{ margin-left:40px; background-image:url(images/contacta.png); background-repeat:no-repeat; width:210px; height:156px; text-align:center;}

/* ============================= portfolio ===========================*/
#portfolio .row-1 .column-2{ margin-left:13px;}
#portfolio .row-1 .column-3{ margin-left:41px;}
#portfolio .row-1 .col-2{ margin-left:10px;}
#portfolio .row-1 .content2 .column-1 .col-2{ margin-left:7px !important;}
#portfolio .row-1 .content2 .column-2{ margin-left:45px !important;}


#portfolio .row-2 .column-2{ margin-left:-3px;}
#portfolio .row-2 .column-3{ margin-left:5px;}
#portfolio .row-2 .column-4{ margin-left:40px; background-image:url(images/contacta.png); background-repeat:no-repeat; width:210px; height:156px; text-align:center;}


.contacta	{font-size:2.3em; font-family:Geneva, Arial, Helvetica, sans-serif;}

#horario{
			position:relative;
			width:160px;
			font-size:0.8em;
			top:73px;
			left:27px;
			line-height:11px;
		}
/* IE7 Only */ 
*:first-child+html #horario {left:0px;  width:170px;}

/* IE6 Only */ 
* html #horario {left:0px;  width:170px;}


		
#direccion{
			position:relative;
			width:190px;
			font-size:0.8em;
			top:92px;
			left:11px;
			line-height:11px;
			
			}
/* IE7 Only */ 
*:first-child+html #direccion {left:0px;}
/* IE6 Only */ 
* html #direccion {left:0px;}
			
.blanca	{color:#FFFFFF;}

.direccion:link	{text-decoration:none; color:#b2b2b2;}
.direccion:visited	{text-decoration:none; color:#b2b2b2;}
.direccion:hover	{text-decoration:underline; color:#FFFFFF;}

.naranja	{color:#FF9900; font-weight:bold;}


#web2	{
				position:relative;
				left:733px;
				width:240px;
				height:280px;
				
			}
			
#titulo_web2	{
					position:relative;
					width:240px;
					height:112px;
					background-image:url(images/web2.jpg);
					background-repeat:no-repeat;
					color:#FFFFFF;
					text-align:right;
				}
				
#social		{	position:relative;
				text-align:center;
				top:55px;
				height:25px;
				width:240px;
			}
			
#newsletter		{
					position:relative;
					width:240px;
					height:140px;
					background-image:url(images/newsletter.jpg);
					background-repeat:no-repeat;
					top:88px;
				}
				
#mail			{
					position:relative;
					width:205px;
					top:62px;
					left:10px;
				}
/* IE7 Only */ 
*:first-child+html #mail {left:-18px;}
/* IE6 Only */ 
* html #mail {left:-18px;}


				
#btn_mail		{	position:relative;
					width:70px;
					height:30px;
					top:62px;
					left:145px;
				}
/* IE7 Only */ 
*:first-child+html #btn_mail {left:-18px;}
/* IE6 Only */ 
* html #btn_mail {left:-18px;}
					
				
				
.txtEmail{

	background-image:url(images/email.png);
	background-color:#FF9900;
	background-position:3px 5px;
	color:#ffffff;
	background-repeat:no-repeat;
	padding:5px 10px 5px 20px;
	font-size:11px;
	border:1px solid #ff6600;
	width:200px;
	font-weight:bold;

	}	
	
.btnSend{

	background-color:#915700;

	border:1px solid #915700;

	color:#ffffff;


	font-size:11px;

	font-weight:bold;

	padding:4px 6px;

	cursor:pointer;

	}
	
#plan_avanza2{

	position:relative;
	width:300px;
	height:175px;
	top:40px;
	
	
	}
	
#ultimo_mundoingennia{
	position:relative;
	width:311px;
	height:175px;
	background-image:url(images/ultimo_mundoingennia.jpg);
	background-repeat:no-repeat;
	top:-135px;
	left:361px;
	
	}
	
#titulo_ultimo_mundoingennia{

	position:relative;
	width:288px;
	height:10px;
	left:11px;
	top:45px;
	font-size:11px;
	
	}
	
#texto_ultimo_mundoingennia{
	
	position:relative;
	width:288px;
	height:115px;
	left:11px;
	top:56px;
	font-size:11px;
	
	}
	
.ultimo_mundoingennia:link{
	text-decoration:none;
	color:#407D2D;
	
	}
	
.ultimo_mundoingennia:visited{
	text-decoration:none;
	color:#407D2D;
	}
	
.ultimo_mundoingennia:hover{
	text-decoration:underline;
	color:#407D2D;
	}
	
.titulo_mundoingennia{color:#666666; font-size:12px; font-weight:bold;}
/* ============================= slide ===========================*/

div.wrap{
position:relative;
 width:672px;
 text-align:justify;
 height:auto;

}

div.wrap_nosotros{
position:relative;
 width:672px;
 text-align:left;
 height:auto;
 min-height:325px;
}

div.wrap_servicios{
position:relative;
 width:672px;
 text-align:justify;
 height:auto;
 font-size:8pt;
}

div.wrap_portfolio{
position:relative;
 width:672px;
 text-align:left;
 height:auto;

}

 div#header1 div#slide-holder{
  z-index:40;
  width:672px;
  height:283px;
  position:absolute;
  background-image:url(slide/img/header-bg.png);
  background-repeat:no-repeat;
 }
  div#header1 div#slide-holder div#slide-runner{
	top:9px;
	left:8px;
	width:656px;
	height:262px;
	overflow:hidden;
	position:absolute;
  }
  div#header1 div#slide-holder img{
   margin:0;
   display:none;
   position:absolute;
  }
  div#header1 div#slide-holder div#slide-controls{
   left:0;
   bottom:0;
   width:656px;
   height:46px;
   display:none;
   position:absolute;
   background:url(slide/img/slide-bg.png) 0 0;
  }
   div#header1 div#slide-holder div#slide-controls p.text{
    
    color:#fff;
    display:inline;
    font-size:10px;
    line-height:16px;
    margin:15px 0 0 20px;
    text-transform:uppercase;
   }
   div#header1 div#slide-holder div#slide-controls p#slide-client{
    padding:10px 20px 0 0;
    border-right:1px solid #363636;
   }
   div#header1 div#slide-holder div#slide-controls p#slide-nav{
    float:right;
    height:24px;
    display:inline;
    margin:11px 15px 0 0;
   }
    div#header1 div#slide-holder div#slide-controls p#slide-nav a{
     float:left;
     width:24px;
     height:24px;
     display:inline;
     font-size:11px;
     margin:0 5px 0 0;
     line-height:24px;
     font-weight:bold;
     text-align:center;
     text-decoration:none;
     background-position:0 0;
     background-repeat:no-repeat;
    }
    div#header1 div#slide-holder div#slide-controls p#slide-nav a.on{
     background-position:0 -24px;
    }

div#pusher{
 min-height:262px;
 margin:-262px 0 0;
}
 div#pusher div.wrap{
  height:0;
  background:url(css/images/content-bg.png) 0 0;
 }

div#content{}
 div#content div.wrap{
  min-height:400px;
  padding-top:15px;
  background:url(css/images/content-bg.png) 0 0;
 }

#ie6detect{
 color:#ff3333;
 padding:20px 0;
 font-size:14px;
 background:#ffc;
 font-weight:bold;
}

/* ============================= fin slide ===========================*/

h1{ font-size:1.5em;}

/* ============================= sidebar servicios ===========================*/



#sidebar{
	position:absolute;
	top:0;
	width:130px;
	float:left;
	height:500px;


		}
		
#sidebar ul {
	margin: 0;
	padding: 0;
	list-style: none;
	line-height:25px;
}

#sidebar li { padding-top:5px;
}

#sidebar li ul {
}

#sidebar h2 {
	margin: 0;
	padding: 20px 0;
}

#sidebar a:link {
	text-decoration: none;
	color:#666666;
}

#sidebar a:hover {
	color: #999999;
}

#sidebar a:visited {
	text-decoration: none;
	
	color:#666666;
}

#sidebar a:hover:visited {
	color: #999999;
}

#sidebar a.active{
	background-color:#eeeeee;
}

		
/* ============================= contenido servicios ===========================*/

#content{
	position:relative;
	top:0px;
	left:240px;
	width:632px;
	height:auto;
	
	}
	
			
#back_content{ position:relative;
			background-image:url(images/pre_content_servicios_grafico.png);
			background-repeat:no-repeat;
			width:632px;
			height:101px;
			left:0;
			z-index:1;
			}
			
#back_content_web{ position:relative;
			background-image:url(images/pre_content_servicios_web.png);
			background-repeat:no-repeat;
			width:632px;
			height:101px;
			left:0;
			z-index:1;
			}
			
#back_content_publicidad{ position:relative;
			background-image:url(images/pre_content_servicios_publicidad.png);
			background-repeat:no-repeat;
			width:632px;
			height:101px;
			left:0;
			z-index:1;
			}
			
#back_content_asesoria{ position:relative;
			background-image:url(images/pre_content_servicios_asesoria.png);
			background-repeat:no-repeat;
			width:632px;
			height:101px;
			left:0;
			z-index:1;
			}
			
#back_content_calidad{ position:relative;
			background-image:url(images/pre_content_servicios_calidad.png);
			background-repeat:no-repeat;
			width:632px;
			height:101px;
			left:0;
			z-index:1;
			}
			
#pre-content{
			position:relative;
			text-align:justify;
			top:11px;
			left:19px;
			width:590px ;
			font-size:8pt;
			font-weight:bold;
			line-height:20px;
			color:#838383;
			
			}


			
#servicios_grafico{
			position:absolute;
			width:75px;
			height:74px;
			z-index:1;
			
			top:24px;
			}
			
.rojo_grafico{color:#ef5428;}
.verde_web{color:#007A33;}
.azul_publicidad{color:#0075b2;}
.naranja_asesoria{color:#E68301;}
.morado_calidad{color:#8D45A1;}
.lista_calidad{list-style-type:decimal;}

#ejemplos_grafico{
					position:relative;
					width:150px;
					height:auto;
					top:0px;
					
					z-index:999;
					
				
					
					}
#txt_grafico{
					position:relative;
					width:300px;
					height:auto;
					float:left;

					}
			
#servicios_web{
			position:absolute;
			width:75px;
			height:74px;
			top:97px;
			left:35px;
			z-index:0;
			}
			
#servicios_publicidad{
			position:absolute;
			width:75px;
			height:74px;
			top:170px;
			left:-5px;
			z-index:1;
			}
			
			
#servicios_asesoria{
			position:absolute;
			width:75px;
			height:74px;
			top:244px;
			left:27px;
			z-index:0;
			}
			
#servicios_calidad{
			position:absolute;
			width:75px;
			height:74px;
			top:323px;
			left:-5px;
			z-index:1;
			}

#texto_servicios{
			position:relative;
			width:550px;
			}
			
/* ============================= acordeon ===========================*/			
		
#basic-accordian{
	padding:5px;
	width:507px;
	position:relative;
	z-index:2;
	top:0;
	left:20px;
	height:auto;


}
#basic-accordian_avanza{
	padding:5px;
	width:595px;
	position:relative;
	z-index:2;
	top:0;
	left:20px;
	height:auto;


}
/* IE7 Only */ 
*:first-child+html #basic-accordian {top:10px;}
/* IE7 Only */ 
*:first-child+html #basic-accordian_avanza {top:10px;}


.accordion_headings{
	padding:5px;
	cursor:pointer;
	width:250px;



}
.accordion_child{
	padding:5px;
	text-align:justify;
	width:300px;
	height:auto;
}

.accordion_child_avanza{
	padding:5px;
	text-align:justify;
	width:565px;
	height:auto;
	font-size:8pt;
	font-family:Arial, Helvetica, sans-serif; 
	font-style:normal;
	left:30px;
}

.accordion_child_avanza ul{	list-style:circle;
		
}
/* ============================= page2 ===========================*/
#page2 .row-1 .column-2{ margin-left:12px;}
#page2 .row-1 .content2 .column-2{ margin-left:45px !important;}

#page2 .row-2 .column-2{ margin-left:35px;}


#nosotros{
		position:relative;
		width:750px;
		height:400px;
		background-image:url(images/underground.gif);
		background-repeat:no-repeat;
		left:100px;
	}
	
#que{
		position:relative;
		top:167px;
		left:148px;
		width:18px;
		height:18px;
		cursor:pointer;
		}
		
#quien{
		position:relative;
		top:268px;
		left:148px;
		width:18px;
		height:18px;
		cursor:pointer;
		}
		
#donde{
		position:relative;
		top:137px;
		left:309px;
		width:18px;
		height:18px;
		cursor:pointer;
		}
		
#cuando{
		position:relative;
		top:175px;
		left:469px;
		width:18px;
		height:18px;
		cursor:pointer;
		}
	
#porque{
		position:relative;
		top:263px;
		left:607px;
		width:18px;
		height:18px;
		cursor:pointer;
		}	
		
	
/* ============================= lista desplegable===========================*/	

#contentElement1,#contentElement2,#contentElement3,#contentElement4,#contentElement5{
	height:0px;
	margin:0 auto;
	overflow:hidden;
}
#contentWrapper{
	margin:0px auto;
	padding:5px 40px;
	overflow:hidden;
}
#button1,#button2,#button3,#button4,#button5{

	height:40px;
	width:588px;
	float:left;
	margin-left:2px;
	cursor:pointer;

}



/* ============================= page3 ===========================*/
#page3 .row-1 .column-2{ margin-left:13px;}
#page3 .row-1 .column-3{ margin-left:12px;}
#page3 .row-1 .col-2{ margin-left:10px;}
#page3 .row-1 .content2 .column-1 .col-2{ margin-left:7px !important;}
#page3 .row-1 .content2 .column-2{ margin-left:35px !important;}

#page3 .row-2 .column-2{ margin-left:80px;}
#page3 .row-2 .column-3{ margin-left:65px;}

/* ============================= page4 ===========================*/
#page4 .row-1 .column-2{ margin-left:12px;}
#page4 .row-2 .column-2{ margin-left:80px;}
#page4 .row-2 .column-3{ margin-left:65px;}

/* ============================= page5 ===========================*/
#page5 .row-1 .column-2{ margin-left:13px;}
#page5 .row-1 .content2 .column-2{ margin-left:40px !important;}

#page5 .row-1 .column-1 .col-2{ margin-left:3px;}

#page5 .row-2 .column-2{ margin-left:12px;}
#page5 .row-2 .column-3{ margin-left:17px;}
#page5 .row-2 .col-2{ margin-left:10px;}

/* ============================= page6 ===========================*/
#page6 .row-1 .column-2{ margin-left:12px;}
#page6 .row-1 .content2 .column-2{ margin-left:45px !important;}

/* ============================= contacto ===========================*/
#contacto .row-1 .column-2{ margin-left:13px;}
#contacto .row-1 .content2 .column-2{ margin-left:40px !important;}

#contacto .row-2 .column-2{ margin-left:-3px;}
#contacto .row-2 .column-3{ margin-left:5px;}
#contacto .row-2 .column-4{ margin-left:40px; background-image:url(images/contacta.png); background-repeat:no-repeat; width:210px; height:156px; text-align:center;}

.phone{ float:right; padding-right:190px;}
.phone2{ float:right; padding-right:55px;}

.email{ padding-top:25px;}
.email span{ font-size:0.917em;}

/* ============================= footer ====================== */
#footer{ position:relative;  background:#2b2b2b; color:#b2b2b2;  height:50px; width:100%; }
#footer_c{ position:relative; width:948px; background:#2b2b2b;   height:50px; margin: 0 auto 0 auto; clear:both;}
#footer_texto{ position:relative; top:15px;  float:left; padding-left:15px; }
#footer a{ color:#ffffff;}

#footer_buttons{ position:relative;float:right; top:15px; padding-right:15px; }
#footer .buttons a{ margin-left:5px;}


/* ============================= forms ============================= */
#ContactForm{ padding-top:15px;}
#ContactForm .col-1{ width:280px}
#ContactForm .col-2{ width:330px}
#ContactForm label{ display:block; height:25px;}
#ContactForm input{ border:solid 1px #a4a4a4; font-family:Tahoma, Geneva, sans-serif; font-size:0.917em; color:#a4a4a4; padding:2px 0 3px 3px; width:260px; background:none;}
#ContactForm textarea{ border:solid 1px #a4a4a4; font-family:Tahoma, Geneva, sans-serif; font-size:0.917em; color:#a4a4a4; padding:2px 0 3px 3px; width:320px; overflow:hidden; height:63px; background:none;}
#ContactForm a{ margin-right:18px;}

/* ============================= texto deslizante ============================= */


	
		
		.flechas{	color:#FDD755; }
		.barra{	color:#FF9900;  }
		.flechas a{	text-decoration:none;}
		
		noscript p, noscript ol { color: #a00; font-size: 13px; line-height: 1.4em; text-align: left }
		noscript a { color: #a00; text-decoration: underline }
		noscript ol { margin-left: 25px; }
		
		a:focus { outline:none }
		
		img { border: 0 }
		

		.stripViewer .panelContainer .panel ul {
			text-align: left;
			margin: 0 30px 0 30px;
			
		}
		
		.slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */
			margin: auto;
			top:30px;
			position: relative;
			width:  600px;
			text-align:justify;
			font: 10pt Verdana, Arial, Helvetica, sans-serif;
			color:#666666;
			line-height: 1.4em;
			
		



		}

		/* These 2 lines specify style applied while slider is loading */
		.csw {width: 100%; height: 460px; background: #fff; overflow:hidden;}
		.csw .loading {margin: 200px 0 300px 0; text-align: center}

		.stripViewer { /* This is the viewing window */
			position: relative;
			overflow: hidden; 
			border: 0; /* this is the border. should have the same value for the links */
			margin: auto;
			width: 600px; /* Also specified in  .stripViewer .panelContainer .panel  below */
			height: 460px;
			clear: both;
	
			
		}
		
		.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
			position: relative;
			left: 0; top: 0;
			width: 100%;
			list-style-type: none;
			/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
		}
		
		.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
			float:left;
			height: 100%;
			position: relative;
			width: 600px; /* Also specified in  .stripViewer  above */
		}
		
		.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
			padding-top:20px;
			padding-left:50px;
			padding-right:50px;
			border: 1px solid #ccc; margin-top:25px;
			height:360px;
			
			
		}
		
		.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
			margin: auto;
			position:relative;
			display:block;
			height:42px;
			
			font-size:10pt;
			font-weight:bold;
			background:transparent url(file:///I|/00.Ingennia/03.web/template_23053_TnC376080IB92rJI3nl5/site_flash/png/menuline.png) repeat-x top left;
			font-family:Arial,Verdana,Helvitica,sans-serif;
			text-transform:uppercase;
			
		}
		
		.stripNav ul { /* The auto-generated set of links */
			list-style: none;
			margin:0;
			padding:0;
			width:auto;
			width:100%;
		}
		
		.stripNav ul li {
			float: left;
			display:block;
			float:left;
			margin:0 2px 0 0;

		}
		
		.stripNav a { /* The nav links */
			font: 8pt  Arial, Helvetica, sans-serif;
			font-weight: bold;
			text-align: center;
			color:#FCF5A3;
			text-decoration: none;
			display: block;
			float:left;
			padding:14px 22px 0 22px;
			height:28px;
			
		}
		

		
		.stripNav li a:hover {
			color:#fff;
			background:transparent url(file:///I|/00.Ingennia/03.web/template_23053_TnC376080IB92rJI3nl5/site_flash/png/menu.png) no-repeat top center;
			
		}
		
		.stripNav li a.current {
			color: #fff;
			background:transparent url(file:///I|/00.Ingennia/03.web/template_23053_TnC376080IB92rJI3nl5/site_flash/png/menu.png) no-repeat top center;
		}
		
		.stripNavL, .stripNavR { /* The left and right arrows */
			position: absolute;
			top: 130px;
			text-indent: -9000em;
		}
		
		.stripNavL a, .stripNavR a {
			display: block;
			height: 40px;
			width: 40px;

		}
		
		#imgPanel{	position:relative;
		margin-left:10px;
		margin-top:20px;
					height:260px;
					width:100px;
					float:left;
					background-color:#999999;}
					
		#textPanel{	position:relative;
					left:0;
					height:300px;
					width:380px;
					float:left;}



/*
    ColorBox Core Style
    The following rules are the styles that are consistant between all ColorBox themes
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:visible;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the order/nesting of the generated HTML, 
    in hope that this will make the relationship easier to understand. Thanks, jack@colorpowered.com
*/
#cboxOverlay{background:url(images/overlay.png) 0 0 repeat;}

#colorbox{}
	#cboxTopLeft{width:21px; height:21px; background:url(images/borderTopLeft.png) 0 0 no-repeat;}
	#cboxTopCenter{height:21px; background:url(images/borderTopCenter.png) 0 0 repeat-x;}
	#cboxTopRight{width:21px; height:21px; background:url(images/borderTopRight.png) 0 0 no-repeat;}
	#cboxBottomLeft{width:21px; height:21px; background:url(images/borderBottomLeft.png) 0 0 no-repeat;}
	#cboxBottomCenter{height:21px; background:url(images/borderBottomCenter.png) 0 0 repeat-x;}
	#cboxBottomRight{width:21px; height:21px; background:url(images/borderBottomRight.png) 0 0 no-repeat;}
	#cboxMiddleLeft{width:21px; background:url(images/borderMiddleLeft.png) 0 0 repeat-y;}
	#cboxMiddleRight{width:21px; background:url(images/borderMiddleRight.png) 0 0 repeat-y;}
	#cboxContent{background:#fff;}
		#cboxLoadedContent{margin-bottom:28px;}
                #cboxTitle{position:absolute; bottom:3px; left:0; text-align:center; width:100%; color:#949494;}
                #cboxCurrent{position:absolute; bottom:3px; left:58px; color:#949494;}
                #cboxSlideshow{position:absolute; bottom:3px; right:30px; color:#0092ef;}
                #cboxPrevious{position:absolute; bottom:0; left:0px; background:url(images/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
                #cboxPrevious.hover{background-position:-25px -25px;}
                #cboxNext{position:absolute; bottom:0; left:27px; background:url(images/controls.png) 0px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
                #cboxNext.hover{background-position:0px -25px;}
		#cboxLoadingOverlay{background:url(images/loading_background.png) center center no-repeat;}
                #cboxLoadingGraphic{background:url(images/loading.gif) center center no-repeat;}
		#cboxClose{position:absolute; bottom:0; right:0; background:url(images/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
		#cboxClose.hover{background-position:-50px -25px;}
		
		
.negrita{ font-size:8pt;
		font-style:normal;
	font-weight:600;
 }


/*---------------------------------------------PORTFOLIO---------------------------------------*/

.credits {
	width: 280px;
	margin: 0 auto 20px;
	text-align: center;
	border-bottom: solid 1px #ccc;
	padding: 0 0 8px 0;
	font: 130%/110% Garamond, Georgia, serif;
}
.credits em {
	color: #999;
}
.credits a {
	color: #333;
	text-decoration: none;
	text-transform: uppercase;
}
.credits a:hover {
	text-decoration: underline;
}
img {
	border: none;
}				
				
/* ---------- gallery styles start here ----------------------- */


.gallery {
	position:relative;
	list-style: none;
	margin: 0 auto 0 auto;
	width:700px;

	
}

.gallery td {
	padding: 10px;
	margin: 0;
	float: left;
	position: relative;
	width: 180px;
	height: 130px;
	
}
.gallery img {
	background: #fff;
	border: solid 1px #ccc;
	padding: 5px;
}
.gallery td:hover img {
	border-color: #999;
}
.gallery em {
	width: 102px;
	background: url(images/portfolio/bubble.gif) no-repeat;
	padding: 3px 0 6px;
	display: none;
	position:absolute;
	top:0px;
	left: 50px;
	font-style: normal;
	text-align: center;
}
.gallery a {
	text-decoration: none;
	color: #000;
}
.gallery a:hover em {
	display: block;
}

.tabla{ text-align:justify;
font-size:8pt;
font-family:Arial, Helvetica, sans-serif; 
font-style:normal; }

/* ---------- TOOLTIP ----------------------- */

#capaQue {
		display:none;
		background:url(images/tooltip.png) no-repeat top left;
		width:425px;
		padding:12px 15px 0 14px;
		height:90px;
		color:#666666;
		font-size:10px;
		text-align:justify;
		font-family: Arial, Helvetica, sans-serif;
		margin:-100px 0 0 -13px;
		position:absolute;
		z-index:101;
	}
	
	#capaQuien {
		display:none;
		background:url(images/tooltip.png) no-repeat top left;
		width:425px;
		padding:12px 15px 0 14px;
		height:90px;
		color:#666666;
		font-size:10px;
		text-align:justify;
		font-family: Arial, Helvetica, sans-serif;
		margin:-100px 0 0 -13px;
		position:absolute;
		z-index:101;
	}
	
	#capaDonde {
		display:none;
		background:url(images/tooltip.png) no-repeat top left;
		width:425px;
		padding:12px 15px 0 14px;
		height:90px;
		color:#666666;
		font-size:10px;
		text-align:justify;
		font-family: Arial, Helvetica, sans-serif;
		margin:-100px 0 0 -13px;
		position:absolute;
		z-index:101;
	}
	
	#capaCuando {
		display:none;
		background:url(images/tooltip2.png) no-repeat top left;
		width:425px;
		padding:12px 15px 0 14px;
		height:90px;
		color:#666666;
		font-size:10px;
		text-align:justify;
		font-family: Arial, Helvetica, sans-serif;
		margin:-100px 0 0 -406px;
		position:absolute;
		z-index:101;
	}
	
	#capaPorque {
		display:none;
		background:url(images/tooltip2.png) no-repeat top left;
		width:425px;
		padding:12px 15px 0 14px;
		height:90px;
		color:#666666;
		font-size:10px;
		text-align:justify;
		font-family: Arial, Helvetica, sans-serif;
		margin:-100px 0 0 -406px;
		position:absolute;
		z-index:101;
	}

	#icoHelp {cursor:pointer;}



.naranja_fuerte{color:#FF6600;}

#twitter {	position:relative;
			left:30px;
			height:120px;
			width:140px;
			top:0px;
			
			}


#twitter_div {
	font-size:11px;
	line-height:14px;
	margin:20px 0 0 0;
	width:193px;
	float:left;
	color:#FFFFFF;
	display:inline;
}
#twitter_div a {overflow:auto;margin:0;padding:0;}
#twitter_div a img {
	margin:0;
	padding:0;
	width:192px;
	height:65px;
	float:left;
	display:inline;
}
#twitter_div ul {
	margin:0;
	float:left;
	display:inline;
	padding:0;
	width:192px;
	background-color:#ff9900;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
	font-size:9px;
}
#twitter_div li {
	margin:0;
	padding:0;
	list-style-position:outside;
	width: 180px;
}
#twitter_div span {
	display:block;
	overflow:hidden;
	margin:0 0 0 10px;
}
#twitter_update_list a {
	clear:both;
	color:#83aa01;
	display:none;
	margin:4px 0 0 10px;
	text-decoration:none;
	text-transform:lowercase;
}
#twitter_update_list span a {
	display:inline;
	color:#E1F0AD;
	margin:0;
	text-decoration:underline;
}

#twitter_update_list span a:hover{
	text-decoration:none;
}
#twitter_div #twitter_down{
	margin:0;
	padding:0;
	width:192px;
	float:left;
	display:inline;
}