@import url(http://fonts.googleapis.com/css?family=Muli);







/* Let's get this party started */

::-webkit-scrollbar {

    width: 10px;

	

	

	

}

 

/* Track */

::-webkit-scrollbar-track {

	

    

	

	

}

 

/* Handle */

::-webkit-scrollbar-thumb {

    

    background: rgba(255,131,57,0.8);

	background-color:#7DB83B;

 

	 -webkit-border-radius: 0px;

    border-radius: 0px;

}

::-webkit-scrollbar-thumb:window-inactive {

	background: rgba(0,0,0,0.4); 

}



body, html{

	margin:0;

}

iframe, object, embed {

        max-width: 100%;

}

body

{

	background-color:#FFF;

	color:#666;

	font-family: 'Muli', sans-serif;

	margin:0;

	font-size:14px;

	background-image:url(../img/bgtop.jpg);

	background-repeat:no-repeat;

	background-size:100% auto;

	

}



#header{

	position:relative;

	display:block;

	width:1000px;

	height:220px;

	background-image:url(../img/bg-header.png);

	margin-left:auto;

	margin-right:auto;

	

	

}



#logo{

	position:absolute;

	width:230px;

	height:99px;

	left:35px;

	top:35px;

	background-image:url(../img/logo.png);

}





#direccion{

	position:absolute;

	width:auto;

	right:20px;

	top:20px;

	color:#333;

	text-align:right;

}





#promociones{

	position:absolute;

	display:block;

	width:130px;

	height:66px;

	left:50%;

	margin-left:-65px;

	background-image:url(../img/promociones.png);

	

}

	

#navigatione{

	display:block;

	position:absolute;

	width:1000px;

	bottom:0;

	height:50px;

	background-color:#333;

	

	

	text-align:center;

	z-index:99999;

	

}









#navigatione ul{

	position:relative;

	width:auto;

	height:35px;

	left:0px;

	top:0;

	list-style:none;

	margin:0;

	padding:0;

	z-index:99;

	

}



#navigatione ul ul {

	display: none;

}



	#navigatione ul li:hover > ul {

		display: block;

	} 

#navigatione li {

	position:relative;

	display:inline-block;

	width:auto;

	padding-left:5px;

	padding-right:5px;

	

	z-index:0;

	

}



#navigatione li:hover{

	

	

}

#navigatione ul li a, #navigatione ul li span{	

	display:inline-block;

	width:auto;

	text-transform:uppercase;

	color:#FFF;

	height:50px;

	line-height:50px;

	

	font-size:12px;

	text-align:center;

	text-decoration:none;

	

	padding-left:25px;

	padding-right:25px;

	cursor:pointer;

	

}





#navigatione li a:hover, #navigatione ul li span:hover{

	background-color:#7DB83B;

	

}







#navigatione ul ul {

	

	position: absolute; 

	top: 100%;

	border:0;

	background-color:#333;

	margin-left:5px;

	width:auto;

	

	

	-moz-box-shadow: 0 0 5px #333;

	-webkit-box-shadow: 0 0 5px #333;

	box-shadow: 0 0 5px #333;

	height:auto;

	

}

	#navigatione ul ul li {

		display:inline-block;

		position: relative;

		border:0;

		padding:0;

		

	

		

		height:35px;

		width:auto;

		

		

		

		

		

		

		

		

	}

	

		#navigatione ul ul li a {

			line-height:35px;

			position:relative;

			width:auto;

			display:block;

			height:35px;

			color:#FFF;

			left:0;

			

			

			font-size:12px;

			margin-right:0px;

			margin-left:0px;

			

			

			

			

			

		

			

		}	#navigatione ul ul li:hover{ background-image:none; color:#7DB83B; }

			#navigatione ul ul li a:hover { background-color:transparent;	color:#7DB83B; }

			























#redes{

	position:absolute;

	right:15px;

	bottom:70px;

	width:auto;

	height:30px;

	line-height:30px;

	

	

	

}



#redes a{

	display:inline-block;

	width:30px;

	height:30px;

	border:0;

	

	margin-right:5px;

}





#cuadros{

	position:relative;

	display:block;

	margin-left:auto;

	margin-right:auto;

	width:1031px;

	height:363px;

	background-image:url(../img/cuadros.png);

	margin-top:30px;

}

.boton{

	display:table;

	width:auto;

	height:45px;

	line-height:45px;

	color:#FFF;

	background-color:#51B948;

	padding-left:15px;

	padding-right:15px;

	margin-left:auto;

	margin-right:auto;

	-moz-border-radius: 5px;

	-webkit-border-radius: 5px;

	border-radius: 5px;

	cursor:pointer;

	text-decoration:none;

	

}

