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

.bgrAll{
	background-image:url(../images/general/bgrall.jpg);
	background-repeat:repeat-x repeat-y;
	margin: 0px;
}

/*////////////// cajas ///////////////*/

.cajaHome{
	width:959px;
	height:768px;
	margin:0 auto;
	
}

.cajaServiciosAll{
	width:959px;
	height:790px;
	margin:0 auto;
}

.cajaNosotrosAll{
	width:959px;
	height:1050px;
	margin:0 auto;
}

/*/////////////////////////////*/


.head{
	background-image:url(../images/general/header.jpg);
	width:959px;
	height:65px;
}

.footcontainer{
	width:909px;
	margin-left:25px;
	height:77px;
	float:left;
}

.foot1{
	background-image:url(../images/general/foot1.png);
	width:302px;
	height:77px;
	margin-right:13px;
	float:left;
}

.foot2{
	background-image:url(../images/general/foot2.png);
	background-repeat:repeat-x;
	width:398px;
	height:77px;
	margin-right:13px;
	float:left;
}

.foot3{
	background-image:url(../images/general/foot3.png);
	background-repeat:repeat-x;
	width:183px;
	height:77px;
	float:left;
}

.textFoot1{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #666;
	text-decoration: none;
	margin-left:10px;
	margin-top:15px;
}

.textFoot1b{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #666;
	text-decoration: none;
	margin-left:10px;
	margin-top:25px;
}

.textFoot2{
	width:385px;
	height:26px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #666;
	margin-left:10px;
	margin-top:7px;
	margin-bottom:0px;
	float:left;
}

.textFoot2b{
	width:350px;
	height:26px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #666;
	margin-left:10px;
	margin-top:12px;
	float:left;
}

.sobre{
	background-image:url(../images/general/sobre.png);
	width:28px;
	height:18px;
	margin-left:3px;
	margin-top:10px;
	margin-right:2px;
	float:left;
}

.btnFacebook{
	background-image:url(../images/general/btnFacebook.png);
	width:24px;
	height:24px;
	margin-left:6px;
	margin-top:18px;
	margin-right:2px;
	float:left;
}

.btnTwitter{
	background-image:url(../images/general/btnTwitter.png);
	width:24px;
	height:24px;
	margin-left:6px;
	margin-top:18px;
	margin-right:2px;
	float:left;
}

.textFoot3{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #666;
	text-decoration: none;
	margin-left:0px;
	margin-top:12px;
	margin-bottom:4px;
	float:left;
}

.textFoot3b{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #666;
	text-decoration: none;
	margin-left:39px;
	margin-top:25px;
	float:left;
	width:65px;
}

.logo{
	background-image:url(../images/general/logo.png);
	width:173px;
	height:42px;
	margin-top:10px;
	margin-left:40px;
	float:left;
}

.barraMenu{
	background-image:url(../images/general/bgr_botones.png);
	background-repeat:repeat-x;
	width:959px;
	height:49px;
}

.btnInicio{
	width:60px;
	height:28px;
	float:left;
	margin-top:11px;
	margin-left:25px;
}

.btnNosotros{
	width:89px;
	height:28px;
	float:left;
	margin-top:11px;
}

.btnServicios{
	width:87px;
	height:28px;
	float:left;
	margin-top:11px;
}

.btnGaleria{
	width:78px;
	height:28px;
	float:left;
	margin-top:11px;
}

.btnContacto{
	width:88px;
	height:28px;
	float:left;
	margin-top:11px;
}

.descargaCV{
	width:135px;
	height:31px;
	float:left;
	margin:8px 0px 0px 370px;
}

/*////////////// contenido ///////////////*/

.cajaContenido{ 
	width:909px;
	height:521px;
	margin-top:25px;
	margin-bottom:15px;
	margin-left:25px;
}

.homeBig1{
	background-image:url(../images/home/homeBig1.png);
	float:left;
	width:454px;
	height:306px;
	
}

.homeBig2{
	background-image:url(../images/home/homeBig2.png);
	float:left;
	width:455px;
	height:306px;
}

.sujeto{
	background-image:url(../images/home/sujeto.png);
	width:207px;
	height:215px;
	float:left;
}

.bgrAzul{
	background-image:url(../images/home/bgrAzul.png);
	background-repeat:repeat-x;
	width:702px;
	height:215px;
	float:left;
}

.proyector{
	background-image:url(../images/home/proyector.png);
	width:274px;
	height:185px;
	float:left;
	margin-top:18px;
}

.text2casaBox{
	width:381px;
	height:115px;
	float:left;
	margin-left:4px;
	margin-top:3px;
	
}

.text2homeBox{
	background-color:#333;
	width:382px;
	height:117vpx;
	float:left;
	margin-left:60px;
	opacity:0.7;
	filter:alpha(opacity=70); /* For IE8 and earlier */
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #88B441;
	border-bottom-color: #88B441;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #CCC;
}

.text1homeBox{
	background-color:#333;
	width:383px;
	height:45px;
	float:left;
	margin-top:15px;
	margin-left:60px;
	margin-bottom:5px;
	opacity:0.7;
	filter:alpha(opacity=70); /* For IE8 and earlier */
	border-top-width: thin;
	border-bottom-width: thin;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #88B441;
	border-bottom-color: #88B441;
	padding:5px 0px 0px 6px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 32px;
	font-style: italic;
	font-weight: bold;
	color:#88B441;
	box-sizing: border-box;
}

.verde{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;
	font-weight: bold;
	color: #88B441;
}

