/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
}

body {
    font-size: 1em;
    line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */

img {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

html{
    background:url(../img/bg_body.jpg);
}

body{
    background: #FFF;
}

header{
    background: url("../img/bg_h.jpg") left top repeat-x;
}

header .language{
    text-align: right;
    color: #999999;
    font: normal 14px "univers_light";
    padding-bottom: 4px;
}

header .language a{
    margin-left: 4px;
    text-decoration: none;
    color: #999999;
    display: inline-block;
    height: 30px;
    line-height: 30px;
}

header .language a.fb, header .language a.tw, header .language a.in{
    background: url(../img/social_h.png) left top no-repeat;
    width: 22px;
    height: 30px;
    display: block;
    float: right;
}

header .language a.fb:hover{
    background-position: left bottom;
}

header .language a.tw{
    background-position: center top;
}

header .language a.tw:hover{
    background-position: center bottom;
}

header .language a.in{
    background-position: right top;
}

header .language a.in:hover{
    background-position: right bottom;
}

header .language a.fb span, header .language a.tw span, header .language a.in span{
    display: none;
}

header .language span{
    border-right: #5C6059 solid 1px;
    padding-right: 10px;
    display: inline-block;
}

header .language a:hover, header .language a.active{
    color: #FFF;
}

header .apex{
    width: 205px;
    height: 58px;
    background: url(../img/apex.png);
    display: block;
    float: left;
    margin: 35px 0px 25px 0px;
}

header nav{
    float: right;
    font: normal 14px "univers_light";
    margin-top: 37px;
}

header nav ul{
    margin: 0px;
    padding: 0px;
    list-style: none;
}

header nav ul li{
    float: left;
}

header nav a{
    color: #B2B2B2;
    text-decoration: none;
    padding:10px 8px;
    display: block;
    border-bottom: #FFF solid 1px;
}

header nav ul li .solapita{
    position: absolute;
    z-index: 1000;
    margin-top: -2px;
    margin-left: 10px;
    display: none;
}

header nav ul li:hover .solapita, header nav ul li:hover ul{
    display: block;
}

header nav ul li ul{
    display: none;
    position: absolute;
    width: 230px;
    z-index: 999;
    background: #3E403C url(../img/bg_subnav.jpg) left top repeat-x;
    border-top: #EBC745 solid 1px;
    -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
    margin-top: -1px;
}

header nav ul li ul li{
    display: block;
    float: none;
}

header nav ul li ul li a, header nav ul li ul li.active > a{
    border-bottom: #2D2E2C solid 1px;
    color: #AAAAAA;
}

header nav ul li ul li a:hover, header nav ul li ul li.active > a{
    border-bottom: #EBC745 solid 1px;
    background: #EBC745 url(../img/bg_subnav2.png) 213px 18px no-repeat;
    color: #3E3F39;
}

header nav li.active > a, header nav a:hover{
    color: #3E403C;
    border-bottom: #EBC745 solid 1px;
}

#slider{
    height: 400px;
    background: url(../img/bg_slider.jpg);
}

#slider #pagerSlider{
    position: absolute;
    left: 50%;
    margin-top: 380px;
    z-index: 999;
}

#slider #pagerSlider a{
    display: block;
    width: 13px;
    height: 13px;
    float: left;
    background: url(../img/bg_btn_slider.png);
    margin: 0px 2px;
}

#slider #pagerSlider a.activeSlide, #slider #pagerSlider a:hover{
    background-position: left bottom;
}

#slider #sliderUl{
    margin: 0px;
    padding: 0px;
    list-style: none;
    width: 100% !important;
}

#slider #sliderUl li{
    height: 400px;
    display: block;
    width: 100% !important;
}

#slider #sliderUl .full .sliderFull{
    position: absolute;
    width: 100% !important;
    height: 400px;
    display: block;
    z-index: 1;
}

#slider #sliderUl .full .sliderFull img{
    display: none;
}

#slider #sliderUl .full .wp{
    position: absolute;
    left: 50%;
    margin-left: -480px;
    z-index: 2;
}

#slider #sliderUl .normal div.box{
    float:right;
    width:440px;
}

#slider #sliderUl .normal img{
    padding: 20px 31px 22px 23px;
    background: url(../img/bg_img_slider_normal.png) left top no-repeat;
    margin-right: 20px;
    margin-left: -10px;
    position:absolute;
    z-index:200;
}

#slider img.is_video_home{
    position:absolute;
    background:url(../img/mask_play_slider.png) no-repeat 50% 50% !important;
    width:404px;
    height:316px;
    z-index:201 !important;
    margin-top: 20px !important;
    margin-left:14px !important;
}

.slide_detail img.is_video{
    position:absolute;
    background:url(../img/mask_play_slider2.png) no-repeat center center !important;
    width:500px;
    height:240px;
    z-index:201 !important;
    margin-top: 0px !important;
    margin-left:0px !important;
}



#slider #sliderUl .normal h1{
    color: #3E3F3A;
    font: normal 33px "rockwell_light";
    margin: 0px 0px 5px 0px;
    padding-top: 15px;
}

#slider #sliderUl .normal h2{
    color: #92C04A;
    font: normal 20px "rockwell";
    margin: 0px 0px 10px 0px;
    line-height: 24px;
}

#slider #sliderUl .normal p{
    color: #3E3F39;
    font: normal 15px "univers_light";
    margin: 0px 0px 10px 0px;
    line-height: 20px;
}

#slider #sliderUl .normal .more{
    color: #93C14A;
    font: normal 14px "univers_light";
    text-decoration: none;
    padding-right: 10px;
    background: url(../img/bg_more.png) right center no-repeat;
}

#slider #sliderUl .normal .wp{
    background: url(../img/bg_brillo_slider.jpg) center center no-repeat;
    height: 400px;
}





section{
    padding-top: 32px;
    background: url(../img/bg_main.jpg) left top repeat-x;
    margin-bottom: 40px;
}

