/************************************************************************************
FLOAT ELEMENTS
*************************************************************************************/

.fl-lt {float:left;}
.fl-rt {float:right;}

/************************************************************************************
CLEAR FLOATED ELEMENTS
*************************************************************************************/

.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

.clearfix:before,
.clearfix:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

.clearfix:after {
  clear: both;
}

.figure{ margin:0px;}

img{ max-width:100%;border-radius: 10px}

a, a:hover, a:active{ outline:0px !important}

.fa-bars{
	color: #036
}

/************************************************************************************
PRIMARY STILES
*************************************************************************************/

body {
	background:#FFF;
	font-family: 'Open Sans', sans-serif;
	font-size:14px;
	font-weight:normal;
	color:#888888;
	margin:0;
}
h2{
	font-size: 34px;
	color: #0065ad;
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	letter-spacing: -1px;
	margin-top: 15px;
	margin-right: 0;
	margin-bottom: 15px;
	text-align: center;
	text-transform: uppercase;
}
h3{
	font-family: 'Montserrat', sans-serif;
	color:#0065ad;
	font-size:16px;
	margin:0 0 5px 0;
	text-transform:uppercase;
	font-weight:400;
}
h6{
	font-size:20px;
	color:#2e8b57;
	font-family: 'Open Sans', sans-serif;
	font-weight:400;
	text-align:center;
	margin:0 0 60px 0;
	text-transform: uppercase;
}
p{
	line-height:24px;
	margin:0;
}
.contact-header{
	font-size: 14px;
}
span{
	color: #333;
}

/************************************************************************************
HEADER STYLES
*************************************************************************************/

.header{
	padding: 5px 0;
	height: 50px;
	background:#0065ad url(../img/header-sh.png) no-repeat top; min-height: 75px;
}
.header-center {
	width: 1170px;
	margin: 0px auto;
	color: #fff;
	font-family: 'Montserrat', sans-serif;
	font-size: 13px;
	padding-top: 10px;
}
.header-left {
	float: left;
	width: 50%;
}
.header-ring {
	float: right;
	width: 50%;
}
.header-center a {
	color: #fff
}
@media (max-width:1170px) {
.header-center {width:100%;height: 90px;
}
.header-left{ float: none; width: 100%; text-align: center;}
.header-ring{ float: none; width: 100%; }
.header{ height: auto; margin: 0; padding: 0}	
}

@media (max-width:640px) {
.header-left{ margin-bottom: 15px; padding-top: 0 }
.contact-header{line-height: 35px;}	
}

/************************************************************************************
GENERAL
*************************************************************************************/                                   

.logo{
	width:130px;
	margin:0 auto 35px;
}
.header h1{
	font-family: 'Montserrat',sans-serif;
	font-size:50px;
	font-weight:400;
	letter-spacing: -1px;
	margin:0 0 22px 0 ;
	color:#fff;
}

.we-create{
	padding:0;
	margin:35px 0 55px;
}
.wp-pic{
	margin-bottom:20px;
}
.we-create li{
	display:inline-block;
	font-family: 'Montserrat',sans-serif;
	font-size:14px;
	color: #bcbcbc;
	text-transform: uppercase;
	font-weight: 400;
	margin:0 5px 0 0;
	padding:0 0 0 15px;
}
.we-create li:first-child{
	background:none;
}

.start-button {
	padding-left: 0px;
}

.start-button li a{
color: #fff;
}
strong{
	color: #0065ad;
}
.img-faqs {
	height: 300px;
	width: 100%;
	background: url(../img/slide/2.jpg) left top no-repeat;
}

/************************************************************************************
LINKS
*************************************************************************************/

.link{
	padding:15px 35px;
	background:#7cc576;
	color:#fff !important;
	font-size:16px;
	font-weight:700;
	font-family: 'Montserrat', sans-serif;
	display:inline-block;
	border-radius:3px;
	text-transform:uppercase;
	line-height:25px;
	margin-bottom:20px;
	transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
}
.link:hover {
	text-decoration:none;
	color:#7cc576 !important;
	background:#fff;
}

.link:active, .link:focus {
	background: #7cc576;
	text-decoration:none;
	color:#fff !important;
}

#active-reservas{
	background: #0065ad;
	padding: 5px;
	border-radius: 3px;
	border: 1px solid #ccc;
}
#active-reservas a {
	background: #0065ad;
	color:#fafafa;
}
#active-reservas a:hover {
	color:#CCC;
}
#active-pr{
	padding: 5px;
	border-radius: 3px;
}
.title{
	color: #000;
	margin-top: 35px;
}

