/* Sticky footer styles
-------------------------------------------------- */

html,
body {
  height: 100%;
  /* The html and body elements cannot have any padding or margin. */
}

body {
  padding-top: 0px;
  color: #BABABA;
  background-size: 100%;
  background-color: #000;	
  background-repeat: repeat-x;
  font-family: "Arial";
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: 'CorporateAConPro-Reg';
}

a#studiolink {
  color: #069;
  text-decoration:none !important; 
}
a#studiolink:hover {
  color: #069;
  text-decoration:none; 
}
a#studiolink:hover #line {
  color: #2980b9;
  text-decoration:none; 
}
a#studiolink:hover #studi {
  color: #5b5b5e;
  text-decoration:none; 
}

.text-muted {
    color: #888888;
}

/* Wrapper for page content to push down footer */
#wrap {
  /*min-height: 100%;*/
  height: auto;
  /* Negative indent footer by its height */
  margin: 0 auto -60px;
  /* Pad bottom by footer height */
  padding: 0 0 0px;
}

/* Set the fixed height of the footer here */
#footer {
  background-color: #000;
  background-image: linear-gradient(to bottom, #3C3C3C 0px, #222222 100%);
  background-repeat: repeat-x;
}

/* ===================
    TIPOGRAFIA
   =================== */

@font-face {
    font-family: 'RobotoRegular';
    src: url(../fonts/Roboto/Roboto-Regular.ttf) format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'RobotoLight';
    src: url(../fonts/Roboto/Roboto-Light.ttf) format("truetype");
    font-weight: lighter;
    font-style: normal;
}

@font-face {
    font-family: 'RobotoThin';
    src: url(../fonts/Roboto/Roboto-Thin.ttf) format("truetype");
    font-weight: light;
    font-style: normal;
}

@font-face {
    font-family: 'RobotoBold';
    src: url(../fonts/Roboto/Roboto-Bold.ttf) format("truetype");
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'RobotoBlack';
    src: url(../fonts/Roboto/Roboto-Black.ttf) format("truetype");
    font-weight: bolder;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSansRegular';
    src: url(../fonts/OpenSans/OpenSans-Regular.ttf) format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSansLight';
    src: url(../fonts/OpenSans/OpenSans-Light.ttf) format("truetype");
    font-weight: lighter;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSansBolder';
    src: url(../fonts/OpenSans/OpenSans-Bold.ttf) format("truetype");
    font-weight: bolder;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSansBold';
    src: url(../fonts/OpenSans/OpenSans-Semibold.ttf) format("truetype");
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'CohortRegular';
    src: url(../fonts/AmaroFont/CohortRegular.otf) format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'CohortLight';
    src: url(../fonts/AmaroFont/CohortLight.otf) format("truetype");
    font-weight: lighter;
    font-style: normal;
}

@font-face {
    font-family: 'CohortThin';
    src: url(../fonts/AmaroFont/CohortThin.otf) format("truetype");
    font-weight: light;
    font-style: normal;
}

@font-face {
    font-family: 'CohortBold';
    src: url(../fonts/AmaroFont/CohortBold.otf) format("truetype");
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'CohortBlack';
    src: url(../fonts/AmaroFont/CohortBlack.otf) format("truetype");
    font-weight: bolder;
    font-style: normal;
}

@font-face {
    font-family: 'CorporateA-Demi';
    src: url(../fonts/Corporativa/CorporateA-Demi.otf) format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'CorporateACon-Reg';
    src: url(../fonts/Corporativa/CorporateACon-Reg.otf) format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'CorporateACon-Bol';
    src: url(../fonts/Corporativa/CorporateACon-Bol.otf) format("truetype");
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'CorporateACon-RegIta';
    src: url(../fonts/Corporativa/CorporateACon-RegIta.otf) format("truetype");
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'CorporateSB';
    src: url(../fonts/Corporativa/CorporateSB.otf) format("truetype");
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'CorporateSL';
    src: url(../fonts/Corporativa/CorporateSL.otf) format("truetype");
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'CorporateSPro';
    src: url(../fonts/Corporativa/CorporateSL.otf) format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'CorporateSProReg';
    src: url(../fonts/Corporativa/CorporateSPro-Regular.otf) format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'CorporateSProReg';
    src: url(../fonts/Corporativa/CorporateSPro-Regular.otf) format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'CorporateSProBold';
    src: url(../fonts/Corporativa/CorporateSPro-Bold.otf) format("truetype");
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'CorporateAConPro-Reg';
    src: url(../fonts/Corporativa/CorporateACondPro-Regular.otf) format("truetype");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'CorporateAConPro-Bold';
    src: url(../fonts/Corporativa/CorporateACondPro-Bold.otf) format("truetype");
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'Arial';
    src: url(../fonts/Arial/ArialMTStd-Light.otf) format("truetype");
    font-weight: light;
    font-style: normal;
}

