/**
 *
 *
 * @link          http://salgarus.co Salgarus(tm) Project
 * @package       Salgarus.CSS
 * @author        Jose Luis Perez Cardenas
 */
.clear{
	clear:both;
}
.logo {
	display:block;
	width:226px;
	height:66px;
	background:url("../img/logo.png");
	margin-top:0;
	margin-right:20px;
	z-index:909;
	position:relative;
}
a{
	cursor:pointer;
}

@font-face {
  font-family: 'CODE bold';
  src: url('../fonts/code_bold.eot');
  src: url('../fonts/code_bold.eot?#iefix') format('embedded-opentype'), url('../fonts/code_bold.woff') format('woff'), url('../fonts/code_bold.ttf') format('truetype'), url('../fonts/code_bold.svg#g') format('svg');
}

#header a {
	font-family:"Arial";
	font-size:14px;
	color:#555e58;
	font-weight:bold;
	line-height:24px;
	text-transform:uppercase;
}

#header a:hover {
	text-decoration:none;
	color:#56acde;

}

#header .navbar {
	position:relative; 
	margin-left:auto; 
	margin-right:auto;
	margin-bottom:0;
}

#header ul {
	margin-top:35px;
}
.textocentrar{
	text-align:center;
}

#header ul li {
	list-style:none;
	float:left;
	margin-right:20px;
}

.active {
	background:url('../img/active.png') bottom no-repeat;
	line-height:1.9;
}

a {
	color:#555e58;
}
a:hover {
	color:#56acde;
	text-decoration:none;
}

.slider {
	width:100%;
	overflow:hidden;
}

.slide {
	display:none;
}
.slide h1 {
	color:#56acde;
	font-size:44px;
	font-family:"CODE bold"
}
.slide h2 {
	color:#555e58;
	margin-bottom:25px;
}

.sombra {
	background:url("../img/sombra.png") top center no-repeat transparent;
	width:100%;
	text-align:center
}

.desc {
	margin-top:45px;
}

.desc h3 {
	color:#56acde;
	font-size:18px
}

.desc p {
	color:#555e58;
	font-size:12px;
	text-align:left;
}

a.readmore {
	display:inline-block;
	width:103px;
	height:32px;
	color:#FFF;
	text-align:center;
	padding-top:6px;
	background:url('../img/read.png') no-repeat;
}
.leermas{
	float:right;
}

a.readmore:hover {
	background:url('../img/read.png') no-repeat 0 -32px;	
}

.phrase {
	color:#555e58;
	width:100%;
	display:block;
	padding:50px;
}

.phrase p {
	margin-top:-15px;
	font-size:18px;
	padding-left:20px;
	padding-right:20px;
}

.phrase span {
	font-size:78px;
}

.bluecont {
	background:#56acde;
}

.bluecont h1 {
	color:#FFF;
	font-family: "CODE bold";
	font-size:60px;
	padding-top:70px;
}

.bluecont h2 {
	color:#e5e5e5;
}

.city {
	display:inline-block;
	width:266px;
	height:266px;
	border-radius: 50%;
    overflow: hidden;
    position: relative;
    cursor: default;
    box-shadow: 
        inset 0 0 0 16px rgba(255,255,255,0.6),
        0 1px 2px rgba(0,0,0,0.1);
    transition: all 0.4s ease-in-out;
	background-image:url('../img/city.png');
}

.city:hover {
	  box-shadow: 
        inset 0 0 0 1px rgba(255,255,255,0.1),
        0 1px 2px rgba(0,0,0,0.1);
}

.city:hover .hovercity {
    transform: scale(1);
    opacity: 1;
}

.city:hover .hovercity p {
    opacity: 1;
}

.hovercity {
	position: absolute;
    background: rgba(250,250,250, 0.8);
    width: inherit;
    height: inherit;
    border-radius: 50%;
    overflow: hidden;
    opacity: 0;
	transition: all 0.4s ease-in-out;
	transform: scale(0);
	padding-top:50px
}

