body {
	
	width: 100%;
	background-color: #010101;
	
	margin: 0 0 0 0;
	padding: 0;
}

 
 @font-face {
    font-family: "Britty";
    src: url("../css/ojela.wotf") format("truetype");
}
 @font-face {
    font-family: "Britty2";
    src: url("../css/ojela.woff2") format("truetype");
}

 @font-face {
    font-family: "City";   
   src: url("../css/Roboto.ttf") format("truetype");
}
#contenedor{  
        /*background-color:#010101;  */
       /* border:2px solid #FF0000;  */
}  

#redline{  
        background-color:#830507;  
        height:5px;  
}  


.redlimit {
            overflow:hidden;
            text-align: center;
            margin:auto;
            /*background:red;*/
	width:71.74%;
	max-width:1230px;
        }

        .frase{
            display:inline-table;          
            height:35px;           
            line-height:34px;
	
            /*text-align: left;*/
           float:left;
        } 
         .tel{
            display:inline-table;
           /* border:1px solid #ccc;*/
           /* padding:15px;*/
            height:35px;
            /*width:500px;*/
            margin-top:5px;
line-height:34px;
	/*text-align: left;*/
float:right;
        }

/*   --------------------------   */
.fontredline
 { 
   font-family: Verdana, Helvetica, Trebuchet;
    font-size: 14px;
    color: #ffffff;  
    LETTER-SPACING: 0px;
    text-decoration: none;
    font-weight: normal;      
}	
/*   --------------------------   */




@media screen and (max-width: 948px){
   #redline .redlimit {display:none;}
}



#brandtline{  
        background-color:#010101; 
	background-image: url(../img/head.jpg);
background-position: center top; 
       height:160px;
border-top: 5px solid #B5FF00;
}  


.brandtlimit {
            overflow:hidden;
            text-align: center;
            margin:auto;
            /*background:red;*/
	width:90%;
	max-width:1200px;
        }

        .logo{
            display:inline-table;          
            /*height:35px;   */        
           /* line-height:144px;*/
	
            text-align: left;
           float:left;
	width:402px;

margin-top:5px; 
margin-bottom:15px; 
        } 
        
.imghead{
	width:150px;
}
      .cotiza{
            display:inline-table;           
           /* height:144px;     */
          /*  line-height:144px;	*/
	  float:right;
	width:228px;
/*border:1px solid #ccc;*/
/*margin-top:48px; */
        }

.cotarriba{
margin-top:5px;
height:100px;
text-align:right;
/*border:1px solid #ccc;*/
}
.cotabajo{
padding-top:10px;
height:40px;
text-align:right;
/*border:1px solid #ccc;*/

}



.cotfont
 {  font-family: 'City';
    font-size: 12px;
    color: #ffffff;  
    LETTER-SPACING: 0px;
    text-decoration: none;
    font-weight: normal;}

.cartover, .cartover2 {
position: relative; /*Para poder ubicar la info dentro de la caja*/
margin: 0px;
display:inline;
z-index:800;
}
/*.caja img {
border:2px solid black;
}*/
.cartinfo {
z-index: 1001;
position: absolute; /*Info sobre la imagen*/
top: -80px;
left: -100px; /*Desplazamos a partir de la esquina superior izquierda*/
zoom: 1;
filter: alpha(opacity=0); /*Opacidad Para IE */
opacity: 0; /*Inicialmente transparente */
padding-top: 5px;
margin:5px;
color: white;
background: black;
text-align:center;
-moz-transition:all ease .8s; /*Aplicamos una ligera transición*/
-webkit-transition:all ease .8s ;
transition:all ease .8s;
width:200px;
/*min-width:200px;*/
height: 45px;
}
.cartinfo2 {
z-index: 1001;
position: absolute; /*Info sobre la imagen*/
top: -80px;
left: -180px; /*Desplazamos a partir de la esquina superior izquierda*/
zoom: 1;
filter: alpha(opacity=0); /*Opacidad Para IE */
opacity: 0; /*Inicialmente transparente */
padding-top: 5px;
margin:5px;
color: white;
background: black;
text-align:center;
-moz-transition:all ease .8s; /*Aplicamos una ligera transición*/
-webkit-transition:all ease .8s ;
transition:all ease .8s;
width:auto;
min-width:200px;
height: 45px;
}
.cartinfo, .cartinfo2{ 
font-family: 'City';
    font-size: 14px;
    color: #ffffff;  
    LETTER-SPACING: 0px;
    text-decoration: none;
    font-weight: normal;
}


.cartover:hover .cartinfo {
filter: alpha(opacity=80);
opacity: .8; /*Al hacer hover sobre la caja hacemos visible los datos*/
}

.cartover2:hover .cartinfo2 {
filter: alpha(opacity=80);
opacity: .8; /*Al hacer hover sobre la caja hacemos visible los datos*/
}



@media screen and (max-width: 800px){

#brandtline{  
       
background-position: center top; 
 
}  

  .brandtlimit{
	width:90%;
}
  .logo{           
	width:200px;
}
.cotiza{
          
	width:150px;
}
}


@media screen and (max-width: 550px){

#brandtline{  
       /* background-color:#cc0000;  */
     
background-position: 70% 50%; 
 
       height:110px;
}  
   #brandtline .cotiza {display:none;}

 .logo{     
           margin: auto;
	width:100%;
text-align:center;
margin-top:5px; 
margin-bottom:5px; 


        }
 
.imghead{
	width:100px;
}

}

 .bolgistro{
display:none;
}

@media screen and (max-width: 550px){

.bolgistro{
display:block;
float: right;
padding-top:6px;
height:28px;
width:30%;
text-align:right;
/*border:1px solid #ccc;*/
z-index:1020;
}

.cartinfo3 {
z-index: 1021;
position: absolute; /*Info sobre la imagen*/
top: -80px;
left: -180px; /*Desplazamos a partir de la esquina superior izquierda*/
zoom: 1;
filter: alpha(opacity=0); /*Opacidad Para IE */
opacity: 0; /*Inicialmente transparente */
padding-top: 5px;
margin:5px;
color: white;
background: black;
text-align:center;
-moz-transition:all ease .8s; /*Aplicamos una ligera transición*/
-webkit-transition:all ease .8s ;
transition:all ease .8s;
width:auto;
min-width:200px;
height: 45px;
}
.cartover3 {
position: relative; /*Para poder ubicar la info dentro de la caja*/
margin: 0px;
display:inline;
z-index:1022;
}
.cartover3:hover .cartinfo3 {
filter: alpha(opacity=80);
opacity: .8; /*Al hacer hover sobre la caja hacemos visible los datos*/
}
}


