@font-face{
		font-family: "electric";
	src: url("../fuente.eot");
	src: url("../fuente.eot?#iefix") format("embedded-opentype"),
	     url("../fuente.woff") format("woff"),
	     url("../fuente.otf") format("truetype"),
	     url("../fuente.svg#kimberley") format("svg");

}
body {
	
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	font-family: "electric";
    font-size: 18px;
}

h1, h2, h3, h4, h5, h6 {
	
	letter-spacing: 3px;
	font-weight: 400;
}
h3 {
  font-size: 24px;
  margin: 0 0 0.3em;
  font-weight: 550;
  color: #000000;
	
	margin-bottom: 30px;
}

h6 {
  
  color: #000000;
	font-size: 18px;
    font-weight: bold;
    }
h5 {
  
  color: #009F2F;
	
    font-weight: bold;
}

p {
    font-size: 1em;
    line-height: 1.6;
    color: white;
	 text-align: center;
}

hr {
	border-color: #999999;
	max-width: 400px;
    border: 0;
    height: 0;
    border-top: 4px double #FA5D04; text-align:center;
}
hr:after {
    position: relative;
    top: -22px;
    content:"\25cf\25cf\25cf";
    font-size: 34px;line-height: 34px;
    color: #FED154;
}
.secciones {
    border: 3px solid #00A0E6;
    width: 300px;
    float: left;
    text-align: center;
    margin: 0px 0px 0px 50px;
    font-size: 16px;
}

/* 
  =====================================
  CSS for <iframe> embedded Google Map
  ===================================== 
*/



.cintillo{
	background: #1E90FF;
	width: 100%;
	padding: 10px;
	text-align: center;
	color:white;
	font-size: 14px;

}
.mapWrapper {
    position: relative;
    /* 
    Do math with the height of your iframe divided by the width, then converted to percent
    In this example the height is 400 and the width is 600
    400 / 600 = .66666667 
    which is 66.6666667% */
    padding-bottom: 25.6666667%; 
    height: 0;
}
.mapWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*Nuevo codigo */

/*--gallery--*/
.gallery {
  padding: 3em 0;
}


.gallery h3 {
  font-size: 2.5em;
  margin: 0 0 0.3em;
  font-family: inherit;
  font-weight: 700;
  color: #FF0000;
	
}
.gallery-grids .thumbnail {
  border: none;
  padding: 0;
  margin-bottom: 2.5em;
  overflow:hidden;
}
.caption.gallery-caption {
  padding: 1.5em;
  border: 1px dotted #356272;
  text-align: center;
}
.caption.gallery-caption h4 {
  font-size: 1.4em;
  margin: 0 0 0.5em;
}
.caption.gallery-caption h4 a {
  color: #356272;
}
.caption.gallery-caption h4 a:hover {
  color: rgba(226, 65, 62, 0.99);
}
.caption.gallery-caption p {
  font-size: 1em;
  color: #555;
  line-height: 1.6em;
}
img.zoom-img {
     transform: scale(1, 1);
	-webkit-transform: scale(1, 1);
	-moz-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	-o-transform: scale(1, 1);
	transition-timing-function: ease-out;
	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	-ms-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	-webkit-transition-duration: .5s;
	-moz-transition-duration: .5s;
	-ms-transition-duration: .5s;
	-o-transition-duration: .5s;
}
img.zoom-img:hover {
     transform: scale(1.08);
	-webkit-transform: scale(1.08);
	-moz-transform: scale(1.08);
	-ms-transform: scale(1.08);
	-o-transform: scale(1.08);
	-webkit-transition-timing-function: ease-in-out;
	-webkit-transition-duration: 750ms;
	-moz-transition-timing-function: ease-in-out;
	-moz-transition-duration: 750ms;
	-ms-transition-timing-function: ease-in-out;
	-o-transition-timing-function: ease-in-out;
	-ms-transition-duration: 750ms;
	-o-transition-duration: 750ms;
	overflow: hidden;
}
.fancybox-skin {
  background-color: rgba(53, 98, 114, 0.61) !important;
}
.fancybox-nav {
  width: 10% !important;
}
/*----- Strip -----*/
.b-link-stripe{
	position:relative;
	display:block;
	vertical-align:top;
	font-weight: 300;
	overflow:hidden;
}
.b-link-stripe .b-wrapper{
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	text-align:center;
	overflow:hidden;
}
.b-link-stripe .b-line{
	position:absolute;
	top:0;
	bottom:0;
	width:20%;
	background:rgba(15, 207, 140, 0.9);
	transition:all 0.5s linear;
	-moz-transition:all 0.5s linear;
	-ms-transition:all 0.5s linear;
	-o-transition:all 0.5s linear;
	-webkit-transition:all 0.5s linear;
	opacity:0;
	visibility:hidden; /* lt-ie9 */
}
img.img-responsive.glry-img {
  width: 100%;
}
/*--//gallery--*/