section h1{
    color: #92C04A;
    margin: 0px 0px 5px 0px;
    font: normal 30px "rockwell";
}

section.trabajando h1{
    font: normal 26px "rockwell";
}

section h1 a{
    color: #92C04A;
    text-decoration: none;
}

section h2{
    color: #3E3F39;
    margin: 0px 0px 15px 0px;
    font: normal 15px "univers_light";
}

section p{
    color: #333333;
    margin: 0px 0px 15px 0px;
    font: normal 13px "univers_light";
}

section .col-main{
    width: 608px;
    float: left;
    margin-bottom: 15px;
}

section .col-main article.principal .thumb_article{
    width: 180px;
    padding-right: 29px;
    background: url(../img/bg_thumb_article_principal.jpg) right top no-repeat;
    float: left;
}

section .col-main article.principal .text_article{
    width: 399px;
    float: right;
}

section .col-main article.principal .text_article p{
    color: #333333;
    font: normal 13px "univers_light";
    margin: 0px 0px 15px 0px;
    line-height: 17px;
}

section .col-main article.principal .text_article .about{
    color: #7F847A;
    font: normal 14px "univers_light";
    padding: 5px;
    text-decoration: none;
    border-bottom: #CCCCCC solid 1px;
}

section .col-main article.principal .text_article .about:hover{
    color: #333;
    border-bottom: #666 solid 1px;
}

section .aside{
    width: 300px;
    float: right;
    margin-bottom: 10px;
}

section .aside .services-head h2{
    color: #333333;
    padding: 10px;
    font: normal 12px "univers_light";
    margin: 0px 0px 5px 10px;
    padding: 0px;
}

section .aside .services-head h1{
    font: normal 18px "rockwell";
    display: block;
    color: #333333;
    margin: 5px 0px 0px 10px;
    font-weight: bold;
}

section .aside .services{
    margin: 0px;
    padding: 0px;
    list-style: none;
    font: normal 18px "rockwell_light";
    padding-bottom: 40px;
    background: url(../img/bg_ul_services.jpg) left bottom no-repeat;
}

section .aside .services li{
    margin-bottom: 1px;
}

section .aside .services li a{
    display: block;
    line-height: 40px;
    background: #EBC745 url(../img/bg_ul_li_services.png) 280px center no-repeat;
    text-decoration: none;
    color: #3E3F39;
    padding: 0px 15px;
}

section .aside .services li a:hover{
    background: #3E403C url(../img/bg_ul_li_services.png) 280px center no-repeat;
    color: #AAAAAA;
}

section .aside .go-top{
    text-align: right;
}

section .aside .go-top a{
    color: #94C24A;
    font: normal 14px "univers_light";
    padding: 5px;
    text-decoration: none;
    padding-right: 15px;
    padding-left: 0px;
    background: url(../img/bg_go_top.png) right center no-repeat;
}

section .aside .go-top a:hover{
    border-bottom: #94C24A solid 1px;
}

section .rss-work{
    background: url(../img/bg_news.jpg) left top;
    margin-bottom: 35px;
}

section .col-int-1 .rss-work{
    padding: 0px;
    padding-bottom: 40px;
    background: url("../img/bg_ul_services.jpg") no-repeat scroll left bottom transparent;
    margin: 0px;
    width: 180px;
}

section .rss-work .wp{
    padding: 20px;
    width: 920px;
}

section .rss-work .wp article{
    width: 430px;
    float: left;
}

section .col-int-1 .rss-work article:first-child{
    margin-bottom: 25px;
}

section .rss-work .wp article.right{
    float: right;
}

section .rss-work .wp article .thumb{
    padding: 10px;
    background: #FFF;
    box-shadow:0px 0px 5px rgba(0, 0, 0, 0.2);
}

section .rss-work .wp article .thumb .solapita{
    position: absolute;
    margin-top: 117px;
    margin-left: 10px;
}

section .col-int-1 .rss-work article .thumb .solapita{
    position: absolute;
    margin-left: 10px;
    margin-top: 117px;
}

section .rss-work .wp article .text, section .col-int-1 .rss-work article .text{
    padding: 10px;
    padding-bottom: 0px;
}

section .rss-work .wp article p, section .col-int-1 .rss-work article p{
    color: #3E3F39;
    font: normal 15px "univers_light";
    margin-top: 0px;
    height: 80px;
    overflow: hidden;
}

section .rss-work .wp article .more, section .col-int-1 .rss-work article .more{
    color: #94C24A;
    font: normal 14px "univers_light";
    padding: 5px;
    text-decoration: none;
    border-bottom: #CCCCCC solid 1px;
}

section .rss-work .wp article .more:hover, section .col-int-1 .rss-work article .more:hover{
    border-bottom: #94C24A solid 1px;
}

section .news-home{
    padding-left: 60px;
    background: url(../img/bg_news_home.jpg) left top repeat-y;
}

section .news-home .hgroup{
    border-bottom: #EEEEEE solid 1px;
    margin-bottom: 10px;
}

section .news-home h2{
    color: #7F8479;
    margin-bottom: 10px;
}

section .news-home h2 a{
    color: #3E3F39;
}

section .aside .newsletter a{
    color: #111;
}

section .news-home article{
    width: 160px;
    float: left;
    padding: 0px 10px;
}

section .news-home article img{
    padding-bottom: 15px;
    background: url(../img/bg_thumb_news_home.jpg) left bottom no-repeat;
}

section .news-home article time{
    color: #BBBBBB;
    font: normal 10px Tahoma;
    line-height: 10px;
    display: block;
}

section .news-home article h1{
    color: #000;
    font: normal 12px "univers_light";
    line-height: 16px;
    margin-bottom: 5px;
}

section .news-home article p{
    color: #545454;
    font: normal 11px "univers_light";
    line-height: 15px;
    margin: 0px;
}

section .news-home article h1 a{
    color: #000;
    border-bottom: #000 solid 1px;
}

