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


::selection { background-color: #000; color: #EF6F05; }
::-moz-selection { background-color: #000; color: #EF6F05;}

::-webkit-scrollbar
{
    width: 7px;
    height: 7px;

}

::-webkit-scrollbar-track-piece
{
	background-color:#202020;
	-webkit-border-radius: 0px;
}

::-webkit-scrollbar-thumb:vertical
{
    height: 3px;
    background-color: #EF6F05;
    -webkit-border-radius: 0px;
	
	}

::-webkit-scrollbar-thumb:horizontal
{
    width: 3px;
    background-color: #EF6F05;
    -webkit-border-radius: 0px;
}





.ejemplo {
	float:left;
	width:10px;
	padding:0px;
	margin:0px;
}

.ejemplo_img {
	position:relative;
	float:left;
	height:367px;
	width:308px;
	border:none;
	overflow:hidden;
}

.ejemplo_img_cont {
	position: relative;
	background: #FFF;
	opacity:1; 
	filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	-MS-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	left:0px;
	top:400px;
	color:#3B220E;
	font-size:18px;
	font-family: Arial Narrow, sans-serif;
	z-index:10;
	padding:4px;
	
	
}



body {
	background-image: url(fondo.png);
	background-repeat:repeat;
	background-color:#FFF;
	background-attachment:fixed;
	background-position:top;
	margin-top: 0px;
	text-align:center;

}

#gral {
	width:1000px;
	margin: 0 auto 0 auto;
	text-align:left;
	background-color:#EF6F05;
}











#logo {
	background-color:#FFF;
	width:333px;
	height:160px;
	float:left;
	padding-top:20px;	
	
}
	
div#logo {
	text-align: center;
	
}











#barra_sup {
	background-color:#EF6F05;
	height:32px;
	width:667px;
	float: right;	
	
}



#banderas {
	background:none;
	float: right;
	

}


#mexico {
	background:none;
	float: left;
	margin-left:7px;
	margin-top:10px;
	
}

#eu {
	background:none;
	float: left;
	margin-left:7px;
	margin-top:10px;
}

#francia {
	background:none;
	float: left;
	margin-left:7px;
	margin-top:10px;
}

#alemania {
	background:none;
	float: left;
	margin-left:7px;
	margin-top:10px;
}


#italia {
	background:none;
	float: left;
	margin-left:7px;
	margin-top:10px;
}


#brasil {
	background:none;
	float: left;
	margin-left:5px;
	margin-top:5px;
}



#skype {
	background:none;
	float: left;
	margin-left:5px;
	margin-top:5px;
}

#mail {
	background:none;
	float: left;
	margin-left:5px;
	margin-top:5px;
}

#twitter {
	background:none;
	float: left;
	margin-left:5px;
	margin-top:5px;
}

#face {
	background:none;
	float: left;
	margin-left:5px;
	margin-top:5px;
}

#google {
	background:none;
	float: left;
	margin-left:5px;
	margin-top:5px;
}

#youtube {
	background:none;
	float: left;
	margin-left:5px;
	margin-top:5px;
	margin-right:5px;
}













#barra_naranja {
	background-color:#000;
	height:148px;
	float:right;
	width:667px;
	z-index:150;
	position: relative;
	
	
}



#bot_quienes {
	cursor:pointer;
	margin: 0;
	list-style: none;

}

#bot_quienes > li:hover {
	background-color:#CA5E04;
	
}

#bot_quienes > li {
	margin-left:-40px;
	padding-top:50px;
	font-family:Impact, Arial Narrow, Arial;
	font-size:18px;
	height:98px;
	width:104px;
	background-color: #EF6F05;
	float:left;
	
	
	color:#FFF;
	text-align:center;
}

#bot_quienes > li > a {
 color: #FFF;
 text-decoration: none;
 line-height: 1.5;
 text-transform: uppercase;
 
 
 	
}

#bot_quienes > li > a:hover {
 color: #FFF;

}

#bot_quienes > li.sub {
 position: relative;
}

