body {
	padding: 0;
	margin: 0;
	font-size: 1.4em;
	line-height: 1.6em;
}

body > section {
	clear: both;
}

.separador{
	width:300px;
	height:2px;
	margin:auto;
	background-color:#ffffff;
	margin-bottom:50px;
	margin-top:10px;
	}
	


/*intro*/

h1{
	font-family: 'Roboto Slab', serif;
	font-size:5em;
	color:white;
	margin:0;
	}

h1.bienvenido{
	font-family: 'Roboto thin', sans-serif;
	color:rgba(89,89,89,1.00);
	padding:50px 0 0 0;
	}
	
section#intro{
	height:1080px;
	background-color:white;
	background-image:url(../img/logo.svg);
	/*introbackground-image:url(../img/img_top.jpg);*/
	background-repeat:no-repeat;
	background-size:cover;
	background-attachment:fixed;
	background-position:center;}
		
.bg_img {
	padding-top:150px
	}
	
section#intro .bg_img i{
	font-size:6.4em;
	color:#008294;
	}
	
.circulo{
	width:280px;
	height:280px;
	border-radius:50%;
	background:rgba(0,0,0,0.10);
	margin:0 auto;
	background-image:url(../img/logo.png);
	background-repeat:no-repeat;
	background-position:center;
	}
	
		/**menu**/
.navbar{
	margin:0;
	}
	
.navbar-default{
	top:0;
	box-shadow:none !important;
	background-color:#131313;
	border:none !important;
	background-image:none !important;
	min-height:70px;
	padding-top:10px;
	margin:0;
	border-radius:0 !important;
	}
	
.navbar-toggle{
	background-color:white;
	}
		
.nav>li>a{
	font-family: 'Roboto', serif;
	color:#5fb3af;
	font-size:1.5em;
	}
	
.nav>li>a:hover,
.nav>li>a:focus{
	color:white;
	background-color:transparent;
	}
	
.navbar-brand img{
	height:180%;
	}
	
/**animaciones**/

.anima1, .anima2, .anima3, anima4, anima5{
	opacity: 0;
	}
	
.anima2{
	animation-delay:.3s;
	-webkit-animation-delay:.3s;
	}
	
.anima3{
	animation-delay:.4s;
	-webkit-animation-delay:.4s;
	}
	
.anima4{
	animation-delay:.6s;
	-webkit-animation-delay:.6s;
	}

.anima5{
	animation-delay:.8s;
	-webkit-animation-delay:.8s;
}
	
/* acerca de */

section#acerca_de div.contenidofoto{
	background-color:transparent;
	height:550px;
	}
	
section#acerca_de div.foto{
	background-image:url(../img/foto_perfil.jpg);
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center;
	width: 50%;
	float: left;
	height: 100%;
	z-index: 1;
	text-align: center;
	}

section#acerca_de div.derechaVacio{
	width: 50%;
	background-image:url(../img/stardust.png);
	background-repeat:repeat;
	float: right;
	height: 100%;
	z-index: 2;
	}

section#acerca_de .info{
	position:absolute;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	top:0;
	}
	
section#acerca_de h1{
	padding-top:40px;
	text-align:left;
	color:white;
	}
	
section#acerca_de .separador{
	float:left;
	}
	
section#acerca_de .infoDos{
	text-align:left;
	padding-bottom: 5px;
	font-size: 1.8em;
	line-height:1.3em;
	position: relative;
	padding-left: 5px;
	padding-top:62px;
	color:white;
	}
	
	
/*servicios*/

section#servicios{
	background-color:#009099;
	padding-bottom:80px;
	}
	
section#servicios h1{
	padding-top:40px;
	}
	
section#servicios h2{
	color:white;
	font-family: 'Roboto', sans-serif;
	}
	

.icon_circulos{
	width:200px;
	height:200px;
	border-radius:50%;
	background-color:#00616f;
	margin:0 auto;
	padding-top:10px;
	}
	
.servicio{
	padding-top:20px;
	}
	
/*carusel*/

section#slide h3{
	font-size:5em;
	font-family: 'Roboto Slab thin', serif;
	}
	
section#slide .carousel-caption{
	margin:0;
	padding-bottom:50px;
	}
	
/*work*/

.modal-dialog {width:600px;}
.thumbnail {margin-bottom:6px;}

section#work{
	background-image:url(../img/stardust2.png);
	background-repeat:repeat;
	background-attachment:fixed;
	}

section#work .works{
	background-color:red;
	}
	
section#work h1{
	color:white;
	padding-top:40px;
	}
	
section#work .separador{
	background-color:white;
	}
	
/*section#work .mix img{
	max-width:300px;
	}*/
	
	
.controles{
  padding-bottom:20px;
  background-color:transaprent;
}

section#work button {
  border: 0;
  height:40px;
  margin:0 8px;
  color:#00616f;
  font-size: 1.4em;
  font-family: 'Roboto', serif;
  border-radius: 10px;
  cursor: pointer;
}

section#work .modal-header button {
  color:#000000;
  font-size: 3em;
  cursor: pointer;
}

section#work button.active{
  background: #b6d1d5;
}

section#work button :focus{
  outline: 0 none;
}

	
.containermix{
	padding:0 auto;
	text-align:center;
	margin: 0 auto;
}

.containermix:after{
  content:'';
  display:inline-block;
 
}

.containermix .mix{
	margin: 0;
	padding:10px 10px;
	display: none;
}


.containermix .mix  img:hover {
    opacity: 0.5;
    filter: alpha(opacity=50); /* For IE8 and earlier */
}