#menuline{  
        /*height:35px; */ 
background-color:#010101; 

border-top: 1px solid #B5FF00;

border-bottom: 1px solid #B5FF00;

}  

.menulimit {
        background-color:#010101; 

            /*overflow:hidden;*/
            text-align: center;
            margin:auto;
            height:35px;
	/*border:1px solid #ffff00;*/
	width:90%;
	/*width:91.74%;*/
	max-width:1200px;
        }


 .menu{
            display:inline-table;           
        
	margin:auto;     
text-align:left;
	width:100%;

/*padding:0px;*/

/*border:1px solid #ffff00;*/
/*border-bottom:2px solid #ffffff;*/
height:35px;
        }
/*==========================*/ 

section {
	padding:0px;
	margin:auto;

}

headder {
	width: 100%;
height:35px;
}

headder nav {
	/*background:#023859;*/
	z-index:1000;
	/*max-width: 1000px;*/
	width: 100%;
	margin:0px;
height:35px;
}

.menu_bar {
	display:none;
}

headder nav ul {
	list-style:none;
float:left:
}


headder nav ul li {
	display:inline-block;
	/*La razon por la que no usamos floar en vez de inline-block es
	porque no vamos a poder usar overflows en el headder nav ul*/
	position: relative;

}

headder nav ul li:hover .children {
	display: block;
color: #ffffff;
	

background-color:#010101;
opacity:0.8;

}

/*Submenu*/
headder nav ul li .children {
/*background-color:#434143;*/
background-color:#B5FF00;
	position: absolute;
	display: none;
	width: 200%;
	z-index: 1000;

padding-top:14px;

}

headder nav ul li .children li {
	display: block;
	overflow: hidden;
	border-bottom: 1px solid color:#FFFFFF;
	/*Usamos overflow hidden porque aqui si vamos a necesitar usar float*/
}

headder nav ul li .children li a {
	display: block;
}

headder nav ul .children li a span {
	float: left;
	position: relative;
	top:3px;
	margin-right: 0px;
	margin-left:0px;
}

headder nav ul li a {
	color:#B5FF00;
	text-decoration: none;
	display: inline-block;
	padding:5 30 5 30;
}

headder nav ul li:hover {
	/*background-color:#2B2A2B;*/
color: #ffffff;
}

headder nav ul li span {
	margin-right:5px;
}

headder nav ul li .caret {
	position: relative;
	top: 3px;
	margin-left: 0px;
	margin-right: 5px;
}
 
.menufil
 {  font-family: City;
    font-size: 14px;
    color: #757584;  
    LETTER-SPACING: 0px;
    text-decoration: none;
    font-weight: bold;      }
  a.menufil:link, a.menufil:active, a.menufil:visited {
    font-family: 'City';
    font-size: 14px;
    color: #f2f2f2;/*#00DBFF;*/
    LETTER-SPACING: 0px;
    text-decoration: none;
    font-weight: bold;   }
  a.menufil:hover {
    font-family: 'City';
    font-size: 14px;
    color: #00DBFF;   
    LETTER-SPACING: 0px;
    text-decoration: none;
    font-weight: bold;  } 


.menufil2
 {  font-family: 'City';
    font-size: 12px;
    color: #ffffff;  
    LETTER-SPACING: 0px;
    text-decoration: none;
    font-weight: normal;      }
  a.menufil2:link, a.menufil2:active, a.menufil2:visited {
    font-family: 'City';
    font-size: 12px;
    color: #ffffff;
    LETTER-SPACING: 0px;
    text-decoration: none;
    text-align: left;
    font-weight: normal;   }
  a.menufil2:hover {
    font-family: 'City';
    font-size: 12px;
    color: #00DBFF ;   
    LETTER-SPACING: 0px;
    text-decoration: none;
    text-align: left;
    font-weight: normal;  } 
 
.menunuevo
 {  font-family: 'City';
    font-size: 10px;
    color: #B5FF00;  
    LETTER-SPACING: 0px;
    text-decoration: none;
    font-weight: bold;      }
  a.menunuevo:link, a.menunuevo:active, a.menunuevo:visited {
    font-family: 'City';
    font-size: 10px;
    color: #B5FF00;
    LETTER-SPACING: 0px;
    text-decoration: none;
    /*text-align: left;*/
    font-weight: bold;   }
  a.menunuevo:hover {
    font-family: 'City';
    font-size: 10px;
    color: #FFFFFF ;   
    LETTER-SPACING: 0px;
    text-decoration: none;
   /* text-align: left;*/
    font-weight: bold;  } 


@media screen and (max-width:1265px ) {
headder nav ul li a {
	padding:5 25 5 25;
}
}

@media screen and (max-width:1195px ) {
headder nav ul li a {
	padding:5 20 5 20;
}
}
@media screen and (max-width:1085px ) {
headder nav ul li a {
	padding:5 15 5 15;
}
}
 