#bot_quienes > li.sub ul {
 margin-top: 100px;
 padding: 0 0;
 list-style: none;
 background: #EF6F05 ;
 position: absolute;
 top: -1000em;
 width:104px;
}

#bot_quienes > li.sub ul li {
 width: 100%;
 margin: 0 auto 0.0em auto;
}

#bot_quienes > li.sub ul li a {
 display: block;
 padding: 7px;
 color: #FFF;
 text-decoration: none;
 text-align:left;
 border-top: 1px solid #CA5E04;

}

#bot_quienes > li.sub ul li a:hover {
 background: #74B302;
 color: #FFF;

}

#bot_quienes > li.sub:hover ul {
 top: 3em;
}







#bot_proyecto {
	cursor:pointer;
	margin: 0;
	list-style: none;

}

#bot_proyecto > li:hover {
	background-color:#CA5E04;
	
}

#bot_proyecto > li {

	padding-top:50px;
	font-family:Impact, Arial Narrow, Arial;
	font-size:18px;
	height:98px;
	width:154px;
	background-color: #EF6F05;
	float:left;
	
	
	color:#FFF;
	text-align:center;
}

#bot_proyecto > li > a {
 color: #FFF;
 text-decoration: none;
 line-height: 1.5;
 text-transform: uppercase;
 
 
 	
}

#bot_proyecto > li > a:hover {
 color: #FFF;

}

#bot_proyecto > li.sub {
 position: relative;
}

#bot_proyecto > li.sub ul {
 font-family: Arial Narrow, Arial;
 font-size:16px;
 margin-top: 100px;
 padding: 0 0;
 list-style: none;
 background: #EF6F05 ;
 position: absolute;
 top: -1000em;
 width:154px;
}

#bot_proyecto > li.sub ul li {
 width: 100%;
 margin: 0 auto 0.0em auto;
}

#bot_proyecto > li.sub ul li a {
 display: block;
 padding: 7px;
 color: #FFF;
 text-decoration: none;
 text-align:left;
 border-top: 1px solid #CA5E04;

}

#bot_proyecto > li.sub ul li a:hover {
 background: #74B302;
 color: #FFF;

}

#bot_proyecto > li.sub:hover ul {
 top: 3em;
}





#bot_faq {
	cursor:pointer;
	margin: 0;
	list-style: none;

}

#bot_faq > li:hover {
	background-color:#CA5E04;
	
}

#bot_faq > li {
	padding-top:50px;
	font-family:Impact, Arial Narrow, Arial;
	font-size:18px;
	height:98px;
	width:140px;
	background-color: #EF6F05;
	float:left;
	
	
	color:#FFF;
	text-align:center;
}

#bot_faq > li > a {
 color: #FFF;
 text-decoration: none;
 line-height: 1.5;
 text-transform: uppercase;
 
 
 	
}

#bot_faq > li > a:hover {
 color: #FFF;

}

#bot_faq > li.sub {
 position: relative;
}

#bot_faq > li.sub ul {
 font-family: Arial Narrow, Arial;
 font-size:16px;
 margin-top: 100px;
 padding: 0 0;
 list-style: none;
 background: #EF6F05 ;
 position: absolute;
 top: -1000em;
 width:140px;
}

#bot_faq > li.sub ul li {
 width: 100%;
 margin: 0 auto 0.0em auto;
}

#bot_faq > li.sub ul li a {
 display: block;
 padding: 7px;
 color: #FFF;
 text-decoration: none;
 text-align:left;
 border-top: 1px solid #CA5E04;

}

#bot_faq > li.sub ul li a:hover {
 background: #74B302;
 color: #FFF;

}

#bot_faq > li.sub:hover ul {
 top: 3em;
}





#bot_multimedia {
	cursor:pointer;
	margin: 0;
	list-style: none;

}

#bot_multimedia > li:hover {
	background-color:#CA5E04;
	
}

#bot_multimedia > li {
	padding-top:62px;
	font-family:Impact, Arial Narrow, Arial;
	font-size:18px;
	height:86px;
	width:140px;
	background-color: #EF6F05;
	float:left;
	
	
	color:#FFF;
	text-align:center;
}

