@import url("https://fonts.googleapis.com/css?family=Raleway:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i");
/* ==========================================================================
Cuaed_ DIE
========================================================================== */

body {
	padding: 0 auto;
	margin: 0 auto;
	font-family: 'Raleway', sans-serif;
	background: hsla(0,0%,95%,1.00);
	font-size: 15px;
	font-weight: 300;
	color: #555;
	overflow-wrap: break-word;
	overflow-x: hidden;
}

@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?rzr4b1');
  src:  url('fonts/icomoon.eot?rzr4b1#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?rzr4b1') format('truetype'),
    url('fonts/icomoon.woff?rzr4b1') format('woff'),
    url('fonts/icomoon.svg?rzr4b1#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 11px;
    font-weight: bold;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-flecha3:before {
  content: "\e900";
}





.icom {
	font-size: 54px;
	vertical-align: middle
}
a {
	word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
	overflow: hidden;
	color: hsla(131,80%,35%,1.00);
	font-weight: 600;
}
a:hover {
	word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
	overflow: hidden;
	color: #8D1B1B;
	font-weight: 600;
	text-decoration: none;
}
h1 {
	font-family: 'Raleway', sans-serif;
	color: #8D1B1B;
	text-align: left;
	font-size: 25px;
	font-weight: 800;
	margin-top: 20px;
	margin-bottom: 20px;
}



p {
	font-family: 'Raleway', sans-serif;
	color: #555;
	text-align: left;
	font-size: 15px;
	font-weight: 300;
	line-height: 1.5;
}
p>ol, ul, li {
	font-family: 'Raleway', sans-serif;
	color: #555;
	text-align: left;
	font-size: 15px;
	font-weight: 300;
	line-height: 1.5;
}
strong {
	font-family: 'Raleway', sans-serif;

	text-align: left;
	font-size: 15px;
	font-weight: 800;
}



video {
    width: 70%;
    margin: 0 15% 20px 15%;
    border: 1px solid gray;
      height: 300px;
    margin-bottom: 20px;
    text-align: center;
}



.content-tabla {
	width: 80%;
	margin: 0 auto;
}

.referencia {

	font-family: "Times New Roman", Georgia, Serif;
}
.content {
	width: 1600px;
	height: auto;
	margin: auto;
}
.menu {
	background: #F9F9F9;
	border-bottom: #FCFCFC;
	-webkit-box-shadow: 0px 10px 5px -6px rgba(0,0,0,0.09);
	-moz-box-shadow: 0px 10px 5px -6px rgba(0,0,0,0.09);
	box-shadow: 0px 10px 5px -6px rgba(0,0,0,0.09);
}
.navbar-brand {
	border-right: 1px solid #CCCCCC;
	top: 12px;
	height: 100%;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.open>a {
	border-bottom: #8C1B19 1px solid;
	background: #FCFCFC;
	box-shadow: none;
}
.navbar-right {
	margin: 20px;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
	border-color: #e7e7e7;
	background: #FCFCFC;
	z-index: 999999;
}
#tf-home {
	background: url(../img/contenido/1.jpg);
	background-size: cover;
	background-position: center;
	background-attachment: fixed;
	background-repeat: no-repeat;
	color: #cfcfcf;
	overflow: hidden;
	margin: 5px 0 0 0;
	text-align:center;
}
#tf-home .overlay {
	background: -moz-linear-gradient(top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.73) 17%, rgba(0,0,0,0.66) 35%, rgba(0,0,0,0.55) 62%, rgba(0,0,0,0.4) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0,0,0,0.8)), color-stop(17%, rgba(0,0,0,0.73)), color-stop(35%, rgba(0,0,0,0.66)), color-stop(62%, rgba(0,0,0,0.55)), color-stop(100%, rgba(0,0,0,0.4))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.73) 17%, rgba(0,0,0,0.66) 35%, rgba(0,0,0,0.55) 62%, rgba(0,0,0,0.4) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.73) 17%, rgba(0,0,0,0.66) 35%, rgba(0,0,0,0.55) 62%, rgba(0,0,0,0.4) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.73) 17%, rgba(0,0,0,0.66) 35%, rgba(0,0,0,0.55) 62%, rgba(0,0,0,0.4) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.73) 17%, rgba(0,0,0,0.66) 35%, rgba(0,0,0,0.55) 62%, rgba(0,0,0,0.4) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc000000', endColorstr='#66000000', GradientType=0 ); /* IE6-9 */
	height: 350px;
	background-attachment: fixed;
}
.leadM{
	text-align:center;
	padding:20px 130px;
	width:100%;
	
}

.lead{
	color: #fff;
	font-size:30px;
	font-weight:700;
	text-transform:uppercase;
}

.lead2{
	color:#53AFC0;
	font-size:25px;
	font-weight:300;
}

.lead3{
	color: #FBB03B;
	font-size:19px;
	font-weight:300;
}

