@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,700');
    /* = Eric Meyer's Reset CSS v2.0 - http://cssreset.com ====================== */

    html,
    body,
    div,
    span,
    applet,
    object,
    iframe,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    p,
    blockquote,
    pre,
    a,
    abbr,
    acronym,
    address,
    big,
    cite,
    code,
    del,
    dfn,
    em,
    img,
    ins,
    kbd,
    q,
    s,
    samp,
    small,
    strike,
    strong,
    sub,
    sup,
    tt,
    var,
    b,
    u,
    i,
    center,
    dl,
    dt,
    dd,
    ol,
    ul,
    li,
    fieldset,
    form,
    label,
    legend,
    table,
    caption,
    tbody,
    tfoot,
    thead,
    tr,
    th,
    td,
    article,
    aside,
    canvas,
    details,
    embed,
    figure,
    figcaption,
    footer,
    header,
    hgroup,
    menu,
    nav,
    output,
    ruby,
    section,
    summary,
    time,
    mark,
    audio,
    video {
        border: 0;
        font-size: 100%;
        font: inherit;
        vertical-align: baseline;
        margin: 0;
        padding: 0
    }

    article,
    aside,
    details,
    figcaption,
    figure,
    footer,
    header,
    hgroup,
    menu,
    nav,
    section {
        display: block
    }

    body {
        line-height: 1
    }

    ol,
    ul {
        list-style: none
    }

    blockquote,
    q {
        quotes: none
    }

    blockquote:before,
    blockquote:after,
    q:before,
    q:after {
        content: none
    }

    table {
        border-collapse: collapse;
        border-spacing: 0
    }
    /* = Debug ================================================================== */

    #debug {
        background: #CCC;
        margin: 10px auto;
        padding: 10px;
        text-align: left
    }

    #debug p,
    #debug pre {
        color: #000;
        font-family: monospace;
        font-weight: 700;
        margin-bottom: 10px
    }

    #debug .debug {
        color: #000;
        text-align: left
    }

    #debug .debug2 {
        color: red
    }

    #debug .debug4 {
        color: #004
    }

    #debug .debug8 {
        color: #008
    }

    #debug .debug16 {
        color: #016
    }

    #debug .debug32 {
        color: #032
    }

    #debug .debug64 {
        color: #064
    }

    #debug .debug128 {
        color: #128
    }

    #debug .debug256 {
        color: #256
    }

    #debug .debug512 {
        color: #512
    }

    .dump {
        background: #CCC;
        color: #000;
        font-family: monospace;
        font-weight: 700;
        padding: 0px 10px 10px 10px;
    }

    a.debug {
        display: block;
        font-size: 32px;
        line-height: 32px;
        text-transform: uppercase;
        padding: 5px 10px;
        color: #fff;
        background-color: #000;
    }
    /* = Clear ================================================================== */

    .clear {
        clear: both;
        float: none;
    }
    /* = Cookies ================================================================ */

    .cc-cookies {
        width: 100% !important;
        font-size: 12px !important;
        padding: 0.5em 0.1em !important;
    }

    .cc-cookies a {
        font-size: 12px !important;
    }

    .cc-cookies a.cc-cookie-accept,
    .cc-cookies-error a.cc-cookie-accept,
    .cc-cookies a.cc-cookie-decline,
    .cc-cookies-error a.cc-cookie-decline,
    .cc-cookies a.cc-cookie-reset {
        background: #03042a !important;
        font-size: 12px !important;
    }

    body {
        background-image: url("../img/bim_cortizo_1.jpg");
        background-repeat: no-repeat;
        background-position: center 0;
        font-family: 'Open Sans', sans-serif !important;
    }

    body.sistemas {
        background-image: url("../img/bim_cortizo_3.jpg");
    }

    #pantalla {
        max-width: 1024px;
        margin: 0px auto;
        position: relative;
    }

    #cabecera {
        padding: 40px 40px 0px;
    }

    #cabecera .cabecera {
        position: relative;
        margin: 0px 0px 80px;
    }

    #cabecera .cabecera .logo {
        display: inline-block;
    }

    #cabecera .cabecera .selectoridiomas {
        position: absolute;
        top: 15px;
        right: 60px;
    }

    #cabecera .cabecera .selectoridiomas select {
        background-color: transparent;
        border: none;
        font-size: 11px;
        color: #0a253e;
    }

    .telefono {
        position: absolute;
        top: 520px;
        font-size: 35px;
        color: #fff;
        font-weight: bold;
    }

    .infocookies .telefono,
    .cookies .telefono,
    .infolegal .telefono,
    .solicitudarquitectos .telefono {
        display: none;
    }

	.solicitudarquitectos .tituloForm {
		text-align: center;
		color: #00263e;
		font-size: 24px;
    	margin-top: 170px;
    	padding-top: 150px;
    	background: url(../img/raton.png) no-repeat center top;
	}

    .solicitudarquitectos form {
    	margin: 50px auto 0!important;
    }

    #contenedor #contenido .contenido #inicio .bloqueSuperior {
        height: 612px;
    }

    h1 {
        color: #00263e;
        font-size: 46px;
        margin: 0px 0px 20px 68px;
        font-weight: 400;
        line-height: 46px;
    }

    h2 {
        color: #898b8e;
        font-size: 24px;
        font-weight: 400;
        margin: 0px 0px 68px 70px;
    }

    #solicitudarquitectos h2 {
        margin-bottom: 10px;
        font-size: 18px;
    }

    h3 {
        color: #898b8e;
        font-size: 14px;
        font-weight: 400;
        margin: 0px 0px 68px 70px;
        width: 50%;
        line-height: 16px;
    }

    h1 span.destacado {
    	font-weight: bold;
    	display: block;
    }

    #contenedor #contenido .contenido #inicio .bloqueSuperior div.btDescargar {
        margin: 0px 0px 0px 180px;
        float: left;
    }
    #contenedor #contenido .contenido #inicio .bloqueSuperior div.btSolicitar {
        margin: 0px 0px 0px 20px;
        float: left;
    }

    #contenedor #contenido .contenido #inicio .bloqueSuperior div.btSolicitar a.btSolicitar,
    #contenedor #contenido .contenido #inicio .bloqueSuperior div.btDescargar a.btDescargar {
        padding: 17px 0px;
        width: 215px;
        display: inline-block;
        font-size: 18px;
        color: #0a253e;
        background-color: transparent;
        border: 1px solid #0a253e;
        text-align: center;
        text-decoration: none;
    }

    #contenedor #contenido .contenido #inicio .bloqueSuperior div.btSolicitar a.btSolicitar:hover,
    #contenedor #contenido .contenido #inicio .bloqueSuperior div.btDescargar a.btDescargar:hover {
        color: white;
        background-color: #0a253e;
        border: 1px solid white;
        text-decoration: none;
    }

    #contenedor #contenido .contenido #inicio .bloqueInferior {
        margin-top: -95px;
        padding-top: 140px;
        background-image: url("../img/bim_cortizo_2.jpg");
        background-repeat: no-repeat;
        background-position: 100% 0;
    }

    #contenedor #contenido .contenido #solicitudarquitectos .bloqueInferior form,
    #contenedor #contenido .contenido #inicio .bloqueInferior form {
        margin: 0px 0px 0px 84px;
        width: 390px;
    }

    #contenedor #contenido .contenido #solicitudarquitectos .bloqueInferior form h2,
    #contenedor #contenido .contenido #inicio .bloqueInferior form h2 {
        font-size: 34px;
        color: #00263e;
        font-weight: 400;
        margin: 0px 0px 24px;
        display: block;
        max-width: 350px;
    }

    #contenedor #contenido .contenido #solicitudarquitectos .bloqueInferior form h2 span.destacado,
	#contenedor #contenido .contenido #inicio .bloqueInferior form h2 span.destacado {
    	font-weight: bold;
    	display: block;
    }

    #contenedor #contenido .contenido #solicitudarquitectos .bloqueInferior form div.control.label,
    #contenedor #contenido .contenido #inicio .bloqueInferior form div.control.label {
        color: #898b8e;
        font-size: 21px;
        font-weight: 400;
        display: block;
        max-width: 350px;
        margin: 0px 0px 40px;
        line-height: 24px;
    }

    #contenedor #contenido .contenido #solicitudarquitectos .bloqueInferior form div.control.label span.destacado,
    #contenedor #contenido .contenido #inicio .bloqueInferior form div.control.label span.destacado {
        color: #00263e;
        font-size: 21px;
        font-weight: 700;
    }

    #contenedor #contenido .contenido #solicitudarquitectos .bloqueInferior form div.control.clave,
    #contenedor #contenido .contenido #solicitudarquitectos .bloqueInferior form div.control.linea,
    #contenedor #contenido .contenido #inicio .bloqueInferior form div.control.linea {
        width: 100%;
    }

    #contenedor #contenido .contenido #solicitudarquitectos .bloqueInferior form div.control.clave input,
    #contenedor #contenido .contenido #solicitudarquitectos .bloqueInferior form div.control.linea input,
    #contenedor #contenido .contenido #inicio .bloqueInferior form div.control.linea input {
        padding: 6px 3px;
        border: none;
        border-bottom: 1px solid #4f697a;
        width: 384px;
        font-size: 12px;
        color: #898b8e;
        border-radius: 0;
        margin: 0;
    }

    #contenedor #contenido .contenido #solicitudarquitectos .bloqueInferior form div.control.clave:after,
    #contenedor #contenido .contenido #solicitudarquitectos .bloqueInferior form div.control.linea:after,
    #contenedor #contenido .contenido #inicio .bloqueInferior form div.control.linea:after {
        content: " ";
        height: 5px;
        width: 43px;
        background-color: #00263e;
        display: inline-block;
        margin: 0px;
        margin: 0px 0px 15px;
    }

    #contenedor #contenido .contenido #solicitudarquitectos .bloqueInferior form .personalizado p {
        margin: 10px 0;
    }
    #contenedor #contenido .contenido #solicitudarquitectos .bloqueInferior form .personalizado ul {
        margin: 10px;
    }
    #contenedor #contenido .contenido #solicitudarquitectos .bloqueInferior form .politica {
        font-size: 12px!important;
        line-height: 14px!important;
    }

    #contenedor #contenido .contenido #solicitudarquitectos .bloqueInferior form .personalizado {
    	font-size: 14px;
    	color: #00263e;
    }

    #contenedor #contenido .contenido #solicitudarquitectos .bloqueInferior form div.control.separador,
    #contenedor #contenido .contenido #inicio .bloqueInferior form div.control.separador {
        margin-bottom: 34px;
        width: 100%;
    }

    #contenedor #contenido .contenido #solicitudarquitectos .bloqueInferior form div.control.texto,
    #contenedor #contenido .contenido #inicio .bloqueInferior form div.control.texto {
        width: 100%;
    }

    #contenedor #contenido .contenido #solicitudarquitectos .bloqueInferior form div.control.texto textarea,
    #contenedor #contenido .contenido #inicio .bloqueInferior form div.control.texto textarea {
        margin: 50px 0px 5px;
        width: 348px;
        border: 1px solid #7f929e;
        padding: 13px 20px;
        font-size: 12px;
        color: #898b8e;
        resize: none;
        height: 174px;
        font-family: 'Open Sans', sans-serif !important;
        border-radius: 0;
        box-shadow: none;
    }

    #contenedor #contenido .contenido #solicitudarquitectos .bloqueInferior form div.control.label.obligatorio,
    #contenedor #contenido .contenido #inicio .bloqueInferior form div.control.label.obligatorio {
        color: #898b8e;
        font-size: 12px;
        text-align: right;
        max-width: inherit;
        margin: 0px 0px 40px;
    }

    #contenedor #contenido .contenido #solicitudarquitectos form .check,
	#contenedor #contenido .contenido #inicio form .check {
		margin-bottom: 20px;
	}

    #contenedor #contenido .contenido #solicitudarquitectos form .check label,
	#contenedor #contenido .contenido #inicio form .check label {
		color: #898b8e;
	}

    #contenedor #contenido .contenido #inicio form .enviar {
        position: absolute;
        right: 100px;
        margin-top: -250px;
    }

    #contenedor #contenido .contenido #solicitudarquitectos form .enviar {
        margin: 10px 0;
    }

    #contenedor #contenido .contenido #solicitudarquitectos form .enviar input.boton,
    #contenedor #contenido .contenido #inicio form .enviar input.boton {
        color: #fff;
        border: none;
        background: #00263e;
        font-size: 25px;
        padding: 10px 90px;
        cursor: pointer;
        border-radius: 0;
	}

    #contenedor #contenido .contenido #solicitudarquitectos .bloqueInferior form .error,
    #contenedor #contenido .contenido #inicio .bloqueInferior form .error {
    	color: #ff0000;
    	font-size: 12px;
    	position: absolute;
    	margin-top: 8px;
    }

	#contenedor #contenido .contenido #inicio .bloqueInferior form div.control.texto .error,
	#contenedor #contenido .contenido #inicio .bloqueInferior form div.control.check .error {
    	position: relative;
    	margin-top: 0;
    }

    #contenedor #contenido .contenido #solicitudarquitectos .bloqueInferior form div.control.mensaje .error,
    #contenedor #contenido .contenido #inicio .bloqueInferior form div.control.mensaje .error {
        color: #00263e;
        margin: 20px 0;
        font-size: 25px;
        font-weight: bold;
        position: relative;
    }

    #contenedor #contenido .contenido #solicitudarquitectos .bloqueInferior form div.control.mensaje .error {
        color: #999;
    }

    #pie {
        background-color: #00263e;
        padding: 16px 0;
        width: 100%;
    }

    #pie .pie {
        position: relative;
        margin: 0 32px;
    }

    #pie .pie .copyrightcortizo {
        color: white;
        font-size: 11px;
        display: inline-block;
    }

    #pie .pie .menupie {
        position: absolute;
        top: -11px;
        right: 0px;
    }

    #pie .pie .menupie ul {
        overflow: hidden;
        position: relative;
        padding: 10px 0px 14px 28px;
    }

    #pie .pie .menupie ul li {
        float: left;
        padding: 0px 17px
    }

    #pie .pie .menupie ul li a {
        color: white;
        font-size: 11px;
    }