/************************************************************************************
NAVIGATION
*************************************************************************************/

.main-nav-outer{
	padding:0px;
	border-bottom:1px solid #dddddd;
	box-shadow:0 4px 5px -3px #ececec;
	position:relative;
	background: #fff;
	z-index: 9999;
}
.main-nav{
	text-align:center;
	margin:10px 0 0px;
	padding:0;
	list-style:none;
}
.main-nav li{
	display:inline;
	margin:0 1px;
	border:1px solid #fff;
}
.main-nav li a{
	display:inline-block;
	color:#045995;
	text-transform:uppercase;
	font-family: 'Montserrat', sans-serif;
	text-decoration: none;
	line-height:20px;
	margin:10px 36px;
	transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
}

.main-nav li a{
	display:inline-block;
	color:#045995;
	text-transform:uppercase;
	font-family: 'Montserrat', sans-serif;
	text-decoration: none;
	line-height:20px;
	margin:10px 25px;
	transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
}

.main-nav li a:visited{
	color:#045995;
}

.main-nav li a:hover, .main-nav li a:active{ 
	text-decoration:none;
	color: #f1a833;
}

.small-logo{ 
	padding:0 32px;
}

.main-section{
	padding:90px 0 15px;
}

/************************************************************************************
NAVIGATION RUS
*************************************************************************************/

.main-nav-outer{
	padding:0px;
	border-bottom:1px solid #dddddd;
	box-shadow:0 4px 5px -3px #ececec;
	position:relative;
	background: #fff;
	z-index: 9999;
}
.main-nav-ru{
	text-align:center;
	margin: 10px 0 0px;
	padding:0;
	list-style:none;
	font-size: 13px;
}
.main-nav-ru li{
	display:inline;
	margin:0 1px;
	border:1px solid #fff;
}
.main-nav-ru li a{
	display:inline-block;
	color:#045995;
	text-transform:uppercase;
	font-family: 'Montserrat', sans-serif;
	text-decoration: none;
	line-height:20px;
	margin:10px 35px;
	transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
}

.main-nav-ru li a{
	display:inline-block;
	color:#045995;
	text-transform:uppercase;
	font-family: 'Montserrat', sans-serif;
	text-decoration: none;
	line-height:20px;
	margin:10px 35px;
	transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
}

.main-nav-ru li a:visited{
	color:#045995;
}

.main-nav-ru li a:hover, .main-nav li a:active{ 
	text-decoration:none;
	color: #f1a833;
}

/************************************************************************************
SERVICES
*************************************************************************************/

.service-list{
	padding:0 0 0 0;
	font-size:14px;
	margin-bottom:40px;
}
.service-list-col1{
	float:left;
	width:60px;
}
.service-list-col1 i{
	font-style:normal;
	font-size:44px;
	display:block;
	color: #2e8b57;
	font-family: 'FontAwesome';
	line-height:38px;
}
.service-list-col2{
	overflow:hidden;	
}
.main-section.alabaster{
	background:#FFF;
}
.logo-center{
	margin-top: 30px;
	display: block;
    margin-left: auto;
    margin-right: auto;
}

/************************************************************************************
FEATURED WORK
*************************************************************************************/

.featured-work{
	font-size:14px;
}
.featured-work h2{
	text-align:left;
}
.featured-box{
	padding:0 0 0 0;
	margin-bottom:25px;
	font-size:14px;	
}
.featured-box h3{
	margin-bottom:5px;
}
.featured-box p{
	line-height:22px;
}
.featured-work p.padding-b{
	padding-bottom:35px;
}
.featured-box-col1{
	width:60px;
	float:left;
}
.featured-box-col1 i{
	display:block;
	line-height:38px;
	font-family: 'FontAwesome';
	font-size:38px;
	color:#777777;
	font-style:normal;
}
.featured-box-col2{ overflow:hidden;}
.featured-box.magic{
	background:url(../img/magic.png) left top no-repeat;
}
.featured-box.packaged{
	background:url(../img/packaged.png) left top no-repeat;
}
.featured-box.seo{
	background:url(../img/seo.png) left top no-repeat;
}
.Learn-More{
	display:inline-block;
	padding:0 5px 0 0;
	color:#7cc576;
	font-size:16px;
	text-transform:uppercase;
	font-family: 'Montserrat', sans-serif;
	font-weight:400;
	line-height:24px;
	transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
}
.Learn-More i{ 
	padding-right:15px;
}