#bot_multimedia > li > a {
 color: #FFF;
 text-decoration: none;
 line-height: 1.5;
 text-transform: uppercase;
 
 
 	
}

#bot_multimedia > li > a:hover {
 color: #FFF;

}

#bot_multimedia > li.sub {
 position: relative;
}

#bot_multimedia > li.sub ul {
 font-family: Arial Narrow, Arial;
 font-size:16px;
 margin-top: 100px;
 padding: 0 0;
 list-style: none;
 background: #EF6F05 ;
 position: absolute;
 top: -1000em;
 width:140px;
}

#bot_multimedia > li.sub ul li {
 width: 100%;
 margin: 0 auto 0.0em auto;
}

#bot_multimedia > li.sub ul li a {
 display: block;
 padding: 7px;
 color: #FFF;
 text-decoration: none;
 text-align:left;
 border-top: 1px solid #CA5E04;

}

#bot_multimedia > li.sub ul li a:hover {
 background: #74B302;
 color: #FFF;

}

#bot_multimedia > li.sub:hover ul {
 top: 3em;
}

#bot_preguntas {
	font-family:Arial Narrow, Arial;
	height:148px;
	width:140px;
	background-color: #EF6F05;
	float:left;
}

#bot_contacto {
	font-family:Impact, Arial Narrow, Arial;
	font-size:18px;
	height:148px;
	background-color: #EF6F05;
	float:left;
}

#slider {
	height:490px;
	background-color:#EF6F05;
	display:block;
	float:left;
	}

#texto_img {
	font-family:Arial Narrow, Helvetica, sans-serif;
	background-color:#0C6;
	font-size:18px;
	z-index:0;
}

#marco_opciones {
	background-color:#EF6F05;
	padding-top:19px;
	float:left;
	width:1000px;
	padding-bottom:20px;
	
}

#uno_opcion {
	background-color:#EF6F05;
	height:367px;
	width:308px;
	margin-left:19px;
	float:left;
	z-index:1;
	clear:right;

	
}

#dos_opcion {
	background-color:#FFF;
	height:367px;
	width:308px;
	margin-left:19px;
	float: left;
	z-index:-20;
	
	
}

#tres_opcion {
	background-color:#6AAA02;
	height:367px;
	width:308px;
	margin-left:19px;
	float: left;
	
	
}


.efecto { /* el rectángulo contenedor */
    position: absolute; /* indicamos esto para poder posicionar su contenido de maera absoluta */
    height:308px;
	width:367px;
	z-index:-20px;
  }
.efecto img { /* el contenido */
    left: 0; /* posición izquierda */
    position:absolute; /* indicamos que su posición es absoluta con respecto al contenedor */
    top: 0; /* posición superior */
	-moz-transition: all .3s ease-in-out;
  	-webkit-transition: all .3s ease-in-out;
 	-o-transition: all .3s ease-in-out;
 	transition: all .3s ease-in-out;
	z-index:-20px;
  }
  /* y ponemos propiedades en las clases de cada imagen */
  /* la primera no será visible por defecto */
  .efecto img.novisible {opacity:0;filter:alpha(opacity=0); z-index:-20px;}
  /* y se verá cuando pongamos el cursor encima del DIV */
  .efecto:hover img.novisible {opacity:1;filter:alpha(opacity=100); z-index:-20px;}
  /* la segunda se ocultara siempre que pongamos el cursor encima del DIV o de la imagen */
  .efecto:hover img.visible {opacity:0;filter:alpha(opacity=0);}
  .efecto img.visible:hover {opacity:0;filter:alpha(opacity=0); z-index:-20px;}
  



#imagenes_index {
	width:308px;
	z-index:-20px;
	
}



#conocer {
	background-color: #FFF;
	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	font-family:Arial Narrow, Arial, Helvetica, sans-serif;
	text-align:center;
	width:120px;
	height:22px;
	margin-left:45px;
	-moz-transition:all .4s;
 	-webkit-transition:all .4s;
	-o-transition:all .4s;
	transition:all .4s;
	margin-top:40px;
}
#conocer:hover {
	background-color: #6C0;

}


