@icon-font-path: "/fonts/";

@font-face{
    font-family:'Roboto';
    src:url(@icon-font-path+"Roboto-Condensed.ttf");
    src:url(@icon-font-path+"Roboto-Condensed.ttf");
}

@font-face{
    font-family:'Mob';
    src:url(@icon-font-path+"Mob.otf");
}

@font-face{
    font-family:'Monserrat Bold';
    src:url(@icon-font-path+"Montserrat-Bold.ttf");
}

@font-face{
    font-family:'Monserrat Regular';
    src:url(@icon-font-path+"Montserrat-Regular.ttf");
}

/* ESTRUCTURA */
body{   
    font-family:'Roboto', sans-serif, Arial, Helvetica;
    font-size:16px;
    background-color:#F1F1F1;
    width:100%;
    height:100%;  

    .owl-carousel .item b:nth-child(1),
    .owl-carousel .item b:nth-child(2){
        position:absolute;
        top:0;
        left:0;
        width:100%;
        height:100%;
        .boxShadow(90px, 0, 90px, -10px, 241, 241, 241, 1);        
        display:block;
    }
    .owl-carousel .item b:nth-child(2){
        .boxShadow(-90px, 0, 90px, -10px, 241, 241, 241, 1);
    }

    section.maps{
        form{
            padding-bottom:20px;
            margin:auto;
            margin-top:20px;
            width:270px;

            fieldset{
                width:100% !important;
                float:none !important;
            }
            fieldset:nth-child(3){
                label{
                    display:none;
                }
            }
        }
        > img{
            width:100%;
            height:auto;
        }
    }

    .topMenu{
        position:absolute;
        right:120px;
        top:0;
        height:44px;
        line-height:44px;
        overflow:hidden;
        padding-top:3px;

        .widgetCategoryMenu{
            position:relative !important;
            top:auto !important;
            right:auto !important;
            bottom:auto !important;
            height:20px;
            line-height:20px;

            >li{
                background:transparent;
                border-right:dotted 1px #555;

                a{
                    color:#555;
                    font-size:11px;
                }
                a:hover{
                    text-decoration:underline !important;
                    color:#000;
                }
            }
            >li:last-child{
                border-right:none;
            }

        }
        
        #pull{
            display:none;
        }

    }

    .canales{
        list-style:none;
        text-align:center;

        li{            
            display:inline-block;
            width:520px;
            height:260px;
            background:gray;
            margin:10px;

            a{
                position:relative;
                display:block;
                width:520px;
                height:260px;
                background:rgba(255,255,255,0.8);
                border:solid 1px #9D9D9D;
                .borderRadius(4px);

                h2{
                    width:500px;
                    position:absolute;
                    top:60px;
                    color:#000;
                    text-align:center;
                    background:rgba(255,255,255,0.4);
                }

                p.text{
                    position:absolute;
                    top:100px;
                    left:0;
                    width:504px;
                    padding:8px;
                    text-decoration:none;
                    color:#000;
                    background:rgba(255,255,255,0.4);
                    line-height:20px;
                }

                p.layer{
                    position:absolute;
                    bottom:10px;
                    left:0;
                    padding:6px 4px;
                    text-decoration:none;
                    color:#fff;
                    font-size:22px;
                    .boxShadow(0px, 2px, 3px, 0px, 50, 50, 50, 0.41, @h);
                }

                .arrow-left{
                    position:absolute;
                    bottom:10px;
                    left:-10px;
                    width: 0; 
                    height: 0; 
                    border-bottom: 37px solid transparent;                     
                }
                .arrow-left-top{
                    position:absolute;
                    bottom:47px;
                    left:-10px;
                    width: 0; 
                    height: 0; 
                    border-top: 10px solid transparent;                     
                }
            }
            a:hover{
                background:rgba(255,255,255,0);
            }
            a:hover p.text, a:hover h2{
                display:none;
            }
        }
    }

    #infoForm{
        position:fixed;
        bottom:40px;
        right:20px;
        opacity:0.8;
    }
    #infoForm:hover{
        opacity:1;
    }

    #debugArea{
        width:100%;
        border-bottom:solid 3px gray;
        background:white;
        margin-bottom:10px;
        padding:20px;
    }

    .wrapper.base{           
        position:relative;
        overflow: hidden; 
        /*background-color:#fff;*/

        > header{
            height:120px;
            position: fixed;
            background:#FFF;
            top:0;
            left:0;
            z-index:1000;
            width:100%;
            .boxShadow(0px, 2px, 3px, 0px, 50, 50, 50, 0.41, @h);

            .pdfMedia, .pdfFlipFlopMedia{
                background:url(@IMAGES_URL+'sprites.png') no-repeat;
                position:absolute;
                top:44px;
                right:210px;     
                width: 80px;
                height: 47px;
                text-indent:-4000px;
            }

            .pdfFlipFlopMedia{
                right:100px;     
            }

            .pdfMedia-es{
                background-position: -2px -157px;
            }
            .pdfMedia-es:hover{
                background-position: -102px -157px;
            }
            .pdfFlipFlopMedia-es{
                background-position: -1px -105px;
            }
            .pdfFlipFlopMedia-es:hover{
                background-position: -102px -105px;
            }
            .pdfMedia-en{
                background-position: 0 -52px ;
            }
            .pdfMedia-en:hover{
                background-position: -101px -51px;
            }
            .pdfFlipFlopMedia-en{
                background-position: 0 0;
            }
            .pdfFlipFlopMedia-en:hover{
                background-position: -101px -1px;
            }

            a.logo{
                position:absolute;
                h1,h2{
                    color:#1078B6;
                    font-family:'Mob';
                    display:inline-block;
                }
                h2{
                    font-size:14px;
                }
            }  

            a.clientesSatisfechos{
                position:absolute;
                text-decoration:none;
                color:#fff;
                top:44px;
                left:590px;                
                padding:15px 14px;
            }

            .widgetCategoryMenu{
                position:absolute;
                bottom:0; 
                top:40px;
                right:20px;
            }

            .type{
                display:none;
            }

        }

        .mainbar{
            overflow:hidden;

            > h2{
                background:#E7E7E7;
                margin: 0;
                margin-top: 20px;
                clear:left;
                height:40px;
        
                > span{
                    background: #555;
                    color: #fff;
                    font-size: 24px;
                    display:inline-block;
                    height:40px;
                    line-height:40px;
                    padding:0 10px;
                }
                a{
                    float:right;                    
                    font-size: 24px;
                    margin: 2px 10px;                    
                    .borderRadius(3px);
                    padding:4px;
                    color:#757575;
                    background:#EEEEEE;
                }
                a:hover{
                    background:#fff;
                    color:#555;
                }
            }
        }

        .sidebar{
            margin:0 10px 10px 10px;
            background:#fff;
            overflow:hidden;
            
            h3{
                background:#9BC735;
                padding:10px 6px;
                margin:0 0 10px 0;
                color:#fff;
                font-size:18px;
            }

            p{
                padding:8px;
            }

        }

        > footer{
            padding:20px;
            text-align:center;
            font-size:11px;
            border-top:solid 1px #E4DFD3;
            margin-top:20px;
        }
    }
}
/* ESTRUCTURA */