.wrapper{

	position:relative;

	display:block;

	height:auto;

	width:1000px;

	margin-left:auto;

	margin-right:auto;

}



.wrapper-verde{

	width:100%;

	display:block;

	position:relative;

	padding-top:30px;

	padding-bottom:30px;

	color:#FFF;

	background-color:#7DB83B;

	margin-top:30px;

	margin-bottom:30px;

	text-align:justify;

}



.titulo-w, .titulo-g{

	width:auto;

	padding-left:40px;

	color:#FFF;

	font-size:24px;

	height:30px;

	line-height:30px;

	margin-bottom:20px;

	background-image:url(../img/bullet-w.png);

	background-repeat:no-repeat;

	background-position:left;

	text-align:left;

}



.titulo-g{

	color:#7DB83B;

	background-image:url(../img/bullet-g.png);

}

.medios{

	display:inline-block; width:450px; margin-left:20px; margin-right:20px; vertical-align:top; height:auto;

	text-align:justify;

	margin-bottom:40px;

}



.medios .titulo-w{

	font-size:18px;

}

#banner, #home{

	position:relative;

	display:block;

	width:1000px;

	height:350px;

	margin-left:auto;

	margin-right:auto;

	background-image:url(../img/slider.jpg); 

	background-size:100% auto;

	

}



#home{ background-image:url(../img/home.jpg); } 



	



.bloque{

	display:block;

	width:1000px;

	height:auto;

	text-align:justify;

	margin-left:auto;

	margin-right:auto;

	padding-top:15px;

	padding-bottom:15px;

	margin-top:30px;

	border-top:1px solid #51B948;

}



.titulo{

	display:block;

	width:auto;

	text-transform:uppercase;

	height:40px;

	margin-bottom:30px;

	line-height:40px;

	text-align:center;

	color:#333;

	background-image:url(../img/bg-titulo.png);

	background-position:center bottom;

	background-repeat:no-repeat;

}



/* PROYECTOS */

.proy{

	display:inline-block;

	width:300px;

	height:auto;

	margin-left:20px;

	vertical-align:top;

}

.proy img{ vertical-align:top; margin-bottom:20px; }

.proy-img{

	display:block;

	margin-bottom:10px;

	width:300px;

	height:160px;

	overflow:hidden;

	

}



.proy-titulo{

	display:block;

	margin-bottom:15px;

	font-size:14px;

	color:#51B948;

	text-align:center;

}



.proy-resumen{

	font-size:12px;

	color:#333;

	text-align:justify;

}



/*  CONTACTO */





#contacto-form{

	display:inline-block;

	width:690px;

	height:auto;

	

	margin-right:10px;

	margin-bottom:50px;

}



.form-button-busca{

	width:31px;

	height:31px;

	display:inline-block;

	border:0;

	

	vertical-align:middle;

	margin-left:-40px;

	background-color:transparent;

	background-image:url(../img/buscar.png);

	

}

.form-text, .form-text-area{

	width:200px;

	height:auto;

	padding:10px;

	color:#ADADAD;

	font-size:16px;

	font-weight:bold;

	background-color:#EEE;

	border:0;

	margin-bottom:5px;

	display:inline-block;

}

.form-text{

	margin-right:5px;

}

.form-text-area{ width:657px;	height:150px; }

textarea {

   font-family: inherit;

   font-size: inherit;

   margin-top:3px;

}



.form-button{

	width:100px;

	height:45px;

	line-height:45px;

	color:#FFF;

	background-color:#333;

	font-family:'bebas_neueregular';

	font-size:24px;

	border:0;

	margin-top:3px;

	

	

}

/* FOOTER */



#footer{

	display:block;

	width:100%;

	height:110px;

	

	

	text-align:center;

	color:#FFF;

	background-color:#7DB83B;

}







.shadow{

	-webkit-box-shadow: 2px 11px  #444,  0px 0 11px #444;   

	-moz-box-shadow: 2px 0 11px #444,  0px 0 11px #444;   

	box-shadow: 2px 0 11px #444,  0px 0 11px #444; 

}





.page, .current_page{

font-weight:bold;

margin:0 4px;

min-width:20px;

padding:5px 10px;

border:1px solid #bbb;

display:inline-block;

border-radius:10px;

text-decoration:none;

text-align:center;

color:#EEE;

background-color:#333;

margin-bottom:15px;

}



.current_page{

	color:#333;

	background-color:#EEE;

}













#overlayEffect

{

 display:none;

 position:fixed;

 opacity:1.7;

 height:100%;

 width:100%;

 top:0;

 left:0;

 background: -moz-linear-gradient(rgba(11,11,11,0.1), rgba(11,11,11,0.6)) repeat-x rgba(11,11,11,0.7);

 background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(11,11,11,0.1)), to(rgba(11,11,11,0.6))) repeat-x rgba(11,11,11,0.7);

 z-index:1000;

}





