@import url('bootstrap.min.css');
@import url('reveal.css');
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,700,300);
@import url(http://fonts.googleapis.com/css?family=Roboto+Slab:400,100,700);


html, body{
	margin: 0;
	background-color: #ececec;
	min-width: 800px;
	
	font-family: Verdana, Arial, sans-serif;
}

a:hover{
	text-decoration: none;
}

hr{
	border-top: 3px solid #f0f0f0;
}

#header{
	height: 170px;
	margin: 10px 0 0 0;
	padding: 20px 20px 0 20px;
	background-color: #0088c7;

	/*Para Evitar Superposición de la sombra. */
	position: relative;
	z-index: 99;
}

#top{
	height: 100px;
	padding: 10px 0 0 0;
	position: relative;
}

.language{
	position: absolute;
	bottom: 20px;
	right: 0;

	color: #fff;
}

.language a{
	color: white;
	text-decoration: none;
}

.language-active{
	text-decoration: underline;
}

.language a:hover{
	color: black;
	transition: all 0.2s linear 0;
}

#navbar{
	min-height: 50px;
	padding: 18px 0 0 0;

	font-weight: bold;
	font-size: 15px;

	background-color: #e2e2e2;
}

#navbar ul{
	padding: 0 0 0 20px;
	list-style-type: none;
}

#navbar li{
	padding: 0 15px 0 0;
	display: inline;
}

#navbar a{
	color: #666666;
	text-decoration: none;
}

#navbar a:hover{
	color: #0f9ed0;
	transition: all 0.2s linear 0;
}

.main-top{
	height: 20px;
	text-align: right;

	padding: 0 10px 0 0;

	font-size: 11px;
	font-weight: bold;
	color: #0088c7;

	background-color: #e2e2e2;
}

#wrapper{
	margin: 0 0 50px 0;
	padding: 0 20px 20px 20px;

	background-color: #999999;
	box-shadow: 0px 15px 50px -10px #000;

	z-index: 0;
}

#main{
	
	/*overflow: hidden;*/
	
	padding: 15px 30px 40px 30px;
	background-color: #fff;

	font-size: 13px;
	text-align: left;
}

#main h1{
	margin-bottom: 20px;
	font-size: 22px;
	font-weight: bold;
	font-family: 'Open Sans', sans-serif;
	text-align: left;

}

#main h2{
	font-size: 20px;
	font-weight: bold;
	text-align: inherit;
}

#main li{
	text-align: left;
}

.about-title{
	color: #669900;
	text-align: center;
}

.about-text{
	font-size: 12px;

}

#main p{
	padding-bottom: 12px;
}

#main b, h1{
	color: #0088c7;
}

#main img{
	width: 100%;
	border: 2px solid #dbdbdb;
	border-radius: 5px;
}

.main-separator{
	height: 10px;
	background-color: #615f5d;
}



#footer{
	padding: 10px 20px;

	color: #fff;
	background-color: #4A4744;
}

#footer h2{
	font-size: 14px;
}

#footer h3{
	font-size: 18px;
}

#footer p{
	color: #848484;

	font-size: 12px;
}

#footer a{
	color: white;
}

#footer a:hover{
	color: #333;
	transition: all 0.2s linear 0;
}

#footer section{
	padding: 0 40px;
}


.news-links{
	font-size: 11px;
	padding-bottom: 20px;
}

#copyright{
	padding: 0 20px;

	color: #989898;
	background-color: #393635;

	font-size: 13px;
}

.button1{
	margin-bottom: 20px;
	padding: 10px 15px 10px 15px;

	color: #fff;
	border-radius: 15px;
	background-color: #3498db;

	text-align: center;
	font-weight: 300;

	box-shadow: 0px 2px 0px 0px #2980b9
}

.button1:hover{
	background-color: #2980b9;
	transition: background-color 0.2s linear 0;
}

.product-separator{
	height: 3px;


	margin: 20px auto;
	background-color: #e4e4e4;
}

.products{
	padding: 10px;

	border-top: 5px solid white;
	border-bottom: 5px solid white;

	text-align: center;
	background-color: #0088c7;
}

.products h2{
	margin: 0;
	color: #bcd963;
	font-size: 24px;
	font-weight: 300;
}

.item{
	margin-bottom: 15px;
}

.item article > p{
	margin-bottom: 30px;
}

.itema{
	position: absolute;
	bottom: 0;
	left: 15px;
}

.itemb{
	position: absolute;
	bottom: 0;
	right: 15px;
}

.puzzle{
	min-height: 50px;
	position: relative;
	background-color: #333332;

	font-family: 'Open Sans', sans-serif;
}

.puzzle-title{
	padding: 10px;
	color: white;
	margin: 0;
	text-transform: uppercase;
	font-size: 25px;
	font-weight: 800;
	text-align: center;
}

.puzzle span{
	color: #05aded;
}

.puzzle_fade{
	position: absolute;
	background-image: url('../images/products/p_fade.png');
}

.puzzle-content{
	padding: 25px;
	background-color: #0088c7;
}

.puzzle-content-detailed{
	color: white;
	padding: 20px;
	background-color: #0088c7;
	text-align: left;
	font-family: 'Open Sans', sans-serif;
}

.puzzle-content-detailed h1{
	color: white;
	font-weight: 800;
	text-transform: uppercase;
	margin-bottom: 0;
}

.puzzle-content-detailed h2{
	color: white;
	font-weight: 300;
	text-transform: uppercase;
	margin-top: 0;
}