.titulo-seccion {
    background-color: #1E90FF;
    position: relative;
    z-index: 5;
    width: 300px;
    color: white;
    font-weight: bold;
    font-size: 21px;
    padding: 10px;
    display: inline-block;
    margin: 0px 0px 0px 20px;
}


.desarrollo-seccion {
    border: 1px solid #1E90FF;
    float: left;
    width: 1075px;
    line-height: 25px;
    font-size: 15px;
    padding: 25px 10px 10px 10px;
    margin: -20px 0px 0px 0px;
    text-align: justify;
    height: 2700px;
}

.modelos{
	text-align: center;
}

.gris	{
	color: gray;
	font-weight: bold;
}

.titulo {
    background: #96D6D7;',GradientType=1 ); /* IE6-9 */
    padding: 10px 10px;
    font-size: 25px;
    color: white;
    text-align: center;
   
	margin-top: 10px;
    
    
    
}



.cintillo-3 {
    background:#FA5D04;
    padding: 5px 10px;
    font-size: 35px;
    text-align: center;
    font-family: Arial;
    color: #fff;
    width: 100%;

}

.cintillo-8 {
    background:#FFCA0C;
    padding: 5px 10px;
    font-size: 15px;
    text-align: center;
    font-family: Arial;
    color: #fff;
    width: 100%;

}

.titulo-2{
    background: red;
    padding: 10px 10px;
    font-size: 25px;
    color: white;
    text-align: center;
    margin-bottom: 20px;  
}

