@charset "UTF-8";
/* Medios fluidos sencillos
   Nota: Los medios fluidos exigen la eliminación de los atributos de altura y anchura de los medios del código HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
	float: right;
}
/* IE 6 no admite max-width (anchura máxima), por lo que usa de manera predeterminada una anchura del 100% */
.ie6 img {
	width:100%;
}

/*
	Propiedades de cuadrícula fluida de Dreamweaver
	----------------------------------
	dw-num-cols-mobile:		5;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	10;
	dw-gutter-percentage:	25;
	
	Inspiración obtenida de "Responsive Web Design" de Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	y Golden Grid System de Joni Korpi
	http://goldengridsystem.com/
*/

/* Diseño móvil: 480 px e inferior. */

.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 87.36%;
	padding-left: 1.82%;
	padding-right: 1.82%;
}


#descripcion {
	clear: none;
	float: left;
	margin-left: 4.1666%;
	width: 37.5%;
	display: block;
}

#contenedorpdis {
	clear: none;
	float: left;
	margin-left: 4.1666%;
	width: 100%;
	display: block;
}

#contenedorpdis {
	background-color:#FFF;
	top: 300%;
 padding-left: 10%;
 padding-right: 10%;

}

#contenedorpdis img {
	alignment-adjust:central;
}

.contenedorespdis {
	
  display: inline-block;
  width: 200px;
  height: 300px;
  margin: 1em;
}

.contenedorespdis figcaption{
	font-weight:300;
	font-style:italic;
	top:0px;
	bottom:0px;
}


.contenedorespdis img{
	
	bottom:0px;
}



.distribuidorhead {

	padding: 2em 0 0 0;
	
}




#lprecios {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

#apoyos {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

#promociones {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

#cursos {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

#soporte {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

#politicos {
	clear: none;
	float: left;
	margin-left: 4.1666%;
	width: 100%;
	display: block;
}

#politicas {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

#dimensiona {
	clear: none;
	float: left;
	margin-left: 4.1666%;
	width: 100%;
	display: block;
}

#dimensionamiento {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

/* Diseño tableta: de 481 px a 768 px. Hereda estilos de: Diseño móvil. */

@media only screen and (min-width: 481px) {
.gridContainer {
	width: 90.675%;
	padding-left: 1.1625%;
	padding-right: 1.1625%;
}

#descripcion {
	clear: none;
	float: left;
	margin-left: 2.5641%;
	margin-right: 2.5641%;
	width: 87.1794%;
	display: block;
}

#contenedorpdis {
	clear: none;
	float: left;
	margin-left: 2.5641%;
	width: 100%;
	display: block;
}

#lprecios {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

#apoyos {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

#promociones {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

#cursos {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

#soporte {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

#politicos {
	clear: none;
	float: left;
	margin-left: 2.5641%;
	width: 100%;
	display: block;
}

#politicas {
	clear: both;
	float: left;
	margin-left: 0;
	width: 23.0769%;
	display: block;
}

#dimensiona {
	clear: both;
	float: left;
	margin-left: 12.8205%;
	width: 35.8974%;
	display: block;
}

#dimensionamiento {
	clear: both;
	float: left;
	margin-left: 0;
	width: 23.0769%;
	display: block;
}










}

/* Diseño escritorio: de 769 px hasta un máximo de 1232 px.  Hereda estilos de: Diseño móvil y Diseño tableta. */

@media only screen and (min-width: 769px) {
.gridContainer {
	width: 88.2%;
	max-width: 1232px;
	padding-left: 0.9%;
	padding-right: 0.9%;
	margin: auto;
}

#descripcion {
	clear: none;
	float: left;
	margin-left: 2.0408%;
	width: 89.7959%;
	display: block;
}

#contenedorpdis {
	clear: none;
	float: left;
	margin-left: 2.0408%;
	width: 100%;
	display: block;
}

#lprecios {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

#apoyos {
	clear: both;
	float: left;
	margin-left: 2.0408%;
	width: 100%;
	display: block;
}

#promociones {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

#cursos {
	clear: none;
	float: left;
	margin-left: 2.0408%;
	width: 100%;
	display: block;
}

#soporte {
	clear: none;
	float: left;
	margin-left: 2.0408%;
	width: 100%;
	display: block;
}

#politicos {
	clear: none;
	float: left;
	margin-left: 2.0408%;
	width: 100%;
	display: block;
}

#politicas {
	clear: none;
	float: left;
	margin-left: 2.0408%;
	width: 100%;
	display: block;
}

#dimensiona {
	clear: none;
	float: left;
	margin-left: 2.0408%;
	width: 8.1632%;
	display: block;
}