@media screen and (max-width:1010px ) {


#menuline{  
      display:none;

}  
	.menulimit {
	/*background-color:#ffffff; */
        }
	headder nav ul li:hover {
		background-color:#2B2A2B;
		
	}
	headder nav ul li:hover .children {		
		background-color:#2B2A2B;
	}
	.menu_bar {
display:none;
		width: 100%;
		background:#d4d4d4;
		/*display: block;*/
		/*position: fixed;*/
		top:0;
		height:35px;
	}

	.menu_bar .bt-menu {
		position: absolute;
		background:#d4d4d4;
		display: block;
		padding: 0px;
		color:#010101;
		overflow: hidden;
		font-size:14px;
		font-weight:bold;
		text-decoration: none;
		 font-family: Verdana, Helvetica, Trebuchet;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
		text-align: right; 
	}

	.menu_bar span {
		float: left;
		font-size: 40px;
	}

	headder nav {
		width: 95%;
		height: calc(100% - 80px);
		left:-100%;
		/*right:100%; */
		/*Con esto ocultamos el menu hacia la derecha, lo agregamos hasta el final*/
		margin: 0;
		position:fixed;
		overflow:scroll;
		z-index:1000;
	}

	headder nav ul li {
		display: block;
		float:none:
		border-bottom:1px solid rgba(255,255,255,.3);
background:#010101;
	}

	headder nav ul li a {
		display: block;
	}

	headder nav ul li:hover .children{
		display: none;
	}

	headder nav ul li .children {
		width: 100%;
		position: relative;
		/*display: block;*/
	}

	headder nav ul li .children li a{
		margin-left:0px;
	}

	headder nav ul li .caret {
		float: right;
	}
	.menufil
 	{  
    	font-size: 12px;
    	color: #ffffff;  
    	}
  	a.menufil:link, a.menufil:active, a.menufil:visited {
    	font-size: 12px;
    	color: #f4f4f4;    
	}
  	a.menufil:hover {
    	font-size: 12px;
    	color: #ffffff;   
	 }
	.menufil2
 	{  
    	font-size: 12px;
    	color: #ffffff;  
    	}
  	a.menufil2:link, a.menufil2:active, a.menufil2:visited {
    	font-size: 12px;
    	color: #f4f4f4;    
	}
  	a.menufil2:hover {
    	font-size: 12px;
    	color: #ffffff;   
	 }
}



/*=====================*/
/*===========================*/

/*===========================*/

#prodline{  
       
	height: auto;

}  


.prodlimit {
         

         display:none;
        }




@media screen and (max-width:1010px ) {

.prodlimit {


        background:#010101; 
         display:block;
           /* overflow:hidden;*/
            /*text-align: center;*/

            margin:auto;
            /*background:#d4d4d4;*/
	width:100%;
	max-width:1200px;
	/*height:30px;*/

border-top: 1px solid #B5FF00;
        }

	.menufil
 	{  
    	font-size: 12px;
    	color: #F2F2F2;  
    	}
  	a.menufil:link, a.menufil:active, a.menufil:visited {
    	font-size: 12px;
    	color: #f2f2f2;    
	}
  	a.menufil:hover {
    	font-size: 12px;
    	color: #00DBFF;   
	 }
	.menufil2
 	{  
    	font-size: 12px;
    	color: #f2f2f2;  
    	}
  	a.menufil2:link, a.menufil2:active, a.menufil2:visited {
    	font-size: 12px;
    	color: #f2f2f2;    
	}
  	a.menufil2:hover {
    	font-size: 12px;
    	color: #00DBFF;   
	 }
}


/*===========================*/

/*===========================*/
/*===========================*/

/*===========================*/

#bannerline{  
       /* background-color:#cc0000;  */
        height:560px; 
min-height:560px;
}  


.bannerlimit {
            overflow:hidden;
            text-align: center;
            margin:auto;
           /* border:1px solid #ffffff;*/
	width:90%;
	max-width:1250px;
	/*min-height:510px;*/
height:560px;
	margin-bottom:10px;
        }


@media screen and (max-width:750px ) {
.bannerlimit {
width:100%;
}
}

@media screen and (max-width:550px ) {

#bannerline{         
        height:450px; 
min-height:450px;
}  

.bannerlimit {
	
height:100%;

}
}

       /* .bannerimg{*/
           /* display:inline-table;          */
           /* height:450px; */    
          /*  line-height:450px;*/
	
            /*text-align: left;*/
          /* float:left;*/
	/*width:178px;*/
/*border:1px solid #ccc;*/
      /*  } */



#spaceline{  
       /* background-color:#cc0000;  */
        height:15px;  
}  


/*===========================*/

#contenedor22{  
        background-color: #010101;
/*background-image: url("../img/fondo.gif");
background-repeat: repeat repeat;
background-posItion: top center;*/
/*filter: alpha(opacity=40);*/

       /*border-top: 3px solid  #FDD806; #56A6B8;*/
           /* text-align: center;*/
            margin:auto;
	width:100%;
height:auto;
	
}  
/*===========================*/
#fichaline{  
       /* background-color:#cc0000;  */
       /* height:340px;  */
}  


.fichalimit {
            overflow:hidden;
            text-align: center;
            margin:auto;
          /*  background:red;*/
	width:69%;
	max-width:980px;
        }



 .cuadrosficha{
            display:inline-table;           
           /*height:210px;     */
           /* line-height:25px;*/
            margin:auto;
            width:500px;
           /* border:1px solid #cc0000;*/
           /* text-align:left;*/
            /*color: #cc0000;*/
           /* font-family: Verdana, Helvetica, Trebuchet;
            font-size: 20px;*/
float:left;

        }



 .cuadrosficha2{
            display:inline-table;           
           /*height:210px;     */
           /* line-height:25px;*/
            margin:auto;
            width:100%;
           /* border:1px solid #cc0000;*/
           /* text-align:left;*/
            /*color: #cc0000;*/
           /* font-family: Verdana, Helvetica, Trebuchet;
            font-size: 20px;*/
float:left;

        }

 .cuadrosficha3{
            display:inline-table;           
           /*height:210px;     */
           /* line-height:25px;*/
            margin:auto;
            width:100%;
           /* border:1px solid #cc0000;*/
           /* text-align:left;*/
            /*color: #cc0000;*/
           /* font-family: Verdana, Helvetica, Trebuchet;
            font-size: 20px;*/
background-image: url("../img/fondo.jpg");
float:left;

        }


 .fichabio{
            display:inline-block;       
           /* height:340px;     */
           /* line-height:18px;*/
           margin:auto;
            width:95%;
            /*border:1px solid #ccc;*/
            text-align:justify;
            
            color: #8C8C8C;
            font-family: Britty2;
            font-size: 16px;
float:none;

overflow: visible;
        }

 .fichabioprin{
            display:inline-block;       
           
           
           margin:auto;
            width:100%;
            /*border:1px solid #ccc;*/
            
overflow: visible;
        }