/*************************** LOGIN ***************************/

.login .login {
    margin-left: 100px;
    margin-bottom: 400px;
}

.forget .login {
	margin-left: 100px;
	margin-bottom: 400px;
}

.login .titular {
    font-size: 34px;
    color: #00263e;
    font-weight: 400;
    margin: 0px 0px 10px;
}

.login .subtitular {
	font-size: 12px;
	color: #555;
	font-weight: normal;
	margin: 0px 0px 24px;
}

.login .control {
	margin-bottom: 10px;
}

.login label {
	text-align: right;
	width: 200px;
	display: inline-block;
}

.login input[type=password],
.login input[type=text] {
	padding: 5px 10px;
	width: 200px;
}

.login .boton {
    margin-left: 203px;
    padding: 5px 10px;
    width: 224px;
    color: #fff;
    background: #00263e;
    border: none;
    cursor: pointer;
}

.forget .userreminder {
    margin-left: 100px;
    width: 50%;
    line-height: 20px;
}
.forget .utilesformulario {
	margin-left: 50px;
}

.forget .login .boton {
    margin-left: 50px;
	padding: 5px 10px;
	width: 224px;
	color: #fff;
	background: #00263e;
	border: none;
	cursor: pointer;
}

.login .forget {
	margin: 10px 0;
	width: 427px;
}

