@charset "utf-8";
/*
WEB: http://forojuridico.diariovasco.com/index.php
AUTOR: El Diario Vasco 
VERSION: 1.0
*/

/*--GENERALES--*/
*{margin:0;padding:0;  -webkit-box-sizing: border-box; 
  -moz-box-sizing: border-box; 
  box-sizing: border-box;}
.left{float:left}
.right{float:right}
a{color:#496023}
.clausulado a{color:#666565}
body{font-family:Arial, Helvetica, sans-serif;font-size:1em;line-height:1.4;margin:0;padding:0;height:100%;width:100%; background: url('//forojuridico.diariovasco.com/img/fondo-marmol.jpg') repeat}
.cabecera{background-color: #496023;text-align: center;position:relative;z-index:100}
.cabecera:after{position:absolute;content:url(//forojuridico.diariovasco.com/img/det-logo.png);bottom:0;height:27px;z-index:10;left:0;right:0}
.cabecera img{margin-bottom:20px}
.zona-titulo{text-align:center;font-family:Arial, Helvetica, sans-serif; font-size:1em; color:#ffffff;background-color: #8c8c8c;text-transform: uppercase;padding: 10px 0 14px;background-image: url(//forojuridico.diariovasco.com/img/det-banda-invitacion-p.png);background-repeat: no-repeat; background-position: center bottom}
.zona-titulo span{padding-left:30px}
.texto-introduccion{font-size: 1em;color:#3F3F3F;margin:0 auto;padding:20px 40px 0px;max-width:1200px;width:100%}
.texto-introduccion p{margin:15px 20px;text-align: justify}
.texto-introduccion>p{margin:15px;border-top:1px solid #666;padding-top:15px}
.texto-introduccion p:first-child{color:#496023;font-size:1.5em;font-weight: bold;letter-spacing: -0.03em;line-height:1.2em;text-align: left}
.formulario{margin:0 auto;padding:20px 40px 40px;max-width:1200px;font-size: 1.1em;color:#496023;width:100%; background-color: rgba(255,255,255,0.47)}
.formulario form,.texto-introduccion{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}
.formulario form>div{padding:8px; -webkit-box-flex:1;-ms-flex:1 1 50%;flex:1 1 50%;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap; -webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column}
.texto-introduccion>div{padding:8px 5px; -webkit-box-flex:1;-ms-flex:1 1 50%;flex:1 1 50%;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap; -webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column}
.errores{max-width: 1200px;margin: 30px auto;padding: 15px 40px;background-color: red;color: #fff; }
.errores ul{margin-left:15px}
.formulario form>p{font-size:0.8em;color:#666565}
.formulario form>div.observaciones{-webkit-box-flex:1;-ms-flex:1 1 100%;flex:1 1 100%;}
.formulario form>div input,.formulario form>div textarea{padding: 5px 10px; border: 1px solid #bbc5a9;font-size: 1em; color: #575656;border-radius: 10px; margin-top: 5px;}
.formulario form>div textarea{font-family:Arial, Helvetica, sans-serif;font-size:1.1em;color:#575656;height:100px}
.formulario form>div.clausulado{-webkit-box-flex:1;-ms-flex:1 1 100%;flex:1 1 100%;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;font-size: 0.85em;padding-top:30px;color:#666565}
.formulario form>div.clausulado input{-webkit-box-flex:1;-ms-flex:1 1 5%;flex:1 1 5%;align-self:flex-start;margin-top:5px}
.formulario form>div.clausulado label{-webkit-box-flex:1;-ms-flex:1 1 95%;flex:1 1 95%;}
.formulario form>div.clausulado p{font-size:0.8em;margin:30px 0 0;line-height: 1.5em}
.formulario form>div.captcha{-webkit-box-flex:1;-ms-flex:1 1 30%;flex:1 1 30%;margin-top:20px}
.formulario form input[type="submit"]{-webkit-box-flex:1;-ms-flex:1 1 10%;flex:1 1 10%;margin: 30px 0 10px;background-color: #496023;color: #fff;font-size: 2em;text-transform: uppercase;font-family: helvetica;font-weight: bold;border: 1px solid #fff;cursor:pointer}
.footer{width:100%;background-color: #fff;text-align: left;max-width:1200px;margin:0 auto;margin-bottom:80px}
.footer img{width:100%;height:auto;max-width:439px; margin:15px 0}


@media all and (max-width:1200px){
	.formulario{margin-bottom:0px}
	.errores{margin:30px 15px}
}
@media all and (max-width:800px){
	.formulario{padding:20px}
}
@media all and (max-width:650px){
	body{font-size:1.1em}
	
	.texto-introduccion{padding:20px 20px 0px;}
	.texto-introduccion p{margin:15px 0px;text-align: left}
	.texto-introduccion>div{padding:8px 15px; -webkit-box-flex:1;-ms-flex:1 1 100%;flex:1 1 100%;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap; -webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column}
	.formulario form>div{ -webkit-box-flex:1;-ms-flex:1 1 100%;flex:1 1 100%;}
}
@media all and (max-width:500px){
	.formulario form input[type="submit"]{padding:30px 0;webkit-box-flex:1;-ms-flex:1 1 100%;flex:1 1 100%;}
	.formulario form>div.clausulado label{-webkit-box-flex:1;-ms-flex:1 1 90%;flex:1 1 93%;}
	.zona-titulo h2{font-size:1.3em}
	
}