@charset "utf-8";
/* Retina Ready Images */

@bluetvnmedia: #1ea0da;
@lightgrey: #d6d6d6;
@morelightgrey: #ccc;
@otherlightgrey: #c2c2c2;
@fontFamily: 'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif;

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min-device-pixel-ratio: 1.5) {

    h1#logo a { 
        background:url(http://tvnmedia.com/images/logo_tvnmedia_header.png) no-repeat; 
        background-size:35px 37px; 
        }
    
    h1#logo.left a { 
        background:url(../images/bg-logo2@2x.png) no-repeat; 
        background-size:225px 59px; 
    }

    .linkedin {
        background:url(http://tvnmedia.com/images/bg-linkedin@2x.png) center no-repeat; 
        background-size:50px 50px; 
        }
    .twitter {
        background:url(http://tvnmedia.com/images/bg-twitter@2x.png) center no-repeat; 
        background-size:50px 51px; 
        } 
    .facebook {
        background:url(http://tvnmedia.com/images/bg-facebook@2x.png) center no-repeat; 
        background-size:50px 51px; 
    }

}


@media only screen and (min-width: 1600px) {

}

@media only screen and (min-width: 1280px) {
    
    #wrapper { width: 1260px; }
    
    .container { padding:0px; 
        width:1280px; 
        position:relative; 
        }
    
    .container_footer { 
        width:1280px; 
        }
}

@media only screen and (max-width: 1080px) {
    #backtotop {display:none !important }
}

/* Standard 960 or larger (browsers) */
@media only screen and (min-width: 960px) {

}

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {
	.vacantes {
		width:100%;
		}
	.wtscrollframe {
		height:500px;
		}
}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {

    .container { 
        padding:0px; 
        width:640px; 
        position:relative;
        }

    .col1-1, #wrapper { width:620px; }

    .itemcon { width:30%; }

    #nav-button {
        display:block; 
        background:@lightgrey; 
        border-bottom:1px solid @morelightgrey; 
        float:right; 
        padding:16px; 
        width:100%; 
        margin:0 auto; 
        cursor:pointer; 
        position:relative; 
        }

    .nav-bar {
        background-color:#2b2b2b; 
        border-radius:1px; 
        display:block; 
        width:25px; 
        height:3px; 
        margin:3px auto; 
        }

    #options { 
        display:none; 
        width:100%; 
        z-index:300; 
        position:relative; 
        top:0px; 
        }

    #options.right ul { 
        margin: 0; 
        -style: none; 
        display:block; 
        width:100%  
        }

    #options li, #options.right li { 
        text-align:center; 
        border-top:1px solid @morelightgrey; 
        float:none; 
        margin:0 
        }

    #options li.alignleft, #options li.alignright { 
        float:none; 
        margin:0; 
        height:auto; 
        }

    #options li a { 
        display:block; 
        padding:15px; 
        }

    .menu-line, #backtotop {display:none !important }

    /*menu-fix*/

    #options ul { 
        margin: 0; 
        list-style: none; 
        display:block; 
        width:100%; 
        }

    h1#logo { 
        position:relative; 
        margin:0 5px; 
        width:130px; 
        z-index:401; 
        margin-bottom:10px; 
        text-align:center;
        margin-top: 4px;
        }

    .wr-menu-title { 
        width:92px; 
        overflow:hidden; 
        margin-left:auto; 
        margin-right:auto; 
        height:24px; 
        display:block; 
        }

    .wr-span-menu-icon { 
        display:block; 
        width:25px; 
        height:23px; 
        padding-top:1px; 
        float:left; 
        }

    .text-menu-title { 
        float:left; 
        font-family: @fontFamily; 
        font-size:18px; 
        font-weight:700; 
        padding-left:6px; 
        line-height:24px; 
        }

    .wr-redes-sociales-menu { display:none; }

    .wr-redes-sociales-menu-min { 
        width:auto; 
        height:40px; 
        display:block; 
        z-index: 300; 
        position:absolute; 
        padding-left:20px !important;
        margin-left:10px !important;
        right:0px; 
        top: 5px; 
        }

    .wr-redes-sociales-menu-min ul li { 
        width:40px; 
        height:40px; 
        background-color:@otherlightgrey; 
        float:left; 
        border-radius:20px; 
        color:#FFFFFF; 
        text-align:center; 
        line-height:30px; 
        margin-right:8px; 
        list-style-type: none;
        }

    .wr-redes-sociales-menu-min ul li a {
    line-height: 20px;
    }
    
    .wr-redes-sociales-menu-min ul li a img { 
        width:40px; 
        height:40px;
        margin-left: -8px;
        }

    /*---menu-fix---*/

    .menu-active-item { 
        border-bottom:0px solid @bluetvnmedia; 
        }
    
    .alignleft a {
        line-height: 10px !important;
    }


    h1#logo.left { 
        margin:0 auto; 
        margin-bottom:27px; 
        }
    
    .container_footer { width:640px; }
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {

}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {

}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 767px) {

    .container { 
        padding:0px; 
        width:320px; 
        position:relative; 
        }

    .col2-3, .col2-3.half, .col1-1, #wrapper { 
        width:300px; 
        height:auto; 
        }

    #map {
        width:300px; 
        height:300px;
        }

    .itemcon { width:auto; }

    #nav-button {
        display:block; 
        background:@lightgrey; 
        border-bottom:1px solid @morelightgrey; 
        float:right; 
        padding:16px; 
        width:100%; 
        margin:0 auto; 
        cursor:pointer; 
        position:relative; 
        }

    .nav-bar {
        background-color:#2b2b2b; 
        border-radius:1px; 
        display:block; 
        width:25px; 
        height:3px; 
        margin:3px auto; 
        }

    #options { 
        display:none; 
        width:100%; 
        z-index:300; 
        position:relative; 
        top:0px; 
    }

    #options.right ul { 
        margin: 0; 
        list-style: none; 
        display:block; 
        width:100%  
        }

    #options li, #options.right li { 
        text-align:center; 
        border-top:1px solid @morelightgrey; 
        float:none; margin:0 
        }

    #options li.alignleft, #options li.alignright { 
        float:none; 
        margin:0; 
        height:auto; 
        }

    #options li a { 
        display:block; 
        padding:15px; 
        }

    .menu-line, #backtotop {display:none !important }

    #wrap { border:0 }

    p.floated {
        float:none; 
        width:auto; 
        }

    .floated.first, .floated.second { padding:13px 40px 0 40px; }


    h1#logo.left { 
        margin:0 auto; 
        margin-bottom:27px; 
        }

    /*menu-fix*/

    #options ul { 
        margin: 0; 
        list-style: none; 
        display:block; 
        width:100%; 
        }

    h1#logo { 
        position:relative; 
        margin:0 5px; 
        width:130px; 
        z-index:401; 
        margin-bottom:10px; 
        text-align:center;
        margin-top: 4px;
        }

    .wr-menu-title { 
        width:92px; 
        overflow:hidden; 
        margin-left:auto; 
        margin-right:auto; 
        height:24px; 
        display:block; 
        }

    .wr-span-menu-icon { 
        display:block; 
        width:25px; 
        height:23px; 
        padding-top:1px; 
        float:left; 
        }

    .text-menu-title { 
        float:left; 
        font-family: @fontFamily; 
        font-size:18px; 
        font-weight:700; 
        padding-left:6px; 
        line-height:24px; 
        }

    .wr-redes-sociales-menu { display:none; }

    .wr-redes-sociales-menu-min { 
        width:auto; 
        height:40px; 
        display:block; 
        z-index: 300; 
        position:absolute;
        padding-left:20px !important;
        margin-left:10px !important;
        right:0px;
        top: 5px;
        }

    .wr-redes-sociales-menu-min ul li { 
        width:36px; 
        height:36px; 
        background-color:@otherlightgrey; 
        float:left; 
        border-radius:18px; 
        color:#FFFFFF; 
        text-align:center; 
        line-height:30px; 
        margin-right:4px;
        list-style-type: none;
        }
    
    .wr-redes-sociales-menu-min ul li a {
        line-height: 20px;
    }

    .wr-redes-sociales-menu-min ul li a img { 
        width:36px; 
        height:36px;
        margin-left: -4px;
        }

    /*---menu-fix---*/

    .menu-active-item { 
        border-bottom:0px solid @bluetvnmedia; 
    }
    
    .alignleft a {
        line-height: 10px !important;
    }

    .container_footer { width: 300px; }

    .title-boxes, .subtitle-boxes { 
        top:10px; 
        left:10px; 
        right:10px; 
        }

    .title-wrap-boxes h3 { 
        font-size:18px; 
        line-height:20px; 
        }

    .container_footer { width:320px; }

    .submenu_footer { 
        float:none; 
        margin:0 auto; 
        }

    .cr_footer { 
        float:none; 
        margin:0px auto 5px; 
        }
}