/*
	Descripción: Responsive
	Versión: 3.5
	Autor: GRUPO5.COM
	Autor WEB: http://www.grupo5.com/
*/


/*----Propiedades----*/

*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/*---imágenes para la web---*/

img { border: 0;}
img { vertical-align: middle;}

.img-responsive {max-width: 100%; height: auto; min-width:40px/*operahack*/;}
.img-responsive.full{width: 100%;}


.img-rounded {  border-radius:50%; -moz-border-radius: 50%; -webkit-border-radius: 50%;}

.img-thumbnail {
  padding: 4px;
  line-height: 1.428571429;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-radius:6px; -moz-border-radius: 6px; -webkit-border-radius: 6px;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  max-width: 100%;
  height: auto;
}

.img-circle {border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%;}

/*----RESPONSIVE FRAMEWORK--*/

.contenedor {padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto;}

@media (min-width: 768px) {.contenedor {width: 750px;}}
@media (min-width: 992px) {.contenedor {width: 970px;}}
@media (min-width: 1200px) {.contenedor {width: 1170px;}}

@media (min-width: 1400px) {.contenedor {width: 1370px;}}
/*@media (min-width: 1800px) {.contenedor {width: 1670px;}}*/ /*width:1370px;*/
/*@media (min-width: 1500px) {.contenedor {width: 100%;}}*/ /*full*/


.contenedor-fluido {padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto;}
.fila {margin-right: -15px; margin-left: -15px;}


/*todas las col*/

.col01, .col02,.col03,.col04,.col05,.col06,.col07,.col08,.col09,.col10,.col11,.col12,
.col01-s,.col02-s,.col03-s,.col04-s,.col05-s,.col06-s,.col07-s,.col08-s,.col09-s,.col10-s,.col11-s,.col12-s,
.col01-xs,.col02-xs,.col03-xs,.col04-xs,.col05-xs,.col06-xs,.col07-xs,.col08-xs,.col09-xs,.col10-xs,.col11-xs,.col12-xs,
.col01-xl,.col02-xl,.col03-xl,.col04-xl,.col05-xl,.col06-xl,.col07-xl,.col08-xl,.col09-xl,.col10-xl,.col11-xl,.col12-xl,
.col01-xxl,.col02-xxl,.col03-xxl,.col04-xxl,.col05-xxl,.col06-xxl,.col07-xxl,.col08-xxl,.col09-xxl,.col10-xxl,.col1-xxl,.col12-xxl{
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}



/*teléfonos (xs)*/
.col01-xs, .col02-xs, .col03-xs, .col04-xs, .col05-xs, .col06-xs, .col07-xs, .col08-xs, .col09-xs, .col10-xs, .col11-xs, .col12-xs{float: left;}
.col12-xs {width: 100%;}
.col11-xs {width: 91.66666667%;}
.col10-xs {width: 83.33333333%;}
.col09-xs {width: 75%;}
.col08-xs {width: 66.66666667%;}
.col07-xs {width: 58.33333333%;}
.col06-xs {width: 50%;}
.col05-xs {width: 41.66666667%;}
.col04-xs {width: 33.33333333%;}
.col03-xs {width: 25%;}
.col02-xs {width: 16.66666667%;}
.col01-xs {width: 8.33333333%;}

.col12-xs-offset {margin-left: 100%;}
.col11-xs-offset {margin-left: 91.66666667%;}
.col10-xs-offset {margin-left: 83.33333333%;}
.col09-xs-offset {margin-left: 75%;}
.col08-xs-offset {margin-left: 66.66666667%;}
.col07-xs-offset {margin-left: 58.33333333%;}
.col06-xs-offset {margin-left: 50%;}
.col05-xs-offset {margin-left: 41.66666667%;}
.col04-xs-offset {margin-left: 33.33333333%;}
.col03-xs-offset {margin-left: 25%;}
.col02-xs-offset {margin-left: 16.66666667%;}
.col01-xs-offset {margin-left: 8.33333333%;}
.col00-xs-offset {margin-left: 0;}


/*comprimidos (sm)*/
@media (min-width: 768px) {
  
  .col01-s, .col02-s, .col03-s, .col04-s, .col05-s, .col06-s, .col07-s, .col08-s, .col09-s, .col10-s, .col11-s, .col12-s{float: left;}
  .col12-s {width: 100%;}
  .col11-s {width: 91.66666667%;}
  .col10-s {width: 83.33333333%;}
  .col09-s {width: 75%;}
  .col08-s {width: 66.66666667%;}
  .col07-s {width: 58.33333333%;}
  .col06-s {width: 50%;}
  .col05-s {width: 41.66666667%;}
  .col04-s {width: 33.33333333%;}
  .col03-s {width: 25%;}
  .col02-s {width: 16.66666667%;}
  .col01-s {width: 8.33333333%;}
  
  .col12-s-offset {margin-left: 100%;}
  .col11-s-offset {margin-left: 91.66666667%;}
  .col10-s-offset {margin-left: 83.33333333%;}
  .col09-s-offset {margin-left: 75%;}
  .col08-s-offset {margin-left: 66.66666667%;}
  .col07-s-offset {margin-left: 58.33333333%;}
  .col06-s-offset {margin-left: 50%;}
  .col05-s-offset {margin-left: 41.66666667%;}
  .col04-s-offset {margin-left: 33.33333333%;}
  .col03-s-offset {margin-left: 25%;}
  .col02-s-offset {margin-left: 16.66666667%;}
  .col01-s-offset {margin-left: 8.33333333%;}
  .col00-s-offset {margin-left: 0;}
}