.titulo-3{
      background: #022859; /* Old browsers */
	background: -moz-linear-gradient(left,  #022859 1%, #2661b5 50%, #022859 99%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(1%,#022859), color-stop(50%,#2661b5), color-stop(99%,#022859)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  #022859 1%,#2661b5 50%,#022859 99%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  #022859 1%,#2661b5 50%,#022859 99%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  #022859 1%,#2661b5 50%,#022859 99%); /* IE10+ */
	background: linear-gradient(to right,  #022859 1%,#2661b5 50%,#022859 99%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#022859', endColorstr='#022859',GradientType=1 ); /* IE6-9 */
    padding: 10px 10px;
    font-size: 19px;
    color: white;
    text-align: center;
    margin-bottom: 20px;  
}


	.container-fluid {
		padding: 0;
	}


.btn-2 {

	background: transparent;
	color: white;
	border: 2px solid #E68F00;
	
	  display: block;

  margin-left: auto;

  margin-right: auto;
	font-size:30px;
  border:none;
	margin-top: -130px;

}


.form-control {
    font-size: 20px;
    border: 3px solid #F09600;
    color: #716E66 !important;
}

.btn-default-2{
   
    border: 2px solid #E68F00;
}


.btn-default{
    font-size: 20px;
    border: 2px solid #F09600;
}
#forma {
    padding: 20px;
}

label {
    font-size: 20px;
    color: white;
}

.caja-texto {	
    padding:15px 15px 15px 15px;
    margin-top: 30px;
    margin-bottom: 20px;
    font-size: 18px;
	 color: #000000;
	width: 100%;
	display: inline-block;
	border-radius: 30px; 
	text-align: justify;
}

.caja-texto-2{

	
    margin-top: 50px;
    margin-bottom: 20px;
    font-size: 18px;
	 color: black;
	width: 100%;
	display: inline-block;
	border-radius: 30px; 
}

.caja-texto-3{
padding:15px 15px 15px 15px;
	background: #2B67B1;
    margin-top: 50px;
    margin-bottom: 20px;
    font-size: 18px;
	 color: black;
	width: 100%;
	display: inline-block;
	
}


.form-control {
    font-size: 20px;
    border: 3px solid #96D6D7;
    color: #716E66 !important;
}

.btn-default-2{
   
    border: 2px solid #96D6D7;
}


.btn-default{
    font-size: 20px;
    border: 2px solid #96D6D7;
}

/* Aquí acaba */
.fondo {
 background: url(../img/fondo.jpg) no-repeat center center fixed;   
}    
.img-center{
	display: block;
	margin-left: auto;
	margin-right: auto;
	border:none;
	margin-top: -120px;
	margin-bottom: 20px;
}

.img-center-2{
	display: block;
	margin-left: auto;
	margin-right: auto;
	border:none;
	border-radius: 20px;
	margin-top: -10px;
	
}
.img-center-p{
    float: left;
	margin-right: auto;
	border:none;
	
}

.brand,
.address-bar {
	display: none;
}
.navbar-brand {
	text-transform: uppercase;
	letter-spacing: 3px;
	font-weight: 900;
}

.navbar-nav {
	text-transform: uppercase;
	letter-spacing: 3px;
	font-weight: 400;
}

.img-full {
	min-width: 100%;
}

.brand-name {
	font-weight: 700;
	font-size: 1.5em;
	text-transform: capitalize;
	letter-spacing: normal;
}

.tagline-divider {
	margin: 15px auto 3px;
	border-color: #999999;
	max-width: 250px;
}

.box {
	background: #fff;
	background: rgba(255,255,255,0.6);
	margin-bottom: 20px;
	padding: 20px;
/*  padding: 30px 15px;*/
}


.intro-text {
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 1.25em;
	font-weight: 400;
}

.img-border {
	float: none;
	margin: 0 auto 0;
	border: #999999 solid 1px;
}

.img-left {
	float: none;
	margin: 0 auto 0;
}

strong{
	color: #012863;
}
footer {
           background:#1E90FF;
}

.titulo-3 {
    background: transparent;
    font-size: 20px;
    color: black;
    text-align: left;
    border-style: solid;
    border-color: #28A9E1;
    border-radius: 20px;
    margin-bottom: 20px;
    height: auto;
}

footer p{
	color: white;
  margin: 0;
  font-size: 1.2em;
	text-align: left;
}
footer h3{
	color: #dbbfab;
	font-weight: bold;
}
footer a{
	color: #fff;
}

footer a:hover{
	color: #edc690;
}
footer a hover{
	color: #7c3c3c;
}
/*GALERIA*/


span.over {
	height: 100%;
	position: absolute;
	width: 100%;
	z-index: 10;
	cursor: pointer
}

span.over {
	background: rgba(0, 182, 223, 0.46);
}

#screenshots  {
	background:#fff;
	min-height:250px;
	padding:0;
	text-align:center
}

#screenshots ul {
	padding:0;
	margin:0;
	list-style:none
}

#screenshots ul li {
	padding:0;
	margin:0;
	float:left;
	position:relative
}

#screenshots ul li a {
	width: 100%;
	height: 100%;
	float:left;
	display:block
}

.zoom-icon {
	width: 128px!important;
	height: 128px!important;
	position: absolute;
	top:30%;
	left:34%;
	border:0!important;
	box-shadow:none!important;
	-moz-box-shadow:none!important;
	-webkit-box-shadow:none!important;
	-ms-box-shadow:none!important;
	-o-box-shadow:none!important;
	border:0!important
}