/* HEADER */

#header {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.1);
    border-radius: 10px;
    padding: 0.75em;
	margin-top: 10px;
    position: relative;
}
		
#header .inner {
	background-image: -moz-linear-gradient(center top , rgba(59, 59, 59, 0.9), rgba(38, 38, 38, 0.9));
	border-radius: 8px;
	box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.5) inset, 0 2px 1px 0 rgba(255, 255, 255, 0.2) inset;
	height: 5.5em;
	position: relative;
	text-shadow: -1px -1px 0 #000000;
}

/* NAVBAR */

.navbar .dropdown-menu {
    background-clip: padding-box;
	background-color: #222222;
    border: none;
	background-image: linear-gradient(to bottom, #000 0px, #222222 100%);
    background-repeat: repeat-x;
}

.navbar .dropdown-menu > li > a {
    clear: both;
    color: #999;
    display: block;
    font-weight: normal;
    line-height: 1.42857;
    padding: 3px 20px;
    white-space: nowrap;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.navbar .dropdown-menu .divider {
    border-top: 1px solid #3C3C3C;
    border-bottom: 1px solid #222222;
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
}

.navbar-nav > li > .dropdown-menu {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    margin-top: 0px;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
	color: #191919;
}

/* Custom page CSS
-------------------------------------------------- */
/* Not required for template or sticky footer method. */

#wrap > .container {
  padding: 0px 15px 0;
}

#header-wrapper .navbar-brand {
    padding-top: 0px;
	padding-bottom: 0px;
}

.navbar-inverse .divider-vertical {
    border-left: 1px solid #3C3C3C;
    border-right: 1px solid #222222;
	height: 50px;
    margin: 0 0px;
}

img.grey {
    left: 0;
    position: absolute;
    top: 0;
    z-index: 10;
}

img.color {
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
}

.container .text-muted {
  margin: 20px 0;
}

#logo img{
	width: 380px;
}

.navbar-brand img{
	width: 145px;
	height: 50px;	
}

#yamm-menu{
	width:150%; 
	left:-25%;
}

#yamm-menu .tur{
	display: block; position: relative; width:111px; height:60px; margin: 10px auto 30px;
}
#yamm-menu .sma{
	display: block; position: relative; width:59px; height:60px; margin: 10px auto 30px;
}
#yamm-menu .ind{
	display: block; position: relative; width:81px; height:60px; margin: 10px auto 30px;
}

.lead {
	color: #aaa;
    font-size: 14px;
    font-style: normal;
    font-weight: 100 !important;
    text-rendering: optimizelegibility;
}

.brandimage {
	background-image: url("../img/bgbrand_2410px.jpg") !important;
	background-size: 100%;
    text-align: center;
    color: inherit;
    font-size: 21px;
    font-weight: 200;
    line-height: 2.14286;
    margin-bottom: 70px;
    padding: 30px;
	min-height: 430px;
}

.btn-lg {
    border-radius: 6px;
    font-size: 16px;
    line-height: 1.33;
    padding: 10px 16px;
}

#call2action {
	outline: none;
}

.featurette-divider {
    margin: 80px 0;
}

.featurette {
	background-color: #000;
}

.thumbnail {
    background-color: transparent;
}

.img-thumbnail {
	border: 1px solid #222222;
}

.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    background-color: transparent;
    border-color: transparent;
}

a:hover, a:focus {
    color: #3071A9;
    text-decoration: none;
}
a.smart:hover, a.smart:focus {
    color: #F0AD4E;
}
a {
    color: #FFF;
}

hr {
	border-color: #222222 -moz-use-text-color -moz-use-text-color;
	border-top-color:#222222;
}

.strike-through-header:after {
    background-color: #222222;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    top: 58px;
    width: 100%;
    z-index: 1;
}
*, *:after, *:before {
    -moz-box-sizing: border-box;
}
.strike-through-header {
    height: 114px;
    margin: 0px auto;
	background-color:#191919;
    position: relative;
    text-align: center;
}

.strike-through-header h2, .strike-through-header h3, .strike-through-header h4 {
    background: none repeat scroll 0 0 #191919;
    color: #CCCCCC;
    display: inline-block;
    /*font: 22px/74px "CohortRegular";*/
    padding: 0 12px;
    position: relative;
    z-index: 2;
	margin-top: 40px;
	text-rendering: optimizelegibility;
}

.sub {
	font-family: 'CorporateAConPro-Reg';
}

