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

/*estilos generales*/
*{
	margin:0px;
	padding:0px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
body{
	z-index:-0;
	font-size:10pt; 
	font-family:Arial, Helvetica;
}
p strong span {
	list-style:none;
	
}


.img1 {
	
	border:#2d3242 solid 1px; 
}

.img2 {

	padding:5px;

	border:#2a3a2f solid 3px; 
}

html { overflow-x:hidden; }

.control-label{
	font-size: large;
}


#lineh{
	border-top:1px #000 solid ; 
	border-bottom:1px #000 solid ; 
}

.lineh{
	border-top:1px #000 solid ; 
	border-bottom:1px #000 solid ; 
}
.linet{
	border-top:1px #000 solid ; 
	
}
.lineb{
	
	border-bottom:1px #000 solid ; 
}
#line{
	
	border-color:1px #000 solid ; 
	border-style: .5px solid;
	border: .5px solid ; 

} 



.btad{
color:black; 
 background-color:#ff8300;  
border:#000 solid 1px; 
padding:2px;
 }

 .bn {
  text-align: left;
  padding:0 0 0 5px;
 }

.p  {
  text-align: left;
  padding:0 0 0 5px;

 }


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

.rows {
	width: 100%;
	position: relative;
	display: inline-block;
	overflow: hidden;
}

.Col-2 {
	width: 95%;
	margin:5px;
}

.Col-3 {
	width: 95%;
	margin:5px;
}

.Col-4 {
	width: 95%;
	margin:5px;
	
}
.Col-5 {
	width: 95%;
	margin:5px;
}
.Col-6 {
	width: 95%;
	margin:5px;
	
}

.Col-7 {
	width: 95%;
	margin:5px;
}


.Col-8 {
	width: 95%;
	margin:5px;
	
}

.Col-9 {
	width: 95%;
	margin:5px;
}

.Col-10 {
	width: 95%;
	margin:5px;
}

.Col-11 {
	width: 95%;
	margin:5px;
}
.Col-12 {
	width: 95%;
	margin:5px;
}
.tope {
	
  margin-top:-300px;
	
}

.gridContainer {
	
	width: 100%;
	margin:0px;
	
   top:-300px;
	
}
#contenido {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

#med {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
  font-size: 16pt;
}



#fnav{
  clear: both;
  float: left;
  width: 100%;
  height: auto;
  display: none;
  list-style:none;
  overflow:hidden;
  
  text-align: justify;

}

#div {
  clear: none;
  float: center;
  width: 100%;
  height: auto;
  display: block;
  list-style:none;
  overflow:hidden;

  text-align: justify;
 
}

#input {
  clear: none;
  float: center;
  width: 100%;
  height: auto;
  display: block;
  list-style:none;
  overflow:hidden;

  text-align: justify;
 
}




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

@media (min-width: 821px) {
.gridContainer {
	width: 100%;
	margin:0px;
	padding:0px;

}
.rows {
   
	width: 100%;
	display: inline-flex;
	overflow: hidden;
}
#contenido {
	clear: both;
	float: none;

	width: 90%;
	display: block;
}

.Col-2 {
	width: 15%;
	margin:10px;
	padding:10px;
}

.Col-3 {
	width: 24%;
	margin:10px;
	padding:10px;
}

.Col-4 {
	width: 32%;
	margin:10px;
	padding:10px;
}
.Col-5 {
	width: 40%;
	margin:10px;
	padding:10px;
}
.Col-6 {
	width: 49%;
	margin:10px;
	padding:10px;
}

.Col-7 {
	width: 57%;
	margin:10px;
	padding:10px;
}


.Col-8 {
	width: 65%;
	margin:10px;
	padding:10px;
}

.Col-9 {
	width: 74%;
	margin:10px;
	padding:10px;
}

.Col-10 {
	width: 82%;
	margin:10px;
	padding:10px;
}

.Col-11 {
	width: 90%;
	margin:10px;
	padding:10px;
}
.Col-12 {
	width: 100%;
	margin:10px;
	padding:10px;
}
.tope {
	
  margin-top:-300px;
	
}

#fnav{
  clear: both;
  float: left;
  width: 100%;
  height: auto;
  display: block;
  list-style:none;
  overflow:hidden;
  
  text-align: justify;

}



}

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

@media  (min-width: 1300px) {
.gridContainer {
	width: 100%;
	margin:0px;
	padding:10px;
}
.rows {
   
	width: 100%;
	display: inline-flex;
	
}

.Col-2 {
	width: 15.5%;
	margin:10px;
	padding:5px;
}

.Col-3 {
	width: 24.5%;
	margin:10px;
	padding:10px;
}

.Col-4 {
	width: 32.5%;
	margin:10px;
	padding:10px;
}
.Col-5 {
	width: 40.5%;
	margin:10px;
	padding:10px;
}
.Col-6 {
	width: 48.5%;
	margin:10px;
	padding:10px;
	
	
}

.Col-7 {
	width: 57.5%;
	margin:10px;
	padding:10px;
}


.Col-8 {
	width: 65.5%;
	margin:10px;
	padding:10px;
	
}

.Col-9 {
	width: 73.5%;
	margin:10px;
	padding:10px;
}

.Col-10 {
	width: 82.5%;
	padding:10px;
}

.Col-11 {
	width: 90.5%;
	margin:10px;
	padding:10px;
}
.Col-12 {
	width: 100%;
	margin:10px;
	padding:10px;
}
#contenido {
	clear: none;
	float: none;
	margin-left: 0;
	width: 100%;
	display: block;
}


#fnav{
  clear: both;
  float: left;
  width: 100%;
  height: auto;
  display: block;
  list-style:none;
  overflow:hidden;
  
  text-align: justify;

}





}