section .news-home article h1 a:hover{
    font: normal 12px "univers_light";
    color: #000;
}

section .search-news{
    margin-top: 15px;
    border-top: #EEEEEE solid 1px;
}

section .search-news a{
    height: 35px;
    line-height: 35px !important;
    border-right: #EEEEEE solid 1px;
    padding: 0px 10px;
    display: block;
    float: left;
    color: #7F8479;
    font: normal 14px "univers_light";
    text-decoration: none;
}

section .search-news a.rss{
    width: 23px;
    background: url(../img/bg_rss.png) center top no-repeat;
}

section .search-news a.all{
    padding-right: 30px;
    background: url(../img/bg_all_search.png) 90% 60% no-repeat
}

section .search-news a.all:hover{
    color: #333;
}

section .search-news a.rss:hover{
    background-position: center bottom;
}

section .search-news form{
    padding: 5px 10px;
    float: left;
}

section .search-news form input[type='text']{
    border: #E6E6E6 solid 1px;
    border-top: #BEBEBE solid 1px;
    border-left: #BEBEBE solid 1px;
    color: #7F8479;
    font: normal 14px "univers_light";
    padding: 3px 5px;
}

section .search-news form input[type='submit']{
    border: 0px;
    cursor: pointer;
    margin-left: 10px;
    width: 20px;
    height: 20px;
    background: url(../img/bg_search.png) left top no-repeat;
}

section .search-news form input[type='submit']:hover{
    background-position: left bottom;
}

section .aside .case{
    line-height: 40px;
    padding-left: 45px;
    background: url(../img/bg_cases.jpg) left center no-repeat;
    margin-bottom: 10px;
}

section .aside .caseUl{
    list-style: none;
    color: #3E403C;
    font: normal 15px "univers_light";
    margin: 0px;
    background: url("../img/bg_ul_services.jpg") no-repeat scroll left bottom transparent;
    padding: 0 0 40px;
}

section .aside .caseUl li{
    border-top: #EEEEEE solid 1px;
    padding: 10px 20px;
}

section .aside .caseUl li a{
    color: #3E403C;
    text-decoration: none;
}

section .aside .caseUl li a:hover{
    color: #000;
}

section .aside .newsletter{
    color: #7F8479;
    font:normal 13px "univers_light";
    margin-top: 15px;
    padding: 15px;
    border-top: #EEEEEE solid 1px;
}

section .aside .newsletter strong{
    display: block;
    font: 18px "rockwell";
    color: #000;
    margin-bottom: 5px;
}

section .aside .newsletter form{
    display: block;
    padding-top: 10px;
}

section .aside .newsletter form input[type='text']{
    border: #E6E6E6 solid 1px;
    border-top: #BEBEBE solid 1px;
    border-left: #BEBEBE solid 1px;
    color: #7F8479;
    font: normal 14px "univers_light";
    padding: 6px 5px;
    width: 220px;
    margin-right: 5px;
}

section .aside .newsletter form input[type='submit']{
    float: right;
    border: 0px;
    width: 32px;
    height: 28px;
    background: url(../img/btn_newsletter.jpg) left top no-repeat;
}

section .aside .newsletter form input[type='submit']:hover{
    background-position: left bottom;
}


.intranet{
    position:absolute !important;
    display:none;
    margin-left:730px;
    margin-top:34px;
    z-index:100;
}
header .language .intranet a{
    display:block !important;
    background:#EBC745;
    margin:0 !important;
    padding:0 !important;
    float:none !important;
    text-align:left !important;
    width:120px;
    padding-left:10px !important;
    padding-bottom:2px !important;
    border-bottom:#FFF solid 1px;
}
header .language .intranet a:hover{
    background:#333;
}



.form.services{
    background:#F4F4F4;
    font: normal 13px "univers_light";
    padding:15px;
}
.form.services form div.form-field{
    display:block;
    margin-bottom:4px;
}
.form.services form div.form-field label{
    display:block;
    padding-left:2px;
    margin-bottom:2px;
}
.form.services form div.form-field label span{
    color:#B20000;
}
.form.services form div.form-field input[type=text], .form.services form div.form-field input[type="email"], .form.services form div.form-field textarea, .form.services form div.form-field select{
    border:solid 1px #DDD;
    border-radius:4px;
    padding:4px;
    font:normal 12px Arial, Helvetica, sans-serif;
    color:#333;
    width:314px;
    background:#FFF;
    box-shadow:rgba(0,0,0,0.1) 1px 1px 3px;
    position:relative;
    left:2px;
}
.form.services form div.form-field .fl{
    color:#B20000;
    float:right;
}
.form.services form div.form-field input[type=text].error{
    border:solid 1px #B20000;
}
.form.services form div.form-field textarea{
    resize:none;
    height:100px;
    overflow:auto;
}
.form.services form div.form-field input[type=submit]{
    border:none;
    background:#41896C;
    color:#FFF;
    font:normal 12px Arial, Helvetica, sans-serif;
    padding:8px 26px;
    text-align:center;
    text-shadow:rgba(48,50,50,0.6) -1px -1px 0px;
}


footer{
    height: 173px;
    width: 100%;
    background: url(../img/bg_footer.jpg) left top repeat-x;
}

footer .wp{
    padding-top: 30px;
}

footer nav{
    font: 12px "univers_light";
    border-bottom: #4A4D48 dotted 1px;
    width: 560px;
    padding: 5px 0px 15px 15px;
}

footer nav a{
    color: #7F8479;
    text-decoration: none;
    border-right: #7F8479 solid 1px;
    padding: 0px 10px;
}

footer nav a:hover{
    color: #FFF;
}

footer nav a:last-child{
    border: 0px;
}

footer .feed{
    width: 165px;
    float: right;
    padding:5px 0px 5px 20px;
}

footer .feed.fb{
    border-left: #4F514D solid 1px;
}