.conte {
	position: relative;
	padding: 8% 0 0 0;
}
/******/
#tf-p2 {
    padding: 30px 85px 85px 85px;
	background: hsla(0,0%,95%,1.00);
}
.row.vdivide [class*='col-']:not(:last-child):after {
	background: hsla(0,0%,100%,1.00);
	width: 2px;
	content: "";
	display: block;
	position: absolute;
	top: 10px;
	bottom: 10px;
	right: 0;
	min-height: 70px;
	margin: 10px;
}
.row.vdivide2 [class*='col-']:not(:last-child):after {
	background: hsla(0,0%,69%,0.3);
	width: 2px;
	content: "";
	display: block;
	position: absolute;
	top: 10px;
	bottom: 10px;
	right: 0;
	min-height: 70px;
	margin: 10px;
}
hr {
	display: none;
}
#tf-m3 {
	background: #FFFFFF;
	padding: 105px auto;
}
.color {
	color: #f9f9f9;
}
.color1 {
	background: hsla(37,95%,50%,1.00);
	padding: 80px;



}
.color2 {
	background: hsla(177,99%,33%,2.00);
	padding: 80px;
 

}
.color3 {
	background: hsla(16,88%,55%,1.00);
	padding: 80px;
  

}
.p {
	padding: 10px 50px;
}
#tf-p4 {
	background: #ffffff;
	padding: 85px 0;
}
#tf-p5 {
	background: #ffffff;
    padding: 29px 0;
}
.panel-title h3 {
	width: 100%;
	padding: 10px;
	text-align: center;
	float: left;
	font-family: 'Raleway', sans-serif;
	color: #8D1B1B;
	font-size: 25px;
	font-weight: 800;
    margin-top: 20px;
	margin-bottom: 20px;
}
.globo {
	color: #FFFFFF;
	border: #0A709A 1px solid;
	text-align: center;
	background: #1097CC;
	padding: 22px;
	border-radius: 5px;
	    margin: 20px 0;
}

.globo strong{
	color: #FFFFFF;

}


.globo ul li{
	color: #FFFFFF;

}

.globo ul li p{
text-align:left !important;

}
.salto {
	padding: 20px;
}


table.columnas  {

width: 100%;
	margin: 10px 0;

}

table.columnas td {

	padding: 5px 0;


}

/**GALERIA**/




#demo, #demo2, #demo3 {

    border: 2px solid hsla(16,88%,55%,1.00);

}

.number {
font-family: 'Numans', sans-serif;
    position: absolute;
    top: -70px;
    background: #FFF;
    left: 50%;
    margin-left: -35px;
    color: #FFF;
    text-align: center;
    height: 70px;
    width: 69px;
     border: 4px dashed #FFF;
    padding-top: 2px;
    font-size: 42px;
    border-radius: 34px;
    background: #1097CC;

}

.container-gallery{
	width: 90%;
	margin: 0 auto;
	position: relative;

}

.owl-theme .owl-controls .owl-buttons div {
    display: inline-block;
    zoom: 1;

    font-size: 12px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    background: transparent;
    font-size: 75px;
    color: hsla(16,88%,55%,1.00);
    font-family: 'Acme', sans-serif;
}

.item  {
    width: 100%;
}


.owl-prev, .owl-next {
    position: absolute;
        top: 0;

}


.owl-prev {
    left: 2%;
}

.owl-next {
    right: 2%;
}


.descripcion-galeria {


    color: red;
    width: 100%;
padding: 46px 0 0 0;
}

.descripcion-galeria p{

    padding: 0;

}


.item .descripcion-galeria p:first-child{
    font-size: 20px;
    text-align: center;
    color: #1097CC;
    width: 74%;
    margin: 0 auto;
    font-weight: 600;
}


.descripcion-galeria ul{

list-style: none;

}




.titulo-galeria {
    font-size: 20px;
    font-weight: 500;
}

.item table {
	    width: 80%;
    text-align: center;
    margin: 0 auto;
    color:#555;
        border: 1px solid #1097CC;
}

/*FINAL GALERIA**/



.btn1 {
	background: #B41A83;
	color: #FFFFFF;
	width: 100%;
	text-shadow: none;
}
.btn1:hover {
	background: #B41A83;
	opacity: 0.8;
	color: #FFFFFF;
}
.btn2 {
	background: #3E830C;
	color: #FFFFFF;
	width: 100%;
	text-shadow: none;
}
.btn2:hover {
	background: #3E830C;
	opacity: 0.8;
	color: #FFFFFF;
}
.btn3 {
	background: #134581;
	color: #FFFFFF;
	width: 100%;
	text-shadow: none;
}
.btn3:hover {
	background: #134581;
	opacity: 0.8;
	color: #FFFFFF;
}
.btn4 {
	background: #682090;
	color: #FFFFFF;
	width: 100%;
	text-shadow: none;
}
.btn4:hover {
	background: #682090;
	opacity: 0.8;
	color: #FFFFFF;
}
.btn5 {
	background: #FBB23C;
	color: #FFFFFF;
	width: 100%;
	text-shadow: none;
}
.btn5:hover {
	background: #FBB23C;
	opacity: 0.8;
	color: #FFFFFF;
}
.btn6 {
	background: #01C1C3;
	color: #FFFFFF;
	width: 100%;
	text-shadow: none;
}
.btn6:hover {
	background: #01C1C3;
	opacity: 0.8;
	color: #FFFFFF;
}

