/* MIS ESTILOS PERSONALIZADOS*/

/* Global Styles */

		html,
		body {
		    width: 100%;
		    height: 100%;
		    /*font-family: "Source Sans Pro","Helvetica Neue",Helvetica,Arial,sans-serif;*/
		    font-family: 'Lato', sans-serif;
		    font-family: 'Source Sans Pro', sans-serif;
		}

		.text-vertical-center {
		    display: table-cell;
		    text-align: center;
		    vertical-align: top;
		}

		.text-vertical-center h1 {
		    margin: 140px 0 0 0;
		    padding: 0;
		    font-size: 3em;
		    font-weight: 600;
			color: #fff;
			margin-bottom: 0.8em;
		}

		.strong, b {
		    font-weight: bold;
		}

		#desarrollo {
			padding-bottom: 50px;

		}

		#desarrollo a{
			text-decoration: none;
		}

		#desarrollo a:hover{
			text-decoration: none;
		}

/*blog social icons*/

		#socialIcons{
			text-align: center;
		}

		#blog-social-icons{
			list-style: none; 
			display: inline-flex; 
			padding-left: 5px;"
		}

		#blog-social-icons li{
			display: inline;
		}

		/* Header */

		.header {
		    display: table;
		    position: relative;
		    width: 100%;
		    height: 100%;
		    background: url(../img/tech.jpg) no-repeat center center scroll;
		    background-size: cover;
		    -webkit-background-size: cover;
		    -moz-background-size: cover;
		    -o-background-size: cover;
		    /*background: linear-gradient(0deg, rgba(2,0,36,1) 0%, rgba(9,9,121,1) 35%, rgba(255,255,255,1) 100%);*/
		}

		/*navegacion*/

		.institucional {
			color: white; font-weight:bold; font-size:1.2em;
		}

		.profe {
			color: white; font-weight:bold;
		}

		.navbar {
			min-height: 90px;
		}

		.navbar-default {
			background-color: #40001C;
			border-color: black;
			transition: all 0.8s ease;
			-webkit-transition: all 0.8s ease;
			-moz-transition: all 0.8s ease;
			-o-transition: all 0.8s ease;
			border-color: transparent;
		}

		ul.nav.navbar-nav{
			float:right;
			margin-top: 15px;
			font-size: 16px;
		}

		.navbar-default .navbar-nav>li>a, a:visited {
			color: white;
		}

		.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {
			color: white; 
			background-color: #662544;
			transition: all 0.8s ease;
			-webkit-transition: all 0.8s ease;
			-moz-transition: all 0.8s ease;
			-o-transition: all 0.8s ease;
			border-radius: 6px;
		}

		.navbar-default .navbar-nav>li>a:active {
			color: #FF0;
		}

		.navbar-header{
			margin-top: 15px;
		}

		.nav-sombra {
		box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.3) ;
		-moz-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.3) ;
	    -webkit-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.3) ;
	    -o-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.3) ;
		}

		.navbar-transp {
		background-color: rgba(34, 34, 34, 0.3);
		}

		/*desplegable*/

		.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus {
			color: white;
			background-color:  rgba(255,153,51,0.9);
		}

		.dropdown-menu{
			background-color: #FFF1D9;
		}

		.navbar-default .navbar-nav .open .dropdown-menu > li > a{
			color: black;
			transition: all 0.5s ease;
			-webkit-transition: all 0.5s ease;
			-moz-transition: all 0.5s ease;
			-o-transition: all 0.5s ease;
		}

		.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover{
			color: black;
			background-color: rgba(255, 153, 21, 0.16);
			transition: all 0.5s ease;
			-webkit-transition: all 0.5s ease;
			-moz-transition: all 0.5s ease;
			-o-transition: all 0.5s ease;
			border-radius: 6px;
		}

		.dropdown-menu .divider {
			background-color: orange; 
		}


		/*fin navegacion*/

		.btn-red {
			border-radius: 0;
			color: white;
			font-weight: bold;
			background-color: #662544;
			transition: all 0.5s ease;
			-webkit-transition: all 0.5s ease;
			-moz-transition: all 0.5s ease;
			-o-transition: all 0.5s ease;
		}

		/*.btn-red-2 btn-lg-2{
			border-radius: 0;
			color: white;
			font-weight: bold;
			background-color: rgba(255,0,0,1);
		}
*/
		.btn:hover, .btn:focus {
			color: #FF0;
			font-size: 19px;
			text-decoration: none;
			transition: all 0.5s ease;
			-webkit-transition: all 0.5s ease;
			-moz-transition: all 0.5s ease;
			-o-transition: all 0.5s ease;
		}

		.btn-orange {
			border-radius: 6px;
			color: white;
			font-weight: bold;
			background-color: rgba(255,153,51,0.9);
			transition: all 0.5s ease;
			-webkit-transition: all 0.5s ease;
			-moz-transition: all 0.5s ease;
			-o-transition: all 0.5s ease;
		}

		.btn-orange:hover, .btn:focus {
			color: #FF0;
			font-size: 19px;
			text-decoration: none;
			background-color: rgba(255,153,51,0.9);
			transition: all 0.5s ease;
			-webkit-transition: all 0.5s ease;
			-moz-transition: all 0.5s ease;
			-o-transition: all 0.5s ease;
		}

		.btn-lg, .btn-group-lg>.btn {
			padding: 10px 16px;
			margin-left: 30px;
			margin-right: 30px;
			margin-bottom: 30px;
			font-size: 18px;
			line-height: 1.33;
			border-radius: 6px;
		}

		.btn-1 {
			padding: 6px 12px;
			margin-left: 30px;
			margin-right: 30px;
			margin-bottom: 0px;
			font-size: 14px;
			font-weight: normal;
			line-height: 1.33;
			border-radius: 6px;
			    display: inline-block;
    		}

		h1{
			font-size: 3.1em;
			margin-bottom: 50px;
		}

		h3{
			color: white;
			font-size: 1.6em;
			font-weight: bold;
			margin-top: 80px;
		} 

		.morado {
			box-sizing: border-box;
			width: 40%;
			margin: 0 auto 0 auto;
			background: #662544;
			border-radius: 5px;
		}

		.rojo {
			box-sizing: border-box;
			width: 40%;
			margin: 0 auto 0 auto;
			background: red;
			border-radius: 5px;
		}

		#top p{
			font-size: 1.7em;
			color: white;
			font-weight: bold;
			margin-top: 0px;
			margin-bottom: 50px;
		}

		#sobre-mi {padding: 0;}

		.sobre-mi {
			padding: 50px 0;
			height: 100%;
			width: 100%;
			margin-bottom: 430px;
		}

		.sobre-mi h2{
			text-align: center;
			margin: 80px auto 50px auto;
		}

		.sobre-mi p {
			font-size: 18px;
		}

		#sobre-mi p a:link, a:visited {
			font-size: 18px;
		   	color: rgba(255,153,51,0.9);
		   	font-style: italic;
		   	transition: all 0.5s ease;
			-webkit-transition: all 0.5s ease;
			-moz-transition: all 0.5s ease;
			-o-transition: all 0.5s ease;
		}

		#sobre-mi p a:hover {
		   	font-size: 22px;
		   	text-decoration: none;
		   	transition: all 0.5s ease;
			-webkit-transition: all 0.5s ease;
			-moz-transition: all 0.5s ease;
			-o-transition: all 0.5s ease;
		}

		.cliquea-aqui {
			color: rgba(255,153,51,0.9);
			font-style: italic;
		}

		#espacio {
			height: 20px;
		}

		#imagen-cover {
			display: table;
			width: 100%;
			height: 100%;
			padding-top: 70px;
			color: #fff;
			background: url(../img/imagen-cover.jpg) no-repeat center center scroll;
			-webkit-background-size: cover;
			-moz-background-size: cover;
			background-size: cover;
			-o-background-size: cover;
		}

		.lead-2{
			margin-bottom: 20px;
			font-size: 16px;
			font-weight: 300;
			line-height: 1.4;
		}

		p{
			margin: 40px 0 10px;
		}


		h2{
			margin-top: 40px;
		}

		hr{
			margin-bottom: 40px;
		}

		#contact{
			height:100%;
			border:0;
			scrolling:"no";
			float: left;
			margin: 0;
			padding-right: 0;
		}

		iframe{  
			width:100%; 
			height:100%;
			border:0;
			scrolling:"no";
			marginheight:0;
			marginwidth:0;
		}

		/* MAPA SIN PADDING */

		/*.col-md-6 {
			box-sizing: border-box;
			width: 100%;
			padding: 30px;
		}*/

		/* ACA TERMINA MAPA */

		footer{
			width: 100%;
			height: 100px;
			float: left;
			padding: 50px 0;
		}

		#vermapa{
			display: none;
		}

		#contacto{
			height:120%;
			border:0;
			float: left;
			text-align: center;
			margin-top: 30px;
			margin-bottom: 0px;
			font-size: 18px;
		}

		#contacto h4, .h4{
			font-size: 24px;
			margin-top: 1.875em;
		}

		#contacto a{ 
			color: #40000C;
			font-size: 18px;
			font-weight: bold;
			font-style: italic;
		}

		#contacto .btn-facebook {
			color: #fff;
			background-color: #3b5998;
			border-color: rgba(0,0,0,0.2);
		}

		#contacto .btn-google-plus {
			color: #fff;
			background-color: #dd4b39;
			border-color: rgba(0,0,0,0.2);
		}

		#contacto .btn-linkedin {
			color: #fff;
			background-color: #007bb6;
			border-color: rgba(0,0,0,0.2);
		}

		.copyright {
			font-size: 14px;
			font-weight: bold;
		}

		.bg-primary {
			background-color: #40001C;
		}

		.callout1 {
			padding-top: 20px;
			padding-bottom: 20px;
		}

		#callout1 {
			display: table;
			width: 100%;
			height: 400px;
			/*padding: 50px auto 50px auto;*/
			color: #fff;
			text-align: center;
			background: url(../img/callout.jpg) no-repeat center center scroll;
			background-size: cover;
			-webkit-background-size: cover;
			-moz-background-size: cover;
			-o-background-size: cover;
		}

		.callout-title{
			color:#006;
			font-size: 2.5em;
		}

		#callout1 p{
			font-size: 18px;
			color: #006;
			text-align: left;
		}

		#callout2 {
			display: table;
			width: 100%;
			height: 400px;
			text-align: center;
			background: url(../img/callout3.jpg) repeat center center scroll;
			-webkit-background-size: cover;
			-moz-background-size: cover;
			background-size: cover;
			-o-background-size: cover;
		}

		#callout2 p{
			font-size: 18px;
			margin-top: 18px;
			color: #006;
			text-align: left;
		}

		#callout3 {
			display: table;
			width: 100%;
			height: 400px;
			padding-top: 70px;
			text-align: center;
			background: url(../img/callout3.jpg) repeat center center scroll;
			background-size: cover;
			-webkit-background-size: cover;
			-moz-background-size: cover;
			-o-background-size: cover;
		}

		#callout3 p{
			margin-top: 18px;
			color: #006;
			text-align: left;
		}

		.link-blanco a{
			color: white; text-decoration: none;
		}

		.link-blanco a:hover{
			color: white; text-decoration: underline;
		}


		.call-to-action .bg-primary a, a: visited{
			text-align: center;
		}

		#services .btn-light {
		border-radius: 5px;
		color: white;
		background-color: rgba(255,153,51,0.9);
		transition: all 0.5s ease;
			-webkit-transition: all 0.5s ease;
			-moz-transition: all 0.5s ease;
			-o-transition: all 0.5s ease;
		}

		.navbar-default .navbar-toggle {
			background: rgba(255,153,51,0.9);
			border-color: rgba(255,153,51,0.9);
		}

		.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
			background: rgba(255,153,51,0.9);
			border-color: rgba(255,153,51,0.9);
		}

			
		/* Custom Button Styles */

		.btn-dark {
			font-weight: bold;
		    border-radius: 5px;
		    color: #fff;
		    background-color: rgba(255,153,51,0.9);
		    transition: all 0.5s ease;
			-webkit-transition: all 0.5s ease;
			-moz-transition: all 0.5s ease;
			-o-transition: all 0.5s ease;
		}

		.btn-dark:hover,
		.btn-dark:focus,
		.btn-dark:active {
		    color: #FF0;
		}

		.btn-light {
		    border-radius: 0;
		    color: #333;
		    background-color: rgb(255,255,255);
		}

		.btn-light:hover,
		.btn-light:focus,
		.btn-light:active {
		    color: #333;
		    background-color: rgba(255,255,255,0.8);
		}

		/* Custom Horizontal Rule */

		hr .small {
		    max-width: 100px;
		}

		.volver{
			text-align: center;
			margin-bottom: 30px;
		}

		/* About */

		.about {
		    padding: 50px 0;
		}

		/* Services */

		.services {
		    padding: 50px 0;
		}

		H4 {
			font-size: 20PX;
		}

		.service-item {
		    margin-bottom: 30px;
		}

		.service-item p {
			margin-top: 20px;
			font-size: 18px;
		}

		/* Callout */

		.callout {
		    display: table;
		    width: 100%;
		    height: 400px;
		    color: #fff;
		    background: url(../img/callout.jpg) no-repeat center center scroll;
		    -webkit-background-size: cover;
		    -moz-background-size: cover;
		    background-size: cover;
		    -o-background-size: cover;
		}

		.callout1 p {
			font-size: 18px;
		}

		/* Portfolio */

		.portfolio {
		    padding: 50px 0;
		}

		.portfolio-item {
		    margin-bottom: 30px;
		}

		.img-portfolio {
		    margin: 0 auto;
		}

		.img-portfolio:hover {
		    opacity: 0.8;
		}

		/* Call to Action */

		.call-to-action .btn {
		 /*   margin: 10px;*/
		}

		/* Map */

		.map {
		    height: 500px;
		}
		

				@media(min-width: 480px) and (max-width:768px) {

					body{
						font-size: 16px;
					}

				    .map {
				        height: 75%;
				        padding-top: 0;
				    }

					.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
						max-height: 380px;
					}

					.text-vertical-center h1 {
						padding-top: 150px;
						font-size: 2.7em;
						font-weight: 600;
						color: white;
						margin-bottom: 0.8em;
					}

					#top p {
						font-size: 1.7em;
						color: white;
						font-weight: bold;
						margin: 0 10px 20px 10px;
					}

					h3{
						color: white;
						font-size: 1.6em;
						font-weight: bold;
						margin-top: 0px;
					} 

					.rojo{
						width: 80%;
						margin left: auto;
						margin-right: auto;
						background: red;
					}

				    .sobre-mi {
						padding: 50px 0;
						height: 100%;
						width: 100%;
						margin-bottom: 450px;
					}
					/*
				    #sobre-mi p .laboral{
				    	font-size: 16px;
				    }
					*/

				    #sobre-mi p a:link, a:visited{
				    	color: #428bca; 
				    	text-decoration: none;
				    }

				    #contacto {
				    	height: 100%;
				    }

				    .morado {
				    	width: 80%;
				    }
					
					/*estilos personales*/

					.container>.navbar-header, .container-fluid>.navbar-header, .container>.navbar-collapse, .container-fluid>.navbar-collapse {
						margin-right: -15px;
						margin-left: -15px;
						padding: 1.25em;
					}

					/*blog social icons*/

					#socialIcons{
						text-align: center;
					}

					#blog-social-icons{
						list-style: none; 
						display: inline-flex; 
						padding-left: 5px;
					}

					#blog-social-icons li{
						display: inline;
					}

					/*fin social icons*/

					.navbar-default {
						display: none;
					}

					.text-vertical-center h1 {
						color: greenyellow;
						margin-bottom: 0.8em;
					}

					.header h1 {
						margin-top: 0px;
					}
					
					.navbar-default .navbar-nav .open .dropdown-menu>li>a {color: white;}
					
					.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {color: #FFB120;}
					
					.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus {color: white;}	

					#contacto{
					height:80%;
					border:0;
					/*scrolling:"no";*/
					float: left;
					margin-top: 1em;
					margin-bottom: 140px;
					text-align: center;
					}

					.volver {
					text-align: center;
					margin-bottom: 30px;
					}

				/* Footer */

					footer {
					    margin-top: 30px;
						margin-bottom: 0px;
						height: 100%;
					}

					footer hr{
						display: none;
					}

					#vermapa{
						display: inline-block;
					}

					#contact{
						padding-left: 0;
						padding-top: 80px;
					}

					#contacto{
						margin-bottom: 0;
					}

					#contacto p {
						font-size: 20px;
					}

					.sobre-mi p {
						font-size: 20px;
					}

				}

							@media (min-width: 0px) and (max-width:480px) {

							    .map {
							        height: 75%;
							    }

							    #contact{
							    	/*padding-top: 100px;*/
							    	padding-left: 0;
							    	/*margin-top: 50px;*/
								}

								#contacto p{
									font-size: 20px;
								}

							    .volver{
							    	display: none;
							    }

							    .navbar-default{
							    	padding-bottom: 5px;
							    	display: none;
							    }

							    .navbar-header {
								    margin-top: 0;
								}

								.morado {
									width: 80%;
								}

								.header h1 {
									margin-top: 50px;
								}

								.frase {
									margin-right: 10px;
									margin-left: 10px;
								}

								.sobre-mi{
									margin-bottom: 800px;
								}

								#sobre-mi p {
									font-size: 18px;
								}

								#callout1 p {
									font-size: 18px;
								}

								#callout2 p {
									font-size: 18px;
								}

								.service-item p {
									font-size: 18px;
								}

							}