/* ENLACES */
a:link, a:visited, a:hover{
    text-decoration: none;
    color:#1078B6;
    outline:none;
    font-size: 14px;
}
a:hover{
    text-decoration: underline;
    color:#000;
}
/* END ENLACES */

/* HEADERS */
h1,h2,h3,h4,h5,h6{
    margin:8px;    
}
h1{font-size:28px;}
h2{font-size:24px;}
h3{font-size:20px;}
h4{font-size:16px;}
h5{font-size:12px;}
h6{font-size:10px;}
/* HEADERS */

// TABS
.tabs{
    > div{
        > p{
            font-size:11px;
            margin-bottom:10px;
        }
    }
}

// DEBUGGER
.slideToggleNext ~ *{
    display:none;
}

// GENERIC RULES
/*
table.params{    
    background:#F1F0DA;
    border:solid 1px #DADBA8;
    td{
        padding:4px 8px;
        border-bottom:solid 1px #E1E2B8;
    }
    td:first-child{
        font-weight:bold;
        font-size:12px;
        padding-right:8px;
        font-family:courier, sans-serif, arial, verdana;
    }
    td:last-child{
        font-size:10px;
    }
}
*/

// GET SESSION TIME
.getSessionTime{
    position:relative;
    display:none;
    text-align:center;
    witdh:100%;
    height:100%;

    p:first-child{
        text-align:center;
        font-size:24px;
        margin-bottom:20px;
        span{
            font-weight:bold;
        }
    }

    p.details{
        text-align:center;
        font-size:16px;
        padding-bottom:20px;
    }

    .button{
        color:#fff !important;;
        text-decoration:none !important;
        width:180px;
        display:inline-block;
        font-size:14px !important;
        margin:20px 10px;
    }
    .bBlue{
        display:none;
    }

}

body#clientes{

    h1.head{
        margin-top:20px;
    }

    p.head{
        font-size:14px;
        margin-left:10px;
    }

    ul.logos{
        list-style:none;
        margin-top:20px;
        
        li{
            float:left;
            width:200px;
            height:140px;
            text-align:center;
            margin:0 4px 10px 4px;
            background:#fff;
            border:solid 1px #E6E6E6;
            padding:8px;
            overflow:hidden;

            p{
                text-align:center;
            }

            img{
                max-width:200px;
                height:auto;
                margin:16px auto;
            }
        }
    }
}

body#index{
    .wrapper.base{
        margin: 90px auto 0 !important;
    }

    .innovacion{
        margin:30px 0;

        text-align:center;

        h1{
            font-size:38px;
        }
        h2{
            font-size:28px;
        }
        a{
            text-align:left;            
            color:#000;
            font-weight:normal;
            font-size:16px;
            width:92%;
            display:inline-block;
            padding:8px 0;
            margin-bottom:1px;
            text-decoration:none;
            background:#fff;

            span{
                margin:0 10px 0 20px;
            }
        }
        div{
            display:none;
            padding:20px 0 10px 60px;
            text-align:left;
            width:92%;
            font-size:14px;

            p{
                margin-bottom:10px;
            }
        }
    }
}

body#sobrenosotros{
    h3{
        margin:70px 0 10px 0;
        padding-bottom:4px;
        padding-left:10px;
        border-bottom:dotted 1px #555;
    }

    p{
        margin:10px;
        line-height:20px;
        font-size:14px;
    }

    article{
        h2{
            margin:0 10px;
            font-size:48px;
        }
        h3{
            margin:0;
            border-bottom:none;
            font-size:28px;
        }
        h4{
            font-size:24px;
            letter-spacing:2px;
        }
    }
}