/*::::::::::::::::DISPOSITIVOS:::::::::::::::::*/

@media (max-width: 980px) and (min-width: 300px) {

    div#nav2 a{
        color:#FFF;
        font-family: 'Titillium Web', sans-serif;
        text-decoration:none;
        font-size:0,8em !important;
        margin:0 4px;
    }
}

@media all{
    /*:::::::::::::::::::::::::::::ESTILOS GENERICOS:::::::::::::::::::::::::::::::*/
    *{
        margin:0;
        padding:0;
    }
    html{
        width:100%;
        height:100%;
    }	
    body{
        width:100%;
        height:100%;
        font-size:12px;
        color:#222;
        font-family:Verdana, Geneva, sans-serif;
        overflow-x:hidden;
    }
    div.salto{
        clear:both;
    }
    a img{
        border:none;
        outline:none;
    }
    a{
        outline:none;
        color:#888;
    }
    h1{
        font-style:normal;
        font-size:30px;
        color:#333;
        font-family: 'Titillium Web', sans-serif;
        letter-spacing:4px;
    }
    h2{
        font-style:normal;
        font-size:18px;
        font-family: 'Titillium Web', sans-serif;
    }
    h3{
        font-style:normal;
        font-size:14px;
        font-family: 'Titillium Web', sans-serif;
    }		
    /*ESTILOS PROPIOS*/


    /*@media (max-width: 1980px) and (min-width: 980px) {*/
    /*:::::::::::::::::::::::::::::BARRA SUPERIOR:::::::::::::::::::::::::::::::*/

    div#nav{
        position:fixed;
        top:0;
        background:#000;
        color:#FFF;
        width:100%;
        z-index:9;
    }
    div#nav2{
        width:980px;
        margin:0 auto;
    }
    div#nav2 a{
        color:#FFF;
        font-family: 'Titillium Web', sans-serif;
        text-decoration:none;
        font-size:1.2em;
        margin:0 14px;
    }
    p.tel{
        float:right;
        margin:8px 50px 0 0;
        width:120px;
    }
    p.tel em{
        float:right;
        margin:2px 0px 0 8px;
        display:block;
    }		
    div#nav2 a:hover{
        color:#CCC;
    }		
    div#enlaces{
        float:left;
        width:600px;
    }
    div#enlaces a{
        line-height:34px;
    }	
    div#redes{
        float:right;
        width:120px;
        margin:4px 0 0 0;
    }
    div#redes a{
        margin:0 4px;
    }		
    /*:::::::::::::BOTONES DERECHA:::::::::::::::::*/


    .servicios{
        position:fixed;
        left:0;
        z-index:99;
    }

    #s0{
        margin:160px 0 0 0;
    }
    #s1{
        margin:210px 0 0 -164px;
    }
    #s2{
        margin:260px 0 0 -164px;
    }
    #s3{
        margin:310px 0 0 -164px;
    }
    #s4{
        margin:360px 0 0 -164px;
    }
    #s5{
        margin:410px 0 0 -164px;
    }	


    div#contenido{
        background:url(../../imagenes/textura5.png) no-repeat bottom fixed;
        background-size:contain;
    }	

    /*:::::::::::::DIVS--SCROLL:::::::::::::::::*/
    div#index10, div#index20, div#index30, div#index40, div#index50, div#index60{
        width:980px;
        margin:0 auto;
    }
    div.botones{
        text-align:center;
    }
    div.botones a{
        margin:0 40px;
    }
    div.botones a:first-child{
        margin:0 20px 0 0 !important;
    }
    div.botones a:last-child{
        margin:0 0 0 0 !important;
    }				
    p.boton{
        text-align:center;
        border-bottom:1px solid #CCC;
        padding:6px;
    }	

    /*:::::::::::::DIV-SCROLL-1:::::::::::::::::*/
    div#index1{
        background:url(../../imagenes/textura1.png) left 220px fixed no-repeat;
        background-size:contain;
    }

    div#logo{
        text-align:center;
        margin:58px 0 20px 0;
    }
    h1.titulo{
        text-align:center;
        padding:9px 0;
        border-bottom:1px solid #ccc;
        border-top:1px solid #ccc;
        margin:0 0 0 0;
        font-weight:300;
    }

    div#contenido1{
        margin:20px 0 30px 0;
    }
    div#contenido1 img{
        float:left;
    }
    div#contenido1 p{
        float:right;
        width:340px;
    }

    /*:::::::::::::DIV-SCROLL-2:::::::::::::::::*/
    div#index2{
        background:url(../../imagenes/textura2.png) repeat-x bottom;
    }
    div#index2 h1 img{
        margin:0 18px 0 0;
    }	
    .inlineblock{
        display:inline-block;
    }
    h2.inlineblock{
        line-height:20px;
        font-size:17px;
        font-weight:300;
        margin:30px 0 16px 0;
        width:156px;
        padding:8px 0 0 80px;
    }
    h2.inlineblock span{
        position:absolute;
        width:64px;
        height:64px;
        background:url(../../imagenes/circulo.png) no-repeat;
        text-align:center;
        color:#FFF;
        font-size:38px;
        margin:-4px 0 0 -70px;
        line-height:60px;
    }	
    p.inlineblock{
        padding:12px 28px 12px 0;
        width:209px;
        height:210px;
        margin:0 0 50px 0;
        vertical-align:top;
    }
    p.inlineblock a{
        display:block;
        border-bottom:1px solid #ccc;
        border-top:1px solid #ccc;	
        text-align:center;
        padding:8px 0;
        font-size:16px;
        font-family: 'Titillium Web', sans-serif;
        text-decoration:none;
        color:#666;
        vertical-align:bottom;
    }
    p.inlineblock a:hover{
        color:#999;
    }		

    /*:::::::::::::DIV-SCROLL-3:::::::::::::::::*/

    div#index3{
        background:url(../../imagenes/textura3.png) no-repeat right 586px;
    }
    div#index3 h1 img{
        margin:0 18px 0 0;
    }	

    div.linkright{
        margin: 14px 0 0 0;
    }
    div.linkright img{
        position:absolute;
        margin:4px 0;
    }
    div.linkright a{
        display:block;
        float:right;
        width:800px;
        background:url(../../imagenes/miniflecha.png) no-repeat 860px 26px, url(../../imagenes/textura2.png) repeat;
        padding:26px 100px 26px 0;
        margin:4px 0;
        text-align:right;
        color:#000;
        font-size:16px;
        text-decoration:none;
        font-family: 'Titillium Web', sans-serif;
    }
    div.linkright a:hover{
        background:url(../../imagenes/miniflecha.png) no-repeat 860px 26px #666;
        color:#FFF;
    }	


    div#debajo3{
        margin:18px 0;
    }
    p#texto{
        float:left;
        width:450px;
        text-align:justify;
    }
    p#minienlaces{
        float:right;
        width:450px;
    }
    p#minienlaces a{
        margin:0 16px;
    }	
    div#minienlaces2{
        margin:12px 0;
    }
    div#minienlaces2 a.link1{
        background:url(../../imagenes/pastillagris1.png) no-repeat;
        width:252px;
        text-align:center;
        font-size:14px;
        color:#fff;
        font-family: 'Titillium Web', sans-serif;
        text-decoration:none;
        display:block;
        float:left;
        padding:8px 0;
        margin:0 0 0 50px;
    }
    div#minienlaces2 a.link2{
        background:url(../../imagenes/pastillagris2.png) no-repeat;
        width:252px;
        text-align:center;
        font-size:14px;
        color:#000;
        font-family: 'Titillium Web', sans-serif;
        text-decoration:none;
        display:block;
        float:left;
        padding:8px 0;
        margin-left:20px;
    }		

    div#fabricantes{
        margin:0px 0 40px 0;
        text-align:center;
    }
    div#fabricantes img{
        margin:-14px 20px;
    }	
    /*:::::::::::::DIV-SCROLL-4:::::::::::::::::*/

    div#index4{
        background:url(../../imagenes/textura4.png) no-repeat left bottom;
    }
    div#index4 h1 img{
        margin:0 18px 0 0;
    }	

    div#servicio1{
        border-bottom:1px solid #000;
        margin:0 0 0 0;
    }
    div#servicio1 p{
        float:left;
        width:400px;
        margin:16px 0 0 0;
    }
    div#servicio1 p img{
        margin:20px 10px;
    }	
    .margintop{
        margin-top:26px !important;
    }

    div#servicio1 img{
        float:right;
    }		
    div#servicio2{
        border-bottom:1px solid #000;
    }
    div#servicio2 a{
        display:inline-block;
        vertical-align:top;
        width:216px;
        text-align:center;
        margin:30px 10px;
        color:#000;
        font-family: 'Titillium Web', sans-serif;
        font-size:16px;
        text-decoration:none;
        font-weight:300;
    }	
    a.tontada{
        color:#000;
        font-family: 'Titillium Web', sans-serif;
        font-size:18px;
        text-decoration:none;
        font-weight:300;
        margin-right:100px;
    }
    a.tontada2{
        margin-left:100px !important;
        margin-right:0px !important;
    }
    a.tontada3{
        margin-left:20px !important;
        margin-right:0px !important;
    }		

    div#index4 div.botones{
        text-align:right;
        margin:12px 0 0 0;
    }

    /*:::::::::::::DIV-SCROLL-5:::::::::::::::::*/
    div#index5{
        background:url(../../imagenes/textura5.png) no-repeat right 486px;
        background-size:contain;
    }
    div#index5 h1 img{
        margin:0 18px 0 0;
    }
    div#imagencortada{
        height:426px;
        background:url(../../imagenes/img5.png) no-repeat center;
        margin:18px 0 0 0;
    }	
    p#i1{
        width:450px;
        float:left;
        margin:360px 0 0 0;
    }
    p#i1 a{
        float:left;
        height:120px;
        display:block;
    }	
    p#i2{
        width:450px;
        float:right;
    }
    div.cafe{
        text-align:center;
    }

    /*:::::::::::::DIV-SCROLL-6:::::::::::::::::*/

    div#index6{
    }
    div#index6 p{
        margin:20px 0 40px 0;
    }	
    div#index6 h1 img{
        margin:0 18px 0 0;
    }

    div#index6 div.linkright a{
        display:block;
        float:right;
        width:800px;
        background:#666666;
        padding:12px 100px 12px 0;
        margin:4px 0;
        text-align:right;
        color:#fff;
        font-size:16px;
        text-decoration:none;
        font-family: 'Titillium Web', sans-serif;
    }
    div#index6 div.linkright a:hover{
        background:url(../../imagenes/textura2.png) repeat;
        color:#666;
    }	
    span.textoservicio{
        text-align:justify !important;
        font-size:12px;
        font-family:Verdana, Geneva, sans-serif;
    }	

    /*:::::::::::::::::PIE:::::::::::::::::::*/
    div#pie{
        background:#000;
        text-align:center;
        padding:10px 0;
        margin:40px 0 0 0;
    }
    /*:::::::::::::::::CONTACTO:::::::::::::::::::*/	
    p.contacto{
        font-size:14px;
        line-height:25px;
        paddingn-top:10px;
    }
    p.contacto strong{
        font-family: 'Titillium Web', sans-serif;
    }
    p.contacto span{
        font-size:22px;
        color:#666;
        font-weight:bold;
        font-family: 'Titillium Web', sans-serif;
    }
    div#content{
        width:980px;
        margin:0 auto;
        min-height: 255px;
    }

    div#formulario{
        width:520px;
        margin:10px 0 0 0;
        padding:0 10p 10p 10px;
        float:left;
    }	
    p.contacto{
        float:right;
        width:340px;
        margin:30px 0 0 0;
        height:370px;
        background:url(../../imagenes/contacto.png) no-repeat bottom center;
    }

    p#contacto2{
        width:320px;
        float:right;
        margin:0px 30px 0 0;
        padding-top:8px;
        font-size:14px !important;
        text-align:center;
    }	
    p#contacto2 strong{
        font-size:24px;
        font-family:Verdana, Geneva, sans-serif;
        color:#030;
    }p#contacto2 strong.la{
        font-size:14px;
        font-family:Verdana, Geneva, sans-serif
    }



    div#formulario table{
        width:100%;
        color:#333;
        font-size:14px;
        text-align:right;
    }