@media screen and (min-width: 768px) {

.brand {
	display: inherit;
	font-weight: 700;
	font-size: 5em;
	line-height: normal;
	text-align: center;
	margin: 0;
	padding: 30px 0 10px;
	color: #fff;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

.top-divider {
	margin-top: 0;
}

.img-left {
	float: left;
	margin-right: 25px;
}

.address-bar {
	display: inherit;
	text-align: center;
	margin: 0;
	padding: 0 0 40px;
	font-size: 1.25em;
	text-transform: uppercase;
	letter-spacing: 3px;
	font-weight: 400;
	color: #fff;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

.navbar {
	border-radius: 0;
}

.navbar-header {
	display: none;
}

.navbar {
	min-height: 0;
}

.navbar-default {
	background: #1E90FF;
	color: white;
	border: none;
	width: 1140px;;
	margin: auto;
	margin-bottom: 20px;
}

.nav>li>a {
	padding: 15px 	25px 15px 30px;
}

.navbar-nav>li>a {
	line-height: normal;
}

.navbar-nav {
	float: none;
	margin: 0 auto;
	display: table;
	table-layout: fixed;
	font-size: 1em;

}
.navbar-default .navbar-nav > li > a {
	color:  white;
	text-align: center;
	font-weight: bold;
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
	color:white;
	background-color: transparent;
}

}

@media screen and (min-width: 1200px) {
	.box:after {
			content: '';
			display: table;
			clear: both;
	}
}

.boxes{
	padding: 1.5%;
}
.boxes h2{
	margin-bottom: 0;
}
.boxes li p{

}
.lb-album .btn1{
	margin-top: 10px;
}
.boxes li.btn1{
	padding: 0 10px 10px;
}
.lb-album{
	margin: 0 auto;
	font-family:Arial, Helvetica, sans-serif;
}
.lb-album li{
	float: left;
	padding: 15px;
	width: 44%;
	margin: 1% 0 1% 2%;
	background: #FFF;
	box-shadow: 0px 0px 7px #808080;
	-moz-box-shadow: 0px 0px 7px #808080;
	-webkit-box-shadow: 0px 0px 7px #808080;
	-o-box-shadow: 0px 0px 7px #808080;
	position: relative;
}
.lb-album li:first-child{
	margin-left:0;
}
.lb-album li > a,
.lb-album li > a img{
	display: block;
}
.lb-album li > a img{
	border:1px solid #f1f1f1;
}
.lb-album li > a{
	position: relative;
}
.lb-album li > a span{
	position: absolute;
	bottom:70px;
	left:110px;
	width:36px;
	height:36px;
	opacity: 0;
	-webkit-transition: opacity 0.3s linear;
	-moz-transition: opacity 0.3s linear;
	-o-transition: opacity 0.3s linear;
	-ms-transition: opacity 0.3s linear;
	transition: opacity 0.3s linear;
}
.lb-album li > a img:hover{
	opacity:0.6;
}
.lb-album li > a:hover span{
	opacity:1;
	background:url(../images/zoom.png) no-repeat;
	filter: alpha(opacity=99); /* internet explorer */
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=99)"; /*IE8*/
}
.lb-overlay{
	width: 0px;
	height: 0px;
	position: fixed;
	overflow: hidden;
	left: 0px;
	top: 0px;
	padding: 0px;
	z-index: 99;
	text-align: center;
	background:rgba(24, 23, 23, 0.91);
}
.lb-overlay a.lb-close{
	background: rgba(27,54,81,0.8);
	z-index: 1001;
	position: absolute;
	right:13%;
	top:4%;
	width:27px;
	height:27px;
	background:url('../img/close.png') no-repeat;
	overflow: hidden;
	opacity: 0;
	filter: alpha(opacity=0); /* internet explorer */
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=0)";
	-webkit-transition: opacity 0.3s linear 1.2s;
	-moz-transition: opacity 0.3s linear 1.2s;
	-o-transition: opacity 0.3s linear 1.2s;
	-ms-transition: opacity 0.3s linear 1.2s;
	transition: opacity 0.3s linear 1.2s;
}
.lb-overlay img{
	/* height: 100%; For Opera max-height does not seem to work */
	max-height: 100%;
	position: relative;
	-webkit-box-shadow: 1px 1px 4px rgba(0,0,0,0.3);
	-moz-box-shadow: 1px 1px 4px rgba(0,0,0,0.3);
	box-shadow: 0px 2px 7px rgba(0,0,0,0.2);
}
.lb-overlay:target {
	width: auto;
	height: auto;
	bottom: 0px;
	right: 0px;
	padding: 8px 10px 12px 10px;
}
.lb-overlay:target img {
	-webkit-animation: scaleDown 1.2s ease-in-out;
	-moz-animation: scaleDown 1.2s ease-in-out;
	-o-animation: scaleDown 1.2s ease-in-out;
	-ms-animation: scaleDown 1.2s ease-in-out;
	animation: scaleDown 1.2s ease-in-out;
}
.lb-overlay:target a.lb-close,
.lb-overlay:target > div{
	opacity: 1;
	filter: alpha(opacity=99); /* internet explorer */
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=99)"; /*IE8*/
}
@-webkit-keyframes scaleDown {
  0% { -webkit-transform: scale(10,10); opacity: 0; }
  100% { -webkit-transform: scale(1,1); opacity: 1; }
}
@-moz-keyframes scaleDown {
  0% { -moz-transform: scale(10,10); opacity: 0; }
  100% { -moz-transform: scale(1,1); opacity: 1; }
}
@-o-keyframes scaleDown {
  0% { -o-transform: scale(10,10); opacity: 0; }
  100% { -o-transform: scale(1,1); opacity: 1; }
}
@-ms-keyframes scaleDown {
  0% { -ms-transform: scale(10,10); opacity: 0; }
  100% { -ms-transform: scale(1,1); opacity: 1; }
}
@keyframes scaleDown {
  0% { transform: scale(10,10); opacity: 0; }
  100% { transform: scale(1,1); opacity: 1; }
}
/* 
	100% Height for Opera as the max-height seems to be ignored, not optimal for large screens 
	http://bricss.net/post/11230266445/css-hack-to-target-opera 
*/
x:-o-prefocus, .lb-overlay img {
    height: 100%;
}
@media all and (max-width: 1024px) and (min-width: 800px) {
	.lb-album li > a span {
		bottom:35px;
		left:75px;
	}
	.lb-album li > a {
		padding:5px;
	}
	.lb-overlay a.lb-close {
		right:16%;
	}
}
@media all and (max-width:800px) and (min-width:640px){
	.lb-album li {
		width: 47%;
		margin: 1% 3% 1% 0%;
	}
	.lb-overlay a.lb-close {
		right:18%;
	}
}
@media all and (max-width:640px) and (min-width:480px){
	.lb-album li {
		width: 47%;
		margin: 1% 3% 1% 0%;
	}
	.lb-overlay a.lb-close {
		right:18%;
	}
	.lb-album li > a span {
		bottom:45px;
		left:85px;
	}
	.lb-album li > a {
		padding:5px;
	}
	.lb-overlay:target {
		padding:70px 15px 70px 15px;
	}
}
@media all and (max-width:480px) and (min-width:320px){
	.lb-album li {
		width: 47%;
		margin: 1% 3% 1% 0%;
	}
	.lb-overlay a.lb-close {
		right:10%;
		top:5%;
	}
	.lb-album li > a span {
		bottom:45px;
		left:85px;
	}
	.lb-album li > a {
		padding:5px;
	}
	.lb-overlay:target {
		padding:70px 15px 70px 15px;
	}
}
@media all and (max-width:320px) {
	.lb-album li {
		width:100%;
		margin: 2% 0% 2% 0%;
	}
    .fondo {
 background: url(../img/robotica_circulos2.jpg) no-repeat center center fixed;   
} 
	.lb-overlay a.lb-close {
		right:8%;
		top:6%;
	}
	.lb-overlay:target {
		padding:70px 15px 70px 15px;
	}