.login .forget a {
	font-size: 12px;
	display: block;
	color: #333;
	text-align: right;
	line-height: 18px;
}

/*************************** SISTEMAS ***************************/

#contenedor #contenido .contenido #sistemas .bloqueSuperior {
	height: 612px;
}

#contenedor #contenido .contenido #sistemas .bloqueInferior {
    margin-top: -95px;
    padding-top: 140px;
}

#contenedor #contenido .contenido #sistemas .familia {
	padding-left: 1px;
	overflow: hidden;
	margin-bottom: 80px;
	clear: both;
}

#contenedor #contenido .contenido #sistemas .sistema {
	float:left;
	width: 230px;
	border: 1px solid #a6a6a6;
	position: relative;
	padding: 0;
	overflow: hidden;
	margin-left: -1px;
}

#contenedor #contenido .contenido #sistemas .sistema a {
	display: block;
	position: relative;
}

#contenedor #contenido .contenido #sistemas .sistema .imagensistema img {
	width: 100%;
}

#contenedor #contenido .contenido #sistemas .sistema .titularsistema {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 92%;
	padding: 50px 4% 10px 4%;
	color: #FFF;
    font-size: 14px;
    line-height: 16px;
}

#contenedor #contenido .contenido .backInfoSistema {
	position: absolute;
	bottom: 0;
	left: 0;
	border-left: 1000px solid rgba(17, 59, 92, 0.8);
	border-top: 100px solid transparent;
	z-index: 0;
}