.slider-foto-cont{

	position:relative;

	width:990px;

	height:370px;

	overflow:hidden;

}



/*SLIDESHOW */

#slideshow { position:relative; width: 1000px; height:371px;    z-index:999; display:block; margin-left:auto; margin-right:auto; }

#slideshow img {}



.slideshow2 {width: 750px; text-align:left !important; height:40px; }



.slide-2-wrapper{

	width:750px; display:inline-block; overflow:hidden;

}



.fechadehoy{

	display:inline-block;

	width:200px;

	text-align:right;

	border-left:1px dotted #FFF;

}





#slide1{

	display:block;

	position:absolute;

	width:100%;

	height:450px;

	background-image:url(../img/slyder.png);

	background-repeat:no-repeat;

	background-size:100% auto;

	z-index:0;

}



.bx-wrapper .bx-viewport {

	

	border:0;

	left: 0px;

	

	

	height: 350px;

	text-align:center;

	color:#FFF;

	

}



.bx-wrapper .bx-pager,

.bx-wrapper .bx-controls-auto {

	position: absolute;

	bottom: -130px;

	width: 100%;

}



/* LOADER */



.bx-wrapper .bx-loading {

	min-height: 50px;

	background: url(img/bx_loader.gif) center center no-repeat;

	

}



/* PAGER */



.bx-wrapper .bx-pager {

	text-align: center;

	font-size: .85em;

	font-family: Arial;

	font-weight: bold;

	color: #666;

	padding-top: 20px;

}



.bx-wrapper .bx-pager .bx-pager-item,

.bx-wrapper .bx-controls-auto .bx-controls-auto-item {

	display: inline-block;

	*zoom: 1;

	*display: inline;

}



.bx-wrapper .bx-pager.bx-default-pager a {

	background: #666;

	text-indent: -999999px;

	display: block;

	width: 10px;

	height: 10px;

	margin: 0 5px;

	margin-top:-50px;

	-moz-border-radius: 5px;

	-webkit-border-radius: 5px;

	border-radius: 5px;

}



.bx-wrapper .bx-pager.bx-default-pager a:hover,

.bx-wrapper .bx-pager.bx-default-pager a.active {

	background: #6BD3F0;

}



/* DIRECTION CONTROLS (NEXT / PREV) */



.bx-wrapper .bx-prev {

	width:40px;

	height:40px;

	left: -20px;

	

	

	background: url(../img/slide-prev.png); 

}



.bx-wrapper .bx-next {

	width:40px;

	height:40px;

	right: -20px;

	

	background: url(../img/slide-next.png);

}



.bx-wrapper .bx-prev:hover {

	background: url(../img/slide-prev-2.png); 

}



.bx-wrapper .bx-next:hover {

	background: url(../img/slide-next-2.png);

}



.bx-wrapper .bx-controls-direction a {

	position: absolute;

	top:50%;

	margin-top:-20px;

	

	

	

	width: 40px;

	height: 40px;

	text-indent: -999999px;

	z-index: 9999;

}



.bx-wrapper .bx-controls-direction a.disabled {

	display: none;

}



/* AUTO CONTROLS (START / STOP) */



.bx-wrapper .bx-controls-auto {

	text-align: center;

}



.bx-wrapper .bx-controls-auto .bx-start {

	display: block;

	text-indent: -999999px;

	width: 10px;

	height: 11px;

	background: url(../img/controls.png) -86px -11px no-repeat;

	margin: 0 3px;

}



.bx-wrapper .bx-controls-auto .bx-start:hover,

.bx-wrapper .bx-controls-auto .bx-start.active {

	background-position: -86px 0;

}



.bx-wrapper .bx-controls-auto .bx-stop {

	display: block;

	text-indent: -999999px;

	width: 9px;

	height: 11px;

	background: url(img/controls.png) -86px -44px no-repeat;

	margin: 0 3px;

}



.bx-wrapper .bx-controls-auto .bx-stop:hover,

.bx-wrapper .bx-controls-auto .bx-stop.active {

	background-position: -86px -33px;

}



/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */



.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {

	text-align: left;

	width: 80%;

}



.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {

	right: 0;

	width: 35px;

}



/* IMAGE CAPTIONS */



.bx-wrapper .bx-caption {

	position: absolute;

	bottom: 0;

	left: 0;

	background: #666\9;

	background: rgba(80, 80, 80, 0.75);

	width: 100%;

}



.bx-wrapper .bx-caption span {

	color: #fff;

	font-family: Arial;

	display: block;

	font-size: .85em;

	padding: 10px;

}