/*seccion modal*/

div.modal-body {
	text-align: center;
	padding-top:50px;
	}

div.modal-body img{
	max-height:100%;
}

div.modal-body .btn-default{
    border: 0;
    height: 40px;
    margin: 0 8px;
    color: #ffffff;
	text-shadow:none;
	background-color:#0FA9AC;
	background-image:none;
    font-size: 1.4em;
    font-family: 'Roboto', serif;
    border-radius: 10px;
    cursor: pointer;
}

div.modal-body .btn{
  margin-top: 30px;
}

div.modal-body .cerrar{
  margin-top: 30px!important;
}

div.modal-body .cerrar{
    border: 0;
    height: 40px;
    margin: 0 8px;
    color: #ffffff !important;
	text-shadow:none;
	background-color:#CC272A;
	background-image:none;
    font-size: 1.4em;
    font-family: 'Roboto', serif;
    border-radius: 10px;
    cursor: pointer;
}

div.modal-body p{
    color: #393737;
    font-size: 1.2em;
	line-height:1.1em;
    font-family: 'Roboto', serif;

}



/*contacto*/

section#contacto h1{
	color:white;}
	
section#contacto{
	background-color:#171717;
	padding-top:40px;}

section#contacto p{
	color:white;
	font-size:1.4em;
	margin-bottom:30px;
	}
	
section#contacto .campos{
	background-color:white;
	border: 2px solid #ffffff;
	font-size:1.3em;
	border-radius:20px;
	color:#48c8da;
	height:50px;
	 }
	 
section#contacto form{
	margin-bottom:80px;}
	
section#contacto input{
	min-height:50px;
	margin-bottom:20px;
	}
	
section#contacto textarea{
	min-height:200px;
	}
	

section#contacto .btn.btn-default{
		background:#48c8da;
		border-color:none;
		border:0;
		text-shadow:none;
		color:#00616f;
		border-radius:20px;
		margin-top:15px;
		padding:5px 43px;
		font-size:1.4em;
		text-transform:uppercase;
		font-weight:700;
		}
		
section#contacto .btn.btn-default:hover{
	background-color:#00616f;
	color:#a1eaf5;
	}
		
div#correcto {
	display:none;
    background-color: white;
    padding: 20px;
    text-align: center;
    font-size: 1.9em;
    border-radius: 20px;
    border: 4px solid green;
}

.has-success .form-control-feedback{
	color:white;
	background-color:#0AD0C1;
	border-radius:50px;	
	}
	
.has-error .form-control-feedback{
	color:white;
	background-color:red;
	border-radius:50px;
	}
	
.has-error .help-block {
		background: red;
		color: white;
		padding: 10px;
		border-radius: 20px;
		font-size:1.2em;
}

.form-horizontal .has-feedback .form-control-feedback {
    right: 22px;
    font-size: 1.5em;
    top: 8px!important;
}

::-webkit-input-placeholder{
	color:#118d9f !important;
	}

:-moz-placeholder{
	color:#118d9f !important;
	}
	
::-moz-placeholder{
	color:#118d9f !important;
	}
:-ms-input-placeholder{
	color:#118d9f !important;
	}

/*footer*/

section#footer{
	background-color:#48c8da;
	height:100%;
	padding-bottom:50px;
	}
	
section#footer .issuu{
	padding-top:50px;
	}
	
section#footer .behance img{
	padding-top:50px;
	}
	
section#footer .linked img{
	padding-top:70px;
	}

/** @media(min-width:1200px){
section#acerca_de .infoDos > div {
	width:160%;
	font-size:2.1em;
	color:red;
		}
	} */
	
@media(max-width:992px){
	
h1.bienvenido{
	font-family: 'Roboto thin', sans-serif;
	color:rgba(89,89,89,1.00);
	padding:50px 0 0 0;
	}
	
section#acerca_de .infoDos{
	text-align:center;
	font-size:1.4em;
	padding-bottom: 5px;
	}
	

}

@media(max-width:767px){
section#intro{
		height:auto;
		min-height:initial;
	}

.navbar-default .navbar-collapse{
		background-color:#333233;
	}
	
section#acerca_de div.foto{
		width:100%;
		height:100%;
		}
	
section#acerca_de .infoDos {
	width:100%;
		}
		
section#acerca_de div.derechaVacio{
		display:none;
		}
		
	section#acerca_de .info{
		position:relative;
		}
		
	div.info .col-xs-offset-6{
		height:400px;
		background-image:url(../img/stardust.png);
		background-repeat:repeat;
		width:100%;
		margin:0;
		}
		
	section#acerca_de h1{
	padding-top:40px;
	text-align:center;
	color:white;
	}
	
section#acerca_de .separador{
	float:none;
	}
	
section#slide .carousel-caption{
	display:none;
	}
	
}

@media(max-width:500px){
	
h1.bienvenido{
	font-size:3em;
	color:white;
	}
	
section#acerca_de h1{
	font-size:3.5em;
	text-align:center;
	}
	
section#servicios h1{
	font-size:3.5em;
	}

section#work h1{
	font-size:3.5em;
	}
	
section#contacto h1{
	font-size:3.5em;
	}
	
section#acerca_de .infoDos {
	width:100%;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-top:0;
		}
		
section#acerca_de .info{
		position:relative;
		}
		
	div.info .col-xs-offset-6{
		height:500px;
		background-image:url(../img/stardust.png);
		background-repeat:repeat;
		width:100%;
		margin:0;
		}
	
section#acerca_de .separador{
	float:none;
	}

}