#dimensionamiento {
	clear: none;
	float: left;
	margin-left: 2.0408%;
	width: 100%;
	display: block;
}




}



#contenedor {
  margin: 0 auto;
  width: 90%;
  
}
#accordion input {
  display: none;
  margin-top:auto;
}
#accordion label {
  background: #eee;
  border-radius: .25em;
  cursor: pointer;
  display: block;
  margin-bottom: .23em;
  padding: .25em 1em;
  z-index: 20;
  height:60px;
  font-size: medium;
  
   display: -webkit-flex;
  display:         flex;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: center;
          justify-content: center;

  
  
/* Puede ser */ solo quitar esto que escribí
  
  float: left;

}
#accordion label:hover {
  background: #F90;
  }
#accordion input:checked + label {
  background: #F90;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  color: white;
  margin-bottom: 0;
}
#accordion article {
	background-color: #FFFFFF;
	height: 0px;
	overflow: hidden;
	z-index: 10;
}
#accordion article p {
  padding: 1em;
}
#accordion input:checked ~ article {
  border-bottom-left-radius: .25em;
  border-bottom-right-radius: .25em;
  height: auto;
  margin-bottom: .125em;

}

#introduccion {
 float: left;
 margin-left:10%;
 margin-right:10%;
 
}


#introduccion p{
	text-align:left;
	color:#2b2b2b;
	font-size:.85em;
	margin:0;
	font-family: 'Open Sans', sans-serif;
  
}


#introduccion strong{
	font-family: 'Oswald', sans-serif;
    font-size: 200%;
	color:#000;
  
}



#introduccion img {
	float:right;
	margin-left:3%;
	margin-bottom:3%;
 
}

#introduccion2 {
 float: left;
 margin-left:10%;
 margin-right:10%;
 margin-top: 3%;
 width: 80%;
 color: #000;
}

#introduccion2 p{
	text-align:left;
	color:#000;
	color:#777777;
	font-size:.85em;
	margin:0;
	font-family: 'Open Sans', sans-serif;
  
}


#introduccion2 strong{
	font-family: 'Oswald', sans-serif;
    font-size: 200%;
	color:#000;
  
}



#introduccion2 img {
	float:right;
	margin-left:3%;
	margin-bottom:3%;
 
}

#introduccion2 ul li a{
	font-size: 120%;
    color: #1f4076;
    text-align: center;
    margin: 0 auto;
}

#c2a {
    float: left;
    display: flex;
    justify-content: center;
    width: 100%;
    margin: 3% 0;
}

#c2a img {
	float: left;
	margin:0 auto;
}





#content {
 background: #f1f1f1; /* Fondo del contenido */
 border-radius: 0 .25em .25em .25em;
 min-height: 20em; /* Alto del contenido */
 position: relative;
 width: 100%;
 z-index: 5;
}
#content div {
 opacity: 0;
 padding: 1.5em;
 position: relative;
 z-index: -100;
}
#content-1 p {
 clear: both;
 margin-bottom: 1em;
}
#content-1 p.left img {
 float: left;
 margin-right: 1em;
}
#content-1 p.last {
 margin-bottom: 0;
}
#content-2 p {
 float: left;
 width: 48.5%;
}
#content-2 p.column-right {
 margin-left: 3%;
}
#content-2 p img {
 display: block;
 margin: 0 auto 1em auto;
}
#content-3 p,
#content-3 ul {
 margin-bottom: 1em;
}
#content-3 ul {
 margin-left: 2em;
}
#container input#tab-1:checked ~ #content #content-1,
#container input#tab-2:checked ~ #content #content-2,
#container input#tab-3:checked ~ #content #content-3 {

 opacity: 1;
 z-index: 100;
}







.descripcion

{
	display: inline-block;
  	vertical-align: top;
    width:auto;
	position:relative;
	margin:0;
	

	
}

.contenedor-pdf  {
	margin-left:10%;
	margin-right:10%;
 	float:left;
	align: center;
 
}

.pdfs
{
  display: inline-block;
  width: 250px;
  height: 100%;
  margin: .5em;
  position: relative;
  vertical-align:top;
  clear:left;
}


.pdfs p
{
  color:#000;
  text-height:font-size;
  
  
  	color:#777777;
	font-size:.85em;
	margin:0;
	font-family: 'Open Sans', sans-serif;
	text-align: justify;
  

}

.pdfs strong

{
	font-family: 'Oswald', sans-serif;
    font-size: 100%;
	color:#000;
	line-height:3.5em;
	alignment-baseline:central;
	margin-top:3.5em;
	
    
}

.pdfs img
{
	float:left;
	
	

}


.textoproductos

{
	color:#000;
	font-style:normal;
	font-variant:normal;
	
}