footer .feed h2{
    color: #FFF;
    font: normal 15px "rockwell";
    margin: 0px;
    padding-left: 30px;
    background: url(../img/fb_feed.png) left center no-repeat;
    line-height: 0px;
    margin-bottom: 10px;
}

footer .feed h2.tw{
    background: url(../img/tw_feed.png) left center no-repeat;
}

footer .feed .prev, footer .feed .next{
    display: inline-block;
    width: 4px;
    height: 8px;
    background: url(../img/btn_feed.png) left top no-repeat;
    margin-right: 3px;
}

footer .feed .next{
    background: url(../img/btn_feed.png) left bottom no-repeat;
}

footer .feed div{
    color: #FFF;
    font: normal 11px "univers_light";
    margin: 0px;
    margin-bottom: 5px;
}

footer .feed div a.link{
    color: #FFF;
}

footer .feed div p{
    margin: 0px;
}

footer .feed a.btn{
    color: #EBC545;
    font: normal 11px "univers_light";
    text-decoration: none;
    margin: 0px;
}

footer .feed p a:hover{
    text-decoration: underline;
}

/** INTERNAS **/
section.interna, section.trabajando{
    padding-top: 0px;
}

section .col-int-1{
    width: 210px;
    float: left;
}

section .col-int-2{
    border-left: #EEEEEE solid 1px; 
    width: 500px;
    float: left;
    padding: 0px 41px;
}

section .col-int-4{
    width: 708px;
    float: left;
    margin: 0px 0px 0px 41px;
}

section .col-int-5{
    width: 660px;
    float: left;
    margin:0px;
    padding-left: 60px;
    background: url(../img/bg_col5.png) left 30px no-repeat;
}

section .col-int-5 h1{
    font-size: 22px;
}

section .col-int-5 .thumb_detail{
    margin-bottom: 5px;
}

section .col-int-5 .thumb_detail .solapita{
    position: absolute;
    margin-top: 326px;
}

section .col-int-4 .col-int-2{
    margin: 0px;
    padding: 10px 0px 0px 0px;
}

section .col-int-4 #mapa{
    width: 708px;
    height: 600px;
}

section .col-int-4 #mapa .canvas{
    width: 708px;
    height: 600px;
    background: #A5BFDD;
    position: absolute;
}

section .col-int-4 #mapa .ico_mapa_es{
    width: 120px;
    height: 80px;
    position: absolute;
    background: url(../img/ico_map_es.png) left top no-repeat;
    margin-left: 550px;
    margin-top: 40px;
}

section .col-int-4 #mapa .ico_mapa_en{
    width: 80px;
    height: 80px;
    position: absolute;
    background: url(../img/ico_map_en.png) left top no-repeat;
    margin-left: 550px;
    margin-top: 40px;
}

section .col-int-4 .col-int-3{
    height: 480px;
    background: #FFF;
    position: absolute;
    z-index: 5;
    float: none;
    padding-left: 45px;
    margin-top: 120px;
    margin-left: 503px;
    padding-top: 15px;
}

section .col-int-3 select{
    width: 158px;
    border: #B2B2B2 solid 1px;
    padding: 5px 3px;
    color: #7F847A;
    font: normal 12px Arial;
    border-radius: 3px;
}

section .col-int-3{
    width: 160px;
    float: right;
}

section .col-int-1 .services{
    margin: 0px;
    padding: 0px;
    width: 180px;
    list-style: none;
    font: normal 14px "rockwell_light";
    padding-bottom: 40px;
    background: url(../img/bg_ul_services.jpg) left bottom no-repeat;
}

section .col-int-1 .services li{
    margin-bottom: 1px;
}

section .col-int-1 .services li a{
    display: block;
    line-height: 40px;
    background: #3E403C url(../img/bg_all_search.png) 160px 18px no-repeat;
    text-decoration: none;
    color: #AAAAAA;
    padding: 0px 15px;
}

section .col-int-1 .trabajando li a{
    line-height: 14px;
    padding: 7px 15px;
}

section .col-int-1 .services li a:hover, section .col-int-1 .services li.active a{
    background: #EBC745 url(../img/bg_all_search.png) 160px 18px no-repeat;
    color: #3E3F39;
}

section .linkedin_r{
    padding: 58px 7px 7px 7px;
    background: #F5F5F5 url(../img/bg_linkedin.jpg) left top no-repeat;
    font: normal 10px Tahoma;
}

section .linkedin_r .rec{
    margin-top: 100px;
    padding-right: 8px;
    /*background: #F5F5F5;*/
}

section .linkedin_r img{
    border: #3E403C solid 2px;
    margin-right: 7px;
    margin-bottom: 7px;
    float: left;
}

section .linkedin_r .name{
    color: #0D5078;
    font: normal 12px Arial;
    display: block;
}

section .linkedin_r .sep_g1{
    margin-bottom: 7px;
    border-bottom: #FFF solid 1px;
    border-top: #EEE solid 1px;
}

section .linkedin_r p{
    color: #7F847A;
    margin: 0px;
    margin-bottom: 5px;
    font: normal 10px Tahoma;
}

section a.prev, section a.next{
    display: inline-block;
    width: 4px;
    height: 8px;
    background: url(../img/bg_nav_linkedin.jpg) left top no-repeat;
    margin-right: 3px;
    float: right;
    margin-top: 7px;
}

section a.next{
    margin-right: 10px;
    background: url(../img/bg_nav_linkedin.jpg) left bottom no-repeat;
}

section .share{
    float: right;
    width: 66px;
    height: 23px;
    display: block;
    background: url(../img/bg_share.jpg) left top no-repeat;
    margin-bottom: 20px;
}

section .share:hover{
    background-position: left bottom;
}

section .col-int-2 ul{
    font-size: 13px;
    /*color: #7F847A;*/
    color: #666666;
}