.btn7 {
    background: #f47337;
color: #FFFFFF;
width: 100%;
text-shadow: none;
}
.btn7:hover {
    background: #f47337;
opacity: 0.8;
color: #FFFFFF;
}
/*******************************
rc 06
*******************************/
.panel-group .panel {
	border-radius: 0;
	box-shadow: none;
	border-color: #EEEEEE;
}
.panel-default > .panel-heading {
	padding: 0;
	border-radius: 0;
	color: #212121;
	background-color: #FAFAFA;
	border-color: #EEEEEE;
}
.panel-title {
	font-size: 14px;
}
.panel-title > a {
	display: block;
	padding: 15px;
	text-decoration: none;
	    text-shadow: none;
}
.more-less {
	float: right;
	color: #212121;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
	border-top-color: #EEEEEE;
}
footer {
	width: 100%;
	background: #4D4D4D;
	margin: 10px 0 0 0;
	float: left;
}
.textFooter {
	padding: 10px;
	color: #FFFFFF;
	text-decoration: none;
}
.mn {
	padding-left: 21px;
}
.txt {
	color: #FFFFFF;
	font-size: 18px;
	font-weight: 500;
}
h2 a {
	color: #FFFFFF;
	font-size: 15px;
	font-weight: 600;
}
h2 a:hover {
	color: #C5C5C5;
	font-size: 15px;
	font-weight: 600;
	text-decoration: none;
}

.lith{ border:1px solid hsla(0,0%,48%,1.00);
border-radius:10px;
max-height:3500px;
padding:30px;
}
/* scroll to top */
.scrollup {
	position: fixed;
	width: 52px;
	height: 52px;
	bottom: 20px;
	right: 40px;
	/*background:hsla(198,76%,52%,1.00);*/
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	border-radius: 40px;
}
a.scrollup {
	outline: 0;
	text-align: center;
}
a.scrollup:hover, a.scrollup:active, a.scrollup:focus {
	opacity: 0.5;
	text-decoration: none;
}
a.scrollup i {
	/*margin-top: 5px;*/
	color:hsla(0,0%,59%,1.00);
	font-size: 36px;
}
a.scrollup i:hover {
	text-decoration: none;
}



@media (max-width: 1500px) {
.content {
	width: 95%;
	height: auto;
	margin: auto;
}
.conte {
	position: relative;
	padding: 12% 0 0 0;
}
}

@media (max-width: 990px) {
.row.vdivide2 [class*='col-']:not(:last-child):after {
	display: none;
}

.row.vdivide [class*='col-']:not(:last-child):after {
	display: none;
}

hr {
	border:hsla(0,0%,100%,1.00) 1px solid;
	width: 50%;
	margin: 10px auto;
	display: block;
}
.navbar-right {
   margin: 10px -85px 0px 0;
    padding: 0 px;
    font-size: 15px;
}
}

@media (max-width: 768px) {


	video.videos {
    border: 1px solid gray;
    width: 100%;
    margin: 0;
    margin-bottom: 20px;
}


}
	.leadM{
	text-align:center;
	padding:20px 100px;
	width:100%;
}
.conte {
	position: relative;
	/*padding: 17% 0 0 0;*/
}
}
@media (max-width:600px) {
	#tf-p2 {
	padding:0;
}

#tf-p4 {
	padding:10%;
}

#tf-p5 {
	padding:10%;
}

.color {
	color: #f9f9f9;
	text-align:center !important;
}

.color1 {
	background: hsla(37,95%,50%,1.00);
	padding: 55px;


}
.color2 {
	background: hsla(177,99%,33%,2.00);
	padding: 55px;


}
.color3 {
	background: hsla(16,88%,55%,1.00);
	padding: 55px;


}

}
@media (max-width:580px) {
	.leadM{
	text-align:center;
	padding:20px 80px;
	width:100%;
}
.conte {
	position: relative;
	padding: 22% 0 0 0;
}
}

@media (max-width:550px) {
	.leadM{
	text-align:center;
	padding:20px 10px;
	width:100%;
}
.conte {
	position: relative;
	padding: 25% 0 0 0;
}
}
@media (max-width: 450px) {
.navbar-brand {
	border-right: 1px solid #CCCCCC;
	top: 12px;
	width: 60%;
}
.menu {
	background: #F9F9F9;
	border-bottom: #FCFCFC;
}
.conte {
	position: relative;
	padding: 25% 0 0 0;
}

.color1 {
	background: hsla(37,95%,50%,1.00);
	padding: 35px;

}
.color2 {
	background: hsla(177,99%,33%,2.00);
	padding: 35px;

}
.color3 {
	background: hsla(16,88%,55%,1.00);
	padding: 35px;

}

}

@media (min-width: 992px) and (max-width: 1499px)  {
.color1, .color2, .color3 {

 height: 700px;
}

}


@media (min-width: 1500px) {
.color1, .color2, .color3 {

 height: 600px;
}

}


@media (min-width: 800px) {
table.columnas {
width: 70%;
    margin: 31px auto;

}


}