#contenedor #contenido .contenido .titularfamilia {
    color: #898b8e;
    font-size: 24px;
    font-weight: 400;
    margin-bottom: 30px;
}

.userreminder {
    margin: 15px 0;
}

.infocookies .infocookies,
.infolegal .infolegal,
.cookies .cookies {
    line-height: 18px;
    padding: 15px;
    background: rgba(255,255,255,0.5)
}
.infolegal .infolegal {
    padding-bottom: 200px;
}

.infocookies .bloqueSuperior h1,
.infolegal .bloqueSuperior h1,
.cookies .bloqueSuperior h1 {
    margin-bottom: 35px;
}

.infocookies .bloqueSuperior strong,
.infolegal .bloqueSuperior strong,
.cookies .bloqueSuperior strong {
    font-weight: bold;
}

.infocookies .bloqueSuperior p,
.infolegal .bloqueSuperior p,
.cookies .bloqueSuperior p {
    margin: 5px 0;
}

.infocookies .bloqueSuperior h3,
.infolegal .bloqueSuperior h3,
.cookies .bloqueSuperior h3 {
    font-size: 20px;
    margin: 15px 0;
    font-weight: bold;
}

.infocookies .bloqueSuperior ul,
.infolegal .bloqueSuperior ul,
.cookies .bloqueSuperior ul {
    margin: 15px 0;
}