section .col-int-2 article.artprinc{
    font-size:13px;
    color:#333;
    font-family:'univers_light';
}
section .col-int-2 article.artprinc h1, section .col-int-2 article.artprinc h2, section .col-int-2 article.artprinc h3{
    margin:0;
}
section .col-int-2 article.artprinc h2{
    font-size:20px;
    color:#111;
}
section .col-int-2 article.artprinc h3{
    font-size:14px;
    color: #92C04A;
}
section .col-int-2 article.artprinc .hgroup{
    margin-bottom:15px;
}
section .col-int-2 article.artprinc .hgroup h2{
    font-size:15px;
}
section .col-int-2 article.artprinc p{
    line-height:18px;
    font-size:13px;
}
section .col-int-2 article.artprinc p a{
    text-decoration:underline;
    color:#333;
    border-bottom:#333 solid 1px;
}
section .col-int-2 article.artprinc p a:hover{
    color: #92C04A;
    border-bottom:#92C04A solid 1px;
}


section .col-int-2 .relacionados .iz{
    width: 240px;
    float: left;
}

section .col-int-2 .relacionados .de{
    width: 240px;
    float: right;
}

section .col-int-2 .relacionados article{
    width: 240px;
    float: left;
    margin-left: 20px;
    padding-bottom: 20px;
    border-bottom: #CCCCCC dotted 1px;
    margin-bottom: 2px;
}

section .col-int-2 .relacionados article.no-margin{
    margin-left: 0px;
}

section .col-int-2 .relacionados article .thumb{
    margin-bottom: 5px;
}

section .col-int-2 .relacionados article .thumb img.solapita{
    position: absolute;
    margin-top: 86px;
}

section .col-int-2 .relacionados article h1{
    font-size: 18px;
    margin-bottom: 5px;
}

section .col-int-2 .relacionados article h2{
    font-size: 15px;
    color: #000;
    margin-bottom: 10px;
}

section .col-int-2 .relacionados article p{
    font-size: 13px;
    color: #7F847A;
    margin-bottom: 10px;
}



section .col-int-2 .relacionados article .more{
    font-size: 12px;
    color: #3E3F3B;
    padding-right: 8px;
    background: url(../img/bg_more2.jpg) right 4px no-repeat;
}

section .col-int-2 .slide_detail{
    margin-bottom: 7px;
}

section .col-int-2 .slide_detail .solapita{
    position: absolute;
    margin-top: 226px;
    z-index: 100;
}

section .col-int-3 .industries{
    padding: 5px;
    color: #7F8479;
    font: normal 12px Arial;
}

section .col-int-3 .industriesUl{
    margin: 0px;
    padding: 0px;
    list-style: none;
    padding-bottom: 40px;
    background: url(../img/bg_ul_services.jpg) left bottom no-repeat;
    color: #7F8479;
    font-size: 15px;
}

section .col-int-3 .servicesUl{
    margin: 0px;
    padding: 0px;
    list-style: none;
    padding-bottom: 40px;
    background: url(../img/bg_ul_services.jpg) left bottom no-repeat;
    color: #7F8479;
    font-size: 14px;
}

section .col-int-3 a.servBtnContact{
    display:block;
    width:160px;
    height:40px;
    background:url(../img/sp_btn_contac_service.png) no-repeat;
}
section .col-int-3 a.servBtnContact.lang_es{
    background-position:0px 0px;
}
section .col-int-3 a.servBtnContact.lang_es:hover{
    background-position:0px -40px;
}
section .col-int-3 a.servBtnContact.lang_en{
    background-position:-160px 0px;
}
section .col-int-3 a.servBtnContact.lang_en:hover{
    background-position:-160px -40px;
}
section .col-int-3 a.servBtnContact span{
    display:none;
}

section .col-int-3 ul#locations{
    padding:0;
    margin:0;
}
section .col-int-3 ul#locations li{
    list-style:none;
    padding:0;
    margin:0;
    display:block;
    font:normal 11px Arial, Helvetica, sans-serif;
    padding:4px 6px;
    border-bottom:#CCC dotted 1px;
}
section .col-int-3 ul#locations li:last-child{
    border:none;
}
section .col-int-3 ul#locations li:hover{
    background:#EEE;
}


.sub_gallery{
    width: 160px;
    margin-left: -5px;
}

.sub_gallery img{
    float: left;
    margin: 5px 0px 0px 5px;
}

.sub_gallery img.no-margin{
    margin-left: 0px;
}

section .col-int-3 .servicesUl.related{
    font-size: 12px;
}

section .col-int-3 .servicesUl.related li{
    padding: 5px;
}

section .col-int-3 .servicesUl.related li a{
    color: #3E3F3A;
}

section .col-int-3 .servicesUl li a{
    color: #3E3F3A;
    padding-left: 10px;
    background: url("../img/bg_all_search.png") left center no-repeat;
}

section .col-int-3 .servicesUl .sub_gallery a{
    padding: 0px;
    background: none;
}

section .col-int-3 .loginUl{
    margin: 0px;
    padding: 0px;
    list-style: none;
    padding-bottom: 40px;
    background: url(../img/bg_ul_services.jpg) left bottom no-repeat;
    color: #7F8479;
    font-size: 12px;
}

section .col-int-3 .servicesUl li{
    padding: 5px 5px;
    border-top: #EEEEEE solid 1px;
}

section .col-int-3 .loginUl li{
    padding: 7px 5px;
    border-top: #EEEEEE solid 1px;
}

section .col-int-3 .loginUl li.form, .despliegue_login, .form_restaurar{
    display: none;
    border: 0px;
    padding: 14px 12px 12px 12px !important;
    background: #F6F6F6 url(../img/bg_form_aside.jpg) left top no-repeat;
}

.despliegue_login{
    background: #F6F6F6;
}

section .col-int-3 .loginUl li.form label, .despliegue_login form label, .form_restaurar form label{
    color: #7F8479;
    font: normal 12px "univers_light";
    margin-bottom: 2px;
}