.footer {
    background-color: #303030;
    background-image: url("");
    border-top: 1px solid #444444;
    color: #A8A8A8;
    margin-top: 0px;
    padding-bottom: 10px;
    padding-top: 40px;
	font-size: 12px;
    line-height: 15px;
	text-decoration: none;
}

.footer .col-md-3 {
    margin-bottom: 40px;
}

.footer p {
    line-height: 15px;
    margin-top: 5px;
    text-decoration: none;
}

.footer h5 {
    color: #FFFFFF;
	margin-bottom: 10px;
	text-transform: uppercase;
	font-family: 'CorporateA-Bol';
}

.footer strong {
    color: #FFFFFF;
}

.footer a {
    color: #A8A8A8;
    text-decoration: underline !important;
    transition: all 0.2s ease-in-out 0s;
}

.footer a:hover {
    color: #FFFFFF;
	text-decoration: none !important;
    transition: all 0.2s ease-in-out 0s;
}

.recent-post-widget a {
    font-size: 12px;
    font-weight: bold;
    line-height: 12px !important;
    text-decoration: none;
}

.footer ul.unstyled {
    margin-left: 0 !important;
}

.footer ul {
    margin-left: 10px !important;
}

ul, ol {
    padding: 0;
	margin:0;
}

ul.unstyled, ol.unstyled {
    list-style: none outside none;
    margin-left: 0;
}

ul.unstyled li {
    margin-bottom: 5px;
}

.footer ul li {
    margin-bottom: 2px !important;
    line-height: 20px;
}

.small-meta {
    color: #666666;
}

.small-meta, .small-meta a {
    color: #666666;
    font-size: 10px !important;
    line-height: 11px !important;
}

.small-meta a:hover {
    color: #FFFFFF !important;
}

.tweet {
    color: #999999;
    font-size: 11px !important;
}

.tweet a {
    font-size: 12px;
}

.tweet ul {
    line-height: 16px !important;
    list-style: none outside none !important;
	margin: 0 !important;
    padding: 0 !important;
}

.tweet ul li {
    line-height: 16px !important;
}

.tweet_time {
    display: block;
    font-size: 10px;
    font-style: italic;
    margin-top: 5px;
}

.tweet_list {
    list-style: none outside none;
    margin: 0;
    overflow-y: hidden;
    padding: 0;
}

.tweet_list .tweet_time a {
    color: #888888;
    display: block;
    font-size: 10px;
    font-style: italic;
}

.tweet_time a {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.1);
    color: rgba(255, 255, 255, 0.6) !important;
    display: block;
    float: left;
    margin-top: 4px !important;
    padding: 3px;
    text-decoration: none !important;
}

.footer .soc_icons a {
    float: left;
	width: 36px;
	height: 32px;
	background-color: #3A3A3A;
}

.footer .soc_icons div {
    margin: 6px 8px;
}

.footer a {
    color: #A8A8A8;
    text-decoration: underline !important;
    transition: all 0.2s ease-in-out 0s;
}

.footer a:hover {
    color: #FFFFFF;
    text-decoration: none !important;
    transition: all 0.2s ease-in-out 0s;
}
.soc_icons a:hover {
    background-color: rgba(255, 255, 255, 0.2);
}

.footer .icon_flickr {
    background: url("../img/social/flickr.png") repeat scroll 0 0 transparent;
    height: 29px;
    width: 36px;
}

.footer .icon_google {
    background: url("../img/social/g_w.png") repeat scroll 0 0 transparent;
    height: 20px;
    width: 20px;
}

.footer .icon_facebook {
    background: url("../img/social/fb_w.png") repeat scroll 0 0 transparent;
    height: 20px;
    width: 20px;
}

.footer .icon_mail {
    background: url("../img/social/mail_w.png") repeat scroll 0 0 transparent;
    height: 20px;
    width: 20px;
}

.footer .icon_t {
    background: url("../img/social/tw_w.png") repeat scroll 0 0 transparent;
    height: 20px;
    width: 20px;
}

.footer .icon_youtube {
    background: url("../img/social/y_w.png") repeat scroll 0 0 transparent;
    height: 20px;
    width: 20px;
}

.footer .icon_in {
    background: url("../img/social/in_w.png") repeat scroll 0 0 transparent;
    height: 20px;
    width: 20px;
}

.footer .icon_instagram {
    background: url("../img/social/ins_w.png") repeat scroll 0 0 transparent;
    height: 20px;
    width: 20px;
}

.footer_menu {
    list-style: none outside none;
    margin: 0;
    padding: 0 !important;
}

.footer_menu li {
    float: left;
    padding-left: 7px;
}

.footer_menu li:after {
    content: " | ";
    padding-left: 5px;
}

.footer_menu li:last-child:after {
    content: "";
}

.footer_menu li a {
    padding-top: 3px;
    text-decoration: underline;
}

