* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/*
 * -- BASE STYLES --
 * Most of these are inherited from Base, but I want to change a few.
 */
body {
    line-height: 1.7em;
    color: #111;
    font-size: 13px;
}


/* COLORS ----- */

.blue{ color: #4764a7; }
.dark-blue{ color: #103b87 }
.bk-blue{ background-color: #4764a7 !important; }
.bk-orange{ background-color: #f17a2f  !important; text-transform: lowercase !important;}
.bk-orange:hover{ background-color: #D96E2A !important; text-transform: lowercase !important; }
.bk-dark-blue{ background-color: #103b87 !important;  }

button:hover{ background-color: #103b87 !important; }
.more-button:hover{ background-color: #4764a7 !important; }
a, a:visited, a:active{ color: #4764a7; }
a:hover { background:transparent !important; color: #103b87 !important; }
a.border-bottom:hover{ background:transparent !important; border-bottom: 1px solid #103b87 !important; }

.menu .selected, .pure-menu ul.menu li a:focus{
    border-bottom: none !important;
    background-color: #fff !important;
}
.pure-menu ul.menu li a.selected,
.pure-menu ul.menu li a:active,
.pure-menu ul.menu li a:focus{
    color: #4d68a9 !important;
}

.submenu li a, .profile .selected{ color: #103b87; }

.submenu li a:hover{

}
.pure-menu ul.menu li .submenu .selected{
    color: #FFF !important;
    background-color: #a6b1d2 !important;
}

.pure-menu ul.menu li .submenu li + li:after{
    content: "|";
}

.header .bottom-submenu{
    background-color: #fff;
    bottom: 0;
    height: 33px;
    position: absolute;
    width: 100%;
}

.add-search input[type="submit"], .lateral{ border: 1px solid #103b87; }

.blue-box{
    border: 1px solid #103b87; padding: 5px;
}

.blue-box.highlight {
    background: url('/bundles/photontransferweb/images/picto_logo.png') #eef3fd no-repeat 10px 10px;
    border: 1px solid #103b87;
    padding: 10px 10px 10px 55px;
}


.gray{ color: #b1b1b1 !important; }
.white{ color: white; }
/*-------------*/


/*Sobre-escribim estils per que no encaixa la mida*/
.pure-u-1-3{ width: 32.9% !important; }
/*.pure-u-3-3{ width: 92% !important; }*/


/*BORRAR AL INSERTAR EL CONTINGUT DEL FOOTER*/
.auto-height{
    height:200px;
}
/*-------*/


#photontransfer_webbundle_joinus_type label, #fos_user_registration_form_userType label{ font-weight: normal; }

.static{ padding: 30px 0; }
ul{ margin: 0; }

.underlined{ text-decoration: underline; }

.left{ float:left;}
.right{ float:right;}

.border-none{ border:none !important; }

.space{ height:30px; }

.img-margin{ margin:5px 10px 10px 0; }

.width100-100{ width: 100% !important; }

.no-list-style{ list-style:none; }

.no-padding-top{ padding-top: 0!important; }

.no-margin-top{ margin-top: 0!important; }

.arrow{ position:absolute; top: 22px; left: 36px; }

button{ font-size:20px !important; }

h1, .home h2{ text-shadow: 1px 2px 2px #777; }

h1{
    font-size: 26px !important;
}
h2{
    /*font-size: 23px;*/
}

.bold{   font-weight:bold; }


label span{
    color: #444;
    font-weight: normal;

}

h2{padding: 1em 0 8px; margin: 0; font-size: 1.25em !important; text-transform: uppercase;}
h3 {font-size: 1.20em !important;}
h4{margin:5px 0 5px 0; font-size: 1.15em !important;}

.pure-img-responsive {
    max-width: 100%;
    height: auto;
}

/*
 * -- LAYOUT STYLES --
 * These are some useful classes which I will need
 */
.l-box {
    padding: 1em 0 0 1em;
}

.l-box p{
    text-align: left;
    margin:0;
    margin-bottom: 3px;
    line-height: 1.7em;
    font-size: 13px;
    font-family: sans-serif;
}

.l-box-lrg {
    padding: 15px 0 0;
    /*border-bottom: 1px solid rgba(0,0,0,0.1);*/
}

.is-center {
    text-align: center !important;
}

.is-left {
    text-align: left !important;
}

/*
 * -- PURE FORM STYLES --
 * Style the form inputs and labels
 */
.pure-form label {
    margin: 1em 0 0;
    font-weight: bold;
    font-size: 100%;
}

.pure-form input[type] {
    border: 2px solid #ddd;
    box-shadow: none;
    font-size: 100%;
    width: 100%;
    margin-bottom: 1em;
    padding:10px;
}
.pure-form input[type="checkbox"]{
    margin-bottom: 0;
}
.pure-form select{
    margin-bottom: 1em;
}

.pure-form input[type="text"], .pure-form input[type="email"], .pure-form input[type="password"], .pure-form select{
    width: 400px;
    display:block;
    clear:both;
}
.pure-form input[type="email"]{
    width: 400px;
}
.pure-form textarea {

    width: 90%;
    height:90px;
}
/*
 * -- PURE BUTTON STYLES --
 * I want my pure-button elements to look a little different
 */
.pure-button {
    color: white;
    padding: 15px 5em;
    /*border-radius: 5px;*/
}

a.pure-button-primary {
    /*background: #4764a6 /*#103b87*/;
    color: #FFF;
    /*border-radius: 5px;*/
    font-size: 120%;
}


/*
 * -- MENU STYLES --
 * I want to customize how my .pure-menu looks at the top of the page
 */

.home-menu {
    /*padding: 0.5em;
    text-align: center;*/
    box-shadow: 0 2px 2px rgba(0,0,0, 0.5);
    background-color: #4D68A9 !important;
}
.home-menu.pure-menu-open {
    background-color: #4D68A9 !important;;
}
.pure-menu.pure-menu-open.pure-menu-fixed {
    position:absolute !important;
    /* Fixed menus normally have a border at the bottom. */
    border-bottom: none;
    /* I need a higher z-index here because of the scroll-over effect. */
    z-index: 4;
}

.home-menu .pure-menu-heading {
    font-weight: 400;
    font-size: 120%;
}

.home-menu .pure-menu-selected a {
    color: white;
}

.home-menu a {
    color: #444;
}
/*.home-menu li a:hover,
.home-menu li a:focus {
    background: none;
    border: none;
    color: #103b87;
}
*/

/*
 * -- SPLASH STYLES --
 * This is the blue top section that appears on the page.
 */

.splash-container {
    /*background: #1f8dd6;*/
    /* z-index: 1;  Causa problemas en navegadores webkit*/
  /* FIXME  overflow: hidden; */
    /* The following styles are required for the "scroll-over" effect */
    width: 100%;
    height: 88%;
    top: 181px;
    left: 0;
    position: absolute !important;
}

.splash {
    /* absolute center .splash within .splash-container */
    width: 80%;
    height: 460px;
    margin: auto;
    position: absolute;
    top: 25px; left: 0; bottom: 0; right: 0;
}

/* This is the main heading that appears on the blue section */
.splash-head {
    /*border: 3px solid white;*/
    padding: 0;
    font-weight: 100;
    border-radius: 5px;
    line-height: 28px;
    width: 885px;
    margin: 12px 70px 20px 190px;
    text-transform: uppercase;
}

/* This is the subheading that appears on the blue section */
.splash-subhead {
    letter-spacing: 0.05em;
    margin: 0 0 40px 190px;
    width: 420px;
    line-height: 30px;
    font-size:17px;
}



/*
 * -- CONTENT STYLES --
 * This represents the content area (everything below the blue section)
 */


.content-wrapper {
    /* These styles are required for the "scroll-over" effect */
    position: absolute;
    width: 100%;
    min-height: 12%;
    z-index: 2;
    /*box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);*/
}

.content-wrapper.home{ top: 665px; }

.content-wrapper-static { position:static; min-height:300px; min-width: 960px; box-shadow:0 -1px 3px rgba(0,0,0, 0.3)}



.content-wrapper-background{
    display: inline-block;
    background: white;
    width:100%;
    min-width: 960px;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
}




/* This is the class used for the main content headers (<h2>) */
.content-head {
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    margin: 2em auto 1em;
    padding:24px;
    width: 100%;
    background-color: #f7f7f7;
    /*color: #103B87;*/
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
}

/* This is a modifier class used when the content-head is inside a ribbon */
.content-head-ribbon {
    color: white;
}

/* This is the class used for the content sub-headers (<h3>) */
.content-subhead {
    color: #103B87;
    text-transform: uppercase;
  font-weight: 600 !important;
  font-size: 1.20em !important;
  margin: 1em 0;
}
}
.content-subhead i {
    margin-right: 7px;
}

/* This is the class used for the dark-background areas. */
.ribbon {
    background: #0d1b33;
    color: #aaa;
    /*height:210px;*/
}

.ribbon ul{
    left: 0;
    margin: 6px auto;
    position: static;
    letter-spacing: 0;
    visibility: visible;
    width: 960px;
    font-size:12px;
    padding: 0;
}

menu, .breadcrumb{ padding:0;}
.breadcrumb{ margin: 1em 0 0; }


.footer-menu{ width:100%; min-width: 960px; border-bottom: 1px solid #7a7a7a; height: 40px; }

.ribbon{ width:100%; min-width: 960px; }

.ribbon ul li{ display:inline; }

.ribbon ul a{
    padding: 0 19px;
    color: #FFF;
    border-right: 1px solid #7a7a7a;
    text-decoration:none;
}

.ribbon ul a:hover{
    color: #6A84C1 !important;
}

/* This is the class used for the footer */
.footer {
    background: #0d1b33;
    color:#FFF;
    font-size: 11px;
    width:100%;
    min-width: 960px;
    padding-bottom: 1em;
}

.footer a{
    color:#FFF;
}

/*
 * -- TABLET (AND UP) MEDIA QUERIES --
 * On tablets and other medium-sized devices, we want to customize some
 * of the mobile styles.
 */
/*@media (min-width: 48em) {

    /* We increase the body font size */
/*body {
    font-size: 16px;
}
/* We want to give the content area some more padding */
/*.content {
    padding: 1em;
}

/* We can align the menu header to the left, but float the
menu items to the right. */
/*.home-menu {
    text-align: left;
}
    .home-menu ul {
        float: right;
    }

/* We increase the height of the splash-container */
/*    .splash-container {
        height: 500px;
    }*/

/* We decrease the width of the .splash, since we have more width
to work with */
/*.splash {
    width: 50%;
    height: 50%;
}

/*.splash-head {
    font-size: 250%;
}


/* We remove the border-separator assigned to .l-box-lrg */
/*.l-box-lrg {
    border: none;
}

}

/*
* -- DESKTOP (AND UP) MEDIA QUERIES --
* On desktops and other large devices, we want to over-ride some
* of the mobile and tablet styles.
*/
/*@media (min-width: 78em) {
    /* We increase the header font size even more */
/*.splash-head {
    font-size: 300%;
}
}
*/

/* MOSAIC */

.no-padding{padding: 0}
.upper{
    text-transform: uppercase
}

/* HOME */

.content, .splash, .header-content{
    width:960px;
    margin:0 auto;
    /*position:relative;*/
}



.header-image {
    width: 100%;
    min-width: 960px;
    float: left;
    position: fixed;
    top: 0;
    z-index: -1;
    /*background-image: url("/bundles/photontransferweb/img/header.jpg");
    background-size: 1500px auto;
    height:550px;
    min-height:100%;*/
}

.header-image.on-bottom{
    bottom: 0;
    top: auto;
}

.lang-bar{
    border-bottom: 1px solid #c3c3c3;
    height: 62px;
    left: 0;
    position: absolute;
    right: 0;
    background: url('../../img/bg_top.jpg') center top no-repeat #fff;
}

.lang-bar ul{
    left: 0;
    position: static;
    text-align: right;
    top: 0;
    visibility: visible;
    font-size:12px;
    color: #fff;
}

.lang-bar li{
    /*border-right: 1px solid #c3c3c3;*/
    padding: 0 5px;
}

.lang-bar li a{
    color: #fff;
    display: inline;
    padding: 0 5px;
    font-size: 14px;
}

.lang-bar li a:focus{
    background: none;
}

.lang-bar .inner{
    margin: 3px auto;
    width: 960px;
}
.lang-bar .inner .right{
    width: 50%;
    float: right;
}
.lang-bar .inner .left{
    width: 50%;
    float: left;
}
.lang-bar .inner .right ul li{
    float: right;
    display: block;
}
.lang-bar .inner .left ul li{
    float: left;
    display: block;
    font-size: 13px;
}

.lang-bar .inner .left a{
    padding-left: 18px;
    color: #103b87;
    text-decoration: underline;
}

.lang-bar .inner .left a:hover{

}

.lang-bar .inner .left li + li::before {
    content: " | ";
    position: absolute;
}


.lang-bar .inner .right li + li::after{
    content: " | ";
    /*position: absolute;*/
}

.logo{
    margin: 58px 0 0 -10px;
    float:left;
}

.pure-menu ul.menu{
    position: absolute;
    left: 0;
    right: 0;
    top: 61px;
    visibility: visible;
    font-size: 14px;
    text-align: center;

}

.pure-menu ul.menu li a{
    padding: 4px 8px 5px;
    margin:0 6px;
    color: #fff !important;
    font-weight: bold;
}

.pure-menu ul.menu li a:hover{
    text-decoration: underline !important;
    border-bottom: none !important;
}

.pure-menu ul.menu li .submenu a{
    color: #4d68a9 !important;
    margin: 0;
    padding: 8px 7px 7px !important;
    border: none;
    font-weight: normal;
    display: inline-block;
}


.pure-menu.pure-menu-open{
    height: 93px;
}

.splash-button{
    margin:0 190px;
}

.home-image{ display:block; margin: 0 auto 25px; }

.more-button{ display:inline-block; padding: 0 10px;/*width:140px; background-color: #4764a7;*/ border:1px solid #b1b1b1; text-decoration: none; color: #626262;  margin: 15px auto; text-align:center; }
.more-button:hover{ color: #FFF !important; }
.more-button:before{
    content: "+";
    font-weight: bold;
}

.join-button{
    background: none repeat scroll 0 0 #0e1421;
    color: #FFFFFF;
    border:none;
    margin: 340px 0 0;
    display: inline-block;
    font-size: 32px;
    font-weight: bold;
    letter-spacing: normal;
    padding: 25px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    width: 100%;
    min-width: 960px;
    -webkit-transition: background 0.2s linear;
    -moz-transition: background 0.2s linear;
    -ms-transition: background 0.2s linear;
    -o-transition: background 0.2s linear;
    transition: background 0.2s linear;

    box-shadow: 0 0 7px #888;
}

/*.join-button:hover{
    background: none repeat scroll 0 0 #4764A7;
}*/

.relative{
    position:relative;
}

.overlined{
    display: inline-block;
    height: 7px;
    width: 30px;
}

.overlined-blue{
    border-top: 1px solid #103B87;
}

.overlined-grey{
    border-top: 1px solid #C3C3C3;
}

.ribbon h3{ margin-bottom:15px; color:#FFF; }
.ribbon p{ font-size:12px; color:#FFF; }

.last{ border:none !important; }

.clear{ clear:both; }


/* JOIN US */

.sub-header{
    height:108px;
    background: url('../../img/subheader_bk.png');
    margin: 96px 0 0;
    width:100%;
    min-width: 960px;
    padding: 0;
}

.sub-header-content{ margin: 0 5px; padding-top: 1px; }

.sub-header .splash-head{ margin-left:5px }

.content.form{
    /*width:500px;*/
    padding: 10px 0 60px;
}

.join .content.form{
    width: 500px;
}

.content.form h1{
    text-transform:uppercase;
}

.join-form{
    border:1px solid #103B87;
    width:100%;
    height:auto;
    margin:20px 0 0;
    padding: 25px 20px;
}

.contact-form{

    width:100%;
    height:auto;
    /*margin:20px 0 0;
    padding: 25px 0;*/
}

.pure-form-stacked label{
    display:inline;
}

.pure-form input[type="radio"],.pure-form input[type="checkbox"]{
    width:auto;
    margin:5px;
}

.pure-form label a{ color: #34495e; }

.pure-form label.radio-lab{
    margin:0 50px 0 10px;
    font-weight: normal;
    color: #34495e;
}

.pure-form button[type="submit"]{
    margin: 50px 0 0;
}

.pure-form input{
    outline-color:#103b87;
}

.pure-form input.error{
    border-color: #bf6e75;
    background: #ebb1b0;
}

.pure-form label.error{
    display:inline-block;
    margin: 0 0 10px;
    color: #bf6e75;
}
.pure-form div.error_box{
    display:block;
    color: #bf6e75;
}
.pure-form div.error_box ul{
    margin: 0 0 10px;
    padding: 0 0 0 10px;
    list-style:none;
}

label.text {
    color:#444;
    font-weight: normal;
}

.pure-form input.captcha {
    width:200px;
    float:left;
    margin-right:10px;
}

ul#breadcrumbs li {
    list-style-type: none;
    float:left;
    font-size:11px;
    margin-right:3px;
}
ul#breadcrumbs li a {
    color: #103b87;
}
ul#breadcrumbs li:first-child {
    padding-left: 20px;
    background:url('/bundles/photontransferweb/img/picto_home.png') transparent no-repeat 0 3px;
}


.minor{ color: #666; font-size: 11px; }

/* FORSALE */
.submenu{ right:6px !important; left: auto !important; top:31px !important; visibility: visible !important; width:600px; font-size:12px; }
.submenu li{ float:right; }
.submenu li a{ padding:0 3px !important; }
.menu-extended{ height: 126px !important; }
.header-extended{ margin-top: 128px; }
.forsale-answer-bloc{ margin: 40px 0; }
.forsale-answer-bloc img{ margin: 5px 25px 0 0;  }
.forsale-column-bloc{ margin: 0 0 40px; }
.forsale-column-bloc ul li{ margin: 8px 0 0 }
.forsale-column-bloc .minor{ margin: 8px 15px; }
.forsale-boxes{ margin: 0 54px; }

table.forsale td{ padding: 0 2%; width: 21%; text-align:center; vertical-align: top !important; }

/* MENU */
ul.profile, ul.profile ul{ padding: 0; list-style: none; width: 90%;}
ul.profile ul{ margin: 0 0 0 20px; }
ul.profile li.border-bottom{ border-bottom: 1px solid #777; padding: 8px 0; }
ul.profile a{ text-decoration:none; color:#777; }



/* LOGIN */
.login-form{ padding:25px 20px; width: 445px; margin: 0 auto; }
.login-form input[type="password"], .remember_user{ width:400px !important; }
.login-form button{ margin:20px 0 0 !important; }

/* PASSWORD REQUEST */
.fos_user_resetting_request{ width: 500px; height: auto; margin: 20px auto 0; border: 1px solid #103B87; padding: 25px 20px; }
/* PASSWORD RESET */
.fos_user_resetting_reset{ width: 500px; height: auto; margin: 20px auto 0; border: 1px solid #103B87; padding: 25px 20px;}


/* SHOW PROFILE */
.fos_user_user_show label{ display:inline-block; margin: 8px 0 0; font-weight: bold; font-size: 100%; }


/* EDIT PROFILE */
.fos_user_profile_edit h4, #fos_user_profile_form_userType{ margin-bottom: 10px;}


/* REGISTER */
.register-form{ border: 1px solid #103B87; width: 500px; height: auto; margin: 20px auto 0; padding: 25px 20px; }
.register-form input[type="password"], .remember_user{ width:400px !important; }

.content.form .register{
    width: 500px;
    margin: 0 auto;
}




/* ADS */
.add-search{
    padding: 25px 0;
    width: 100%;
    min-width: 960px;
}

.add-search h2{
    margin: 5px 0;
    padding: 0;
}

.add-search input[type="text"], .add-search input[type="search"]{
    margin: 0 25px 0;
    width:542px;
    padding:5px;
}

.add-search input[type="submit"]{
    width:100px;
    padding:7px;
    background: white;
}

.details h2{
    font-size:1.17em;
}

.details h3{
    font-size:13px;
    text-decoration: underline;
    padding:0 10px 0 0;
}

.details .more_information h3 {
    margin-bottom:5px;
}
.tag{
    font-size:13px;
    margin: 10px 15px 10px 0;
}

.details p.left{ margin:0 10px 0 0 !important; }
.details .description p{ margin: 0 0 20px; }

.ad{ border-bottom: 1px solid #777777; padding-bottom: 20px; margin-bottom: 20px; line-height: 17px; }
.ad img{ height: 140px; width: 140px; margin: 2px 20px 0 0; }
.details img{ height: 200px; width: 200px; margin: 0; }
.ad td{ vertical-align: top; }

.lateral{
    padding:25px 20px;
}

.sideblock {
    padding:0 20px 25px 20px;
}

p.tech_transfer, p.tech_need, p.confidential{
    padding-left: 20px;
    display: inline;
}
p.tech_transfer{
    background: url('../../images/tech_transfer.jpg') no-repeat;
}

p.tech_need{
    background: url('../../images/tech_need.jpg') no-repeat;
}

p.confidential{
    background: url('../../images/lock.jpg') no-repeat;
}

ul.documents{
    list-style-type: none;
}

.filter_form select{
    width: 100%;
    height: 110px;
}

/* NEW AD */
.image-new-ad{
    float: left;
    display: block;
    margin-right: 10px;
}

.relation_type_option .title_option{
    font-weight: bold;
}
.relation_type_option label{
    font-weight: normal;
}


.pure-menu{ min-width:960px; }
.pure-form .date-fields select,
.pure-form .date-fields input{
    width: 100px !important;
    display: inline-block;
}

.title_attribute{
    font-weight: bold;
}

.under_header{
    background-color: #4764a6;
    height: 95px;
}

.under_header .picto{
    display: block;
    margin: 20px auto 5px;
}

.under_header h3{
    padding: 0;
    color: #999;
    text-transform: uppercase;
}
.under_header h3.active{
    color: white;
}

.pure-table tfoot tr{
    border-top: 1px solid #cbcbcb;
}

tr .text{
    text-align: left;
}

tr .number{
    text-align: right;
}

.tight-content{
    width: 500px;
    border: 1px solid #103B87;
    height:  auto;
    margin: 0 auto;
    padding: 5px 20px;
}

.buy-button{
    text-align: right;
}

/** PACKS **/

.card-container{
    border: 1px solid #103b87;
    margin-bottom: 10px;
    border-radius: 2px;
}

.card-container div{
    padding: 5px;
}

.card-container .grey-line{
    background-color: #555;
    color: #FFF;
}

.card-container .blue-line{
    background-color: #103b87;
    color: #FFF;
}

.card-container .white-line{
    background-color: #e4e4e4;
    color: #555;
}

.card-container .white-grey-line{
    background-color: #C5C5C5;
    color: #555;
}

.card-container ul{
    padding: 0 0 0 20px;
}

.card-container h4{
    text-align: center;
    text-transform: uppercase;
    font-size: 15px;
}

.card-container strong{
    text-transform: uppercase;
    text-align: center;
    display: block;
    font-size: 14px;
}

.card-container .option_detail{
    vertical-align: middle;
    text-align: center;
    text-transform: uppercase;
}

.card-container img{
    vertical-align: middle;
}
.card-container .option_detail .active_option{
    color: #103b87;
}
.card-container .option_detail .inactive_option{
    color: #888;
}

.pure-button{
    background: #9AAEDD;
}

.pure-button.small{
    padding: 7px 2em;
}

.pure-button.extrasmall{
    padding: 3px 1em;
    font-size: 12px;
}

.block_content {
    padding:0 5px 0;
}

.challenge_box {
    background-color: #4764a7;
    padding:10px;
    color:#FFF;
    margin-top:0.83em;
}

.challenge_box dd {
    display:inline;
}

div.document-item {
    background:url('/bundles/photontransferads/images/document_clip.png') transparent no-repeat top left;
    padding-left: 25px;
    padding-top: 0;
    margin-bottom:5px;
}

/** CONTACT ADVERTISER **/
.content.tight{
    width: 500px;
}

a.pure-button{
    color: white;
}

a.pure-button:hover{
    background: rgba(16, 59, 135, 0.5) !important;
}

.form_filter_actions button{
    width: 95% !important;
    margin-bottom: 5px !important;
}

label.checkbox {
    font-weight: normal;
}

div.search_advanced {
    background-color: #f4f4f4;
}

div.advanced_search_box {
    margin-top:10px;
    margin-right: 25px;
}

div.advanced_search_box a{
    color:#FFF;
}

div.advertisement_image.home {
    height:150px;
}

#contact_content{
    border: 1px solid #103b87;
    margin-top: 10px;
    padding: 10px;
}

.pure-paginator .pure-button{
    height: auto;
}

.message .pure-button.small{
    margin-left: 5px;
    margin-top: -0.4em;
}

ul li.nobullet{
    list-style-type: none;
}



/** News **/

.etabs { margin: 0; padding: 0; text-align: center; }
.tab { display: inline-block; zoom:1; *display:inline; background: #eee; border: solid 1px #999; border-bottom: none; -moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; }
.tab a { font-size: 14px; line-height: 2em; display: block; padding: 0 10px; outline: none; text-decoration: none; }
.tab a:hover { text-decoration: none; }
.tab.active { background: #fff; padding-top: 6px; position: relative; top: 1px; border-color: #666; }
.tab a.active { font-weight: bold; }
.tab-container .panel-container { background: #fff; border: solid #666 1px; padding: 10px; -moz-border-radius: 0 4px 4px 4px; -webkit-border-radius: 0 4px 4px 4px; }
.clearing { clear:both;}

.mainContainer {
    width: 100%;
    overflow: hidden;


}



.newsFeatured {

    height:600px;
    float: right;
    padding: 10px;
}

.rssTitle {
    text-transform: uppercase;
    text-align: center;
    text-decoration: underline;
}

.newsMain {

}

.rssItem {
padding:10px;
overflow: hidden;

margin:2px;
border-radius: 6px;
background-color: #f9f9f9;
border-radius: 5px;

}

.readMore {
    /* position: absolute;
    bottom:0px;  */
    text-align: center !important;
    padding: 3px;
    border-radius: 2px;
    font-weight: bold;
    text-decoration: none;
    font-size: 0.9em;
}

.readMore a {
    border: 1px solid #CCCCCC;
}



.newsTitle {
 font-weight: bold;
 text-transform: uppercase;
}

.newsEnclosure {
margin-left: auto;
margin-right: auto;
display: block;
max-width: 100%;
}

.newsContent {

}

.rssList {
    -moz-column-count: 4;
    -moz-column-gap: 20px;
    -webkit-column-count: 4;
    -webkit-column-gap: 20px;
    column-count: 4;
    column-gap: 20px;

    padding: 0px;
    font-size: 0.9em;
}

.rssList li {
     -webkit-column-break-inside: avoid; /* Chrome, Safari */
    page-break-inside: avoid;           /* Theoretically FF 20+ */
    break-inside: avoid-column;         /* IE 11 */
        display:table;
}



.rssTitle a:link, a:visited, a:hover, a:active {
    text-decoration:none;

}

.lateralNews {

}

.lateralItem {

 margin-bottom: 10px;
}

.lateralEnclosure {
    float:left;
    margin-bottom: 5px;
    max-width:54px;
}

.lateralTitle {
    text-decoration: underline;
    color: #4764a7;
    float: right;
    font-size: 0.85em;
    line-height: 1.2em;
    font-weight: bold;
}

.lateralContent {
    font-size: 0.85em;
    line-height: 1.2em;
    clear: both;
}



.pubdate {
    display: none;
}

.article_intro {
    display: none;
}



.image_right {

}

/* Challenge */

.partner {
    float:left;
    padding: 5px;
    max-width: 350px;

}


.chaLanding {
    max-width: 630px;
}

.chaBanner {
    margin-bottom: 30px;
    height: 114px;
}

.chaCat {
    position: relative;
    width: 100%; /* for IE 6 */
}

.chaH1 {
    position: relative;
    top: -120px;
    left: 20px;
    width: 100%;
    color: white;
    text-shadow: none;
    font-size: 22px;
}

.chaTitle {
    margin-bottom: 30px;
}

.chaH2 {
    color: #103b87;
    font-size: 1.0em;
    padding-top: 0em;
}

.menuWidth {
    width: 100%;
}

.menuLateral {
    background-color: #4d68a9;
    color: white;
    font-weight: bold;
}

.menuLateral ul {
    list-style-type: none;
    list-style: none;
    padding: 0px;

}

.menuLateral li {
    border-bottom: 1px solid white;
    padding: 10px;

}
.menuLateral  a, .menuLateral a:hover, .menuLateral a:active, .menuLateral a:link, .menuLateral a:visited {
    color: white;
    text-decoration: none;

}

.menuLateral li:last-of-type {
    border-bottom: none;
}

.signUp {

    background-color: #e4e4e4;
    padding: 10px;
    border: 1px solid #4d68a9;
}

.signUp * {
    margin-bottom: 10px;
}

.signUp h2 {
    padding-bottom: 0px;
}

.sponsors {

}

.challengeBold {
    font-weight: bold;
    color: #103b87;
}

.logosChallenge {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
    margin-bottom: 30px;
}

.logosChallenge img {
    max-height: 100px;
}

.challengeText img {
    float: left;
    max-height: 100px;
    clear: both;
}

.challengeText p {
    float: right;
    max-width: 80%;
}

.challengeText {
    width: auto;
    height: 140px;
    margin-bottom: 20px;
}

/* Fieldset legend like... */

.fieldset
{
    border: 1px solid #4f81bd;
    margin-top: 2em;
    width: auto;
}

.fieldset h3
{
    font-size: 100%;
    text-align: left;
    margin-bottom: -13px;

}

.fieldset h3 span
{
    color: #FFF;
    display: inline;
    border: 1px solid #ddd;
    background: #4f81bd;
    padding: 5px 10px;
    position: relative;
    top: -1.3em;
    left: 1em;
    margin-bottom: 0px;
}

/* Pricing Table in for Sale or Buy */

.pricingTableContainer {
    overflow: auto;
    width: 100%
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.pricingTableContainer .row {
  display: -ms-flexbox;
  display: -webkit-flex;

 overflow:auto;
 display:flex;
}

/* Headers */

.pricingTableContainer .row:nth-child(-n+2) .item {
  background-color: #4d67a8;
}

/*  Columna Remarcada*/
.pricingTableContainer .column:nth-child(3){
  background-color: #f17a2f;
}

/* Header de columnas Remarcado*/
.pricingTableContainer .row:nth-child(-n+2) .column:nth-child(3) .item {
  background-color: #f17a2f;
}

/* Elementos diferenciados */

.pricingTableContainer .row:nth-child(n+6) .column:nth-child(1) .item {
  background-color: #bebebe;
}

.pricingTableContainer .row:nth-child(n+11) .column:nth-child(2) .item {
  background-color: #bebebe;
}

.pricingTableContainer .row:nth-child(n+14) .column:nth-child(3) .item {
  background-color: #bebebe;
}

/* Botones */
/* agregado content para darle mas peso y precedencia */
.content .pricingTableContainer .row:last-child .column .item{
  background-color:#0c1a32;
}

/* Border radius */

.pricingTableContainer .row:first-child .column {
  border-top-left-radius:5px;
  border-top-right-radius:5px;
}

.pricingTableContainer .row:last-child .column{
  border-bottom-right-radius:5px;
  border-bottom-left-radius:5px;
}

.pricingTableContainer .column {
  background-color: #4d67a8;
  color: white;
  text-align: center;
  float: left;
  width: 100%;
  margin:0 10px;
  padding: 0 5px;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
}

.pricingTableContainer .item {
  background-color: #0c1a32;
  border-radius: 5px;
  margin: 5px 0;
  width: 100%;
  padding: 5px;
}

.pricingDetails {
  border: 1px dotted #808080 ;
  background-color: #D8D8D8 ;
  width: 70%;
  margin-left: auto;
  margin-right: auto;

  text-align:center;
}

.pricingDetails a,.pricingDetails a:link,.pricingDetails a:hover,.pricingDetails a:visited,.pricingDetails a:active {
  color: #4764a7;
  text-decoration: underline;
}

/* 8888888888888888888888888888888888888888 */

.pricingTable ul {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding:5px;
    float: left;
    margin: 3px;
    border-width: 1px;
    border-style: solid;
    border-color: #CCCCCC;
    text-align: center;
    list-style: none;
    background-color: #4D67A8;
    width: 22%;
    margin-left: 10px;
    color: white;

}

.pricingButton ul {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    padding:5px;
    float: left;
    margin: 3px;
    border-width: 1px;
    border-style: solid;
    border-color: #CCCCCC;
    text-align: center;
    list-style: none;
    background-color: #4D67A8;
    width: 22%;
    margin-left: 10px;
    color: white;

}

.pricingButton ul li{

    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 5px;
    border-width: 2px;
    border-radius: 4px;
    margin-bottom: 3px;
    margin-top: 3px;
}





.pricingTable .choose {
    background-color: #F17A2F;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.pricingTable ul li{

    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 5px;
    border-width: 2px;
    border-radius: 4px;
    margin-bottom: 3px;
    margin-top: 3px;


}



.pricingTable ul .header {
    font-size: 150%;
    background-color: none;
}

.pricingTable ul .description {
    background-color: none;
}

.pricingTable ul .itemDark {
    background-color: #0C1A32;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.pricingTable ul .itemGray {
    background-color: #BEBEBE;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.pricingSelected {
    background-color: #F17A2F !important;
}

.pricingSelected .choose{
    background-color: #4D67A8;
}

.modal {
    position: fixed;
    font-family: Arial, Helvetica, sans-serif;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0,0,0,0.8);
    z-index: 99999;
    opacity:0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
    overflow-y: initial !important
}

.modal:target {
    opacity:1;
    pointer-events: auto;
}


.modal-content{
    overflow-y: initial !important;
    width: 900px;
    margin: 10% auto;
    padding: 5px 20px 13px 20px;
    border-radius: 10px;
    background: #fff;
    background: -moz-linear-gradient(#fff, #999);
    background: -webkit-linear-gradient(#fff, #999);
    background: -o-linear-gradient(#fff, #999);
}

.modal-body{
    overflow-y: auto;
    height: 250px;
    background: #fff;
    padding: 10px;
}

#mce-EMAIL {
    padding: 10px 1px;
}

.mce-like-Search {
    padding: 10px 1px;
}

.hundred {
  max-width: 100%;
}



/*************************** VERSION MOVIL *********************************/

/********************************* FOOTER *********************************/

    .footer-res {
        background-color: #0d1b33;
        color: #FFF
    }

    .movil-list {
        list-style-type: none !important;
        padding: 0px;
    }

    .movil-list li, a, a:visited, a:active{

    }

    .movil-subtitulo {
        padding-top: 30px;
        padding-bottom: 1px;
        font-size: 16px;
    }

     #footerRights {
        padding-top: 22px;
        padding-bottom: 22px;
        margin-top: 22px;
        text-align: center;
        font-size: 10px;
        color: #FFF;
        box-shadow: 0 0 7px #888;
    }

    #footerRights a{
        color: #848484;
        font-size: 11px;
    }

    #mainFooter ul  li {
        padding-top: 16px;
    }

    #mainFooter ul li a {
        color: #848484;
        font-size: 14px;
    }

/********************************* HEADER *********************************/

    .navbar-default{

        box-shadow: 0 0 23px #888;
        background-color: rgba(250, 246, 246, 0.93);
    }

    .navbar-toggle {
        margin-top: 20px;
        background-color: rgba(250, 246, 246, 0.93);
    }

    .navbar-default .navbar-collapse,.navbar-default .navbar-form{
        border-color: transparent !important;
    }

    .nav li a {
        padding: 29px 26px !important;
    }

    .header-list {
        text-transform: uppercase;
        height: 80px;
        line-height: 41px;
    }

    #res-header > ul > li.active{
        background-color: #888 !important;
    }

    .res-login{
        height: 25px;
        background-color: rgb(60, 84, 136);;
        box-shadow: 0 0 1px #252424;
        padding-top: 2px;
    }

    .res-login ul li  {
        display: inline;
        float: right;
        padding-right: 15px;
    }

    .res-login ul li a {
        color: #FFF !important;
        font-size: 12px;
        padding-right: 20px;
    }

    .icono{
        max-height: 24px;
    }
    .login{
        padding: 2px 9px !important;
    }

    .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
         max-height: 432px !important;
    }