body {
	font-family:"Roboto";
}
h1, h2, h3, h4 {
	font-family: "Source Sans Pro";
	font-weight: 200;
	color:#333;
}
h1 {
	font-size: 46px;
}
h2 {
	margin-bottom:1em;
}
h3 {
	font-size: 20px;
}
h4{
	font-weight: 400;
}
p {
	line-height: 1.8em;
}
article {
	margin: 0px 0 50px 0;
}



/*1-HEADER*/



/*1.1-Logo Header*/


.logo {
	position: absolute;
	top:6%;
	padding-left: 10px;
	z-index:1;
}





/*1.2-Menu Social*/


.menu-utility {
	display: inline-block;
	width: auto;
	float: right;
	width: 100%;
	float: left;
	margin-right: .84034%;
	display: inline;
	text-align: right;
	margin-bottom: 1rem;
}
.menu-utility li {
	display: inline-block;
	padding: 1rem;
	font-weight: 100;
	font-size: 1em;
	line-height: 1;
	font-style: normal;
}
.menu-utility ul.dropdown-menu li{
	display: block;
	padding:0px;
}
.menu-utility ul.dropdown-menu {
	left: auto;
	right: 0;
}
.menu-utility li:last-child {
	padding-right: 0;
	border-right: 0
}




/*1.3-NavBar*/


.navbar-default {
	border: 0px;
	position: absolute;
	z-index: 1;
	width:100%;
	background-color: rgba(255,255,255, 1);
}
.navbar-default .navbar-nav>li>a {
	color:#4191ca;
	text-transform: uppercase;
	font-weight: 400;
	font-size: 0.9em;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus {
	color:#fff;
	background-color: #0069B3;
}
.navbar-default .navbar-nav>li:hover, .navbar-default .navbar-nav>li>a:hover {
	background-color: #4191ca;
	color:#fff;

}
.navbar-brand {
	margin-top: -3em;
}
.navbar-brand>img {
	height: 80px;
}
.navbar {
	margin-bottom:0;
	border-radius: 0px;
}
.dropdown-menu>li>a>img {
	padding-right: 1em;
}
.navbar img {
	vertical-align: baseline;
}




/*1.4-Carrousel*/

.carousel-caption {
	padding-bottom: 50px;
	background: #333 !important;
    background: rgba(0,0,0,0.75) !important;

}

.carousel-indicators {
	bottom:40px;
}

.carousel-caption h2 {
	margin-bottom:0px;
}
.item img {
	width:100%;
}




/*2-MAIN CONTENT*/


/*2.1-General*/
#main-content {
	padding-top: 7em!important;
}
.blue {
	background-color: #4191ca;
	color:#fff;
	padding-bottom: 7em!important;
}
.white {
	background-color: #fff;
	color:#4191ca;
}
.blue, .white {
	padding: 5em 0;
}
.blockwhite:before {
	content: '';
	display: block;
	width: 100%;
	margin-top: -8em;
	-webkit-transform: skewY(2deg);
	-ms-transform: skewY(2deg);
	transform: skewY(2deg);
	height: 8rem;
	background: #fff;
	z-index: 10;
}
.blockblue:before {
	content: '';
	display: block;
	width: 100%;
	margin-top: -8em;
	-webkit-transform: skewY(2deg);
	-ms-transform: skewY(2deg);
	transform: skewY(2deg);
	height: 8rem;
	background: #4191ca;
	z-index: 10;
}
.blue hr {
	color:#fff;
	opacity:0.5;
}
.trans {
	background-color: transparent;
}
.white i, .white h1, .white h2, .white h3, .white h4, .white p {
	color:#4191ca;
}
.blue h1, .blue h2, .blue h3, .blue h4, .blue p, .blue i {
	color:#fff;
}
article i {
	margin-top: 20px;
}
.padt20 {
	padding-top:20px;
}
.padt40 {
	padding-top:40px;
}




/*2.2-Index*/

.headlogo {
	padding-top:30px;
}
.card {
	margin:20px 0;   
}


#iservices {
	margin-top:2em;
	float:left;
}



/*2.3-Clientes*/

.trabajos {
	margin-bottom: 4em;
	float:left;
}
.trabajos img {
	padding-top: 20px;
}




/*2.4-Nosotros*/

.equipo ul {
	list-style: none;
}
.equipo li{
	float:left;
	padding-left: 2em;
}
.equipo i {
	padding-right:1em;
	font-size: 18px;
}
.equipo p {
	padding:0 20px;
}
.equipo li.active h3 {
	font-weight:600;
}
div.modal-dialog {
	width: 60%;
	height: 80%;
}
div.modal-content {
	height: 100%;
	width: 100%;
}
.perfil {
	padding-top: 1em;
}
.perfil:hover {
	background-color: #e5e5e5;
	cursor: pointer;
	text-decoration: none;
	border-radius: 10px;
}
.perfil a:hover {
	text-decoration: none;
}




/*2.4-Contacto*/

.contacto p:before {
	color:#4191ca!important;
}
.contacto i {
	padding-right: 1em;
}


.solotexto {
	width: 400px;
padding: 0 3em 2em 0;
line-height: 1.8em;
}





/*3-FOOTER*/

footer {
	padding:60px 0 0 0;
	background-color: #4191ca;
	margin:60px 0 0 0;
	color:#fff;
}
footer:before {
content: '';
display: block;
width: 100%;
margin-top: -7em;
-webkit-transform: skewY(2deg);
-ms-transform: skewY(2deg);
transform: skewY(2deg);
height: 8rem;
background: #4191ca;
z-index: 10
}
footer img {
	display:block;
}
footer a{
	color:#fff;
}
footer i {
	padding-right:20px;
}
footer h4 {
	padding-bottom:1em;
	color:#fff;
	font-weight: 600;
}
footer p {
	padding-top:0;
}
address p{
	margin-left: 2em;
}
p.address:before, p.phone:before, p.fax:before, p.mail:before {
	font-family: "fontawesome";
	color:#fff;
	position: absolute;
	left: 1.3em
}
p.address:before {
	content: "\f041";
}
p.phone:before {
	content: "\f095";
}
p.fax:before {
	content: "\f1ac";
}
p.mail:before {
	content: "\f003";
}
.logocii {
	padding: 4em;
}
.links {
	padding-left: 100px;
	padding-top:3em;
}
.copyright {
	margin-top: 50px;
	border-top: 1px solid rgba(255, 255, 255, 0.38);
	padding: 1em;
}




/*4-Media queries*/
@media (max-width: 767px) { 

h1 {
	font-size:30px;
}
h2 {
	font-size:24px;
}
h3 {
	font-size:18px;
}
.tequipo {
	text-align: center!important;
}
.tequipo > ul {
	float:none!important;
	display:inline-block;
	text-align: center;
	padding-left:0!important;
}
.equipo li {
float: left;
padding-right: 2em;
}
.navbar-default .navbar-nav>li:hover, .navbar-default .navbar-nav>li>a:hover {
	background-color: #e5e5e5;
	color:#4191ca;
}
.solotexto {
	width:100%;
}


}