/* --- portada --- */

        #portada {}
        
        #portada #slide { 
            margin: auto;
            max-width:1400px;
            /*margin-bottom:10px;*/
        }
        #portada #slide li img{ 
            margin: auto;
        }
        
        #portada .bandaverde {
            background:#6bc72a; color:#fff; 
            font-weight:700; 
            padding:5px;
            font-size:25px;
            text-align:center;
        }
        #portada .banners { text-align:center; }
        #portada .banners img {
            display:inline-block;
            width:25%;
            padding:0.5%;
        }
        
        #portada #blog {
            background:#e7e7e7;
            padding:10px;
            padding-bottom:50px;
        }
        #portada #blog h2, #portada #blog a { color:#00953a;}
        #portada #blog h2 {  font-size:25px; }
        #portada #blog .notitem {
            display:inline-block;
            vertical-align:top;
            width:45%;
            margin-left:2%; margin-right:2%;
            border-top:1px solid #666;
            padding:10px;
        }
        #portada #blog .notitem:nth-child(3),
        #portada #blog .notitem:nth-child(2) { border-top:0; }
        #portada #blog .notcap a { color:#4c4c4c; font-weight:bold; font-size:16px;}
        #portada #blog .notdata  { display:none;}
        #portada #blog .notcos   { color:#666;}
        #portada #blog  a.boton  { color:#fff;}

    /* --- destacados -- */

        #portada .destacados{text-align:center;}
        #portada .destacados > div  {
            padding-top:5px;
            margin-bottom:20px;
        }
        #portada .destacados > h2 {
            padding-top:20px;
            color:#666;
            text-align:center;
            border-top:1px solid #000;
            font-size:25px;
        }
 		#portada #txtintro {
            background:#fff;
            padding:10px;
            padding-bottom:50px;
        }
		#portada #txtintro h2 {color:#00953a; font-size:25px;}
		#portada #txtintro p {padding-bottom: 10px;}
        

        /* --- portada movil --- */
        
@media all and (max-width:1000px)  { 
        #portada .banners img {
            width:98%; margin:1%; padding:0;
            max-width:333px;
        }
        #portada #blog       { display:none; }
    
}
        
        
        
@media all and (max-width:600px)  { 
    #portada #slide{display: none;}
}