body {
    background: #f8f8f8;
    text-align: left;
    font-family: 'Roboto', sans-serif;
    color: #888;
    font-size: 14px;
    font-weight: 400;
}

a {
    color: #1ab5b3;
    text-decoration: none;
    -o-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -ms-transition: all .3s; transition: all .3s;
}
a:hover, a:focus { color: #888; text-decoration: none; }

strong { font-weight: 500; }
img { max-width: 100%; }

center {text-align: center;}

::-moz-selection { background: #fe503e; color: #fff; text-shadow: none; }
::selection { background: #fe503e; color: #fff; text-shadow: none; }

.turquesa {background: #23aeac;}
.gris2 { background: #b5b3ac; }
.gris1 { background: #f8f8f8; }
.gris { background: #d4d3cf; }



/***** Top menu *****/

.navbar {
	z-index: 99;
	margin-bottom: 0;
	background: #fff;
	border: 0;
	
}
ul.navbar-nav {
	font-size: 20px;
	color: #999;
	font-weight: 300;
}

ul.navbar-nav li a { padding: 50px 10px 15px 10px; background: #fff; color: #d5d5d5; }
ul.navbar-nav li.active a { background: #fff; color: #d5d5d5; }
ul.navbar-nav li a:hover, ul.navbar-nav li a:focus { background: #fff; color: #1ab5b3; }

.navbar>.container .navbar-brand { margin-left: 0; }
.navbar>.container .navbar-brand { margin-left: 0; }


.navbar-brand {
	width: 173px;
	height: 106px;
	background: url(../img/logo.png) left center no-repeat;
	text-indent: -99999px;
}

/***** Slider *****/



.slider p{
	font-family: 'Roboto', sans-serif;
    font-size: 20px;
	color: #666;
	font-weight: 300;
	padding: 30px 40px 20px 40px;
	text-align: center;
}

.slider h5{
	font-family: 'Roboto', sans-serif;
    font-size: 18px;
	color: #666;
	font-weight: 300;
	padding: 20px 40px 20px 40px;
	text-align: center;
}


.slider-container {
    margin: 0 auto;
    -moz-box-shadow: 0 -5px 15px 0 rgba(0,0,0,.05) inset;
    -webkit-box-shadow: 0 -5px 15px 0 rgba(0,0,0,.05) inset;
    box-shadow: 0 -5px 15px 0 rgba(0,0,0,.05) inset;
}

.slider {
	padding: 0;
	overflow: hidden;
}

.flexslider {
    margin: 0;
    background: none;
    border: 0;
    -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;
    -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;
}

.flexslider .slides > li {
	position: relative;
}

.flex-direction-nav a {
	width: 60px;
	height: 60px;
	padding-top: 17px;
	background: #fe503e;
	color: #fff;
	text-shadow: none;
}

.flex-direction-nav a:before { font-size: 26px; }

.flex-direction-nav .flex-prev, .flex-direction-nav .flex-next {
	text-align: center;
	-moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%;
}


/***** grafica *****/

.work-container {
	background: #555;
	padding-bottom: 60px;
}

.work2-container {
	background: #b5b3ac;
	padding-bottom: 60px;
}
.foot-container {
	background: #222;
	padding-bottom: 60px;
}


.grafica {
	font-family: 'Roboto', sans-serif;
    font-size: 20px;
	color: #fff;
	font-weight: 300;
	padding-top: 30px;
	padding-bottom: 10px;
	text-align: center;
}


.work {
	position: relative;
    margin-top: 20px;
    padding-bottom: 20px;
    background: #fff;
    -moz-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.05);
	text-align: left;
}

.workflash {
	position: relative;
    margin-top: 20px;
    -moz-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.05);
	text-align: left;
}

.work h3 {
    margin-top: 20px;
    padding-left: 15px;
    padding-right: 15px;
    font-size: 18px;
	color: #666;
	font-weight: 300;
}

.work h4 {
    margin-top: 20px;
    padding-left: 15px;
    padding-right: 15px;
    font-size: 16px;
	color: #666;
	font-weight: 300;
}

.work p {
    padding-left: 15px;
    padding-right: 15px;
    font-size: 12px;
	color: #666;
	font-weight: 400;
	line-height: 17px;
}

.work2 {
	position: relative;
    margin-top: 20px;
    padding-bottom: 20px;
    background: #fff;
    -moz-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.05);
	text-align: center;
	width: 255px;
	}
.work3 {
	position: relative;
    margin-top: 60px;
    padding: 20px 30px;
    background: #fff;
    -moz-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.05);
	text-align: left;
}
.work3 h2 {
    margin-top: 20px;
    font-size: 30px;
	color: #23aeac;
	font-weight: 100;
}
.work3 h5 {
    margin-top: 20px;
    font-size: 17px;
	color: #666;
	font-weight: 300;
	line-height: 30px;
}

/***** Presentation *****/

.presentation-container {
	background: #23aeac;
}
.presentation-container h1 {
	font-family: 'Roboto', sans-serif;
    font-size: 35px;
	color: #fff;
	font-weight: 300;
	padding-top: 20px;
}
.presentation-container h2 {
	font-family: 'Roboto', sans-serif;
    font-size: 35px;
	color: #2adedc;
	font-weight: 300;
	padding-top: 20px;
}

.presentation-container p {
    font-size: 22px;
	color: #fff;
	padding-bottom: 20px;
	font-weight: 100;
	letter-spacing: 0.02em;
}
.presentation-container p a {
    font-size: 22px;
	color: #000;
	padding-bottom: 20px;
	font-weight: 100;
	letter-spacing: 0.02em;
}

.by {color: #000;}

.footer-class-in{
	display:block;
	text-align:center;
	font-size:0.9em;
	background:#242b2e;
	padding:1.5em 0;
	color:#6b7072;	
}
.footer-class-in a{
	text-decoration:none;
	color:#fff;	
}
.footer-class-in a:hover{
	color:#6b7072;	
}

/* ----- PORTFOLIO PAGE ----- */


.portfolio-container {
    margin-top: 0;
    padding-bottom: 50px;
	background: #e2e1dd;
}

.portfolio-filters {
	padding-top: 25px;
	padding-bottom: 30px;
	font-family: 'Roboto', sans-serif;
    font-size: 31px;
    color: #2adedc;
    font-weight: 300;
    text-align: left;
	text-transform: uppercase;
}

.portfolio-filters a { color: #fff; }
.portfolio-filters a:hover, .portfolio-filters a.active { color: #000; }


.portfolio-box {
	width: 255px;
	margin: 40px 15px 0 15px;
}

.portfolio-box-container {
	position: relative;
	background: #fff;
    -moz-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.05);
}

.portfolio-box-container .embed-responsive.embed-responsive-16by9 {
	padding-bottom: 69.5%;
}

.portfolio-box-icon {
	position: absolute;
	top: 10px;
	right: 10px;
	width: 35px;
    height: 35px;
    padding-top: 7px;
    background: #1d1d1d; /* browsers that don't support rgba */
    background: rgba(0, 0, 0, .7);
    font-size: 20px;
    color: #fff;
    line-height: 20px;
    -moz-border-radius: 19px; -webkit-border-radius: 19px; border-radius: 19px;
}

.portfolio-box-text {
	padding: 0 12px 5px 12px;
}

.portfolio-box-text h3 {
    margin-top: 15px;
    font-size: 16px;
	font-weight: 400;
	color: #1ab5b3;
}
.portfolio-box-text h3 a { color: #1ab5b3; }

.portfolio-box-text h3 a:hover { color: #000; }

.portfolio-box-text p {
    line-height: 16px;
	font-size: 12px;
	color: #e85c39;
	text-transform: uppercase;
	font-weight: 300;
	letter-spacing: 0.02em;
}


/****** FOOTER ********/
.footer {
	background: #222;
	padding: 15px 0;
} 

.footer .info{
	padding: 15px 0;
} 

.footer .info p{
	color: #12807e;
	font-size: 24px;
	line-height: 30px;
	font-weight: 100;
	text-align: left;
	width: 300px;
	letter-spacing: 0.02em;
} 

.footer .info p a{ color: #12807e; }
.footer .info p a:hover{ color: #fe503e; }



/***** Form *****/

.contact-us-container {
    padding-bottom: 50px;
    text-align: left;
	background: #edeceb;
}


.contact-us-container h3 {
    font-size: 22px;
}

.contact-us-container p {
    line-height: 28px;
}

.contact-form {
    padding-top: 25px;
    padding-bottom: 30px;
}

.contact-form form {
    margin-top: 25px;
}

.contact-form form .form-group {
	margin-bottom: 20px;
}

.contact-form input[type="text"] { width: 95%; height: 34px; }
.contact-form textarea { width: 95%; height: 170px; padding-top: 8px; padding-bottom: 8px; }
.contact-form label { font-weight: 300; font-size: 18px;}
.contact-form label .error-label { font-style: italic }
.contact-form button { margin-top: 5px; padding: 0 45px; }
.contact-form p { font-weight: 300; font-size: 25px; line-height: 35px;  color: #1ab5b3;}

.formdatos h3{
padding-top: 50px;}

.formdatos h3{
	font-size: 18px;
	line-height: 35px;
}

/* ----- servicios ----- */


.nosotros { }

.nosotros h1 {
	font-family: 'Roboto', sans-serif;
    font-size: 35px;
	color: #000;
	font-weight: 700;
	padding-top: 50px;
	line-height: 20px;
}
.nosotros h3 {
	font-family: 'Roboto', sans-serif;
    font-size: 30px;
	color: #000;
	font-weight: 100;
}

.nosotros p {
    font-size: 18px;
	line-height: 35px;
	color: #000;
	font-weight: 300;
	letter-spacing: 0.02em;
	padding-top: 65px;
	padding-bottom: 50px;
}

.nosotros1 {
	}

.nosotros1 h1 {
	font-family: 'Roboto', sans-serif;
    font-size: 27px;
	color: #000;
	font-weight: 700;
	padding-top: 30px;
}

.nosotros1 h3 {
	font-family: 'Roboto', sans-serif;
    font-size: 30px;
	color: #000;
	font-weight: 100;
}

.nosotros1 p {
    font-size: 16px;
	line-height: 20px;
	color: #000;
	font-weight: 300;
	letter-spacing: 0.02em;
}

.nosotros2 { }

.nosotros2 h1 {
	font-family: 'Roboto', sans-serif;
    font-size: 27px;
	color: #000;
	font-weight: 700;
	padding-top: 30px;
}

.nosotros2 p {
    font-size: 16px;
	line-height: 29px;
	color: #000;
	font-weight: 300;
	letter-spacing: 0.02em;
	padding-top: 25px;
	padding-bottom: 50px;
}