.Learn-More:hover, .Learn-More:focus{ 
	text-decoration:none;
	color: #111;
}

/************************************************************************************
PORTFOLIO
*************************************************************************************/

.Portfolio-nav{
	padding:0;
	margin:0 0 45px 0;
	list-style:none;
	text-align:center;
}
.Portfolio-nav li{
	margin:0 10px;
	display:inline;
}
.Portfolio-nav li a{
	display:inline-block;
	padding:10px 22px;
	font-size:12px;
	line-height:20px;
	color:#222222;
	border-radius:4px;
	text-transform:uppercase;
	font-family: 'Montserrat', sans-serif;
	background:#f7f7f7;
	margin-bottom:5px;
	transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
}
.Portfolio-nav li a:hover{
	background:#0065ad;
	color:#fff;
	text-decoration:none;
}

/************************************************************************************
RESERVAS
*************************************************************************************/

.reservas-nav{
	padding:0;
	margin:25px 0 0 0;
	list-style:none;
	text-align:center;
	text-shadow: none;
}
.reservas-nav li{
	margin:0 10px;
	display:inline;
}
.reservas-nav li a{
	display:inline-block;
	padding:10px 22px;
	font-size:13px;
	line-height:20px;
	color:#fff;
	border-radius:4px;
	text-transform:uppercase;
	font-family: 'Montserrat', sans-serif;
	background:#7cc576;
	margin-bottom:5px;
	transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
}
.reservas-nav li a:hover{
	background:#0065ad;
	color:#fff;
	text-decoration:none;
}

/************************************************************************************
PORT FOLIO
*************************************************************************************/

.portfolioContainer{
	margin:0 auto;
	padding-left:15px;
	color: #2e8b57;
}

.Portfolio-box{
	text-align:left;
	margin-bottom:30px;
	height:550px;
	width:350px;
	overflow:hidden;
	float:left;
	padding:0;
}
.Portfolio-box img{
	margin-bottom:25px;
	transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;	
}

.Portfolio-box img:hover {
	opacity: 0.6;
}

.Portfolio-nav li a.current{
	background:#0065ad;
	color:#fff;
	text-decoration:none;
}
img {
   max-width:100%;
}

/* no transition on .isotope container */

.isotope .isotope-item {
  /* change duration value to whatever you like */
  -webkit-transition-duration: 0.6s;
     -moz-transition-duration: 0.6s;
          transition-duration: 0.6s;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
          transition-property:         transform, opacity;
}

.main-section.paddind{
	padding-bottom:60px;
}

/************************************************************************************
CLIENT
*************************************************************************************/

.client-part{
	background:url(../img/section-bg1.jpg) center center no-repeat;
	background-size:cover;
	padding:100px 0;
	text-align:center;
	text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5);

}
.client-part-haead{
	color:#fff;
	font-size:28px;
	line-height:41px;
	margin:30px 0 10px;
	font-family: ''Open Sans',sans-serif';
	font-style: italic;
	padding-bottom: 25px;
	padding-top: 25px;
}
.bg-opacy{
	background-color: rgba(0,0,255,0.3);
	border-radius: 10px;
}
.client{
	padding:0;
	margin:20px 0 0;
	list-style:none;
	text-align:center;
}
.client li{
	display:inline;
	margin:0 15px;
}
.client li a{
	display:inline-block;
}
.client li a img{
	margin-bottom:15px;
	border-radius:50%;
}
.client li a:hover{
	text-decoration:none;
}
.client li a h3{
	color:#ffffff;
}
.client li a span{
	color:#f1f1f1;
}
.quote-right{
	font-style:normal;
	width:68px;
	height:68px;
	margin:0 auto;
	border:2px solid #7cc576;
	border-radius:50%;
	display:block;
	line-height:68px;
	text-align:center;
	font-size:27px;
	color:#7cc576;
	cursor: pointer;
	transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
}
.quote-right:hover{
color: #fff;
border: 2px solid #fff;
}
.c-logo-part{
	background:#0065ad;
	padding:25px 0;
    filter: alpha(opacity=60);
}
.c-logo-part-windguru{
	padding:25px 0;
    filter: alpha(opacity=60);
}
.c-logo-part h2{
    font-family: 'Montserrat', sans-serif;
	font-weight:700;
	padding:0;
	margin:5px 0 10px;
	text-transform:uppercase;
	font-size:32px;
	color:#fafafa;
	text-align:center;
	text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5);

}

/************************************************************************************
TEAM
*************************************************************************************/

