@font-face {
    font-family: 'Selawik Light';
    src: url('../../css/fonts/selawkl.eot?rbl562');
    src: url('../../css/fonts/selawkl.eot?rbl562#iefix') format('embedded-opentype'), url('../../css/fonts/selawkl.ttf?rbl562') format('truetype'), url('../../css/fonts/selawkl.woff?rbl562') format('woff'), url('../../css/fonts/selawkl.woff2?rbl562') format('woff2'), url('../../css/fonts/selawkl.svg?rbl562#CRIOFont') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

@font-face {
    font-family: 'Selawik';
    src: url('../../css/fonts/selawk.eot?rbl562');
    src: url('../../css/fonts/selawk.eot?rbl562#iefix') format('embedded-opentype'), url('../../css/fonts/selawk.ttf?rbl562') format('truetype'), url('../../css/fonts/selawk.woff?rbl562') format('woff'), url('../../css/fonts/selawk.woff2?rbl562') format('woff2'), url('../../css/fonts/selawk.svg?rbl562#CRIOFont') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

.no-show{display:none;}
.show{display:block;}
.fl{ float:left;}
.fr{ float:right;}

.validation-summary-errors { color: #FF0000; }
.field-validation-error { color: #FF0000; float: right; }



/* Header custom para el ejempo */
.header{ border-bottom:0; padding-top:0; border-top:13px solid #f0f0f0;  border-bottom:8px solid #f0f0f0; margin-bottom:0;}

.headerRegistration{ border-bottom:0; padding-top:0; border-bottom:8px solid #f0f0f0; margin-bottom:0; background: url(../../images/bg-heroslim.jpg) no-repeat; position: relative;background-position: center top; }
.headerRegistrationVet {
    border-bottom: 0;
    padding-top: 0;
    border-bottom: 8px solid #f0f0f0;
    margin-bottom: 0;
    background: url(../../images/bg-heroslimVet.jpg) no-repeat;
    position: relative;
    background-position: center top;
}

.containerBody { margin-top: 110px;}

.header .container {padding:20px 0 20px;}
.header h3{ padding-bottom:0;}
.header .clearfix{display:none;} 

.header .header_custom{ width:100%;  padding-top:20px; padding-bottom:20px; margin-bottom:0;}
.header .header_custom h3{margin-top: 10px;margin-bottom: 0;line-height: 20px;padding-bottom: 9px;display: inline-block; float:left;}
.header .header_custom .nav-pills > li{ float:right;}
.header .header_custom .clearfix{ display:none;}
.logo-crio-reg a{ width:230px; height:60px; display: block; background:url("../../images/LogoOnlineEditionSmall_INV.png") no-repeat scroll 0 0 transparent;}
.logo-crio a{ width:240px; height:100px; display: block; background:url("../../images/LogoOnlineEditionSmall.png") no-repeat scroll 0 0 transparent;}

/*.body-content{ background:#f8f8f8;}*/

.col-lg-100.social-link{ padding:23px 18px 56px; background:#42b3e5;}
.col-lg-100.social-link .nav li a {color:#fff; padding:5px 15px;}
.col-lg-100.social-link .nav li.nav-header{padding-left:15px; color:#fff; font-size:2.3rem; padding-bottom:10px; }
/*.col-lg-100.social-link .nav li a span:first-child{ font-size:1.8rem;}*/
.col-lg-100{ position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; }

.nav > li > a:hover, .nav > li > a:focus {background-color: rgba(238, 238, 238, 0.3);}
.login .page-header{ border-bottom:0;}
.login .page-header h2{font-family:'Selawik'; color:#222; font-size:3.0rem;}
.nav-header-text{ padding-left:10px; font-size: 14px;}
.body-content.login{padding-bottom:40px;padding-left: 20px;padding-right: 20px;}


.form-signin{}
.form-signin label{ font-weight:normal; font-size:1.75rem;}
.form-signin .input-block-level{width:100%; border:1px solid #42b3e5; padding:8px 4px; margin-bottom:15px; font-size:1.5rem; color:#333333;}
.form-signin .input-block-level.lightplaceholder::-webkit-input-placeholder { color: #BBB !important; font-weight: normal;}
.form-signin .input-block-level.lightplaceholder::-moz-placeholder { color: #BBB !important; font-weight: normal;}
.form-signin .input-block-level.lightplaceholder:-ms-input-placeholder { color: #BBB !important; font-weight: normal;}
.form-signin .input-block-level.lightplaceholder:-moz-placeholder { color: #BBB !important; font-weight: normal;}

.form-signin .input-block-level.lightplaceholder:focus { outline: none;}

.form-signin .checkbox{margin-bottom:25px;}
.form-signin .btn.btn-primary{padding:6px 24px; border-radius:0; background:#0384ce; border:1px solid #0384ce; font-size:1.8rem;}
.form-signin .btn.btn-primary:hover{background:#42b3e5; border:1px solid #42b3e5;}
.form-signin .input-validation-error {border:1px solid #FF1111;}

.form-signin a.link{color:#666; text-decoration: underline; margin-top:10px; font-size:1.4rem;}
.form-signin a.link:hover{text-decoration: none;}
/**************************/
/* Va contra carousel.css  */
/**************************/
body {padding-bottom: 0px;}
/* Va contra carousel.cs */

/*******************************/
/* Va contra sticky-footer.css */
/*******************************/
.footer {background:#2a2a2a; padding-top:14px; padding-bottom:6px;}
p.text-muted.credit{ color:#fff; font-size:1.2rem; text-align: center;}

.lang-picker-wrapper {
        padding-top: 22px;
    }

@media (min-width: 1200px) {
	.container { max-width: 1070px; }
}

@media (max-width: 767px) {

	#footer { margin-left: 0; margin-right: 0; }
    .containerBody { margin-top: 80px;}
}

@media screen and (max-width: 480px) {

	.header .clearfix { display:block; } 
	.header .header_custom .nav-pills > li{ width:100%; }  
	
	/*.col-lg-4{ text-align:center; }*/
	h2, .h2, p{ text-align:left; }

    .containerBody { margin-top: 60px;}
    /*.headerRegistration{ background-size: 1500px; }*/
}


@media (min-width: 480px){
	.col-lg-1,
	.col-lg-2,
	.col-lg-3,
	.col-lg-4,
	.col-lg-5,
	.col-lg-6,
	.col-lg-7,
	.col-lg-8,
	.col-lg-9,
	.col-lg-10,
	.col-lg-11,
	.col-lg-12 { float: left; }
	.col-lg-4{width: 33.33333333333333%;}	
	.col-lg-6{width: 50%;}
	.col-lg-8 {width: 66.66666666666666%;}	

}

@media (max-width: 480px){
    .headerRegistration{ background-size: 1500px; }
    .langlabel { display: none;}
}


/* Responsive Columns*/    
.responsive-leftcolumn {width: 50%; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.responsive-rightcolumn {width: 50%; float: left;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.responsive-leftcolumn-inner {width: 98%;}

@media(max-width: 600px) {
    .responsive-leftcolumn {
        width: 100%;
        float: none;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .responsive-rightcolumn {
        width: 100%;
        float: none;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .responsive-leftcolumn-inner {
        width: 100%;
    }

    .logo-cliente {
        width: 100%;
        text-align: center;
    }

    .logo-crio {
        width: 100%;
        text-align: center;
        display: none;
    }

    .logo-criobottom {
        width: 100%;
        text-align: center;
        display: block !important;
    }

    .loginbutton {
        width: 100%;
        margin-bottom: 15px;
    }

    .logo-crio-reg, .lang-crio-reg {
        float: inherit !important;
        text-align: center;
    }

    .logo-crio-reg a {
        width: 100%;
        background: none;
        background-image: url(../../images/LogoOnlineEditionSmall_INV.png);
        background-position: center center;
        background-repeat: no-repeat;
    }

    .lang-picker-wrapper {
        padding-top: 10px;
    }

    .lang-picker a img {
        margin-left: 30px;
        width: 30px;
    }
}



    /* Input Direccion Registro*/
    .input-box {
        position: relative;
    }

    .input-address {
        display: block;
        padding: 10px 10px 10px 20px;
        width: 195px;
    }

    .domainph {
        background-color: #0384CE;
        color: #FFFFFF;
        display: block;
        font-size: 150%;
        height: 100%;
        line-height: 35px;
        position: absolute;
        right: 0;
        top: 0;
        vertical-align: middle;
        z-index: 9;
    }

    .successMessageRegister {
        color: forestgreen;
        font-weight: bold;
        float: right;
    }

    .fieldExplanarion {
        font-size: x-small;
        float: right;
        padding-top: 10px;
    }

    .emailCheckSuccess {
        color: #2ecc40;
        line-height: 22px;
    }

    .emailCheckWarning {
        color: #ff851b;
        line-height: 22px;
    }

    .emailCheckError {
        color: #ff4136;
        line-height: 22px;
    }