body{
    /* background: url(../pics/fondo.jpg); */
    background-size:cover;
    background-attachment:fixed;
    background-position:center center;

    display: flex;
  justify-content: center;
  flex-direction: column;
  text-align: center;
}

.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link{
    color:rgba(255,255,255,1);
}

.portada .col{
        max-width:120px;
        height:120px;
        border:transparent solid;
    }
    
    
    .fc1{
        /* background:url("../pics_portada/fertilizantes_convencionales.jpg") blue; */
        background:url("../pics_portada/division_organica.png");
        background-size:contain !important;
    }

    .fc2{
        background:url("../pics_portada/fresas.jpg") #fff;
        /* background:url("../certificados/Bioagricert.png") #fff; */
        background-size:contain !important;
    }
    .fc3{
        background:url("../pics_portada/papaya.jpg");
    }

    .fc4{
         background:url("../pics_portada/uvas.jpg") #fff;
         
        
        /* background:url("../certificados/logo-cdfa.jpg") #fff; */
        background-size:contain !important;
    }
    .fc5{
        /* background:#6dae3a; */
        /* background:url("../pics_portada/division_organica.jpg") orange; */
        background:url("../certificados/logo-omri.jpg") #fff;
        /* background:url("../pics_portada/uvas.jpg"); */
        background-size:contain !important;
    }
    .fc6{
        background:url("../pics_portada/agave.jpg");
    }

    .fc7{
        background:url("../pics_portada/berries.jpg");
    }
    .fc8{
        /* background:#1c5699; */
        background:url("../pics_portada/fertilizantes_convencionales.png");
        /* background:url("../pics_portada/aguacate.jpg"); */
        background-size:cover !important;
    }
    .fc9{
        background:url("../pics_portada/aguacate.jpg") #fff;
        /* background:url("../certificados/logo-omri.jpg") #fff; */
        background-size:contain !important;
    }
    .fc10{
        background:url("../pics_portada/jitomate.jpg");
    }

    .fc11{
        background:url("../pics_portada/limon.jpg");
    }
    .fc12{
        background:url("../pics_portada/mango.jpg");
    }
    .fc13{
        /* background:#F00; */
        /* background:url("../pics_portada/division_organica.jpg"); */
        /* background:url("../pics_portada/brocoli.jpg"); */
        background:url("../certificados/WSDAO.gif") #fff;
        background-size:cover !important;
    }
    .fc14{
        background:url("../pics_portada/brocoli.jpg") #fff;
        
        background-size:contain !important;
    }
    .fc15{
        background:url("../pics_portada/rosa.jpg");
    }


    .portada .fcol{background-size:cover; background-position:center center; background-repeat:no-repeat;}
    .fmenurow{
        display:block;
        height:0px !important;
    }
 
    .portada .texto{
        /* cursor:pointer; */
    }

    .texto a{
        display:table;
        width:100%;
        height:100%;
    }

    .texto a h4{
        display:table-cell;
        text-align:center;
        font-size:130%;
        color:#fff;
        font-weight:bold;
    }

    .modal div[role="dialog"]{
        max-width:50%;
    }
    
    .modal div[role="document"]{
        max-width:80%;
    }
    .thumbnail{
        max-width:100px;
    }

     .flexbox-container {
			/* padding:0% 10% !important; */
			display: -ms-flexbox;
			display: -webkit-flex;
			display: flex;

			-ms-flex-align: center;
			-webkit-align-items: center;
			-webkit-box-align: center;
			align-items: center;

        }

     .flexbox-card-list {
			display: -ms-flexbox;
			display: -webkit-flex;
			display: flex;

			-ms-flex-align: center;
			-webkit-align-items: center;
			-webkit-box-align: center;
			align-items: center;

		}

		.card{border:transparent; background:rgba(255,255,255,0.9);}

		#menu{
			position:absolute;
			right:15%;
			top:10%;
			z-index:1;
			width:110%;
			
		}
		#menu .dropdown{
			display:block;
			width:20%;
			float:right;

		}
		#menu .dropdown .dropdown-menu{
			background:none;
			border:none;
			width:100%;
		}
		#menu .dropdown .dropdown-item{
			margin:1%;
			background:#3377B0;
			color:#FFF;
			text-align:center;
			border-radius:15px;
		}
        .activef{
            background:url(../pics/logito.png) no-repeat #3377B0;
            background-position:center left;
        }
		#menu .dropdown .dropdown-item:hover{
			background:url(../pics/logito.png) no-repeat #3377B0;
            background-position:center left;
            background-size:contain !important;
			color:#FFF;
			text-align:center;
			border-radius:15px;
		}

        #menu img{width:100%;}
        
        .contact-icon-left{font-size:50px !important;}

        /* #p-descrpcion{
        	border-top:#3377B0 solid;
        } */

        .ferti-list{
        	 list-style-image: url('../pics/logito_15.png') !important;
        }

        #sidebar .card{background:#3377B0; text-align: center;}
        #sidebar .card h3{color:#86BC23;}
        #sidebar .card li{color:#fff;}

        .navbar li{
        	background:#3377B0;
        	margin:0% 1px;
        	border-radius:5px;
        	padding:0px 5px;
        }
        .navbar li a{color:#fff; font-weight:bold;}
        .navbar .dropdown-menu a{background:#3377B0; color:#fff; font-weight:bold;}

         #onMobile{display:none;}

        @media (max-width: 1024px) {
		    .flexbox-container {
                padding:20% 10% !important;
		    }
		    
        }
        
        @media (max-width: 768px) {
            #onDesktop{display:none;}
            #onMobile{display:block;}
        	#portadilla-piramide{width:100%; margin-top:1%;}
        	#portadilla-logo{width:100%;}
            #menu{
				position:initial !important;
			}
			#menu .dropdown .dropdown-item{
				margin:5% 0%;
			}
			#menu .dropdown{
				display:block;
				width:100%;
				text-align:center;
				background:rgba(255,255,255,0.8);
			}
			#menu .dropdown-menu{
				background:rgba(255,255,255,0.8) !important;
				padding:5%;
			}
			#menu .dropdown-header{
				color:#86BC23 !important;
			}
			#main-card{
				display:none;
			}
        }

        @media (min-width: 768px) and (max-width: 1024px) {
        	.flexbox-container {
                padding:7% 10% !important;
		    }
			 #menu{	
				top:30%;
			}
        }

        @media (min-width: 1024px) and (max-width: 1366px) and (orientation:portrait){
        	#onDesktop{display:none;}
            #onMobile{display:block;}
        	#portadilla-piramide{width:100%; margin-top:1%;}
        	#portadilla-logo{width:100%;}
        	.flexbox-container {
                padding:40% 10% !important;
		    }
			 #menu{	
				top:35%;
			}
        }

        /* @media (min-width: 1024px) and (max-width: 1366px) and (orientation:landscape){
        	.flexbox-container {
                padding:15% 10% !important;
		    }
			 #menu{	
				top:25%;
			}
        } */

        @media (min-width:1366px){
            #onDesktop{display:block;}
            #onMobile{display:none;}
        	#portadilla-piramide{width:60%;}
        	#portadilla-logo{width:30%;}
        	.portada .col{
				max-width:120px;
				height:120px;
				border:transparent solid;
			}

			#menu{
				position:absolute;
				right:25%;
				top:5%;
				z-index:1;
			}
			#menu .dropdown{
				display:block;
				float:right;
			}
			#menu img{width:100%;}

        }

          .pproduct{
        	border:1px solid rgb(0, 123, 255);
        	border-radius:5px;
        }

        .user_name{
    font-size:14px;
    font-weight: bold;
}
.comments-list .media{
    border-bottom: 1px dotted #ccc;
}