.footer_menu li a:hover {
    text-decoration: none;
}

.hid-phone {
	display: inline;
}
.vis-phone {
	display: none;
}
/* --------------------------------------------------------------------------------------- */

#footer > .container {
  padding-left: 15px;
  padding-right: 15px;
}

#footer {
	border-top: 1px solid #444444;
    background-color: #3A3A3A;
    padding: 5px 0;
	font-size: 12px;
}

#footer .soc_icons a {
    float: right;
}

#footer a {
    color: #A8A8A8;
    text-decoration: underline;
    transition: all 0.2s ease-in-out 0s;
}

#footer .icon_facebook {
    background: url("../img/social/fb_w.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 20px;
    width: 20px;
	margin: 20px 5px;
}



#footer .icon_twitter {
    background: url("../img/social/tw_w.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 20px;
    width: 20px;
	margin: 20px 5px;
}

#footer .icon_linkedin {
    background: url("../img/social/in_w.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 20px;
    width: 20px;
	margin: 20px 5px;
}

#bottom-logo img {
	max-width: 90%;
}

code {
  font-size: 80%;
}

div.yamm-content .col-xs-2 {
	border-left: 1px solid #3C3C3C;
    border-right: 1px solid #222222;
}

.tooltip-inner {
	width: 300px;
}

#mobilemenu{
	min-width: 340px;
	margin:0;
}

#mobilemenu dt{
	float: left;
}



@media (max-width: 1280px) {
	#manoizq {
		
	}
}

@media (max-width: 992px) {
	.espan {
		display: none;
	}
	#footer {
		margin-top:60px;
		height:auto;
	}
	
	#footer .col-md-4 {
		width: 35%;
		float:left;
		padding-left:0;
	}
	#footer .col-md-8 {
		width: 65%;
		float:left;
		padding-right:0;
	}

	.brandimage {
		min-height: 290px;
		margin-bottom: 50px;
	}
	#logo img{
		width: 350px;
	}
	.navbar-brand img {
		height: 50px;
		width: 130px;
	}
	.nav > li > a{
		padding-left: 10px;
		padding-right: 10px;	
	}
}

@media (max-width: 767px) {
	#logo img{
		width: 350px;
	}
	.brandimage {
		min-height: 190px;
	}
	.col-md-6 {
		width: 60%;
	}
	.soc_icons, .soc_icons div {
		width: 40%;
		text-align: left;
	}
	.soc_icons div{
		width: 100%;
	}
	.navbar-inverse .divider-vertical {
	}
	.navbar-inverse .divider-vertical {
		height: 1px;
		border: 1px solid #191919;
	}
	.navbar-nav {
		margin: 0px -15px;
	}
	.visible-xs {
		display: inline !important;
	}
	.yamm-content .col-xs-2 {
		width: 33.3%;
		float:left;
	}
	
	#yamm-menu{
		width:100%; 
		left:0%;
	}


}

@media (max-width: 530px) {
	#logo img{
		width: 230px;
	}
	.navbar-brand img{
		width: 102px;
		height: 35px;
		margin-top: 7px;	
	}
	.brandimage {
		min-height: 111px;
	}
	.col-md-6 {
		width: 100%;
	}
	.soc_icons, .soc_icons div {
		width: 100%;
		text-align: center;
	}
	#footer .soc_icons a{
		float: left;
		margin: auto 5%;
	}
	#footer {
		height: auto;
		text-align: center;
	}
	.jumbotron p {
		line-height: 1;
	}
	.featurette-divider {
		margin: 20px 0;
	}
	#yamm-menu .tur{
		width:74px; height:40px; margin: 10px auto 30px;
	}
	#yamm-menu .sma{
		width:39px; height:40px; margin: 10px auto 30px;
	}
	#yamm-menu .ind{
		width:54px; height:40px; margin: 10px auto 30px;
	}
	#yamm-menu img {
		height: 40px !important;
		width: auto !important;
	}
	#yamm-menu h4 {
		margin-top: 50px !important;
		font-size: 12px;
	}

}

@media (min-width: 768px) {
	.col-lg-4 {
		width: 33.3333%;
	}
	.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, 	.col-lg-12 	{
		float: left;
	}
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait)
and (-webkit-min-device-pixel-ratio: 1) {
	.brandimage {
		background-image: url("../img/bgbrand_portrait.png") !important;
		min-height: 410px;
		margin-bottom: 70px;
	}	 
}

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) 
and (orientation : landscape) {
	
.navbar-fixed-top, .navbar-fixed-bottom {
    position: absolute;
    margin-bottom: 0;
}
	#header{
		margin:0;
		padding:0;
	}
	#layerslider{
		margin-top: 50px !important;
	}
		
}