.puzzle-content-detailed p{
	color: white;
	font-size: 20px;
	font-weight: 400;
	font-style: italic;
	margin-top: 30px;
}


.puzzle-bright{
	

	margin-bottom: 30px;
	padding: 0 20px 20px 20px;
	border-radius: 10px;

	background-color: #e7e7e7;
}

.puzzle-bright h1{
	margin-top: 40px;
	font-size: 20px;
	font-weight: 800;
}

.puzzle-bright p{
	font-size: 11px;
	font-style: italic;
	color: #58585a;
	margin-bottom: 40px;
}

.puzzle-bright img{
	width: 80px;
}

.puzzle-green{
	height: auto;
	padding: 20px;
	border-radius: 10px;

	background-color: #bcd963;
}

.puzzle-green h1{
	color: black;
	margin: 0 0 20px 0;
	text-align: center;
	font-weight: 300;
	font-size: 30px;
}

.puzzle-green img{
	width: 100%;
}

.puzzle-green p{
	font-size: 12px;
	text-align: justify;
	color: black;
}

.puzzle-content-detailed-next{
	padding: 30px 30px;
	background-color: #E9E8E7;
	font-family: 'Open Sans', sans-serif;
}

.puzzle-content-detailed-next p, li{
	font-size: 13px;
	padding: 0 30px;
}

.puzzle-content-detailed-next b{
	color: #0088C7;

}

.puzzle-content-detailed-white{
	position: relative;
	padding: 40px 30px 25px 30px;
	background-color: white;
	color: #000;
	font-size: 13px;
	text-align: justify;
}


.p_block_include{
	background-color: #009ED6;
	margin-bottom: 30px;
}

.p_block_include_title{
	color: white;
	font-weight: 800;
	padding: 3px 10px;
	background-color: #333332;
}

.p_block_include_text{
	color: black;
	padding: 8px 0;
}

#contact-info{
	padding: 15px;
	color: #58585A;
	background-color: #D4EB3B;
}

.contactform-inner{
	text-align: center;
	margin-top: 20px;
}

.contactform-inner label{
	color: #4D93B3;
	display: inline-block; 
	width: 160px; 
	text-align: right;
	margin-right: 10px;
	margin-top: 6px;
	font-size: 12px;
}

.contactform-inner input, textarea, select{
	width: 340px;
	padding: 4px;
	border: 2px solid #ddd;
	border-radius: 5px;
	color: #333;
	font-weight: 400;
	margin-bottom: 10px;

	vertical-align: top;
	}

.contactform-inner input:focus, textarea:focus, select:focus{
	outline: none;
	border: 2px solid orange;
	transition: border 0.2s linear 0;
}

.software-greena{

	position: relative;
	left: -30px;

	width: 110%;

	color: black;
	text-align: left;

	padding: 15px 15px 15px 30px;
	margin: 0 0 30px 0;

	border-radius: 0 10px 10px 0;
	background-color: #BCD963;
}

.software-greenb{

	position: relative;
	right: 0;

	width: 110%;

	color: black;
	text-align: left;

	padding: 10px 30px 15px 30px;
	margin: 30px 0 30px 0;

	border-radius: 10px 0 0 10px;
	background-color: #BCD963;
}

.software-green{
	color: black;
	text-align: left;

	padding: 15px;
	margin: 0 0 30px 0;

	border-radius: 10px;
	background-color: #BCD963;
}

.software-greena h2{
	margin: 0;
}

.software-greena h3{
	font-weight: bold;
	font-size: 16px;
	margin: 10px 0 30px 0;
}

.software-greenb h3{
	font-family: Verdana, Arial, sans-serif;
	font-weight: bold;
	font-size: 16px;
	margin: 10px 0 20px 0;
}

.software-greenb li{
	font-size: 15px;
	padding: 0;
	font-size: 14px;
	margin: 0 0 5px 0;
}

.software-greenb ul{
	padding-top: 10px;
}

.software-green-dark{
	padding: 15px;
	margin-bottom: 30px;

	border-radius: 0 0 10px 10px;
	background-color: #8BA53A

}

.other-products h1{
	font-size: 14px;
	text-align: center;
}

.other-products p{
	font-size: 12px;
}

.row-full-height {
  height: 100%;
}
.col-full-height {
  height: 100%;
}
.row-same-height {
  display: table;
  width: 100%;
  /* fix overflow */
  table-layout: fixed;
}
.col-xs-height {
  display: table-cell;
  float: none !important;
}

@media (min-width: 768px) {
  .col-sm-height {
    display: table-cell;
    float: none !important;
  }
}
@media (min-width: 992px) {
  .col-md-height {
    display: table-cell;
    float: none !important;
  }
}
@media (min-width: 1200px) {
  .col-lg-height {
    display: table-cell;
    float: none !important;
  }
}

.col-md-15{
    width:20%;
    float: left;
}

.col-sm-15{
    width:20%;
}

.col-xs-15{
    width:20%;
}

.lens{
	text-align: center;
	font-weight: 800;
}

.floatlens{
	position: absolute;
	right: 0;
	width: 100%;
}

.sinsangria{
	padding-left: 20px;
}

.sinsangria li{
	padding-left: 5px;
}

.projectstitle{
	margin-top: 20px;
	margin-bottom: 40px;
}

.lente{
	cursor: pointer;
}

.popover {
	max-width: 200%;
}

.shot{
	border-radius: 5px;
	border: 3px solid black;
}