@charset "utf-8";

hr {
  -moz-border-bottom-colors: none;
  -moz-border-image: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
 
  border-style: solid none;
  border-width: 2px 0;
  margin: 18px 0;

}
.altura {
	height: 34px;
}
.altura50 {
	height: 50px;
}
.altura30 {
    height: 30px;
}
.altura20 {
    height: 20px;
}
.altura10 {
    height: 10px;
}
.altura80 {
	height: 80px;
}
.altura100 {
	height: 100px;
}
.altura400 {
    height: 420px;
}
.altura40 {
	height: 40px;
}
.altura10 {
	height: 10px;
}
.altura20 {
	height: 20px;
}
.caja {
 width: 200px;
 margin: 0 auto;
}
.caja1 {
 width: 70%;
 margin: 0 auto;
}
.celda {
	padding: 15px;
	text-align: justify;
	border-radius: 10px;
	background-color: #EFFCE6;
	border: 1px solid #747373;
	-webkit-box-shadow: 4px 4px 10px #B7B6B6;
	box-shadow: 4px 4px 10px #B7B6B6;
}
.celdaderecha {
	padding-right: 40px;
	right: 10px;
	text-align: right;
}
.celdacentro {
	padding-right: 240px;
	right: 10px;
	text-align: center;
}
.celdaizquierda {
	margin-right: 15px;
	right: 10px;
	text-align: left;
	margin-left: 10px;
	padding-left: 6px;
}
.row .col-lg-offset-1.col-lg-10.col-lg-offset-1 .borderless.table-hover.fondotabla.celdaizquierda {
}
.row .col-lg-offset-1.col-lg-10.col-lg-offset-1 .borderless.table-hover.fondotabla.celdaizquierda {
}
tablaizquierda {
	margin-left: 100px;
	margin-right: 100px;
	padding-left: 100px;
}




.float {
	margin: 10px;
	float: left;
}
.gris {
	background-color: #CDCDCD;
	height: 40px;
}
.pie_ventana {
	border-radius: 7px;
	margin: 20px;
	background-color: #FFFFFF;
	height: 60px;
	text-align: center;
	padding-top: 20px;
}
.pie {
	background-color: #E1E1E1;
}
.negro {
	background-color: #000000;
}
.rraro {
	background-color: #201F2B;
}
.divcuerpo {
	padding: 20px;
	color: #E4E3E3;
}
.divcuerpo1 {
	padding: 20px;
	color: #161616;
	background-color: rgba(150,150,150,0.75);
}
.divcuerpotabla {
	background-color: #C0C0C0;
	margin-left: 50px;
	color: #000000;
}
.margencelda {
	color: #000000;
	left: 8px;
}

.textnegro {
	color: #000000;
	background-color: #828181;
}
.tnegro {
	color: #000000;
}

.textblanco {
	color: #939090;
	background-color: #828181;
}
.table-borderless td,
.table-borderless th {
    border: 0;
}
.borderless table {
    border-top-style: none;
    border-left-style: none;
    border-right-style: none;
    border-bottom-style: none;
}.bordetabla {
	border: 1px solid #FFFFFF;
	color: #000000;
}
.bordetabla1 {
	border: 1px solid #FFFFFF;
}
.distbot {
	margin-top: 20px;
}
.colseparadora {
	width: 25px;
	background-color: #C0C0C0;
}
.container.divcuerpotabla.col-lg-6 {
}
.fondotabla {
	background-color: #FFFFFF;
}
body {
	background-image: url(images/home/bacground.jpg);
}
.ancho {
	width: 85px;
	padding-left: 5px;
	text-align: left;
	color: #FFFFFF;
	background-color: #000000;
}
.ancho2 {
	width: 62px;
	padding-left: 5px;
	text-align: left;
	color: #FFFFFF;
	background-color: #000000;
}
.ancho3 {
	width: 90px;
	padding-left: 5px;
	text-align: left;
	color: #FFFFFF;
	background-color: #000000;
}
.ancho4 {
	width: 140px;
	padding-left: 5px;
	text-align: left;
	color: #FFFFFF;
	background-color: #000000;
}
.ancho1 {
	width: 65px;
	padding-left: 5px;
	padding-right: 35px;
	text-align: right;
	color: #FFFFFF;
	background-color: #000000;
}
.celda1 {
	margin-left: 0px;
	margin-right: 2px;
	padding-left: 0px;
	padding-right: 20px;
	margin-top: 0px;
	text-align: right;
}
.fondonav {
	background-color: #000000;
}
.margenimagen {
	margin-left: 30px;
	margin-top: 19px;
}
.margennav {
	padding-right: 22px;
	padding-left: 0px;
	padding-top: 7px;
}