/*==============*/

.columnprin1{
            display:inline-block;       
           /* height:340px;     */
            line-height:18px;
           margin:auto;
            width:50%;
            /*border:1px solid #ccc;*/
            text-align:justify;
            color: #0F121B;
            font-family: City;
            font-size: 14px;
float:left;
overflow: visible;
        }
 .columnprin2{
            display:inline-block;       
           /* height:340px;     */
            line-height:18px;
           margin:auto;
            width:50%;
            /*border:1px solid #ff0000;*/
            text-align:justify;
            color: #0F121B;
            font-family: City;
            font-size: 14px;
float:right;
overflow: visible;
        }

@media screen and (max-width:750px ) {

.columnprin1, .columnprin2{
            display:inline-block;           
           margin:auto;
            width:100%;
	float:none;
}
}

/*==============*/


 .imgsomos{
            display:inline-block;       
           /* height:340px;     */
           
           margin:15px;
            width:50%;
	float:left;
}
 .imgconta{
            display:inline-block;       
           /* height:340px;     */
           
           margin:15px;
            width:50%;
	float:right;
}

 .fbcolumn1{
            display:inline-block;       
           /* height:340px;     */
          /*  line-height:18px;*/
           margin:auto;
            width:48%;
            /*border:1px solid #ccc;*/
            text-align:justify;
           
            color: #8C8C8C;
            font-family: Britty2;
            font-size: 16px;
float:left;

overflow: visible;
 /*column-count:2;
	    column-gap: 3em;
	    column-rule: 1px solid #bbb;*/



        }
 .fbcolumn2{
            display:inline-block;       
           /* height:340px;     */
           /* line-height:18px;*/
           margin:auto;
            width:48%;
            /*border:1px solid #ff0000;*/
            text-align:justify;
            color: #8C8C8C;
            font-family: Britty2;
            font-size: 16px;
float:right;

overflow: visible;
 /*column-count:2;
	    column-gap: 3em;
	    column-rule: 1px solid #bbb;*/


        }

@media screen and (max-width:750px ) {

.imgsomos{
            display:inline-block;           
           margin:auto;
            width:100%;
	float:none;
}

.imgconta{
            display:inline-block;           
           margin:auto;
            width:100%;
	float:none;
}


.fbcolumn1, .fbcolumn2{
            display:inline-block;           
           margin:auto;
            width:100%;
	float:none;
}

}

 .fichabio1{
            display:block;       
           /* height:340px;     */
            line-height:18px;
           margin:auto;
            width:100%;
            /*border:1px solid #ccc;*/
            text-align:justify;
            color: #A9A9A9;
            font-family: City;
            font-size: 14px;
float:left;
line-height: 180%;
        }

 .fichabiotit{
            text-align:center;
            color: #A9A9A9;
            font-family: City;
            font-size: 16px;
line-height: 180%;
        }



 .fichabio2{
            display:block;       
           /* height:340px;     */
            line-height:18px;
           margin:auto;
            width:100%;
            /*border:1px solid #ccc;*/
            text-align:justify;
            color: #A9A9A9;
            font-family: City;
            font-size: 17px;
float:left;
line-height: 140%;
        }



 .cuadrosred{
            display:inline-table;           
         
            margin:auto;
            width:250px;
           /* border:1px solid #cc0000;*/
            text-align:left;
            /*color: #cc0000;*/
           /* font-family: Verdana, Helvetica, Trebuchet;
            font-size: 20px;*/
/*float:left;*/

        }

/*===========================*/
/*=======================JOJO====*/
/*=======================*/
#cuadrosline{  
        /*background-color:#cc0000;  */
       /* height:340px;  */
 padding-bottom: 15px;

display:block; 


}  


.cuadroslimit {
            /*overflow:hidden;*/
            text-align: center;
            margin:auto;
           background-color:#ffffff;
	width:90%;
	max-width:1250px;

	/*border:1px solid #ccc;*/
         
display:block; 
        }


#cuadroslinelow{  
        
        height: auto;
min-height: 300px;
max-height: auto;
 /*padding-bottom: 15px;*/

display:block; 
overflow: visible;


}  
.cuadroslimitlow {
background-color:#ffffff;
            /*overflow:hidden;*/
            text-align: center;
            margin:auto;
           min-height: 300px;
max-height: auto;
	width:90%;
	max-width:1250px;

	/*border:1px solid #ccc;*/
         
overflow: visible;
display:block; 
        }


@media screen and (max-width:750px ) {

.cuadroslimit, .cuadroslimitlow {
	width:100%;
}

}


#rayaline2{  
        

        height:50px; 
 padding-top: 10px;
 padding-bottom: 20px;
display:block; 
margin-top:10px
/*border:1px solid #ccc;   #DBBA05 #006698;;#005078*/
}  

#rayaline3{  
        background-color: #010101;  

        height:100px; 
 padding-top: 10px;
 padding-bottom: 10px;
display:block; 
/*margin-top:10px;*/
/*border:1px solid #00DBFF;*/
}  
.rayatit2
 {  font-family: City;
    font-size: 25px;
    color: #00DBFF;/*313140;*/
    text-decoration: none;
text-align:center;
    font-weight: normal;     

/*margin-left: 20px;*/
/*margin-top: 10px;
padding-top:10px;*/
 }


.rayatit22
 {  font-family: City;
    font-size: 18px;
    color: #636466;/*313140;*/
    text-decoration: none;
text-align:justify;
    font-weight: normal;     

margin: 50px;
margin-top: 10px;
padding-top:10px;
 }

.rayatitminus
 {  font-family: Verdana, Arial, Helvetica;
    font-size: 14px;
    color: #dddddd;  
    text-decoration: none;
text-align:center;
    font-weight: normal;     

/*margin: 10 0 10 10; #FEB204 */
/*width: 90%;*/

 }

