/**
** style.css
*/
body{
	margin:0;
	padding:0;
	font-family: Arial,sans-serif;
	position: relative;
}
ul{
	margin: 0;
}
h1,h2,h3,h4{
	margin:0;
}

.container{
	margin:auto;
}
.clear{
	clear:both;
}
.center{
	text-align: center;
}
.text_left{
	text-align: left;
}
.text_right{
	text-align: right;
}
/*/Colors/*/
.purple{
	background: #8F68E0;
}
.green{
	background: #24B48C;
	color:#FFFFFF;
}
.white{
	background: #FFFFFF;
}
header{
	height:60px;
	line-height: 60px;
	width:100%;
	background :#8F68E0;
}
header .logo{
	line-height: 60px;
	font-size: 40px;
	color:#FFFFFF;
	text-transform: uppercase;
}
#top_nav li{
	font-size: 14px;
	line-height: 60px;
	list-style: none;
	float: left;
	color:#505050;
	position: relative;
	padding:0 20px;
	text-transform: uppercase;
}
#top_nav li a{
	color:#EFEFEF;
	display: block;	
}
#top_nav li:hover{
	background: #24B48C;
}
/*/HOME/*/
.row.banner{
	background: #88D0D0;
}
#banner{
	width:100%;
	max-height:559px;
	font-size: 35px;
	text-align: center;
	font-family: Helvetica,sans-serif;
	background: #ABABAB;
	color:#FFFFFF;
	overflow: hidden;
	position: relative;
}
.slider{
	
}
#caption {
	position:relative;
}
.caption{
	position:absolute;
	
	bottom: 0;
    width: 100%;
	
	z-index: 200;
	
}
.slide{
	position:relative;
}
.caption {
  bottom: 0;
  color: #fff;
  display: block;
  position: absolute;
  width: 100%;
}
div.caption {
  background: rgba(18, 187, 184, 0.42) none repeat scroll 0 0;
  padding: 50px 0 71px;
  text-align: center;
}
.caption .big{
	font-size: 30px;
	text-transform: uppercase;
}
/*/EOFHOME/*/
/*/GALERIA/*/
.row.descripcion{
	margin-top: 10px;
	line-height: 132px;
}
.row.descripcion input{
	display: inline-block;
}
.blueimp-gallery > .description {
  position: absolute;
  top: 30px;
  left: 15px;
  color: #fff;
  display: block;
}
.blueimp-gallery-controls > .description {
  display: block;
}
.image_box{
	padding:20px;
	margin:10px;
	cursor: pointer;
}
#galeria img{
	display: inline-block;
}
.row.select{
	padding:10px 0;
	background:#EFEFEF;
	border-bottom:#8C918B;
}
/*/ajax edit/*/
.close_box{
	height:40px;
	padding:5px;
	text-align: right;
}
.close{
	cursor: pointer;
	font-size: 25px;
	background: #8F68E0;
	width: 25px;
	height:25px;
	padding:10px;
	border-radius: 50%;
	color:#FFFFFF;
	text-align: center;
	line-height: 25px;
	display: inline-block;
}
#ajax_block{
	display: none;
}
div.ajax_show {
	display: none;
  height: auto;
  left: 0;
  min-height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1002;
}