section .col-int-3 .loginUl li.form input[type='text'], section .col-int-3 .loginUl li.form input[type='password'], section .col-int-3 .loginUl li.form textarea, .despliegue_login form input[type='text'], .despliegue_login form input[type='password'], .form_restaurar form input[type='text'], .form_restaurar form input[type='password'] {
    border: #EEEEEE solid 1px;
    border-top: #989898 solid 1px;  
    border-left: #989898 solid 1px;
    width: 126px;
    padding: 4px;
    margin-bottom: 5px;
    font: normal 12px 'universal_light', Arial, sans-serif;
    color: #333;
}

section .col-int-3 .loginUl li.form input[type='submit'], .despliegue_login form input[type='submit'], .form_restaurar form input[type='submit']{
    color: #7F847A;
    font: normal 14px "univers_light";
    padding: 5px;
    border: 0px;
    border-bottom: #CCCCCC solid 1px;
    background: #F6F6F6;
    float: right;
}

section .col-int-3 .loginUl li.form input[type='submit']:hover, .despliegue_login form input[type='submit']:hover{
    color: #333;
}

section .col-int-3 .servicesUl li a{
    color: #7F8479;
}

section .col-int-3 .loginUl li a{
    color: #3E3F3A;
    text-decoration: none;
}

section .col-int-3 .loginUl li a:hover{
    color: #94C24A;
}

section .col-int-3 .download{
    margin: 0px;
    padding: 0px;
    list-style: none;
    padding-bottom: 40px;
    background: url(../img/bg_ul_services.jpg) left bottom no-repeat;
    color: #7F8479;
    font: normal 11px "univers_light";
}

section .col-int-3 .download li{
    padding: 10px 5px;
    border-top: #EEEEEE solid 1px;
}

section .col-int-3 .download li a{
    color: #000000;
    padding-left: 20px;
    display: block;
    line-height: 14px;
}

section .col-int-2 .regresar_industries{
    color: #3E3F3A;
    font-size: 12px;
    text-decoration: none;
    font: normal 12px "univers_light";
}

section .col-int-2 .regresar_industries:hover{
    border-bottom: #3E3F3A;
}

section .col-int-3 .download li a.file_pdf{
    background: url(../img/ico_pdf.jpg) left top no-repeat;
    padding-left: 20px;
}

.sub_gallery .download{
    padding: 0px !important;
    background: none !important;
    margin-top: 5px !important;
}

.sub_gallery .download li:first-child{
    border-top: 0px;
}

.sub_gallery .download li{
    padding: 5px 0px !important;
}

section .col-int-3 .download li a.file_xls{
    background: url(../img/ico_xls.jpg) left top no-repeat;
}

section .col-int-3 .services_by{
    background: #94C24A url(../img/_enc_services.png) no-repeat;
    width: 150px;
    height: auto;
    padding: 75px 0px 10px 10px;
    margin-top: 30px;
    color: #FFF;
    font: normal 22px "rockwell";
    line-height: 16px;
}

section .col-int-3 .services_by span{
    font-size: 14px;
}

section .col-int-3 .industriesUl.services{
    font-size: 14px;
    color: #3E3F3A;
    line-height: 18px;
}

section .col-int-3 .industriesUl li{
    padding: 10px 5px;
    border-top: #EEEEEE solid 1px;
}

section .col-int-3 .industriesUl li span{
    color: #3E3F3A;
    font-size: 20px;
    display: block;
}

section .col-int-3 .industriesUl li span a{
    color: #3E3F3A;
}

section .col-int-3 .industriesUl li:first-child{
    border-top: 0px;
}

section .quote{
    padding-top: 30px;
    padding-bottom: 20px;
    background: url(../img/bg_quote.jpg) top left no-repeat;
    margin: 30px 0px;
    border-bottom: #EEEEEE solid 1px;
}

section .quote blockquote{
    color: #3E3F39;
    margin: 0px;
    padding: 0px;
    font: normal 17px Arial;
    padding-bottom: 30px;
    padding-top: 7px;
    background: url(../img/bg_quote2.jpg) right bottom no-repeat;
}

section .quote cite{
    font-size: 11px;
    margin-top: -12px;
    float: left;
}

section .col-int-2 .news-home{
    padding-left: 0px;
    background: none;
}

section .col-int-2 .news-home .hgroup{
    border-bottom: 0px;
    margin-bottom: 0px;
}

section .col-int-2 .news-home article{
    padding-left: 0px;
    padding-right: 20px;
}

section .col-int-2 .box-contact{
    color: #3E3F39;
    font: normal 15px "univers_light";
    width: 240px;
    float: left;
    margin-bottom: 50px;
}
section .col-int-2 .box-contact img{
    background: url(../img/bg_top_contact.png) no-repeat;
    width: 240px;
    height:125px;
}
section .col-int-2 .box-contact.lang_es img{
    background-position:0px -125px;
}
section .col-int-2 .box-contact.lang_en img{
    background-position:0px 0px;
}
section .col-int-2 .box-contact.green.lang_es img{
    background-position:-240px -125px;
}
section .col-int-2 .box-contact.green.lang_en img{
    background-position:-240px 0px;
}

section .col-int-2 .box-contact.green{
    float: right;
    background-position: right top;
}

section .col-int-2 .box-contact.green a.btn_green{
    background: #41896C url(../img/bg_btn_contacto.png) 93px 10px no-repeat;
    color: #FFF;
    padding: 5px 10px 5px 7px;
    font: normal 12px "univers_light";
    text-decoration: none;
}

section .col-int-2 .box-contact.green a.click{
    color: #111;
}

section .col-int-2 .box-contact p{
    margin: 0px;
    margin-bottom: 10px;
    padding: 10px;
}

section .col-int-2 .box-contact a.btn{
    background: #0F5078 url(../img/bg_btn_contacto.png) 93px 10px no-repeat;
    color: #FFF;
    padding: 5px 10px 5px 7px;
    font: normal 12px "univers_light";
    text-decoration: none;
}

section .col-int-3 .location_aside{
    margin: 15px 0px;
}

