/*
	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%;}

/*----Grid System--*/

.contenedor {margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; width: 1000px\9;/*IE8*/}
.contenedor:before,
.contenedor:after {content: " "; display: table;}
.contenedor:after {clear: both;}

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

@media (min-width: 992px) {
  .contenedor {width: 990px;/*970*/}
}

/*@media (min-width: 1200px) {
  .contenedor {width: 1170px;}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*/



/*----Responsive--*/

.fila {margin-left: -15px; margin-right: -15px; /*background:#fff*/}
.fila:before,
.fila:after {content: " "; display: table;}
.fila:after {clear: both;}


/*Normal*/
.col01, .col02, .col03, .col04, .col05, .col06, .col07, .col08, .col09, .col10, .col11, .col12 {
	position: relative;
	min-height: 1px;
	padding-left: 15px;
	padding-right: 15px; float:left;
}

.col01{width: 8.333333333333332%;}
.col02{width: 16.666666666666664%;}
.col03{width: 25%;}
.col04{width: 33.33333333333333%;}
.col05{width: 41.66666666666667%;}
.col06{width: 50%;}
.col07{width: 58.333333333333336%;}
.col08{width: 66.66666666666666%;}
.col09{width: 75%;}
.col10{width: 83.33333333333334%;}
.col11{width: 91.66666666666666%;}
.col12{width: 100%;}



@media (max-width: 991px ) {
	.col01, .col02, .col03, .col04, .col05, .col06, .col07, .col08, .col09, .col10, .col11, .col12 {float:none; width:100%;}
	.separatopbot2{margin:20px 0;}
	.separabot2{margin-bottom:20px}
    .separatop2{margin-top:20px;}
}


/*@media (max-width: 767px ) {
	.col01, .col02, .col03, .col04, .col05, .col06, .col07, .col08, .col09, .col10, .col11, .col12 {float:none; width:100%}
	.separatopbot{margin:20px 0;}
	.separabot{margin-bottom:20px;}
    .separatop{margin-top:20px}
}*/



/*---responsive - Smartphone y tablets pequeñas verticales---*/

@media (min-width: /*350px*/560px) and (max-width: 991px) {
  .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; z-index:1
  }
  .col12-s {width: 100%;}
  .col11-s {width: 91.66666666666666%;}
  .col10-s {width: 83.33333333333334%;}
  .col09-s {width: 75%;}
  .col08-s {width: 66.66666666666666%;}
  .col07-s {width: 58.333333333333336%;}
  .col06-s {width: 50%;}
  .col05-s {width: 41.66666666666667%;}
  .col04-s {width: 33.33333333333333%;}
  .col03-s {width: 25%;}
  .col02-s {width: 16.666666666666664%;}
  .col01-s {width: 8.333333333333332%;}
}


/*---responsive - Smartphones grandes---*/

@media (min-width: 330px) and (max-width: 559px) {
  .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.66666666666666%;}
  .col10-xs {width: 83.33333333333334%;}
  .col09-xs {width: 75%;}
  .col08-xs {width: 66.66666666666666%;}
  .col07-xs {width: 58.333333333333336%;}
  .col06-xs {width: 50%;}
  .col05-xs {width: 41.66666666666667%;}
  .col04-xs {width: 33.33333333333333%;}
  .col03-xs {width: 25%;}
  .col02-xs {width: 16.666666666666664%;}
  .col01-xs {width: 8.333333333333332%;}
}


/*---responsive - Escritorios grandes---*/
@media (min-width: 1400px) {
.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.66666666666666%;}
  .col10-xl {width: 83.33333333333334%;}
  .col09-xl {width: 75%;}
  .col08-xl {width: 66.66666666666666%;}
  .col07-xl {width: 58.333333333333336%;}
  .col06-xl {width: 50%;}
  .col05-xl {width: 41.66666666666667%;}
  .col04-xl {width: 33.33333333333333%;}
  .col03-xl {width: 25%;}
  .col02-xl {width: 16.666666666666664%;}
  .col01-xl {width: 8.333333333333332%;}
}






/*---responsive - Escritorios muy grandes
@media (min-width: 1800px) {
.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.66666666666666%;}
  .col10-xxl {width: 83.33333333333334%;}
  .col09-xxl {width: 75%;}
  .col08-xxl {width: 66.66666666666666%;}
  .col07-xxl {width: 58.333333333333336%;}
  .col06-xxl {width: 50%;}
  .col05-xxl {width: 41.66666666666667%;}
  .col04-xxl {width: 33.33333333333333%;}
  .col03-xxl {width: 25%;}
  .col02-xxl {width: 16.666666666666664%;}
  .col01-xxl {width: 8.333333333333332%;}
}---*/