.team-leader-block{
	max-width:993px;
	margin:0 auto;
}
.team-leader-box{
	width:30.66%;
	margin-right: 3.82979%;
	height: 490px;
	overflow: hidden;
	text-align: center;
	float: left;
}
.team-leader-box span{
	margin-bottom:24px;
	display:block;
}
.team-leader-box:nth-of-type(3n+0){ margin:0;}
.team-leader{
	width:auto;
	height:auto;
	position:relative;
	border-radius:50%;
	box-shadow:0px 0px 0px 7px rgba(241,241,241,0.80);
	margin:7px 7px 25px 7px;
	
}
.team-leader-shadow{
	transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
	border-radius:50%;
	position:absolute;
	width:100%;
	height:100%;
	z-index:10;
}
.team-leader-shadow a{
	display:block;
	width:100%;
	height:100%;
}
.team-leader:hover .team-leader-shadow{
	box-shadow:inset  0px 0px 0px 148px rgba(17,17,17,0.80);
}
.team-leader:hover ul{ display:block; opacity:1}
.team-leader img{
	display:block;
	border-radius:50%;
}
.team-leader ul{
	display:block;
	opacity:0;
	padding:0;
	margin:0;
	list-style:none;
	position:absolute;
	left:0;
	top:50%;
	width:100%;
	text-align:center;
	margin-top:-14px;
	z-index:15;
	transition:all 0.6s ease-in-out;
	-moz-transition:all 0.6s ease-in-out;
	-webkit-transition:all 0.6s ease-in-out;
}
.team-leader ul li{
	display:inline;
	margin:0 11px;
}
.team-leader ul li a{
	font-family: 'FontAwesome';
	display:inline-block;
	font-size:28px;
	color:#fff;	
	transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
}
.team-leader ul li a:hover, .team-leader ul li a:focus{
	text-decoration:none;
}
.team-leader ul li a.fa-twitter:hover{
	color:#55acee;
}
.team-leader ul li a.fa-facebook:hover{
	color:#3b5998;
}
.team-leader ul li a.fa-pinterest:hover{
	color:#cb2026;
}
.team-leader ul li a.fa-google-plus:hover{
	color:#dd4b39;
}

/************************************************************************************
TALK BUSINESS
*************************************************************************************/

.business-talking{
	background:#0065ad;
	background-size:cover;
	padding:25px 0 5px;
	text-align:center;
	text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5);
}
.business-talking h2{
	font-family: 'Montserrat', sans-serif;
	font-weight:700;
	padding:0;
	margin:5px 0 40px;
	text-transform:uppercase;
	font-size:32px;
	color:#fafafa;
}

/************************************************************************************
CONTACT
*************************************************************************************/

.main-section.contact{
	padding:90px 0 100px;
}

.main-section.contact{
}
.contact-info-box{
	font-size:15px;
	margin:0 0 14px 68px;
	padding-left:0;
}
.contact-info-box h3{
	font-size: 15px;
	font-weight:400;
	float:left;
	width:102px;
	margin-right:12px;
	line-height:28px;
}
.contact-info-box h3 i{
	font-style:normal;
	font-size:20px;
	color:#222222;
	font-family: 'FontAwesome';
	font-weight:normal;
	margin-right:7px;
}
.contact-info-box span{
	line-height:28px;
	display:block;
	overflow:hidden;
}

.form{
	margin:0 66px 0 30px;
}
.input-text{
	padding:15px 16px;
	border:1px solid #ccc;
	width:100%;
	height:50px;
	display:block;
	border-radius:4px;
	font-size:15px;
	color:#aaa;
	font-family: 'Open Sans', sans-serif;
	margin:0 0 15px 0;
	transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
}
.input-text:focus {
	border: 1px solid #7cc576;
	outline:0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(124, 197, 118, 0.3);
	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(124, 197, 118, 0.3);	
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(124, 197, 118, 0.3);
}
.input-text.text-area{
	height:165px;
	resize:none;
	overflow:auto;
}
.input-btn{
	width:175px;
	height:50px;
	background:#7cc576;
	border-radius:4px;
	color:#ffffff;
	font-size:14px;
	text-transform:uppercase;
	font-family: 'Montserrat', sans-serif;
	font-weight:400;
	border:0px;
	transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
}

.input-btn:hover{
	background: #111;
	color: #fff;
}

.validation {
    color: red;
    display:none;
    margin: 0 0 20px;
    font-weight:400;
    font-size:13px;
}