.verde2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: italic;
	font-weight: bold;
	color: #88B441;
}

.gris{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;
	font-weight: bold;
	color: #333;
}

.headNaranja{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-style: italic;
	font-weight: bold;
	color:#E9852E;
}

.boxAzul{
	width:367px;
	height:187px;
	margin:15px 10px 0px 15px; 
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #E9852E;
	float:left;
}

.texBoxAzul1{
	width:360px;
	height:72px;
	float:left;
	margin:15px 0px 10px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #CCC;
}

.texBoxAzul2{
	width:360px;
	height:72px;
	float:left;
	margin:0px 0px 10px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #CCC;
}
	

/*////////////// servicios ///////////////*/

.cajaServicios{
	background-image:url(../images/servicios/servicios.jpg); 
	width:909px;
	height:540px;
	margin-top:15px;
	margin-bottom:15px;
	margin-left:25px;
	
}

.text1ServiciosBox{
	width:380px;
	height:115px;
	float:left;
	margin:28px 490px 5px 30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-style: italic;
	font-weight: bold;
	color:#8dc63f;
}

.text2ServiciosBox{
	width:388px;
	height:250px;
	float:left;
	margin:21px 10px 0px 30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#CCC;
	padding-bottom:3px;
}

/*////////////// Nosotros ///////////////*/

.cajaNosotros{
	width:909px;
	height:780px;
	margin-top:15px;
	margin-bottom:15px;
	margin-left:25px;
}

.boxAntecedentes{
	background-color:#8dc63f;
	width:301px;
	height:140px;
	float:left;
	margin-right:35px;
}

.tituloAntecedentes{
	margin:105px 0px 0px 105px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	color: #d7ebbc;
	font-style: italic;
	font-weight: bold;
}

.textoAntecedentes{
	width:573px;
	height:140px;
	margin-top:0px;
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	text-align:justify;
	color: #666;
}

.separadorVerde{
	width:909px;
	height:15px;
	float:left;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #8dc63f;
}

.separadorVerdeFilosofia{
	width:14px;
	height:168px;
	float:left;
	border-right-width: 1px;
	border-right-style: dashed;
	border-right-color: #8dc63f;
}

.separadorVerdeGaleria{
	width:19px;
	height:540px;
	float:left;
	border-right-width: 1px;
	border-right-style: dashed;
	border-right-color: #8dc63f;
}

.nosotros1{
	background-image:url(../images/nosotros/nosotros1.png);
	width:909px;
	height:405px;
	margin-top:15px;
	float:left;
}

.tituloNosotros{
	width:909px;
	height:22px;
	margin:15px 0px 0px 0px;
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-style: italic;
	font-weight: bold;
	color: #88B441;
}

.contNosotros{
	width:909px;
	height:168px;
	float:left;
	margin-bottom:15px;
	margin-top:15px;
}

.tituloTrayectoria{
	width:140px;
	height:20px;
	margin:225px 600px 0px 67px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #88B441;
	font-style: italic;
	font-weight: bold;
	float:left;
}

.texTrayectoria{
	width:750px;
	height:88px;
	margin:15px 0px 0px 67px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	float:left;
}

.textNos1{
	width:301px;
	height:165px;
	margin-top:1px;
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #666;
}

.textNos2{
	width:550px;
	height:165px;
	margin:0px 0px 0px 20px;
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #666;
}

/*/////////////Galeria/////////////////////*/

.cajaGaleria{
	width:909px;
	height:540px;
	margin-top:15px;
	margin-bottom:15px;
	margin-left:25px;
}

.cajaGaleria1{
	width:239px;
	height:310px;
	float:left;
	margin-bottom:230px;
}

.boxTituloGaleria{
	background-color:#88B441;
	width:239px;
	height:102px;
	margin-bottom:6px;
	float:left;
}

.boxTextoGaleria{
	width:239px;
	height:88px;
	margin-bottom:6px;
	float:left;
	padding-top:3px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #88B441;
	border-bottom-color: #88B441;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #666;
}

.boxLogosGaleria{
	background-image:url(../images/galeria/logos.jpg);
	width:239px;
	height:130px;
	float:left;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #88B441;
	border-bottom-color: #88B441;
}

.boxGaleria{
	width:630px;
	height:450px;
	margin-left:20px;
	float:left;
}

.tituloGaleria{
	width:180px;
	margin:6px 0px 45px 6px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	color: #d7ebbc;
	font-style: italic;
	font-weight: bold;
}


/*/////////////////// estilos lightbox /////////////////////////*/

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover {background:url(../images/galeria/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover {background:url(../images/galeria/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color:#000; }

/* Easy Slider */

    #container{
	width:908px;
	margin-left:26px;
	margin-top:20px;
	float:left;
	
	}

	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0px;
		padding:0;
		list-style:none;
		
		
		}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:630px;
		height:450px;
		overflow:hidden;
		
		
		}
		
	/* numeric controls */	

	ol#controls{
		margin:15px 0;
		padding:0;
		height:20px;	
		}
	ol#controls li{
		margin:0 2px 15px 0; 
		padding:0;
		float:left;
		list-style:none;
		height:20px;
		line-height:10px;
		}
	ol#controls li a{
		float:left;
		height:20px;
		line-height:20px;
		border:1px solid #88B441;
		background:#88B441;
		color:#fff;
		padding:0 5px;
		text-decoration:none;
		}
	ol#controls li.current a{
		background:#36C;
		color:#fff;
	   }
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	
/* // Easy Slider */

/*////////////// Id's ///////////////*/