.sepnar {
	background-image: -webkit-linear-gradient(270deg,rgba(255,110,62,1.00) 0%,rgba(252,64,0,1.00) 51.30%,rgba(247,109,62,1.00) 98.96%);
	background-image: -moz-linear-gradient(270deg,rgba(255,110,62,1.00) 0%,rgba(252,64,0,1.00) 51.30%,rgba(247,109,62,1.00) 98.96%);
	background-image: -o-linear-gradient(270deg,rgba(255,110,62,1.00) 0%,rgba(252,64,0,1.00) 51.30%,rgba(247,109,62,1.00) 98.96%);
	background-image: linear-gradient(180deg,rgba(255,110,62,1.00) 0%,rgba(252,64,0,1.00) 51.30%,rgba(247,109,62,1.00) 98.96%);

}


p1 {
	animation-duration: 3s;
	animation-name: slidein1;
	animation-iteration-count: infinite;
	animation-direction: alternate;
	  font-size: 50px;
}

@keyframes slidein1 {
  from {
    margin-left: 80%;
	  color: rgba(253,3,7,1.00);
	    font-size: 20px;
    width: 300%
  }
75% {
  font-size: 50%;
  margin-left: 25%;
	color: #00FB0E;
  width: 150%;
}
  to {
    margin-left: 0%;
		color: #000000;
	
    width: 100%;
  }
}


p2 {
	animation-duration: 3s;
	animation-name: slidein2;
	animation-iteration-count: infinite;
	
	  font-size: 50px;
}

@keyframes slidein2 {
  from {
    margin-left: 80%;
	  color: rgba(253,3,7,1.00);
	    font-size: 20px;
    width: 300%
  }
75% {
  font-size: 50%;
  margin-left: 25%;
	color: #00FB0E;
  width: 150%;
}
  to {
    margin-left: 0%;
		color: #000000;
	
    width: 100%;
  }
}


p3 {
	animation-duration: 3s;
	animation-name: slidein3;
	animation-iteration-count: infinite;
	  font-size: 50px;
}

@keyframes slidein3 {
  from {
    margin-left: 100%;
	  color: rgba(253,3,7,1.00);
	    font-size: 20px;
    width: 300%
  }
75% {
  font-size: 50%;
  margin-left: 25%;
	color: #00FB0E;
  width: 150%;
}
  to {
    margin-left: 0%;
		color: #000000;
	
    width: 100%;
  }
}


p4 {
	animation-duration: 3s;
	animation-name: slidein4;
	  font-size: 50px;
}

@keyframes slidein4 {
  from {
    margin-left: 100%;
	  color: rgba(253,3,7,1.00);
	    font-size: 14px;
    width: 300%
  }
75% {
  font-size: 30%;
  margin-left: 25%;
	color: #00FB0E;
  width: 150%;
}
  to {
    margin-left: 0%;
		color: #000000;
	
    width: 100%;
  }
}

p5 {
	animation-duration: 3s;
	animation-name: slidein5;
	  font-size: 50px;
}

@keyframes slidein5 {
  from {
    margin-left: 100%;
	  color: rgba(253,3,7,1.00);
	    font-size: 14px;
    width: 300%
  }
75% {
  font-size: 300%;
  margin-left: 25%;
	color: #000000;
  width: 150%;
}
  to {
    margin-left: 0%;
		color: #000000;
	
    width: 100%;
  }
}



p55 {
	animation-duration: 2s;
	animation-name: slidein55;
	  font-size: 50px;
}

@keyframes slidein55 {
  from {
    margin-left: 120%;
	  color: rgba(253,3,7,1.00);
	    font-size: 14px;
    width: 300%
  }

  to {
    margin-left: 20%;
		color: #000000;
	
    width: 10%;
  }
}


p6 {
	animation-duration: 3s;
	animation-name: slidein6;
	  font-size: 50px;
}

@keyframes slidein6 {
  from {
    margin-left: 100%;
	  color: rgba(253,3,7,1.00);
	    font-size: 14px;
    width: 300%
  }

  to {
    margin-left: 0%;
		color: #000000;
	
    width: 100%;
  }
}


p7 {
	animation-duration: 2s;
	animation-name: slidein7;
	  font-size: 50px;
	color: #ffffff
	
}

@keyframes slidein7 {
  from {
    margin-left: 60%;
    width: 300%;
	  font-size: 14px
  }

  to {
    margin-left: 0%;
	
    width: 100%;
  }
}

p77 {
	animation-duration: 3s;
	animation-name: slidein7;
	  font-size: 20px;
	color: #ffffff
	
}

@keyframes slidein7 {
  from {
    margin-left: 60%;
    width: 300%;
	  font-size: 14px
  }

  to {
    margin-left: 0%;
	
    width: 100%;
  }
}



p8 {
	animation-duration: 3s;
	animation-name: slidein8;	
}

@keyframes slidein8 {
  from {
    margin-left: 100%;
    width: 300%
  }

  to {
    margin-left: 0%;
    width: 100%;
  }
}



p777 {
	animation-duration: 3s;
	animation-name: slidein777
}

