@charset "utf-8";
/* CSS Document */
@import url(https://fonts.googleapis.com/css?family=Sofia);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700,600);
@import url(https://fonts.googleapis.com/css?family=Lobster+Two:700);


#serviciosH2{

	    text-shadow: 1px 1px rgba(0,0,0,0.4);
}
html, body {
    height: 100%;
    width: 100%;
    font-family: 'Open Sans', sans-serif;
	
}
body {font-size:12px}
h1, h2 {font-family: 'Lobster Two', cursive; color: #009933}
h3 {font-family: 'Open Sans', sans-serif; font-size: 2.4em}
h2 {font-size: 2.4em}
#foto h2 {font-size: 2.1em}
#donde_estamos h2 {color: #000000; margin-top: 15%}
p {font-size: 1.45em;}
#intro { 
		background: url(../images/WebCumen2_02.jpg) 50% 0 fixed; 
		background-position: center center;
    background-size: cover;
    color: #fff;
    min-height: 100%;
    position: relative;
    text-align: center;
    width: 100%;
	}
#servicios {
		background-color: #fff;
		height: auto;  
		margin: 0 auto; 
		width: 100%; 
		position: relative; 
		padding: 80px 0;
}	
#home {
		background: url(../images/home.jpg) 50% 0;
		height: auto;
		margin: 0 auto;
		width: 100%;
		position: relative;
		box-shadow: 0 0 5px rgba(0,0,0,0.8);
		padding: 120px 0;
		background-size: cover;
		background-position: center -72px !important;
		background-color: white;
	}
#foto { 
		height: auto;
		margin: 0 auto; 
		width: 100%; 
		position: relative; 
		padding: 100px 0;
	}
#donde_estamos { 
		background: #ffffff; 
		height: auto;
		margin: 0 auto; 
		width: 100%; 
		position: relative; 
		padding: 80px 0 40px;
		color: #000;
	}
#contacto {padding: 0 0 50px}
#video {position:relative; padding-top:40%;/* margin-left: 0px !important; */} /* para mostrar un iframe escalable */
#video iframe {width:100%; height:100%; border:none; position:absolute; left:0; top:0} /* para mostrar un iframe escalable */
	/* Non-essential demo stuff */
.hero-unit {
		color: #ffffff;
		text-shadow: 1px 0 3px rgba(0, 0, 0, 0.75);
	}