.infocookies .bloqueSuperior li,
.infolegal .bloqueSuperior li,
.cookies .bloqueSuperior li {
    margin: 5px 0 5px 20px;
}


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

    body {
        background-position: 0 0;
    }

    h3 {
        width: auto;
    }

    .contactobim {
        overflow: hidden;
    }

    .solicitudarquitectos,
    #contenedor #contenido .contenido #inicio .bloqueInferior {
        background: none;
    }

    #contenedor #contenido .contenido #inicio form .enviar {
        position: relative;
        margin: 0 0 10px 0;
        float: right;
        right: 0;
    }

    #contenedor #contenido .contenido #solicitudarquitectos .bloqueInferior form,
    #contenedor #contenido .contenido #inicio .bloqueInferior form {
        margin: 0 0 0 10px;
        width: 90%;
    }

    #contenedor #contenido .contenido #solicitudarquitectos .bloqueInferior form div.control.texto,
    #contenedor #contenido .contenido #solicitudarquitectos .bloqueInferior form div.control.texto textarea,
    #contenedor #contenido .contenido #solicitudarquitectos .bloqueInferior form div.control.linea input,
    #contenedor #contenido .contenido #inicio .bloqueInferior form div.control.texto,
    #contenedor #contenido .contenido #inicio .bloqueInferior form div.control.texto textarea,
    #contenedor #contenido .contenido #inicio .bloqueInferior form div.control.linea input {
    	width: 100%;
    }

    #contenedor #contenido .contenido #solicitudarquitectos .bloqueInferior form div.control.texto textarea,
    #contenedor #contenido .contenido #inicio .bloqueInferior form div.control.texto textarea {
    	width: 95%;
    	padding: 2%;
    }

    .login .login {
        margin-left: 0;
    }

    .login .titular {
        margin-left: 10px;
    }

    #cabecera .cabecera .selectoridiomas {
        right: 0;
    }

    .sistemas {
        padding: 0 10px;
    }

    #contenedor #contenido .contenido #sistemas .sistema {
        width: 49%;
        margin: 0 0 10px 0;
        border: 1px solid #a6a6a6;
    }

    #pie .pie {
    	margin: 0 10px;
    }

    #pie .pie .menupie {
        clear: both;
        position: relative;
    }

    #pie .pie .menupie ul li {
        padding: 0 5px;
    }

    #pie a {
    	color: #fff;
    }

    #contenedor {
    	overflow: hidden;
    }

    #contenedor #contenido .contenido #inicio .bloqueSuperior div.btDescargar {
    	text-align: center;
    	margin: 0;
    }

    .login .control {
    	margin: 0 5% 10px;
    	width: 90%;
    }

    .login .boton {
    	margin: 0 5%;
    	padding: 5px 2%;
    	width: 85%;
    }

    .login input[type="password"], .login input[type="text"] {
    	width: 90%;
    	padding: 5px 2%;
    }

    .login .forget {
    	width: 85%;
    	margin: 10px 5%;
    }

    .login label {
    	text-align: left;
    	display: block;
    	margin-bottom: 5px;
    }

    .utilesformulario .boton {
        margin: 10px 5%;
    }

    .userreminder {
        margin: 15px 5%;
    }

}

body.email {
    background: none!important;
}