.hrrayatit {border: 0; border-top: 2px solid #C2E902; height:0; }

.titema2
 {  font-family: Britty;
    font-size: 20px;
    color: #f4f4f4;
    text-decoration: none;


text-align:center;
    /*font-weight: bold;   */  

margin: 10 0 10 0;
width: 90%;

 }


.temas2_4{
            display: inline-table;     
            margin: auto;
            margin-top: 10px;
            margin-bottom: 10px;
            width:30%;
            text-align:center;
            
height: 240px;
max-height: 240;
float: left;	

/*border:1px solid #ffffff;*/


        }




.temas2_5{
            display: inline-table;
            margin: auto;
            margin-top: 10px;
            margin-bottom: 10px;
            width:30%;        
            text-align:center;          
            
	
height: 240px;
max-height: 240;	

/*border:1px solid #bc0000;*/

        }
.temas2_6{
            display: table-inline;
            margin: auto;
            margin-top: 10px;
            margin-bottom: 10px;
            width:30%;
            text-align:center;          
            
	
height: 240px;
max-height: 240;
float: right;




        }

.temas2_7{         
display: none;
}


.textotema2{  
font-family: Verdana, Arial, Helvetica;
    color: #f4f4f4;  
    text-decoration: none;
text-align:justify;
    font-weight: normal;  

width:90%;
margin: auto;
margin-top:5px;

          
    }


/*===========================*/
/*===========================*/
.productosindesc
 {  font-family: Britty2;
    font-size: 14px;
    color: #8C8C8C;  
    LETTER-SPACING: 0px;
    text-decoration: none;
    font-weight: normal;      
text-align: justify;
    }

.productosin
 {  font-family: Britty2;
    font-size: 15px;
    color: #0F121B;  
    LETTER-SPACING: 0px;
    text-decoration: none;
    font-weight: normal;      
    }
  a.productosin:link, a.productosin:active, a.productosin:visited {
    font-family: Britty2;
    font-size: 15px;
    color: #0F121B;
    LETTER-SPACING: 0px;
    text-decoration: none;
    font-weight: normal;   }
  a.productosin:hover {
    font-family: Britty2;
    font-size: 15px;
    color: #8C8C8C;   
    LETTER-SPACING: 0px;
    text-decoration: none;
    font-weight: normal;  }

.productocot
 {  font-family: Britty2;
    font-size: 14px;
    color: #0F121B;  
    LETTER-SPACING: 0px;
    text-decoration: none;
    font-weight: normal;      
    }
  a.productocot:link, a.productocot:active, a.productocot:visited {
    font-family: Britty2;
    font-size: 14px;
    color: #bcbcbc;
    LETTER-SPACING: 0px;
    text-decoration: none;
    font-weight: normal;   }
  a.productocot:hover {
    font-family: Britty2;
    font-size: 14px;
    color: #00DBFF;   
    LETTER-SPACING: 0px;
    text-decoration: none;
    font-weight: normal;  }

 .cuadroslp{
            display:inline-table;           
            height:auto;
         
            /*margin-left:47px;margin-right:47px;*/
            width:98%;
           
            text-align:left;
            color: #8C8C8C;
             font-family: City;
            font-size: 16px;
            font-weight: normal;
	padding: 5px;

	margin: auto;
overflow: visible;
            /*background:#ff0000;*/
/*height:1000px;*/
/* border:1px solid red;*/

  /*background-color:#010101;  */
        }


 .cuadroslprod{
            display:inline-table;           
            height:auto;
         
            /*margin-left:47px;margin-right:47px;*/
            width:80%;
           
            text-align:justify;
            color: #8C8C8C;
             font-family: Britty2;
            font-size: 16px;
            font-weight: normal;
	padding: 5px;

	margin: auto;
overflow: visible;
            /*background:#ff0000;*/
/*height:1000px;*/
/* border:1px solid red;*/

  /*background-color:#010101;  */
        }

 .cuadrosart{
            display:inline-table;   
            margin:auto;
            margin-top:10px;
/*margin-bottom:5px;*/
            width:20%;
            height:320px;
           
overflow: visible;
            text-align:center;
/*float:left;*/
padding:0px;

 /* background-color:#fc0000;  */
        }


.florecitamx {
	display:inline-block;   
overflow: visible;	
		background: #ffffff;
		width: 99%;
		height: 360px;
		
		text-decoration: none;
		font-family: Arial, Helvetica, Sans Serif;
font-size:13px; 
		color:#636466;
margin: auto;
padding:0px;

		
	}


	.florecitamx a {
		display: inline-block;
		/*background: #121212;*/
		color:#0F121B;
		
		margin: auto;
		text-decoration: none;
		font-family: City;
font-size:13px; 
		width: 99%;
background: #ffffff;
		
padding:0px;

	}

	.florecitamx a:hover {
		background: #00B5D5;/*#00DBFF;*/
		
		color:#ffffff;
		font-family: Verdana, Helvetica, Trebuchet;		
text-decoration: none;
		width: 99%;

padding:0px;
	}




.florecitamx .image{
	/*width:240px;
	height:240px;*/
	
	height:200px;
	width: 200px;
	float:none;
	margin:auto;
	/*border:1px solid #ffcccc;*/
/*width: 60%;*/
max-width:200;
max-height:200px;
}
.florecitamx .conimage{	
	height:200px;
	width: 200px;
	/*border:1px solid #ffee44;*/
	margin:auto;
	/*margin-left:10px;*/
}

.florecitamx .btncin{	
	height:100px;
	width: calc(100% - 40px);
	/*border:1px solid #ffcc00;*/
	margin: auto;
	margin-top:5px;
font-size:13px; 
	font-family: Arial, Helvetica, Sans Serif;
	
}

.btnyoyoyo{	
	height:24px;/*
	width: 120px;*/
	/*border:1px solid #ffcc00;*/
	margin: auto;
	/*margin-top:5px;*/
/*font-size:13px; 
	font-family: Arial, Helvetica, Sans Serif;*/
	
}

.florecitamx .letrita{
	height:35px;
	/*background: #EADFBB;*/
	margin:5px 0px 0px 0px;
	width: calc(100% - 40px);

	margin: auto;

}

.florecitamx a:hover h3{color:#ffffff;}

.florecitamx a:hover h5{color:#ffffff;}

.florecitamx a:hover h7{color:#ffffff;}

.florecitamx h3{
	color:#010101;
	margin-top:0px;
	padding-top:5px;
	/*text-transform:uppercase;*/
	font-family: City;
font-size:15px; 
text-decoration:none;
font-weight: bold;
width: 99%;
}



.florecitamx h7{
	color:#010101;
	margin-top:0px;
	padding-top:5px;
	text-transform:uppercase;
	font-family: Arial, Helvetica, Sans Serif;
font-size:13px; 
text-decoration:none;
font-weight: bold;
}


.florecitamx h5{
	color:#010101;
	margin-top:0px;
	padding-top:5px;
	text-transform:uppercase;
	font-family: Arial, Helvetica, Sans Serif;
font-size:12px; 
text-decoration:none;
font-weight: bold;
}

.florecitamx a.hover h4{color:#cc0000;}

.florecitamx h4{
	color:#cc0000;
	margin:0;
	text-transform:uppercase;
	font-family: Verdana, Helvetica, Trebuchet;
}






@media screen and (max-width:1230px ) {

 .cuadrosart{
           
            width: 32%;

	

}
}


@media screen and (max-width:1000px ) {

 
 .cuadroslprod{
     
            width:98%;
 
        }
}


@media screen and (max-width:900px ) {

 .cuadrosart{
           
            width: 32%;

            height:260px;
}
.florecitamx{

height: 260px;
}
.florecitamx .image{
	
	height:120px;
	width: 120px;
	
}
.florecitamx .conimage{	
	height:120px;
	width: 120px;
	/*border:1px solid #ffee44;*/
	margin:auto;
	/*margin-left:10px;*/
}


}


@media screen and (max-width:700px ) {

 .cuadrosart{
           
            width: 48%;

height: 250px;

}

.florecitamx{

height: 250px;
}

.florecitamx .image{
	
	height:100px;
	width: 100px;
	
}
.florecitamx .conimage{	
	height:100px;
	width: 100px;
	/*border:1px solid #ffee44;*/
	margin:auto;
	/*margin-left:10px;*/
}


}


@media screen and (max-width:550px )
{
.florecitamx h3{
font-size:12px; 
}
.florecitamx .btncin{
	width: calc(100% - 20px);
	
font-size:12px; 
}

}

/*===========================*/
/*===========================*/
/*=======================*/
.clear{
clear:both;
}

#tabacline{  
        background-color:#00acc8;  
      height:2px;  
}  

#pieline{  
  

background: #95d600; /*#C400C4; #FEB204;*/
background-image: url(img/fondopie.gif) repeat-y; 
width: 100%;

}  
#pieline2{  
  

background: #00acc8; /*#C400C4; #FEB204;*/
background-image: url(img/fondopie.gif) repeat-y; 
width: 100%;

} 

.pielimit {
            overflow:hidden;
            text-align: center;
            margin:auto;
            
	width:86%;
	max-width:1203px;

        }


.franjalimit {
            overflow:hidden;
            text-align: center;
            margin:auto;
           
	width:100%;
	


height: 40px;
 opacity: 0.8;
        }

 .cuadpieFrase{
            display:inline-table;           
          /* height:230px; */    
            line-height:22px;
            margin:auto;
		margin-top:10px;
		margin-bottom:10px;
            width:80%;
            
            text-align:justify;
           
            font-family: City;
            font-size: 14px;
            font-weight: normal;color:#ffffff;
/*float:left;*/
	min-width:200px;

     
        }


 .cuadpieA{
            display:inline-table;           
          /* height:230px; */    
            line-height:22px;
            margin:auto;
            width:100%;
            
            text-align:left;
           
            font-family: Calibri, Verdana, Helvetica;
            font-size: 14px;
            font-weight: bold;
float:left;
	min-width:200px;

     
        }


 .cuadpieB{
            display:inline-table;           
          /* height:230px; */    
            line-height:22px;
            margin:auto;
	
            width:33%;
            
            text-align:left;
           
            font-family: Calibri, Verdana, Helvetica;
            font-size: 14px;
            font-weight: bold;
float:left;
	min-width:200px;

     
        }
 .cuadpieC{
            display:inline-table;           
          /* height:230px; */    
            line-height:22px;
            margin:auto;

	
            width:33%;
            
            text-align:center;
           
            font-family: Calibri, Verdana, Helvetica;
            font-size: 14px;
            font-weight: bold;

	min-width:200px;

        }
 .cuadpieD{
            display:inline-table;           
          /* height:230px; */    
            line-height:22px;
            margin:auto;
            width:33%;
            
            text-align:right;
           
            font-family: Calibri, Verdana, Helvetica;
            font-size: 14px;
            font-weight: bold;

	min-width:200px;

        }


@media screen and (max-width:850px) {

 .cuadpieB{            
            width:45%;
}
 .cuadpieC{            
            width:45%;
	text-align: right;
	float-right;
}
 .cuadpieD{            
            width:45%;
	text-align: left;
	float:left;
}
}

@media screen and (max-width:510px) {

 .cuadpieB{            
            width:100%;
	text-align: center;
}
 .cuadpieC{            
            width:100%;
	text-align: center;
	float-left;
}
 .cuadpieD{            
            width:100%;
	text-align: center;
	float:left;
}
}


 .cuadpie1{
            display:inline-table;           
          /* height:230px; */    
            line-height:22px;
            margin:auto;
            width:24%;
            
            text-align:left;
float:left;           
            font-family: Calibri, Verdana, Helvetica;
            font-size: 14px;
            font-weight: bold;

	min-width:200px;

     
        }



 .cuadpie2{
            display:inline-table;           
           /* height:230px;  */
            line-height:22px;
           margin:auto;
            /*margin-left:47px;margin-right:47px;*/
            width:24%;
            /*border:1px solid #ccc;*/
            text-align:left;
            color: #010101;
            font-family: Calibri, Verdana, Helvetica;
            font-size: 14px;
            font-weight: bold;

	min-width:200px;


    
        }


 .cuadpie3{
            display:inline-table;           
          /*height:230px;*/
            line-height:22px;
           margin:auto;
            width:24%;
            /*border:1px solid #ccc;*/
            text-align:left;
            color: #010101;
            font-family: Calibri, Verdana, Helvetica;
            font-size: 14px;
            font-weight: bold;
/*float:right;*/
	min-width:200px;


  
        }
 .cuadpie4{
            display:inline-table;           
          /*height:230px;*/
            line-height:22px;
           margin:auto;
            width:24%;
            /*border:1px solid #ccc;*/
            text-align:left;
            color: #010101;
            font-family: Calibri, Verdana, Helvetica;
            font-size: 14px;
            font-weight: bold;
/*float:right;*/
	min-width:200px;


    
        }
.cuadpie5{display:none;}


@media screen and (max-width:910px) {
 	.cuadpie1, .cuadpie4 {
		width:28%;		
		
	min-width:28%;
		height:120px;
		}  

 	.cuadpie2, .cuadpie3 {
		width:20%;		
		
	min-width:20%;
		height:120px;
		}  
}


@media screen and (max-width:680px) {

.cuadpie2, .cuadpie3, .cuadpie4 {
display:none;
}

 	.cuadpie1 {
		width:45%;		
		
	min-width:45%;
		
		}  


 	.cuadpie5 {

    	display:inline-table;           
          
            line-height:22px;
           margin:auto;
            text-align:left;
float:right;
		width:48%;		
	min-width:48%;
		height:auto;
		}  
}



@media screen and (max-width:500px) {

.franjalimit {
           
height: auto;

        }

}





/*===========================*/
/*===========================*/


.piefranjatxt
 {  
    font-family: City;
    font-size: 14px;
    color: #ffffff;  
    LETTER-SPACING: 0px;
    text-decoration: none;
    font-weight: normal;      
	text-align: right;


}


.pieinfotxt
 {  
    font-family: City;
    font-size: 15px;
    
    color: #ffffff; 
    LETTER-SPACING: 0px;
    text-decoration: none;
    font-weight: bold;      }
  a.pieinfotxt:link, a.pieinfotxt:active, a.pieinfotxt:visited {
    font-family: City;
    font-size: 15px;
    color: #ffffff;
    LETTER-SPACING: 0px;
    text-decoration: none;
    font-weight: normal;   }
  a.pieinfotxt:hover {
    font-family: City;
    font-size: 15px;
    color: #00acc8;   
    LETTER-SPACING: 0px;
    text-decoration: none;
    font-weight: normal;  }


.hr4 {border: 0; border-top: 1px solid #010101; height:0; }

.hr5 {border: 0; border-top: 1px solid #010101; border-bottom: 1px solid #3C2313; height:0; align:center; width:100%;}

.hr7 {border: 0; border-top: 8px solid #010101; height:0; }


#pieline2{  
       /* background-color: #3C2313;  */
       /* height:35;  */
}  


.pielimit2 {
            overflow:hidden;
            text-align: center;
            margin:auto;
           
	width:90%;
	max-width:1230px;

		height:45px;
        }



       .frase2{
            display:inline-table;          
            height:22px;           
            line-height:24px;
	
            /*text-align: left;*/
           /*float:left;*/
            text-align:center;
            color: #F1EBD3;
           font-family: Calibri, Verdana, Helvetica;
    font-size: 14px;
        } 

.pieinfotxt2
 {  
    font-family: Calibri, Verdana, Helvetica;
    font-size: 14px;
    color: #F1EBD3;  
    LETTER-SPACING: 0px;
    text-decoration: none;
    font-weight: normal;      }
  a.pieinfotxt2:link, a.pieinfotxt2:active, a.pieinfotxt2:visited {
    font-family: Calibri, Verdana, Helvetica;
    font-size: 14px;
    color: #F1EBD3;
    LETTER-SPACING: 0px;
    text-decoration: none;
    font-weight: normal;   }
  a.pieinfotxt2:hover {
    font-family: Calibri, Verdana, Helvetica;
    font-size: 14px;
    color: #ffffff;   
    LETTER-SPACING: 0px;
    text-decoration: none;
    font-weight: normal;  }

.catadef
 {  
    font-family: City;
    font-size: 14px;
    color: #00acc8;  
    text-decoration: none;
    font-weight: normal;      }
  a.catadef:link, a.catadef:active, a.catadef:visited {
    color: #00acc8; 
    text-decoration: underline;   }
  a.catadef:hover {
    color: #95d600;    }


#pieline3{  
       /* background-color: #3C2313;  */
       /* height:35;  */
}  


.pielimit3 {
            overflow:hidden;
            text-align: left;
            margin:auto;
           
	width:90%;
	max-width:1230px;

		height:55px;
        }



       .frase3{
            display:inline-table;          
           /* height:22px;  */         
            line-height:24px;	
            text-align: left;
           /*float:left;*/
            
            color: #010101;
           font-family: Calibri, Verdana, Helvetica;
    font-size: 14px;
        } 



 .fichatecno{
            display:inline-block;       
           /* height:340px;     */
           /* line-height:18px;*/
           margin:auto;
            width:98%;
            /*border:1px solid #ccc;*/
            text-align:center;
            
            color: #8C8C8C;
            font-family: Britty2;
            font-size: 16px;
float:none;

overflow: visible;
        }


.tecno1{
            display: inline-table;
            margin: auto;
            margin-top: 10px;
            margin-bottom: 10px;
            margin-left: 7px;
            margin-right: 7px;		
            width: 29%;        
            text-align: center;          
            
	
height: 240px;
/*max-height: 240;*/	
/*border:1px solid #f3f3f3;*/

        }

.tecno1text{
          
            text-align: center;          
            font-family: Britty2;	
	font-size:24px;
	color:#00B5D5;

	
        }

.tecno1text3{
          
            text-align: justify;          
            font-family: Britty2;	
	font-size:16px;
	color:#8C8C8C;
width: 80%;
	margin: auto;
        }

.tecno1text2{
          
            text-align: justify;          
            font-family: Britty2;	
	font-size:15px;
	color:#8C8C8C;

	
        }
img .tecno1{
       /*width: 95%;*/
align:center;
        }




@media screen and (max-width:1050px) {


.tecno1{
width: 45%;
}



}


@media screen and (max-width:600px) {


.tecno1{
width: calc(100% - 24px);
margin-left:10px;
margin-right:10px;
margin-bottom:22px;
}

.tecno1text3{
width: calc(100% - 24px);
}



}



/*===========================*/

#fichacon{  
       /* background-color:#cc0000;  */
       /* height:340px;  */
}  


.fichaconlimit {
            overflow:hidden;
            text-align: center;
            margin:auto;
          /*  background:red;*/
	width:69%;
	/*max-width:980px;*/

 background: url(../img/fondocon.jpg) no-repeat;
    background-position: top center; 
    /*border: 2px solid black;*/

        }


.fichatrans {
       
	width:540px;
	max-width:540px;
    /*margin-right: 100px;
    margin-left: 100px;*/
margin:auto;
    margin-top: 25px;
    margin-bottom: 25px;
    background-color: #010101;
    border: 1px solid black;
    opacity: 0.6;
    filter: alpha(opacity=0.5); /* For IE8 and earlier */

        }

.cuadrosregistro{
            display:inline-table;           
           /*height:210px;     */
           /* line-height:25px;*/
            margin:auto;
            width:800px;
           /* text-align:left;*/
            /*color: #cc0000;*/
           /* font-family: Verdana, Helvetica, Trebuchet;
            font-size: 20px;*/
/*float:left;*/

          /* border:1px solid #ffffff;*/

        }

cuadrosregistroc{
            display:inline-table;           
           /*height:210px;     */
           /* line-height:25px;*/
            margin:auto;
            width:98%;
           /* text-align:left;*/
            /*color: #cc0000;*/
           /* font-family: Verdana, Helvetica, Trebuchet;
            font-size: 20px;*/
/*float:left;*/

          /* border:1px solid #ffffff;*/

        }

.cuadrosregistrodes{
            display:inline-table;           
           /*height:210px;     */
           /* line-height:25px;*/
            margin:auto;
            width:100%;
           /* text-align:left;*/
            /*color: #cc0000;*/
           /* font-family: Verdana, Helvetica, Trebuchet;
            font-size: 20px;*/

	/*background-color: #F1EBD3; 	*/
float:left;

        }



.cuadrosregistropan{
            display:inline-table;           
           /*height:210px;     */
           /* line-height:25px;*/
            margin:auto;
            width:50%;
           /* text-align:left;*/
            /*color: #cc0000;*/
           /* font-family: Verdana, Helvetica, Trebuchet;
            font-size: 20px;*/
float:left;

        }


.hrcon {border: 0; border-top: 2px dotted #f4f4f4; height:0; }

           .secform{
            display:inline-table;          
            height:25px;           
            line-height:25px;	
           float:left;
            text-align:left;
            
	width: 95%;
	color: #0F121B;
            
            font-family: Britty2;
            font-size: 18px;
	/*background-color: #F1EBD3; */	
    font-weight: bold;  

          border-bottom:2px solid #00acc8;
        } 

           .secbco{
            display:inline-table;          
            height:25px;           
            line-height:25px;
	
            /*margin-right:5px;*/
           float:left;
            text-align:left;
             color: #0F121B;
	width: 95%;
            font-family: City;
            font-size: 14px;
          /* border:1px solid #cc0000;*/
        } 

         .seccapt{
            display:inline-table;          
            height:25px;           
            line-height:25px;
	
            /*margin-right:5px;*/
           float:left;
            text-align:center;
           color: #8C8C8C;
	width: 95%;
            font-family: Britty2;
            font-size: 13px;
           /*border:1px solid #cc0000;*/
        } 


           .pregcont{
            display:inline-table;          
            height:30px;           
            line-height:25px;
	
            /*margin-right:5px;*/
           float:left;
            text-align:left;
             color: #8C8C8C;
	width: 45%;
            font-family: Britty2;
            font-size: 14px;
          /* border:1px solid #cc0000;*/
        } 
           .respcont{
            display:inline-table;          
            height:35px;           
            line-height:25px;
	/*margin-left:5px;*/
            /*text-align: left;*/
           float:left;
            text-align:left;
            color: #0F121B;
	width: 45%;
            font-family: City;
            font-size: 12px;
        } 


input[type=contacto] {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    height: 24px;
    width: 200px;
    background: #010101;
    color: #010101;
	
	border: none;
}


@media screen and (max-width:1050px) {


.cuadrosregistro{
            width:95%;
        }



}


@media screen and (max-width:850px) {


.fichatrans {
       width:400px

    margin-top: 0px;
    margin-bottom: 0px;
        } 


/*.cuadrosregistro{
            width:400px;

        }*/

/*.seccapt{   
	width: 350px;          
        } 

           .secform{
             
	width: 350px;
           
        } 


           .secbco{
	width: 350px;
}*/

 .pregcont{
            
	width:95%;
        } 
           .respcont{
            
	width: 95%;
        } 


}

@media screen and (max-width:600px) {
.fichaconlimit {
	width:90%;
}

.fichatrans {
       width:350px;

    margin-top: 0px;
    margin-bottom: 0px;
        } 


/*.cuadrosregistro{
            width:300px;

        }*/


  /*         .secbco{
	width: 300px;
}

.seccapt{   
	width: 300px;          
        } 

           .secform{
             
	width: 300px;
           
        } 
 .pregcont{
            
	width:300px;
        } 
           .respcont{
            
	width: 300px;
        } */



}

@media screen and (max-width:500px) {


.fichatrans {
       width:320px;

    margin-top: 0px;
    margin-bottom: 0px;
        } 

@media screen and (max-width:450px) {

.fichaconlimit {
	width:95%;
}

.fichatrans {
       width:300px;

    margin-top: 0px;
    margin-bottom: 0px;
        } 


           .secbco{
	width: 250px;
}

/*.seccapt{   
	width: 250px;          
        } 

           .secform{
             
	width: 250px;
           
        } 
 .pregcont{
            
	width:250px;
        } 
           .respcont{
            
	width: 250px;
        } */
}