@keyframes slidein777 {
  from {
   -webkit-transform: scale(0.3);
-ms-transform: scale(0.3);
transform: scale(0.3)
}
  
  to {
  -webkit-transform: scale(1.3);
-ms-transform: scale(1.3);
transform: scale(1.3)
}
  
}

.caja_animada{
  -moz-animation-duration: 10s;
	animation-name: bote;
}

@-moz-keyframes bote {
  20%, 50%, 80% {
    -moz-transform: translateY(0);
  }

  40% {
    -moz-transform: translateY(-30px);
  }

  65% {
    -moz-transform: translateY(-15px);
  }
}

.caja_animada1{
  -moz-animation-duration: 4s;
	animation-name: bote1;
}

@-moz-keyframes bote1 {
  0% {
    -moz-transform: scale(0.1);
  }

  100% {
    -moz-transform: scale(1);
  }

}








.paddingp8 {
    margin-top: 45px;
    margin-right: 80px;
    margin-left: 20px;
    color: rgba(255,255,255,1.00);
}
.paddingp77 {
	margin-right: 60px;
	margin-left: 120px;
}

.brillo:hover {
	background-color: rgba(4,4,4,0.50);



	text-decoration-color:  : #000000
; 					color: #000000;
}
.textoclaro {
	margin-top: 40px;
	color: #DCDCDC;
	background-color: rgba(0,0,0,0.17);
	padding-top: 30px;
	padding-right: 30px;
	padding-bottom: 30px;
	padding-left: 30px;
	text-align: justify;
	border-top-left-radius: 10px;
	border-bottom-right-radius: 10px;
	font-variant: normal;
	margin-bottom: 40px;
}
.agrandar {
	width: 10%;
	height: 10%;
}

* {margin: 0;
padding: 0;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;}




.social {
	position: fixed; /* Hacemos que la posición en pantalla sea fija para que siempre se muestre en pantalla*/
	left: 0; /* Establecemos la barra en la izquierda */
	top: 250px; /* Bajamos la barra 200px de arriba a abajo */
	z-index: 2000; /* Utilizamos la propiedad z-index para que no se superponga algún otro elemento como sliders, galerías, etc */
}
 
	.social ul {
		list-style: none;
	}
 
	.social ul li a {
		display: inline-block;
		color:#fff;
		background: #000;
		padding: 10px 15px;
		text-decoration: none;
		-webkit-transition:all 500ms ease;
		-o-transition:all 500ms ease;
		transition:all 500ms ease; /* Establecemos una transición a todas las propiedades */
	}
 
	.social ul li .icon-twitter {background:#00abf0;} /* Establecemos los colores de cada red social, aprovechando su class */
	.social ul li .icon-video {background: #ff0000;}
	.social ul li .icon-mail {background: #666666;}
 
	.social ul li a:hover {
		background: #000; /* Cambiamos el fondo cuando el usuario pase el mouse */
		padding: 10px 30px; /* Hacemos mas grande el espacio cuando el usuario pase el mouse */
	}
.fondoanuncios {
    color: rgba(255,255,255,1.00);
    background-color: #201F2B;
    margin-left: 60px;
    margin-top: 20px;
    padding-left: 40px;
    padding-top: 40px;
}
.contenido {
    margin-top: 20px;
    margin-bottom: 20px;
    color: rgba(39,39,39,1.00);
    background-color: rgba(220,220,220,1.00);
}
.tablacomis {
    width: 70%;
    margin-top: 20px;
    margin-right: 20px;
    padding-top: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
    background-color: rgba(255,255,255,1.00);
    margin-left: 2%;
}
.margentabla {
    background-color: rgba(255,255,255,1.00);
}
.margenconvenio {
    padding-left: 50px;
    background-color: #FFFFFF;
}

.tbl-soc {

}
.pad30 {
    padding-left: 40px;
}
.fondoseparadorazul {
    height: 3px;
    background-image: -webkit-linear-gradient(270deg,rgba(255,255,255,1.00) 0%,rgba(0,107,253,0.23) 99.48%);
    background-image: -moz-linear-gradient(270deg,rgba(255,255,255,1.00) 0%,rgba(0,107,253,0.23) 99.48%);
    background-image: -o-linear-gradient(270deg,rgba(255,255,255,1.00) 0%,rgba(0,107,253,0.23) 99.48%);
    background-image: linear-gradient(180deg,rgba(255,255,255,1.00) 0%,rgba(0,107,253,0.23) 99.48%);
}
.ancho400 {
    width: 400px;
}
.titulo {
    color: #4F4F4F;
    font-size: x-large;
    text-align: center;
}
.seccion {
    border: 1px solid #6C6C6C;
    padding-left: 40px;
    padding-top: 40px;
    padding-bottom: 40px;
}
.patodos {
    margin-bottom: 15px;
    right: 15px;
    margin-right: 30px;
}
.contenido222 {
    background-color: #F8EBEB;
    padding-left: 15px;
}
.contenido2222 {
    padding-left: 40px;
    margin-left: 20px;



}