#sendmessage {
    color: #7cc576;
    border:1px solid #7cc576;
    display:none;
    text-align:center;
    padding:15px;
    font-weight:600;
    margin-bottom:15px;
}

#errormessage {
    color: red;
    display:none;
    border:1px solid red;
    text-align:center;
    padding:15px;
    font-weight:600;
    margin-bottom:15px;
}

#sendmessage.show, #errormessage.show, .show {
	display:block;
}

/************************************************************************************
FOOTER
*************************************************************************************/

.footer{
	padding:35px 0 35px;
	background:#0065ad;
	border-top: 5px solid #f1a833;
}
.footer-logo{
	margin:15px auto 35px;
	width: 200px;
}
.copyright, .credits{
	color:#cccccc;
	font-size:14px;
	display:block;
	text-align:center;
}
.copyright a, .credits a{
	color:#f1a833;
	font-weight:600;
	text-decoration: none;
	transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
}

.copyright-span{
	color: #fafafa;                             
}

.copyright a:hover, .credits a:hover {
	color: #fff;
}

.res-nav_click {
	line-height:38px;
	font-family: 'FontAwesome';
	font-size:38px;
	text-decoration: none !important;
	color:#fafafa;
	font-style:normal;
	display:none;
	width:42px;
	height:27px;
	margin:20px auto;
	transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
}

.res-nav_click:hover, .res-nav_click:active, .res-nav_click:focus {
	color: #7cc576 !important;
}

.portfolioContainer{
	max-width: 1140px;
}

/************************************************************************************
ANIMATION TIMERS
*************************************************************************************/

.delay-02s { 
	animation-delay: 0.2s; 
	-webkit-animation-delay: 0.2s; 
}
.delay-03s { 
	animation-delay: 0.3s; 
	-webkit-animation-delay: 0.3s; 
}
.delay-04s { 
	animation-delay: 0.4s; 
	-webkit-animation-delay: 0.4s; 
}

.delay-05s { 
	animation-delay: 0.5s; 
	-webkit-animation-delay: 0.5s; 
}
.delay-06s { 
	animation-delay: 0.6s; 
	-webkit-animation-delay: 0.6s; 
}

.delay-07s { 
	animation-delay: 0.7s; 
	-webkit-animation-delay: 0.7s; 
}
.delay-08s { 
	animation-delay: 0.8s; 
	-webkit-animation-delay: 0.8s; 
}

.delay-09s { 
	animation-delay: 0.9s; 
	-webkit-animation-delay: 0.9s; 
}
.delay-1s { 
	animation-delay: 1s; 
	-webkit-animation-delay: 1s; 
}
.delay-12s { 
	animation-delay: 1.2s; 
	-webkit-animation-delay: 1.2s; 
}

/************************************************************************************
SLIDE
*************************************************************************************/

.slide {
	background:#333;
	width: 100%;
	height: 350px;
	margin-bottom: 25px;
}

/************************************************************************************
IDIOMAS DROP
*************************************************************************************/
                                      
.idiomas{
	width: 100%;
	position:relative;
	z-index: 10000;
}
#menu_gral {
    width: 100%;
    margin: 0 auto;
}
#menu_gral ul {
    list-style-type: none;
}
#menu_gral > ul li {
    display: inline-block;
    width: 40%;
    position: relative;
    background: #014478;
    float: right;
	text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5);
	border-top-right-radius: 5px;
	padding-bottom: 3px;
}
#menu_gral li a {
    display: block;
    text-decoration: none;
    line-height: 3rem;
    color: #fff;
	padding-left: 5px;
}
#menu_gral li:hover a, #menu_gral li a:focus {
    color: #fff;
}

#menu_gral li ul {
    position: absolute;
    width: 0;
    overflow: hidden;
	border-bottom-right-radius: 5px;
}
#menu_gral li:hover ul, #menu_gral li:focus ul {
    width: 100%;
    z-index: 5;
}
#menu_gral li li {
    display: block;
    width: 100%;
}
#menu_gral li:hover li a, #menu_gral li:focus li a {
    line-height: 3rem;
    background: #014478;
}
#menu_gral li li a:hover, #menu_gral li li a:focus {
    background: #0a375a; 
}
.leguajes{
	float:right;
	list-style: none;
	background: #0065ad;
	margin-right: 100px;
	list-style-type: none;
}

.leguajes li a{
	background: #0065ad;
	color: #FFF;
	text-decoration: none
}
.leguajes li a:hover {
 background: #036;
	color: #FFF;
}
#dropdown-toggle{
	background: #0065ad;
}