/*    td.t2{
        background:url(../../imagenes/fondoformulario.png) no-repeat 0px 36px !important;
    }		*/
    td#boton{
        text-align:left;
    }			
    #form input{
        width:100%;
        height:20px;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        border:1px solid #CCC;
    }	
    #form textarea{
        resize: none;
        width:100%;
        height:70px;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        border:1px solid #CCC;
    }
    #form input:hover, #form textarea:hover{
        border:1px solid #000;
    }
    #enviar{
        height:40px !important;
        width:120px !important;
        cursor:pointer;
        background:#efefef;
    }
    #enviar:hover{
        background:#000;
        color:#FFF;
    }	
    /*:::::::::::::::::UBICACIÓN:::::::::::::::::::*/	

    iframe{
        margin:10px 0 0 38px;
        border:1px solid #666;
    }
    p.ubicacion{
        margin:20px 40px 20px 40px}
    p.ubicacion strong{
        font-weight:bold;
        font-size:16px;
    }	
    small{
        width:882px !important;
        background:#666;
        color:#FFF;
        text-decoration:none;
        margin:0 0 80px 38px;
        padding:4px 0 4px 20px;
        display:block;
    }
    small a{
        width:902px !important;
        background:#666;
        color:#FFF;
        text-decoration:none;
        margin:0 0 0 38px;
        color:#FFF !important;
    }	

    /*:::::::::::::::::PROYECTOS:::::::::::::::::::*/	

    div#enlacesgal{
        width:300px;
        float:left;
    }
    div#enlacesgal ul{
        margin:20px 0 40px 30px;
        list-style-image:none !important;
        list-style-type:none !important;
    }
    div#enlacesgal ul li a{
        color:#666;
        font-family: 'Titillium Web', sans-serif;
        font-size:16px;
        text-decoration:none;
        font-weight:300;
    }
    div#enlacesgal ul li a:hover{
        color:#000;
    }	
    div#enlacesgal ul li{
        margin:6px 0 6px;
        padding:6px 6px 6px 40px;
        background:url(../../imagenes/miniflecha.png) no-repeat 10px center, url(../../imagenes/textura2.png) repeat-x;

    }		
    div#galeria{
        width:600px;
        float:right;
    }

    div#galeria h2{
        font-family: 'Titillium Web', sans-serif;
        font-size:24px;
        margin:30px 0 0 0;
        padding-left:20px;
    }


    /*:::::::::::::::::NOTICIAS:::::::::::::::::::*/

    div.texto2 p{
        width:246px !important;
    }
    div.destacadonoticia20{
        width:256px;
        float:left;
        margin:40px 32px 20px 32px;
        border-bottom:1px solid #999;
        padding-bottom: 10px;
        height: auto;
    }
    div.destacadonoticia20 p em{
        color:#999;
        text-align:right;
        display:block;
    }	
    div.destacadonoticia20 h2{
        font-size:16px;
        font-family: 'Titillium Web', sans-serif;
        line-height:17px;
        width:246px !important;
        margin:10px 0 0 10px
    }	
    div.destacadonoticia20 strong{
        color:#333;
    }
    div.destacadonoticia20 a.circulo{
        color:#fff;
        background:url(../../imagenes/circulo.png) no-repeat;
        position:absolute;
        height:64px;
        width:64px;
        text-align:center;
        line-height:60px;
        text-decoration:none;
        margin:-40px 0 0 -40px;
    }
    div.destacadonoticia20 a.circulo:hover{
        color:#000;
    }
    div#noticiadesarrollada{
        margin-bottom:30px;
    }
    div#noticiadesarrollada h2{
        margin:20px 0 20px 0;
        color:#666;
        font-family: 'Titillium Web', sans-serif;
        font-size:20px;
    }
    div#noticiadesarrollada p{
        padding:0 0 30px 0;
        border-bottom:1px solid #CCC;
        min-height: 305px;
    }
    div#noticiadesarrollada p em{
        display:block;
        text-align:right;
        color:#999;
    }	
    div#noticiadesarrollada p img{
        float:left;
        margin:0 20px 20px 0;
    }		
    div#noticiadesarrollada p strong{
        color:#333;
    }			
    /*:::::::::::::::::CAFE:::::::::::::::::::*/	

    div#cafe{
        background:#28190d url(../../imagenes/coffe.png) repeat-x top;
        min-height:500px;
        color:#FFF;
        padding:40px 0;
    }
    div#cafe strong{
        font-family: 'Titillium Web', sans-serif;
        font-size:24px;
        color:#960;
    }	
    div#pie2{
        background:none repeat scroll 0 0 #000000;
        margin:0;
        padding:10px 0;
        text-align:center;
    }
    p.inicial{
        width:980px;
        margin:0px auto 30px auto;
    }
    div.curso{
        width:980px;
        margin:0 auto;
    }
    div.curso p{
        width:360px;
        float:left;
        height: 220px;
        padding:50px;
        margin:10px 10px;
        font-size:11px;
    }

    a.cafelogo{
        float:left;
        margin:0 20px 0 0;
        display:block !important;
    }
    img.cafelogo{
        float:left;
        margin:0 20px 0 0;
        display:block !important;
    }	
    p.p1{
        background:url(../../imagenes/fondo1.png) no-repeat center;
    }
    p.p2{
        background:url(../../imagenes/fondo3.png) no-repeat center;
    }
    p.p3{
        background:url(../../imagenes/fondo2.png) no-repeat center;
    }
    p.p4{
        background:url(../../imagenes/fondo4.png) no-repeat center;
    }		
    p.p1 strong, p.p2 strong, p.p3 strong, p.p4 strong{
        font-weight:normal;
        font-size:18px !important;
        color:#FFF !important;
    }	

    #f1{
        position:absolute;
        float:left;
        margin:160px 0 0 -570px;
    }
    #f2{
        position:absolute;
        float:left;
        margin:270px 0 0 -550px;
    }
    #f3{
        position:absolute;
        float:left;
        margin:500px 0 0 -570px;
    }
    img.flechina{
        position:absolute;
        float:left;
        margin:-50px 0 0 200px;
    }	
    div#cafe2{
        background:#563e2a url(../../imagenes/fondobien.jpg) no-repeat bottom right fixed;
        background-size:cover;
        color:#FFF;
        -webkit-box-shadow: 0px -8px 30px 0px rgba(0, 0, 0, 0.5);
        -moz-box-shadow:    0px -8px 30px 0px rgba(0, 0, 0, 0.5);
        box-shadow:         0px -8px 30px 0px rgba(0, 0, 0, 0.5);
    }
    div#cafe2 strong{
        font-family: 'Titillium Web', sans-serif;
        font-size:20px;
        color:#000;
        margin:12px 0 0 0;
    }	
    img.maquina{
        float:left;
        margin:-10px 20px 0 0;
    }
    div.productos{
        margin:0 auto;
        width:980px;
        padding:30px 0;
    }
    div.productos2{
        margin:50px auto;
        padding:0px 0 30px 0;
        text-align:center;
        background:url(../../imagenes/fondoproduct.png) no-repeat center;;
        width:940px;
    }	
    div.productos2 a{
        text-decoration:none;
        font-size:16px !important;
        text-align:center;
        color:#FFF !important;
    }
    div.productos2 h2{
        font-size:20px;
        padding-bottom:10px;
        padding-top:20px;
        padding-left:30px;
        color:#333;
        text-align:left;
    }	
    div.productos2 a strong{
        font-weight:bold;
        font-size:16px !important;
        color:#82604A !important;
    }	
    div.productos2 a:hover{
        color:#333;
    }
    div.producto{
        width:200px;
        float:left;
        margin:20px 17px;
    }				
    a.img{
        display:block;
    }

    div.maquinas{
        width:900px;
        margin:60px auto;
        height:120px;
        padding:12px;
        background:url(../../imagenes/fondocafetera.png) no-repeat
    }
    div.maquinas p{
        color:#666;
        padding-right:50px;
        padding-top:10px;
    }
    div.maquinas strong{
        color:#333 !important;
    }		
    div.maquinas img{
        margin:0px 14px 0 0;
    }






    /* PAGINADOR ESTILO Digg */
    #paginador {margin-top: 6px;}
    #paginador ul    { border:0; margin:0; padding:0; font-family: verdana; font-weight: bold; }
    #paginador #pagination-digg li          { border:0; margin:0; padding:0; font-size:11px; list-style:none;  savers  float:inherit;-webkit-border-radius: 2px;
                                              -moz-border-radius: 2px;
                                              border-radius: 2px; }
    #paginador #pagination-digg a           { border:none; margin-right:4px; }
    #paginador #pagination-digg .previous-off,
    #paginador #pagination-digg .next-off   { border:none; color:#333; display:block; float:left; font-weight:bold; margin-right:2px; padding:3px 4px; }
    #paginador #pagination-digg .next a,
    #paginador #pagination-digg .previous a { font-weight:bold;}
    #paginador #pagination-digg .active     { background-color:#333; color:#FFFFFF; font-weight:bold; display:block; float:left; padding:3px 6px;  margin-right:4px; }
    #paginador #pagination-digg a:link,
    #paginador #pagination-digg a:visited   { background-color:#999; color:#333; display:block; float:left; padding:3px 6px; text-decoration:none; }
    #paginador #pagination-digg a:hover     { border:none; background-color:#333; color:#FFFFFF;}
    #paginador .paginas { border:solid 1px #DEDEDE; color:#85a26f; display:block; float:left; font-weight:bold; margin-right:2px; padding:3px 4px; }
    #paginador #texto-pagina-actual   { color: #333; display: block; float: left; font-size: 11px; font-weight: bold; margin-left: 12px; padding: 3px 4px; }


}