.hovercity p {
    padding: 10px 5px;
    margin: 0 30px;
	font-size:18px;
    opacity: 0;
	text-align:center;
}

.hovercity em {
	font-style:normal;
}

.hcompanies {
	font-size:28px;
	font-family:"CODE bold";
	color:#555e58;
	margin-top:40px;
}

.container .companies{
	margin-bottom:30px;
}

.companies div {
	height:100px;
}

@media (min-width: 800px) {
	#header .navbar {
		width:700px;
	}
	.companies div {
		padding-top:35px;
	}
	div.samastahlogo {
		padding-top:0;
	}
	div.arttisticalogo {
		padding-top:40px;
		margin-bottom:40px;
	}
	a.logo {
		margin-top:34px;
	}
	#header ul {
		margin-top:55px;
	}
	.bluecont h2 {
		margin-bottom:32px;
	}
	.contact, .wk, .work {
		margin-bottom:60px
	}
}

.toolsHome{
	margin-left:15px;
	margin-right:15px;
}

.a_html5 {
	height: 104px;
	width: 76px;
	display:inline-block;
	background:url(../img/toolsprite.png);
}

.a_html5:hover {
	background-position:0 -118px;
}

.a_css3 {
	height: 104px;
	width: 76px;
	display:inline-block;
	background:url(../img/toolsprite.png) -107px 0px;
}

.a_css3:hover {
	background-position:-107px -118px;
}

.a_jquery {
	height: 104px;
	width: 208px;
	display:inline-block;
	background:url(../img/toolsprite.png) -205px 0px;
}

.a_jquery:hover {
	background-position:-205px -118px;
}

.a_php {
	height: 104px;
	width: 150px;
	display:inline-block;
	background:url(../img/toolsprite.png) -438px 0px;
}

.a_php:hover {
	background-position:-438px -118px;
}

.a_ios {
	height: 104px;
	width: 128px;
	display:inline-block;
	background:url(../img/toolsprite.png) -618px 0px;
}

.a_ios:hover {
	background-position:-618px -118px;
}

.a_android {
	height: 104px;
	width: 85px;
	display:inline-block;
	background:url(../img/toolsprite.png) -777px 0px;
}

.a_android:hover {
	background-position:-777px -118px;
}

a.contact-btn {
	width:215px;
	height:45px;
	display:inline-block;
	color:#fff;
	background:url(../img/contact.png) no-repeat;
	text-align:center;
	text-decoration:none;
	font-size:18px;
	padding-top:8px
}

a.contact-btn:hover {
	background-position:0 -45px;
}

a.facebook-btn, a.twitter-btn {
	width:38px;
	height:38px;
	display:inline-block;
}

a.facebook-btn:hover, a.twitter-btn:hover {
	background-position:0 -38px;
}

a.facebook-btn {
	background:url(../img/facebook.png) no-repeat;
}

a.twitter-btn {
	background:url(../img/twitter.png) no-repeat;
}

.secfooter {
	text-align:center;
}

.secfooter h4 {
	color:#555e58;
	text-transform:uppercase;
}

.pags {
	display:inline-block;
	margin:0px;
	padding:0px;
	margin-left:-15px;

}

.pags li {
	list-style:none;
	float:left;
	padding-right:10px;
	display: inline-block;
}

.pags li a {
	width:46px;
	height:10px;
	display:inline-block;
	background:url(../img/ola.png);
}

.pags li.acti a {
	background-position:0 -10px;
}

.arrow1 {
	background:url('../img/arrow1.png');
	width:46px;
	height:46px;
	display:inline-block;
}
.arrow2 {
	background:url('../img/arrow2.png');
	width:46px;
	height:46px;
	display:inline-block;
}

.sombra2 {
	background:url(../img/sombra2.png) top center no-repeat;
	display:inline-block;
	width:100%;
	height:	15px;
}

ul.arrows {
	list-style:none;
	width:100%;
	position:relative;
}

ul.arrows li {
	position:absolute;
}

li.liarrow1 {
	left:0;
	top:-300px;
}