.ajax_bg{
  background-color: rgba(0, 0, 0, 0.9);
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width:100%;
  min-height: 100%;
}
.n9 {
  position:relative;
  text-align: center;
  vertical-align: middle;
  width: 100%;
}
.n3 {
  display: inline-block;
  margin-top: 20px;
  width:100%;
  position: relative;
  text-align: left;
}
.photo_container{
	z-index: 1003;
	padding:10px;
	background:#FFFFFF;
}
.photo_container img{
	width:100%;
}
.photo_box{
	position:relative;
	padding:10px;
	background-color: #000000;
}
.pager_box{
	position:relative;
	width:45px;
	height:100%;
}
.snowliftPager {
  display: block;
  height: 100%;
  padding:0;
  opacity: 0.4;
  position: absolute;
  margin-top: -22px;
  top: 0;
  transform: translateZ(0px);
  transition: opacity 0.2s ease 0s;
  width: 45px;
  z-index: 1003;
  cursor: pointer;
}
.snowliftPager:hover{
	opacity:90;
}
.snowliftPager.prev{
	left:20px;
}
.snowliftPager.next{
	right:20px;
}
.snowliftPager i {
  background-image: url("images/sprite_icons.png");/*/rsrc.php/v2/y1/r/v9zbVOI6nMH.png*/
  background-repeat: no-repeat;
  background-size: 140px 67px;
  height: 70px;
  width: 45px;
  position:absolute;
  top:50%;
  display: block;
  z-index: 1003;
  cursor: pointer;
}
.snowliftPager.next i {
  background-position: -40px 0;
}
.snowliftPager.prev i{
	background-position: 0 0;
}

/*/EOF GALERIA/*/
#main{
	min-height: 600px;
}
section.row{
	padding: 40px 0;
}
section p{
	padding-bottom: 10px;
}
.section_text{
	padding-top:50px;
}
.section_text{
	
	font-family: Arial,sans-serif;
	font-size: 20px;
	color:#444444;
	line-height: 25px;
}
.light .section_text{
	color:#EFEFEF;
}
.quote_box{
	height: 250px;
	width: 250px;
	color:#FFFFFF;
	text-align: center;
	margin:auto;
	border-radius: 50%;
}
.quote{

	padding:40px 30px;
	font-size: 40px;
}
.quote img{
	border-radius: 50%;
}
/*/STELLAR/*/
section.stellar{
	font-family: "times new roman",serif;
	padding:0;
	color: #3D3D3D;
}

.stellar ul{
	margin:30px 0;
	font-size: 18px;
}
.stellar_box.agua{
	background: url(images/stellar_2.jpg);
	padding: 50px 0 50px;
	background-attachment: fixed;
	background-size: cover;
    overflow: hidden;
    background-position: 0 0;
}
.stellar_text {
	color:#FFFFFF;
	text-align: center;
	padding:0;
	margin:auto;
	text-rendering: optimizelegibility;
	text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.12);
}
.stellar_text h2{
	color:#FFFFFF;
	font-size: 36px;
	text-transform: uppercase;
}
.stellar_text p{
	padding-bottom: 20px;
}
#clients .item{
	opacity: 0.6;
	filter: alpha(opacity=60);
	padding-top:5px;
	padding-bottom: 5px; 
}
section img{
	display: inline-block;
}
/*/CLIENTES/*/
select.form-control{
	display: inline-block;
}
#clientes{
	padding:20px 0;
}
section.row_clientes{
	padding:5px 0;
	line-height: 300px;
}
/*/FOOTER/*/
footer{
	background:#282B30;
	padding:30px 0;
	min-height:200px;
	width: 100%;
	color:#EFEFEF;
}
footer h3{
	margin-bottom: 15px;
}
footer .item{
	margin-bottom: 10px;
}
footer .item i{
	padding-right:10px;
}
footer ul{
	margin:0;
	padding:0;
}
footer li{
	padding-bottom: 10px;
}
footer a{
	color:#EFEFEF;
}
@media (min-width: 1200px){
	.container{
		max-width:1200px;
	}
}
@media (max-width: 1024px){
	.container{
		max-width:1024px;
	}	
}
@media (min-width: 960px){
	.main{
		min-height: 450px;
	}

}
@media (max-width: 960px){
	.container{
		max-width:960px;
	}
}
@media (min-width: 768px){
	
}
@media (max-width: 767px){
	.mobil_center{
		text-align: center;
	}
	#top_nav{
		display: none;
	}
	.col, .col.right {
    float: none;
    padding-top:0 !important;
}
}