section .col-int-3 .location_aside .map_aside{
    height: 230px;
    margin-top: 15px;
    background: #333;
    margin-bottom: 10px;
}

section .col-int-3 .location_aside p, section .col-int-3 .location_aside p a{
    color: #3E3F3A;
    font: normal 11px "univers_light";
}

section .col-int-3 .location_aside p .title{
    font-size: 14px;
    display: block;
}

section .col-int-2 .list_news{
    margin: 0px;
    padding: 0px;
    list-style: none;
}

section .col-int-2 .list_news li:last-child{
    border: 0px;
}

section .col-int-2 .list_news li{
    display: block;
    border-bottom: #EEEEEE dotted 1px;
    padding: 10px 0px;
}

section .col-int-2 .list_news img{
    float: left;
    margin-right: 15px;
}

section .col-int-2 .list_news h1{
    font-size: 17px;
}

section .col-int-2 .list_news p{
    color: #333;
    font-size: 13px;
    margin-bottom: 7px;
}

section .col-int-2 .list_news a{
    color: #7F847A;
    font: normal 12px "univers_light";
    text-decoration: none;
}

section .col-int-2 .list_news a:hover{
    text-decoration: underline;
}

section .col-int-2 .pager_list .prev, section .col-int-2 .pager_list .next{
    float: none;
    background: none;
    width: auto;
    height: auto;
    margin: 0px;
}

section .col-int-2 .pager_list{
    border-top: #EEEEEE solid 1px;
    margin-top: 10px;
}

section .col-int-2 .pager_list a, section .col-int-2 .pager_list .prev, section .col-int-2 .pager_list .next{
    color: #FFF;
    font: normal 10px Tahoma;
    background: #DDDDDD;
    padding: 5px 7px;
    text-decoration: none;
    float: left;
    margin-right: 1px;
    margin-top: 6px;
}

section .col-int-2 .pager_list .prev, section .col-int-2 .pager_list .next, section .col-int-2 .pager_list .first, section .col-int-2 .pager_list .last{
    background: #CCCCCC;
}

section .col-int-2 .pager_list .prev:hover, section .col-int-2 .pager_list .next:hover, section .col-int-2 .pager_list .first:hover, section .col-int-2 .pager_list .last:hover{
    background: #666;
}

section .col-int-2 .pager_list a:hover, section .col-int-2 .pager_list a.active{
    background: #94C24A;
}

section .col-int-2 .pager_list a.rss{
    height: 35px;
    line-height: 35px !important;
    border-right: #EEEEEE solid 1px;
    display: block;
    text-decoration: none;
    width: 23px;
    padding: 0px;
    margin-right: 15px;
    margin-left: 61px;
    padding-right: 15px;
    margin-top: 0px;
    background: url(../img/bg_rss.png) center top no-repeat;
}

section .col-int-2 .pager_list a.rss:hover{
    background-position: center bottom;
}

section .col-int-2 .list-news{
    border: 0px;
    margin: 0px;
    border-bottom: #EEEEEE solid 1px;
    margin-bottom: 15px;
    padding-bottom: 10px;
    padding-top: 10px;
}

.breadcrumbs{
    color: #D6D6D6;
    font: normal 10px Tahoma;
    padding: 9px 0px;
    text-shadow:rgba(255,255,255,1) 1px 1px 0px;
}

.breadcrumbs span{
    color: #7F8479;
}

.breadcrumbs span.sep{
    color: #D6D6D6;
    position:relative;
    top:1px;
}

.breadcrumbs a{
    color: #D6D6D6;
    text-decoration: none;
}

.breadcrumbs a:hover, .breadcrumbs a.active:hover{
    color: #7F8479;
    text-decoration: underline;
}

.breadcrumbs a.active{
    color: #7F8479;
    text-decoration: none;
}

.apex_ar{
    width: 87px;
    height: 16px;
    display: inline-block;
    margin: 2px 0px;
    background: url(../img/apex_ar.jpg) left top no-repeat;
}

.li-connect-link{
    color: #006699;
    font: normal 10px Tahoma;
    text-decoration: none;
    padding: 3px 0px;
}

.li-connect-link:hover{
    text-decoration: underline;
}

.apex_ar:hover{
    background-position: left bottom;
}

.sep_g1{
    clear: both;
    border-bottom: #EEEEEE solid 1px;
    margin: 2px 0px;
}

.wp{
    width: 960px;
    margin:0px auto;
}


a.btnlogin_es, a.btnlogin_en{
    display:block;
    width:160px;
    height:40px;
    margin-top:1px;
}
a.btnlogin_es:hover, a.btnlogin_en:hover{
    background-position:0px -40px;
}
a.btnlogin_es span, a.btnlogin_en span{
    display:none;
}

a.btnlogin_en{
    background:url(../img/sp_login_btn_en.jpg) no-repeat;
}

a.btnlogin_es{
    background:url(../img/sp_login_btn_es.jpg) no-repeat;
}

/******MEDIAKIT*******/

.col-int-1 .log_info{
    margin-top: 10px;
    border-bottom: solid 1px #EEEEEE;
    padding-bottom: 15px;
    margin-bottom: 10px;
}

.col-int-1 .log_info .nombre{
    font: normal 17px 'rockwell', Arial, sans-serif;
    color: #0E5078;
    margin-bottom: 5px; 
}

.col-int-1 .log_info a{
    font: normal 12px 'universal_light', Arial, sans-serif;
    color: #0F5078;
    display: block;
}

.col-int-1 .log_info a.salir{
    color: #7F847A;
    margin-top: 12px;
    text-decoration: none;
}

.col-int-1 .permiso{
    margin-top: 15px;
}

.col-int-1 .permiso img{
    float: left;
    margin-right: 15px;
}

.col-int-1 .permiso p{
    float: left;
    margin: 0px;
    padding: 0px;
    width: 120px;
    font: normal 12px 'universal_light', Arial, sans-serif;
    color: #3E3F3B;
}