.media-object { width: 64px; height: 64px; padding-bottom: 30px }
.navbar-brand {font-family: 'Sofia', cursive; color:#009933; font-weight: bold; font-size: 3em; -webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;}
.navbar-default .navbar-brand {
    color: #009933 !important;
    letter-spacing: -0.02em;
}

.nav > li > a {
	font-family: 'Open Sans', sans-serif;
	font-size: 18px;
	color: #505050;
	font-weight: 600;
	-webkit-transition: all 0s ease-in-out;
	-moz-transition: all 0s ease-in-out;
	-o-transition: all 0s ease-in-out;
	transition: all 0s ease-in-out;
	}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
    background-color: transparent;
    color: #009933;

}
.navbar-default {
    background-color: #ffffff;
    border-color: #e7e7e7;
}
.row-centered {
    text-align:center;
}
.col-centered {
    float: none;
    margin: 0 auto;
}
.navbar-header {
    margin: 30px 0;
    -webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
.nav > li {
    margin-top: 34px;
    margin-right: 6px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.carousel-caption {
    background-color: rgba(0, 0, 0, 0.6);
    bottom: 0;
    /* height: 10px !important; */
    left: 30%;
    padding: 2%;
    right: 25%;
    text-align: left;
    height: 42%;
    /* overflow: hidden; */
    top: 29%;
}
.carousel-caption h2{font-family: 'Open Sans', sans-serif;font-size:2.42857em;color:#ffffff;text-shadow:none;margin-top:5px;margin-bottom: 30px;}
.carousel-caption h3{font-size:2.142857em; color:#ffffff; text-shadow:none; margin-top:5px; margin-bottom:5px}

footer {background-color:#424242; color:#ffffff; padding:1.5em 0}
footer .nav > li {margin-top: 5px;}
footer .nav > li > p > a  {color: #ffffff; font-size: 1.15em; font-weight: 500;}
footer p {padding-top:25px}
footer .wrap{margin: 10px auto; display: flex;}
.social{margin: 0 auto;}
footer .nav > li > a:focus, .nav > li > a:hover {background-color:transparent}
footer .nav > li > a:focus img, .nav > li > a:hover img {transform:  rotate(360deg);  -webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;}
input[type=text], textarea{background-color:#eeeeee; border:none; width:100%; margin:10px 0; padding:10px}	
textarea {height:160px}
form .btn.btn-success {background: transparent; border-color: #009933; color: #009933; float: right; font-weight: 600;}
.carousel-control span {color: #ffffff; font-size: 2.3em !important;}
.carousel-control {opacity: 1;}
.carousel-control.right {background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0px, rgba(0, 0, 0, 0) 100%);}
.carousel-control.left {background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0px, rgba(0, 0, 0, 0) 100%);}
.carousel-control.right:hover, .carousel-control.right:focus {background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0px, rgba(0, 0, 0, 0.5) 100%);}
.carousel-control.left:hover, .carousel-control.left:focus {background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0px, rgba(0, 0, 0, 0) 100%);}

.modal-header {display:none}
#galeria {padding-top: 16px;/* height: 100%; *//* overflow: hidden; */}
#galeria img {border: 2px solid #fff;margin: 15px 0;background-size: cover;background-position: 20% center;position: relative;display: inline-block;min-height: 94px;min-width: 133px;}
#galeria img:hover {border: 2px solid #009933;margin: 15px 0;/* min-width: 200px; */}

.ekko-lightbox .modal-body {padding: 5px;}
.ekko-lightbox .modal-content {border-radius: 0;}
.ekko-lightbox-nav-overlay > a:focus, #galeria > .row > a:focus{
    outline: none;
    outline-offset: -2px;
}

#contenedor_gal {position:fixed; z-index:100000000; top:0; left:0; width:100%; height:100%; display:none; opacity:0;-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;}
#galeria a {font-family: 'Lobster Two', cursive;color: #ffffff;font-size:2em;text-align: center;/* margin: 0px; */}

.affix .navbar-header {
	margin: 0px 0;
	}
	.affix .nav > li {margin-top: 0px;}
	
	.affix .navbar-brand {font-size: 2.3em;}
	.affix-top{box-shadow: 8px 0 8px rgba(0, 0, 0, 0.55);}
	header {
	position: relative;
	width: 100%;
	min-height: auto;
	text-align: center;
	color: #fff;
	/*background-image: url(../images/WebCumen2_02.jpg);*/
	background-position: center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size: cover;
	min-height: 100%;
	box-shadow: 8px 0 8px rgba(0, 0, 0, 0.55);
	margin: 0px auto 9px;
	}
	
	header .header-content {
	height: 100%;
	overflow: hidden;
	padding: 100px 0 0;
	position: absolute;
	text-align: center;
	width: 100%;
	}
	
	header .header-content .header-content-inner h1 {
	margin-top: 0;
	margin-bottom: 0;
	text-transform: uppercase;
	font-weight: 700;
	}
	
	header .header-content .header-content-inner hr {
	margin: 30px auto;
	}
	
	header .header-content .header-content-inner p {
	margin-bottom: 50px;
	font-size: 16px;
	font-weight: 300;
	color: rgba(255,255,255,.7);
	}

@media (max-width: 1240px) {
	.carousel-caption {left: 30%; padding: 2% 40px; right: 15%;}
	.carousel-caption h2{font-size:2.1em; }
	.carousel-caption h3{font-size:1.9em;}
	.carousel-caption p {font-size:1.4em}
	footer .nav > li > p > a  {font-size: 1.1em;}
	footer p {font-size:1.2em}
	
}

@media (max-width: 992px) {
	#mainNav .container {width: 100%;}
	.nav > li {margin-right: 0px;}
	.nav > li > a { padding-right: 5px;padding-left: 4px;}
	
	.navbar-brand {font-size: 3em;}
	#donde_estamos h2 {margin-top: 5px}
	.carousel-caption {left: 30%; padding: 2% 40px; right: 10%;}
	.carousel-caption h2{font-size:1.9em; }
	.carousel-caption h3{font-size:1.7em;}
	.carousel-caption p {font-size:1.3em}
	#servicios,	#home, #foto, #donde_estamos {padding: 20px 0;}
	footer .container {width:100%}
		#galeria {padding-top:30px}
}


#banderitas a {
    margin-left: 5px;
    padding: 0px;
    float: right;
    padding-top: 12px;
    left: 16px;
    margin-right: 6px;
}

#banderitas{

/* width: 103px; */

position: relative;

display: inline-block;

float: left;

left: -20px;

list-style: none;
}

@media (max-width: 767px) {
	.nav > li {margin-top: 0px; display: inline-block; margin-right: 10px;}
	.nav > li > a {padding-right: 5px;padding-left: 5px;}
	.navbar-header {margin: 12px 0;}
	.nav > li {margin-top: 12px;}
	.carousel-caption {left: 10%; padding: 0 30px; right: 10%;}
	.carousel-caption h2{font-size:1.8em; }
	.carousel-caption h3{font-size:1.4em;}
	.carousel-caption p {font-size:1em}
	footer p {padding-top:0px; text-align: center;}
	footer .nav li:first-child {display:block}
	footer .nav li:last-child {display:block}
	#galeria {width:98%}
	#mainNav .container {padding: 0;}
	header {margin:-135px auto 9px;}

}
@media (max-width: 574px) {
	.carousel-caption {padding: 2% 20px}
	.carousel-caption p {display:none}
	.carousel-caption h2{font-size:1.5em; }
	.carousel-caption h3{font-size:1.2em;}
	#galeria {padding-top:2%}
	#mainNav .nav > li {margin-right: 0; margin-top:0}
	.nav.navbar-nav.pull-right {margin-bottom: 0; margin-top: 0; padding: 0;}

		#banderitas{

	margin:0px !important;

	width: 100%;

	text-align: center;

	}


		#banderitas a{

	text-align: center !improtant;

	float: auto !important;
	
	margin-top:0px !important;
	margin-bottom:0px !important;
	margin-right: 20px;


	}
}
	
@media(min-width:767px) {
    header {
        min-height: 500px;
    }

    header .header-content {
        position: absolute;
        top: 50%;
        padding: 0;
		height: 100%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    header .header-content .header-content-inner {
        margin-right: auto;
        margin-left: auto;
        max-width: 1000px;
    }

    header .header-content .header-content-inner p {
        margin-right: auto;
        margin-left: auto;
        max-width: 80%;
        font-size: 18px;
    }
}