F/* Sticky footer styles
-------------------------------------------------- */
html {
	position: relative;
	min-height: 100%;
}
body {
	/* Margin bottom by footer height */
  margin-bottom: 60px;
	font-family: 'Open Sans', Arial, sans-serif;
	font-size: 14px;
	line-height: 1.6em;
	color: #5a5a5a;
}

::selection {
 background: #F60;
 color: #fff;
}
.bottom-line {
	background:#454545;
	float: left;
	width: 100%;
	padding: 32px 0px;
}
.palabras {
	padding:25px;
	height:80px;
	width: 100%;
}
.palabras_single {
	font-family: 'Pacifico', cursive;
	font-size:2.1em;
	margin:0 15px;
	float: left;
	line-height:1.6em;
	text-shadow: 0px 1px 1px #4d4d4d;
	color: #333;
}
footer {
	padding: 20px 0px 0px 0px;
	width: 100%;
	height:70px;
	float: left;
	background-color:#333;
	text-align: center;
}
.img_border {
	border:4px solid #fff;
	box-shadow: 1px 1px 3px #d5d5d5;
	-moz-box-shadow: 1px 1px 3px #d5d5d5;
	-webkit-box-shadow: 1px 1px 3px #d5d5d5;
}
.pie {
	/* Set the fixed height of the footer here */
  width: 100%;
	float: left;
}
ul#list {
	padding-left: 16px;
	list-style:none;
}
#list .glyphicon {
	color:#369;
	margin-right:5px;
}
.clientes {
	background:#f4f4f4;
	float: left;
	width: 100%;
	padding: 32px 0px;
	border:4px solid #fff;
	box-shadow: 1px 1px 3px #d5d5d5;
	-moz-box-shadow: 1px 1px 3px #d5d5d5;
	-webkit-box-shadow: 1px 1px 3px #d5d5d5;
	line-height:35px;
}
.box_servicios {
	background:#f4f4f4;
	float: left;
	width: 100%;
	padding: 32px 0px;
	border:4px solid #fff;
	box-shadow: 1px 1px 3px #d5d5d5;
	-moz-box-shadow: 1px 1px 3px #d5d5d5;
	-webkit-box-shadow: 1px 1px 3px #d5d5d5;
	line-height:35px;
}
.box_contacto {
	padding: 30px 30px 10px;
	margin-bottom: 20px;
	border:1px solid #e5eaea;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08) !important;
	-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08) !important;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08) !important;
	line-height:35px;
}
.form-group.required .control-label:before {
	color: red;
	content: "*";
	position: absolute;
	margin-left: -15px;
}
input {
	margin-bottom:5px;
}
.btn-primary {
	margin-top: 5px;
	margin-bottom: 20px;
}
textarea {
	margin-bottom:5px;
}
/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel {
	height: 500px;
	margin-bottom: 30px;
	margin-top:200px;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
	z-index: 10;
	text-align:left;
	padding-left:100px;
	color:#FFF;
}
.carousel-caption h1 {
	display: inline-block;
	background: rgba(0, 0, 0, 0.6);
	margin: 0px 0px 15px 0px;
	padding: 8px 15px;
	font-size: 32px;
	font-weight: 600;
	color: #fff;
}
.carousel-caption> p.bajada {
	display:inline-block;
	background: rgba(0, 0, 0, 0.6);
	margin: 0px 0px 15px 0px;
	padding: 8px 15px;
	font-size: 26px;
	font-weight: normal;
	color: #fff;
}
/* Declare heights because of positioning of img element */
.carousel .item {
	height: 500px;
	background-color: #777;
}
.carousel-inner > .item > img {
	position: absolute;
	top: 0;
	left: 0;
	min-width: 100%;
	height: 100%;
}
/* MARKETING CONTENT
-------------------------------------------------- */

/* Center align the text within the three columns below the carousel */
.marketing .col-lg-4 {
	margin-bottom: 20px;
	text-align:justify;
}
.marketing h2 {
	font-weight: bold;
	font-size:18px;
	color:#F60;
}
.marketing .col-lg-4 p {
	margin-right: 10px;
	margin-left: 10px;
}
/* interna CONTENT
-------------------------------------------------- */

#interna {
	margin-top:230px;
	margin-bottom:30px;
}
#interna .col-md-4 {
	margin-bottom: 20px;
}

.lineas_head {
	background-image:url(../images/bg-encabezado-gris.png);
	position: relative;
	display: inline-block;
	width: 100%;
	height: .75em;
	margin-bottom:30px;
}
#interna h1 {
	margin-bottom: 35px;
	font-size:32px;
	font-family: 'Open Sans', Arial, sans-serif;
	color:#F60;
	text-align:center;
}
#interna h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	margin-bottom: 25px;
	font-weight: bold;
	font-size:22px;
	color:#369;
	text-align:left;
}