/************************************************************************************
COOKIE-BAR
*************************************************************************************/

#cookie-bar { font-size:13px; background:#333; line-height:24px; color:#ccc; text-align:center; padding:3px 0;}
#cookie-bar.fixed {position:fixed; top:0; left:0; width:100%;}
#cookie-bar p {margin:0; padding:0 8px;}
#cookie-bar a {color:#ffffff; display:inline-block; border-radius:3px; text-decoration:none; padding:0 6px; margin-left:8px;}
#cookie-bar .cb-enable {background:#007700 url(../img/menu.png) repeat-x;text-shadow: 1px 1px 0px #000; border: 1px solid #333; border-radius: 5px;}
#cookie-bar .cb-enable:hover {background:#009900 url(../img/menu.png) repeat-x;text-shadow: 1px 1px 0px #000; border: 1px solid #333; border-radius: 5px;}
#cookie-bar .cb-disable {background:#990000;}
#cookie-bar .cb-disable:hover {background:#bb0000;}
#cookie-bar .cb-policy {background:#0033bb url(../img/menu.png) repeat-x;text-shadow: 1px 1px 0px #000; border: 1px solid #333; border-radius: 5px;}
#cookie-bar .cb-policy:hover {background:#0055dd url(../img/menu.png) repeat-x;text-shadow: 1px 1px 0px #000; border: 1px solid #333; border-radius: 5px;}

/************************************************************************************
TO TOP
*************************************************************************************/

.back-top-wrapper { width: 100%; position: absolute; overflow: hidden; height: 40px; display: block; }
.back-top { bottom: 42px; right: 20px; margin-bottom: 0; display: block; position: fixed; }
.back-top a { width: 35px; height: 35px; display: block; text-align: center; text-transform: uppercase; text-decoration: none; background: #333 url(../images/up-arrow.png) no-repeat center center; /* transition */ -webkit-transition: 1s;-moz-transition:1s;transition:1s; opacity:0.4; border-radius: 3px; }
.back-top a:hover { background-color: #333 } /* arrow icon (span tag) */
.back-top span { width: 35px; height: 35px; display: block; border-radius: 10px; /* transition */ -webkit-transition: 1s;-moz-transition:1s;transition:1s;}

/************************************************************************************
TO TOP
*************************************************************************************/

.precio-a{
	color: #fafafa;
	margin-top: 20px;
	background: #800000;
	padding: 10px;	
}

.precio-b{
	color: #fafafa;
	margin-top: 20px;
	background: #036;
	padding: 10px;	
}
.center-jpg{
	margin-top: 15px;
}
.title-bl{
	color: #fafafa;
}

/************************************************************************************
BLOCK
*************************************************************************************/

.block-1 {
	float: left;
	width: 280px;
}

/************************************************************************************
VIDEO
*************************************************************************************/

video{ width: 100%;

}

/************************************************************************************
BLOCK
*************************************************************************************/

.block-1 {
	float: left;
	width: 280px;
}

/************************************************************************************
SOCIAL LINKS
*************************************************************************************/

.social-link{
	padding:35px 0;
	margin:0 0 0 68px;
	display:block;
	overflow:hidden;
	list-style:none;
}
.social-link li{
	float:left;
	margin-right:8px;
}
.social-link li a{
	display:block;
	text-align:center;
	transition:all 0.3s ease-in-out;
}
.social-link li a:hover, .social-link li a:focus{
	text-decoration:none;
}
.twitter a:hover {
	 opacity: 0.5;
}
.facebook a:hover {
	 opacity: 0.5;
}
.pinterest a:hover {
	 opacity: 0.5;
}
.gplus a:hover {
	 opacity: 0.5;
}
.dribbble a:hover {
	 opacity: 0.5;
}

/************************************************************************************
max-width: 1024
*************************************************************************************/

@media screen and (max-width: 1024px) {
.block-1 {float: none; width: 100%; margin-bottom: 25px;	
}
}

.title-sub-slide{
	float: left;
	width: 100%;
	margin-bottom: 10px;
	margin-top: 35px;
}

/************************************************************************************
WHATSAPP
*************************************************************************************/

.whatsapp {
 position: fixed; 
 right:25px; /*Margen derecho*/
 bottom:100px; /*Margen abajo*/
 z-index:999;
}
.whatsapp img {
 width:60px; /*Alto del icono*/
 height:60px; /*Ancho del icono*/
}
.whatsapp:hover{
opacity: 0.7 !important;
filter: alpha(opacity=70) !important;
}