#cont_naranja {
	margin-top:20px;
	width:242px;
	padding-left:45px;
}


#uno_seccion {
	background-color:#EF6F05;
	height:310px;
	width:333px;
	float: left;
	
}





#dos_seccion {
	background-color:#EF6F05;
	height:310px;
	width:334px;
	float: left;
	
	
}


#tres_seccion {
	background-color:#EF6F05;
	height:310px;
	width:333px;
	float: left;	
	
}



#gris_cont {
	text-align:right;
	vertical-align:middle;
	margin-top:50px;
	margin-right:20px;
	margin-left:20px;
	
}









#barra_inf_negro {
	background-color: #333;
	height:102px;
	width:640px;
	float: left;
	
	
}

#logo_inf {
	background-color: #FFF;
	height:137px;
	width:333px;
	float: left;
	
	
}



.centro {
	text-align:center }




.opciones {
	font-family:Arial, Helvetica, sans-serif;
	color:#9F0;
	background-color:#C99;
	display: inline;
	clear:left;
	
	
}



.inferior {
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	font-size:13px;
	text-align:right;
	padding-right:27px;
	padding-top:35px;
	
	
}


.form_index_naranja {
	font-family:Arial Narrow, Helvetica, sans-serif;
	color:#EE6E05;
	font-size:28px;
	text-align:right;
	font-weight:bold;
	

}



.form_index_blanco {
	font-family:Arial Narrow, Helvetica, sans-serif;
	color:#FFF;
	font-size:28px;
	text-align:right;
	font-weight:bold;
	

}

.form_blanco {
	font-family: Arial, Helvetica, sans-serif;
	color:#FFF;
	font-size:15px;
	text-align:left;
	font-weight: normal;
	padding-left:4px;
	

}





.blanco_gde {
	font-family:Arial Narrow, Helvetica, sans-serif;
	color:#FFF;
	font-size:19px;
	text-align:left;
	font-weight:bold;
	

}

.blanco_chi {
	font-family:Arial Narrow, Helvetica, sans-serif;
	color:#FFF;
	font-size:17px;
	text-align:left;
	

}

.img_inf {
	text-align:center;

}
img_inf:hover {

	}


a.inicio,link,visited {
	font-family: Arial Narrow, Trebuchet MS, Arial;
	font-size:16px;
	background-color:#EF6F05;
	display: table-cell;
	color:#FFF;
	text-align:center;
	height:148px;
	width:104px;
	vertical-align:middle;
	
	
	
}
	
a.inicio:hover {
	background-color:#CA5E04;
	
}



a.quienes,link,visited {
	font-family: Arial Narrow, Trebuchet MS, Arial;
	font-size:16px;
	background-color:#EF6F05;
	display: table-cell;
	color:#FFF;
	text-align:center;
	height:148px;
	width:154px;
	vertical-align: middle;
	
	
	
}
	
a.quienes:hover {
	background-color:#CA5E04;
	
}



a.proyecto,link,visited {
	font-family: Arial Narrow, Trebuchet MS, Arial;
	font-size:16px;
	background-color:#EF6F05;
	display: table-cell;
	color:#FFF;
	text-align:center;
	height:148px;
	width:140px;
	vertical-align: middle;
	
	
	
}
	
a.proyecto:hover {
	background-color:#CA5E04;
	
}


a.preguntas,link,visited {
	font-family: Arial Narrow, Trebuchet MS, Arial;
	font-size:16px;
	background-color:#EF6F05;
	display: table-cell;
	color:#FFF;
	text-align:center;
	height:148px;
	width:140px;
	vertical-align: middle;
	
	
	
}
	
a.preguntas:hover {
	background-color:#CA5E04;
	
}

a.contacto,link,visited {
	font-family:Impact, Arial Narrow, Arial;
	font-size:18px;
	background-color:#EF6F05;
	display: table-cell;
	color:#FFF;
	text-align:center;
	height:148px;
	width:129px;
	vertical-align: middle;
	
	
	
}
	