#interna h3 {
	margin-bottom: 35px;
	font-size:18px;
	font-family: 'Open Sans', Arial, sans-serif;
	color:#999;
	text-align:left;
}
#interna h4 {
	font-size: 30px;
	line-height: 1.3em;
	font-weight: 300;
	text-align:center;
	margin:0 0 40px 0;
}
#interna h5 {
	color:#21252b;
	font-size: 20px;
	line-height: 1.5em;
	font-weight:500;
	margin-bottom:10px;
}
#interna h6 {
	color:#666;
	font-size: 14px;
	line-height: 1.5em;
	font-weight:500;
	margin-bottom:10px;
}
.detalle {
	color:#999;
	font-size: 12px;
	line-height: 1.5em;
	margin-bottom: 10px;
	margin-left: 16px;
	border-bottom: 1px dashed #d6dfdf;
	padding-top: 9px;
	padding-bottom: 9px;
}
.contacto {
	color:#21252b;
	font-size: 16px;
	line-height: 1.5em;
	font-weight:500;
	margin-bottom:10px;
}
#interna .col-md-8 p {
	margin-right: 10px;
	margin-left: 10px;
	text-align:justify;
}
.iconos_servicios {
	background:#7ca3e1;
	color:#fff;
	width: 140px;
	height: 140px;
	-moz-border-radius: 70px;
	-webkit-border-radius: 70px;
	border-radius: 70px;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .07);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .07);
	box-shadow: 0 1px 3px rgba(0, 0, 0, .07);
	margin:0 32%;
}
.box {
	text-align:center;
	width: 360px;
	align-content: center;
}
.servicios {
color: #069;
    font-weight: bold;
    width: 200px;
    font-size: 2em;
    line-height: 36px;
    text-align: center;
    background-color: aliceblue;
}
/* Custom page CSS
-------------------------------------------------- */

.footer > .container {
	padding-right: 15px;
	padding-left: 15px;
}
code {
	font-size: 80%;
}
.preheader {
	font-family: 'Open Sans', Arial, sans-serif;
	top: 0;
	width: 100%;
	height: 40px;
	background-color:#333;
	display:block;
	clear:both;
	color:#fff;
	font-size:14px;
}
.preheader a {
	font-family: 'Open Sans', Arial, sans-serif;
	color:#fff;
	text-decoration:none;
}
.preheader a:link {
	color:#fff;
	text-decoration:none;
}
.preheader a:hover {
	color:#F60;
	text-decoration:none;
}
.preheader > .container {
	padding-right: 15px;
	padding-left: 15px;
	margin-top: 9px;
 	 margin-bottom: 9px;
}
.datos {
	font-family: 'Open Sans', Arial, sans-serif;
	width:100%;
	margin-left:60%;
	text-align:center;
	padding-top:8px;
}

.tel{
	font-family: 'Open Sans', Arial, sans-serif;
	display: inline-block;
  margin: 0 10px;
  float: left;
  vertical-align: top;
  max-height: 100%;
  position: relative;
  line-height: 28px;
   }
   
.mail{
   position: relative;
  line-height: 28px;
  display: inline-block;
  margin: 0 10px;
  float: left;
  vertical-align: top;
  max-height: 100%;}

h1, h2, h3, h4, b {
	font-family: 'Raleway', sans-serif;
	text-align: center;
}
.img-clientes {
	margin-bottom: 20px;
	float:left;
	display:inline-block;
}
.img-border {
	display: block;
	position: relative;
	box-sizing: border-box;
	border: 4px solid transparent;
	overflow: hidden;
}

/*Portfolio*/

#portfolio .portfolio-item {
    right: 0;
    margin: 0 0 15px;
}

#portfolio .portfolio-item .portfolio-link {
    display: block;
    position: relative;
    margin: 0 auto;
    max-width: 400px;
}

#portfolio .portfolio-item .portfolio-link .portfolio-hover {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    border-color: rgba(238,87,38,.9);
	border-style:solid;
	border-width:10px;
    -webkit-transition: all ease .5s;
    -moz-transition: all ease .5s;
    transition: all ease .5s;
}

#portfolio .portfolio-item .portfolio-link .portfolio-hover:hover {
    opacity: 1;
}

#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content {
    position: absolute;
    top: 50%;
    width: 100%;
    height: 20px;
    margin-top: -12px;
    text-align: center;
    font-size: 20px;
    color: #fff;
}