.col-int-1 .permiso p a{
    font-weight: bold;
    color: #3E3F3B;
}

.col-int-2 .copete{
    margin: 10px 0px;
    border-bottom: 1px solid #EEE;
    padding-bottom: 15px;
    font: normal 15px 'universal_light', Arial, sans-serif;
    color: #7F8479;
}

ul.list_files{
    margin-left: 0px;
    padding-left: 0px;
}

ul.list_files li{
    list-style: none;
    float: left;
    width: 160px;
}

ul.list_files li:nth-child(3n+1){
    margin-left: 0px;
}

ul.list_files li article h2{
    font: normal 12px "universal_light", Arial, sans-serif;
    color: #000;
    margin: 3px 0px 5px 0px;
}

ul.list_files li article h2 a{
    border-bottom: solid 1px #000;
    color: #000;
}
ul.list_files li article span.time{
    font: normal 10px Tahoma, sans-serif;
    color: #BBBBBB;
}

ul.list_files li article p{
    font: normal 11px "universal_light", Arial, sans-serif;
    color: #535353;
}

ul.list_files li article a.descargar{
    font: normal 14px "rockwell", Arial, sans-serif;
    color: #93C14A;
}

ul.list_files li article a.descargar img{
    margin-right: 5px;
}

h1.not_found{
    font: normal 17px 'rockwell', Arial, sans-serif;
    color: #92C04A;
}

/******SECCION NUEVA: TRABAJANDO CON APEX*********/

section.trabajando .col-int-3 .banner{
    margin-top: 30px;
}

section.trabajando .col-int-3 .amigos{
    text-align: right;
    margin-top: 10px;
}

section.trabajando .col-int-2 .artprinc{
    padding-bottom: 10px;
    border-bottom: 1px solid #EEEEEE;
}

section.trabajando .col-int-2 .boxes{
    width: 500px;
}

section.trabajando .col-int-2 .boxes h3{
    font: normal 15px "univers_light";
    color: #000;
}

section.trabajando .col-int-2 .boxes div.p{
    font: normal 12px "univers_light";
    color: #525252;
/*    height: 121px;
    overflow: hidden;*/
    margin-bottom: 15px;
}

section.trabajando .col-int-2 .boxes .box{
    width: 140px;
    height: 230px;
    float: left;
    margin-left: 40px;
    margin-bottom: 10px;
}

section.trabajando .col-int-2 .boxes .box:nth-child(3n+1){
    margin-left: 0px;
}

section.trabajando .col-int-2 .boxes .box .mas_info{
    color: #94C24A;
    text-decoration: none;
    font: normal 12px/12px normal 'rockwell';
    margin-top: 10px;
    display: block;
}

section.trabajando .col-int-2 .boxes .box .img_mas_info{
    margin-right: 5px;
    position: relative;
    top: -3px;
}


/****** Trabajando Detalle *******/

.trabajando_detalle .left{
    float: left;
    width: 250px;
}

.trabajando_detalle .left .image{
    width: 180px;
    margin-left: 30px;
}

.trabajando_detalle .left .image img.imagen{
    width: 180px;
    height: 240px;
    float: left;
}

.trabajando_detalle .left .image img.shadow{
    position: absolute;
    width: 88px;
    height: 341px;
    z-index: 5;
    margin-left: 12px;
    margin-top: -15px;
}

.trabajando_detalle .left .share{
    position: relative;
    left: -40px;
    top: 20px;
}

.trabajando_detalle .left .share span{
    display: none;
}

.trabajando_detalle .right{
    float: left;
    position: relative;
    width: 350px;
    z-index: 50;
}

.trabajando_detalle .right div.p{
    font: 15px/130% normal 'univers_light';
    color: #3E3F39;
}

.trabajando_detalle .right a.pin_enviar{
    text-decoration: none;
    font: 14px/100% normal 'rockwell';
    color: #92C04A;
    display: block;
    border-bottom: solid 1px #DDDDDD;
    padding: 5px;
    float: right;
    margin-top: 15px;
}

.trabajando_detalle .right a.pin_enviar img.pin{
    position: relative;
    left: -5px;
}

/********* Trabajando Porque ********/

section.trabajando_porque .menu{
    width: 500px;
    height: 30px;
    margin-bottom: 10px;
    margin-top: 35px;
}

section.trabajando_porque .menu ul{
    width: 500px;
    height: 26px;
    padding: 0px;
    border-bottom: solid 1px #94C24A;
}

section.trabajando_porque .menu ul li{
    float: left;
    font: 14px/14px normal 'rockwell';
    list-style: none;
}

section.trabajando_porque .menu ul li a{
    position: relative;
    top: 2px;
    padding: 10px;
    color: #80847B;
    text-decoration: none;
    background: none;
}

section.trabajando_porque .menu ul li a.active{
    border: solid 1px #94C24A;
    border-bottom: none;
    border-radius: 4px 4px 0px 0px;
    background: #FFF;
}

section.trabajando_porque .menu ul li a span{
    position: relative;
    top: -2px;
}

section.trabajando_porque .boxes{
    width: 500px;
}

section.trabajando_porque .boxes .box{
    width: 144px;
    height: 148px;
    border-right: dotted 1px #D6D6D6;
    border-bottom: dotted 1px #D6D6D6;
    float: left;
    padding: 20px 0px 0px 20px;
    overflow: hidden;
}

section.trabajando_porque .boxes .box:nth-child(3n){
    border-right: none;
}/*
section.trabajando_porque .boxes .box:nth-last-child(-n+3){
    border-bottom: none;
}*/

section.trabajando_porque .boxes .box img{
    position: relative;
    left: 13px;
    top: -5px;
}

section.trabajando_porque .boxes .box div.p{
    font: normal 12px/12px 'univers_light';
    color: #333333;
}

.addthis_default_style a span{
    display: none;
}

#at20mc{
    display: none;
}

/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   Theses examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print,
(-o-min-device-pixel-ratio: 5/4),
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}