/* #portadilla-piramide{width:60%;} */
/* #portadilla-logo{width:30%;} */
#body-portadilla{	
	-webkit-animation: bganimate;
	-webkit-animation-duration: 20s;
	-webkit-animation-iteration-count:inifinite;
	animation-name: bganimate;
    animation-duration: 20s;
    animation-iteration-count: infinite;

}

@-webkit-keyframes bganimate {
    0%{background:url(../pics/portadilla/SLIDER-1-PORTADA.jpg) no-repeat; background-size:cover;}
    25%{background:url(../pics/portadilla/SLIDER-2-PORTADA.jpg) no-repeat; background-size:cover;}
    50%{background:url(../pics/portadilla/SLIDER-3-PORTADA.jpg) no-repeat; background-size:cover;}
    100%{background:url(../pics/portadilla/SLIDER-1-PORTADA.jpg) no-repeat; background-size:cover;}
}

@keyframes bganimate {
	0%{background:url(../pics/portadilla/SLIDER-1-PORTADA.jpg) no-repeat; background-size:cover;}
    25%{background:url(../pics/portadilla/SLIDER-2-PORTADA.jpg) no-repeat; background-size:cover;}
    50%{background:url(../pics/portadilla/SLIDER-3-PORTADA.jpg) no-repeat; background-size:cover;}
    100%{background:url(../pics/portadilla/SLIDER-1-PORTADA.jpg) no-repeat; background-size:cover;}
}   