#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content i {
    margin-top: -12px;
}

#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content h3,
#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content h4 {
    margin: 0;
}

#portfolio .portfolio-item .portfolio-caption {
    margin: 0 auto;
    padding: 25px;
    max-width: 400px;
    text-align: center;
    background-color: #fff;
}

#portfolio .portfolio-item .portfolio-caption h4 {
    margin: 0;
    text-transform: none;
}

#portfolio .portfolio-item .portfolio-caption p {
    margin: 0;
    font-family: "Droid Serif","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 16px;
    font-style: italic;
}


/* estilos cadenas.php ------------------------------------------- */
.page-section{
	padding: 8rem 0;
}

.bg-dark {
    background-color: #343a40!important;
}

.text-white {
    color: #fff!important;
}


.mb-4, .my-4 {
    margin-bottom: 1.5rem!important;
}

.btn-xl {
    padding: 1.25rem 2.25rem;
    font-size: .85rem;
    font-weight: 700;
    text-transform: uppercase;
    border: none;
    border-radius: 10rem;
}

.btn {
    font-family: "Merriweather Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
}

.btn-light {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa;
}


.justify-content-center {
    justify-content: center!important;
}

.text-center {
    text-align: center!important;
}

.mt-0, .my-0 {
    margin-top: 0!important;
}

hr.divider {
    max-width: 3.25rem;
    border-width: .2rem;
    border-color: #f4623a;
}
.mb-4, .my-4 {
    margin-bottom: 1.5rem!important;
	   
}

.text-muted {
    color: #6c757d!important;
}

.row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

.text-center {
    text-align: center!important;
}
@media (min-width: 992px)
.mb-lg-0, .my-lg-0 {
    margin-bottom: 0!important;
}
.ml-auto, .mx-auto {
    margin-left: 15%;
}

@media (min-width: 992px)
.col-lg-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
}
.mb-3, .my-3 {
    margin-bottom: 1rem!important;
}

.fa, .fas {
    font-weight: 900;
}
.fa, .far, .fas {
    font-family: "Font Awesome 5 Free";
}
.fa-3x {
    font-size: 3em;
}
.fa, .fab, .fad, .fal, .far, .fas {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
}

.d-block {
    display: block!important;
}


/* Fin estilos cadenas.php ------------------------------------------- */

@media(min-width:767px) {
    #portfolio .portfolio-item {
        margin: 0 0 30px;
    }
}



/* RESPONSIVE CSS
-------------------------------------------------- */

/* Dispositivos pequeños (tablets, anchura mayor o igual a 768px) */
@media (min-width:768px @screen-sm-min) {
  
  /* Bump up size of carousel content */
  .carousel-caption p {
 margin-bottom: 20px;
 font-size: 21px;
 line-height: 1.4;
}
 .featurette-heading {
 font-size: 50px;
}
 .preheader {
 top: 0;
 width: 100%;
 height: 40px;
 background-color:#333;
 display:block;
 clear:both;
 color:#3F0;
 font-size:14px;
}
 .preheader .container {
 padding-right: 15px;
 padding-left: 15px;
}
 .cel {
 width:130px;
 float:left;
 margin-left:500px;
}
 .mail {
 float:left;
}
 .palabras {
 font-family: 'Pacifico', cursive;
 font-size:2em;
 color:#666;
 background-color:#454545;
 padding:25px;
 height:80px;
 margin:0 auto;
}
 .palabras >.container {
 margin:0 auto;
}
.palabras_single {
 margin:0 10px;
}
}

/* Dispositivos medianos (ordenadores, anchura mayor o igual a 992px) */
@media (min-width:992px @screen-md-min) {
 .featurette-heading {
 margin-top: 120px;
}
 .preheader {
 top: 0;
 width: 100%;
 height: 40px;
 background-color:#333;
 display:block;
 clear:both;
 color:#FFF;
 font-size:14px;
}
 .preheader > .container {
 padding-right: 15px;
 padding-left: 15px;
}
 .cel {
 width:130px;
 float:left;
 margin-left:1160px;
}
 .mail {
 float:left;
}
}

/* Dispositivos grandes (ordenadores, anchura mayor o igual a 1200px) */
@media (min-width:1200px @screen-lg-min) {
 .preheader {
 top: 0;
 width: 100%;
 height: 60px;
 background-color:#333;
 display:block;
 clear:both;
 color:#F00;
 font-size:13px;
}
 .preheader > .container {
 padding-right: 15px;
 padding-left: 15px;
}
 .cel {
 width:130px;
 display:block;
}
 .mail {
display:block;
}
}