/*escritorio (md)*/
@media (min-width: 992px) {
   
	.col01, .col02, .col03, .col04, .col05, .col06, .col07, .col08, .col09, .col10, .col11, .col12 {float:left;}

	.col01{width: 8.33333333%;}
	.col02{width: 16.66666667%;}
	.col03{width: 25%;}
	.col04{width: 33.33333333%;}
	.col05{width: 41.66666667%;}
	.col06{width: 50%;}
	.col07{width: 58.33333333%;}
	.col08{width: 66.66666667%;}
	.col09{width: 75%;}
	.col10{width: 83.33333333%;}
	.col11{width: 91.66666667%;}
	.col12{width: 100%;}
	
	.col12-offset {margin-left: 100%;}
	.col11-offset {margin-left: 91.66666667%;}
	.col10-offset {margin-left: 83.33333333%;}
	.col09-offset {margin-left: 75%;}
	.col08-offset {margin-left: 66.66666667%;}
	.col07-offset {margin-left: 58.33333333%;}
	.col06-offset {margin-left: 50%;}
	.col05-offset {margin-left: 41.66666667%;}
	.col04-offset {margin-left: 33.33333333%;}
	.col03-offset {margin-left: 25%;}
	.col02-offset {margin-left: 16.66666667%;}
	.col01-offset {margin-left: 8.33333333%;}
	.col00-offset {margin-left: 0;}

}


/*escritorios más grandes (lg)*/
@media (min-width: 1200px) {
  
  .col01-xl, .col02-xl, .col03-xl, .col04-xl, .col05-xl, .col06-xl, .col07-xl, .col08-xl, .col09-xl, .col10-xl, .col11-xl, .col12-xl {
    float: left;
  }
  .col12-xl {width: 100%;}
  .col11-xl {width: 91.66666667%;}
  .col10-xl {width: 83.33333333%;}
  .col09-xl {width: 75%;}
  .col08-xl {width: 66.66666667%;}
  .col07-xl {width: 58.33333333%;}
  .col06-xl {width: 50%;}
  .col05-xl {width: 41.66666667%;}
  .col04-xl {width: 33.33333333%;}
  .col03-xl {width: 25%;}
  .col02-xl {width: 16.66666667%;}
  .col01-xl {width: 8.33333333%;}
  
  .col12-xl-offset {margin-left: 100%;}
  .col11-xl-offset {margin-left: 91.66666667%;}
  .col10-xl-offset {margin-left: 83.33333333%;}
  .col09-xl-offset {margin-left: 75%;}
  .col08-xl-offset {margin-left: 66.66666667%;}
  .col07-xl-offset {margin-left: 58.33333333%;}
  .col06-xl-offset {margin-left: 50%;}
  .col05-xl-offset {margin-left: 41.66666667%;}
  .col04-xl-offset {margin-left: 33.33333333%;}
  .col03-xl-offset {margin-left: 25%;}
  .col02-xl-offset {margin-left: 16.66666667%;}
  .col01-xl-offset {margin-left: 8.33333333%;}
  .col00-xl-offset {margin-left: 0;}

}


/*escritorios grandes resoluciones*/
@media (min-width: 1400px) {

  .col01-xxl, .col02-xxl, .col03-xxl, .col04-xxl, .col05-xxl, .col06-xxl, .col07-xxl, .col08-xxl, .col09-xxl, .col10-xxl, .col11-xxl, .col12-xxl{
    float: left;
  }
  .col12-xxl {width: 100%;}
  .col11-xxl {width: 91.66666667%;}
  .col10-xxl {width: 83.33333333%;}
  .col09-xxl {width: 75%;}
  .col08-xxl {width: 66.66666667%;}
  .col07-xxl {width: 58.33333333%;}
  .col06-xxl {width: 50%;}
  .col05-xxl {width: 41.66666667%;}
  .col04-xxl {width: 33.33333333%;}
  .col03-xxl {width: 25%;}
  .col02-xxl {width: 16.66666667%;}
  .col01-xxl {width: 8.33333333%;}
  
  .col12-xxl-offset {margin-left: 100%;}
  .col11-xxl-offset {margin-left: 91.66666667%;}
  .col10-xxl-offset {margin-left: 83.33333333%;}
  .col09-xxl-offset {margin-left: 75%;}
  .col08-xxl-offset {margin-left: 66.66666667%;}
  .col07-xxl-offset {margin-left: 58.33333333%;}
  .col06-xxl-offset {margin-left: 50%;}
  .col05-xxl-offset {margin-left: 41.66666667%;}
  .col04-xxl-offset {margin-left: 33.33333333%;}
  .col03-xxl-offset {margin-left: 25%;}
  .col02-xxl-offset {margin-left: 16.66666667%;}
  .col01-xxl-offset {margin-left: 8.33333333%;}
  .col00-xxl-offset {margin-left: 0;}

}