.liarrow2 {
	right:0;
	top:-300px;
}

.footer {
	color:#555e58;
}

/* TRABAJO */
.work h1 {
	color:#56acde;
	font-family:"CODE bold";
	margin-left: 20px;
}

.work h2 {
	color:#56acde;
	font-family:"CODE bold";
}

.work .row .col-md-8{
	margin-left: 40px;
}

.mworks {
	display:inline-block;
	background:url('../img/moreworks.png');
	width:312px;
	height:66px;
	font-size:24px;
	padding-top:15px;
	color:#FFF;
}

a.mworks:hover {
	background-position:0 66px;
	color:#FFF;
}

.bgw {
	display:block;
	background:url(../img/bgw.png);
	height:228px;
	width:100%;
}

.btnw {
	display:inline-block;
	width:312px;
	height:66px;
	text-align:center;
	background:url(../img/wbtn.png);
	color:#fff;
	font-family:arial;
	font-size:28px;
	padding-top:12px;
	margin-top:20px;
	margin-bottom:20px;
}

a.btnw:hover {
	background-position:0 -66px;
	color:#fff;
}

img.devices {
	position:relative;
	float:right;
	margin-right:20px;
	top:-30px
}

.sombraw {
	background:url('../img/sombraw.png') top center no-repeat;
	text-align:center;
	display:block;
	width:100%;
	height:15px;
	clear:both;
	margin-bottom:60px;
	top:-40px;
	position:relative;
}

/* NOSOTROS */
.about h1 {
	color:#56acde;
	font-family:"CODE bold";
	margin-left:30px;
}

.azul {
  color:#56acde;
}

.about h4 {
  font-size: 16px;
  font-weight:bold;
}

.about h3 {
  color:#56acde;
  font-family:"CODE bold";
  text-align:center;
}

.team {
  color:#000;
}

.team p {
}

.team h4 {
  font-family:"CODE bold";
  margin-bottom:0px;
}


}

.about p {
    color:#555e58;
}

.bgabout {
	display:block;
	background:url(../img/bg_n.png);
	height:226px;
	width:100%;
}

/* TRABAJOS */

.wk h1 {
	color:#56acde;
	font-family:"CODE bold";
	font-size:60px;
	padding:40px
}

.wk h3 {
	color:#626965;
	font-family:"CODE bold"
}

.wk h4 {
	color:#56acde;
	font-family:"CODE bold"
}

.nav-sec ul {
}
.nav-sec li {
	float:left;
	list-style:none;
	height:22px;
	display:block;
	line-height:1.6;
	margin-right:12px;
	text-transform:uppercase;
}

.nav-sec li.active {
	line-height:1.4;
}

/* CONTACTO */
.contact h1 {
	color:#56acde;
	font-family:"CODE bold";
	margin-left:30px;
}

.contact h2 {
	text-align:center;
	color:#56acde;
	font-family:"CODE bold";
}

.bgcontact {
	display:block;
	background:url(../img/mapa.png);
	background-size:cover;
	height:230px;
	width:100%;
}

.contact input {
	width:100%;
	clear:both;
	margin-bottom:20px;
}
.contactinfo {
	margin-top:8px;
}
.contactinfo b {
		color:#56acde;
}
.contactinfo p {
	line-height:0.7;
	color:#626965;
}

.error {
	-webkit-box-shadow:rgba(0, 0, 0, 0.0745098) 0 1px 1px inset;
	border-color:#A94442;
	box-shadow:rgba(0, 0, 0, 0.0745098) 0 1px 1px inset;
}
.bs-callout {
	border-left-color:#EEEEEE;
	border-left-style:solid;
	border-left-width:3px;
	margin:20px 0;
	padding:20px;
	background-color:#F4F8FA;
	border-color:#BCE8F1;
}
.bs-callout h4 {
	color:#201B6A
}
.companyInfo{
	margin-bottom: 40px;
	    margin-top: -70px;
}
.sombra60menos{
	margin-bottom:0px;
}
.masMarginWork{
	margin-bottom:50px;
}