a.contacto:hover {
	background-color:#CA5E04;
	
}

a.contacto:visited {
	color:#FFF;
	
}


a:visited {
	-webkit-opacity: 1;
    -webkit-transition: opacity 0.2s linear;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	text-align:left;
	color: #F90;
	
}


a.VinInferior {
	-webkit-opacity: 1;
    -webkit-transition: opacity 0.3s linear;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	text-align:left;
	
}
a.VinInferior:link {
	-webkit-opacity: 1;
    -webkit-transition: opacity 0.2s linear;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	text-align:left;
	color: #F90;
}
a.VinInferior:hover {
	-webkit-opacity: .7;
	-webkit-transition: opacity 0.2s linear;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	text-align:left;
	color: #74B302;
	
	
}



a.VinInferior:active {
	position: relative;
	top: 1px;
	
	
}


a.conocerMas,link,visited {
	font-family: Arial Narrow, Trebuchet MS, Arial;
	font-size:16px;
	color:#000;
	text-align:center;

	
}
	
a.conocerMas:hover {
	color:#FFF;
	
}

#información {
	width:1000px;
	background-color: #EEE;
	float:right;
}

#informacion_texto {
	margin-left:20px;
	margin-right:20px;
	float:right;
	width:960px;

}

.titulo {
	font-family:  Arial Narrow, Arial, Helvetica, sans-serif;
	font-size:34px;
	color: #666;
	text-shadow: -1px -1px #999, 2px 2px #FFF;
	
}

.subtitulo {
	font-family: Arial Narrow, Arial, Helvetica, sans-serif;
	font-size:25px;
	color: #333;
}

.texto_gral {
	font-family: Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#333;
	text-align:justify;
}


#interese_gral {
	width:1000px;
	background-color: #F90;
}

#tal_vez_t {
	margin-top:85px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:28px;
	text-align:center;
	color:#FFF;
}

#interese_uno {
	background-color: #EF6F05;
	height:200px;
	width:334px;
	float: left;	
	vertical-align: middle;
	display:table-cell;
}





#interese_dos {
	height:200px;
	width:333px;
	float: left;	
}

#interese_dos:hover {
	background-color:#039;
	opacity: .7;
   -moz-opacity: .7;
   filter:alpha(opacity=70);
}


#interese_tres {
	height:200px;
	width:333px;
	float: left;	
}

#interese_tres:hover {
	background-color:#039;
	opacity: .7;
   -moz-opacity: .7;
   filter:alpha(opacity=70);
}

#interese_texto {
	background-color:#000;
	margin-top:140px;
	color:#FFF;
	position: absolute;
	float:left;
	padding:3px;
	width:327px;
	cursor:pointer;
	
	font-family: Arial Narrow, Arial, Helvetica, sans-serif;
	font-size:20px;
	
	opacity: .9;
   -moz-opacity: .9;
   filter:alpha(opacity=90);
	
}

#interese_textodos {
	background-color: #FFF;
	margin-top:140px;
	color:#000;
	position: absolute;
	float:left;
	padding:3px;
	width:327px;
	cursor:pointer;
	display: inline;
	
	font-family: Arial Narrow, Arial, Helvetica, sans-serif;
	font-size:20px;
	
	opacity: .9;
   -moz-opacity: .9;
   filter:alpha(opacity=90);
	
}

.centro {
	text-align:center;
}

/*¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡LIGHTBOX!!!!!!!!!!!!!!!!!!!*/

#videogallery { zoom:1; }
#videogallery span{ display:block; }
#videogallery a{
display:-moz-inline-stack;
display:inline-block;
zoom:1;
*display:inline;
position:relative;
vertical-align:top;
margin:5px;
text-align:center;
opacity:0.87;
}
#videogallery a img{
display:block;
border:none;
margin:0;
}
#videogallery a:hover{
text-decoration:underline;
opacity:1;
}
#videogallery a#videolb{display:none}