#publishFooter br:last-of-type{display: none;}
body,html,*{margin:0;padding:0;}
html, body {font-weight: 400;margin:0;padding:0;color:#505050; font-size: 16px;}
div,a{text-decoration:none;transition:all .5s;}
img{border:0;}
h1,h2,h3,h4,h5,th{margin:0;padding:0;font-weight:normal;}
p{margin:0;padding:0;font-weight: 400;}
.contenedor{max-width:1239px;margin-left:auto;margin-right:auto;box-sizing:border-box;text-align: center;}
#header_section{ background: url(../jpg/header-2.jpg) #1e344c no-repeat top center;color:#ffffff;padding:9.6em 0 3.65em;position:relative;}
#header_section h1{font-weight: 700;font-size:2.8em; text-align: center;  letter-spacing: 0.04em;}
#header_section h2{font-size:1.7em; text-align: center;font-weight: 300; width: 24em; margin: 2em auto 0.4em; letter-spacing: 0.003em; text-transform: uppercase;}
#header_section .button{ display: none;}
#actions{ background-color: #f5f6f6;padding:  2em 0;}
.box{ display: inline-block; -webkit-box-shadow: 0px 0px 5px 1px rgba(237,237,237,1);-moz-box-shadow: 0px 0px 5px 1px rgba(237,237,237,1);box-shadow: 0px 0px 5px 1px rgba(237,237,237,1);width: 44%; vertical-align: top;  padding: 5em 2em 1em; min-height: 433px;}
#renovar{background: url(../jpg/renewal_back.jpg)  no-repeat top center #ffffff; margin-right: 1em;}
#gestionar{background: url(../jpg/gestionar_back.jpg)  no-repeat top center #ffffff;}
.box h3{color: #ffffff; font-size: 2.1em; font-weight: 700; letter-spacing: 0.07em;}
.box h4{color: #ffffff; margin: 0.2em 0 2.2em;font-weight: 400; font-size: 1.3em; letter-spacing: 0.01em;}
.box p{ font-size: 1.5em;  margin: 0 auto; color: #333333; width: 88%; letter-spacing: 0.01em;}
.box p span{font-weight: 400;}
.box .icon-ico-interrogante-trazo{ color: #4e4e4e; font-size: 2.1em; top: -28px; left: 6em; position: absolute;}
/*Chrome*/
.box .icon-ico-interrogante-trazo:not(*:root) {top: -43px;}
#recordatorio_id #texto:not(*:root) {top: -2.9em;}
/*IE*/
_:-ms-input-placeholder, :root .box .icon-ico-interrogante-trazo {top: -43px;}
_:-ms-input-placeholder, :root #recordatorio_id #texto{top: -2.9em;}
@supports (-ms-ime-align:auto) {
 .box .icon-ico-interrogante-trazo{top:-44px;}
}
.box .icon-ico-usuario-uno-trazo{ font-size: 4.5em; margin: 0.55em auto 0.12em;}
.box .iniciar{ font-size: 1.1em;font-weight: 300; color: #4e4e4e; width: 40%; margin: 0 auto 1.2em; letter-spacing: 0.03em;}
.box input{ width: 500px; display: block; padding: 0.8em 0; text-align: center; font-size: 1.1em; margin: 1.1em auto 0;font-weight: 300; letter-spacing: 0.02em;}
.box .button{ display: block; width: 500px; background-color: #18a4a4; padding: 0.7em 0; color: #ffffff; font-weight: 700; font-size: 1.1em; margin: 0 auto; letter-spacing: 0.02em;}
#renovar .button{ margin-top: 1em;}
.box input.error_input {    border: 1px solid red;}
#more{ margin: 3em 0 1em;}
#more .first{color: #383838;font-weight: 300; font-size: 1.4em; width: 753px; margin: 0 auto; letter-spacing: 0.03em;}
#more .second{ font-size: 3em; color: #18a4a4;font-weight: 700; margin-bottom: 0.4em; letter-spacing: 0.035em;}
#video_zone{width:100%;max-width:753px;height:0;padding-top:33.6%; position: relative;  margin: 0 auto;}
#video_zone iframe{position: absolute; top:0;left:0; width: 100%; height: 100%;}
#mainfeatures .contenedor{max-width:1170px; margin-bottom: 3em;}
#mainfeatures .svgicon{ font-size: 3.3em;}
.features .feature {display:inline-block; width:96%; vertical-align:top; text-align:center;border:1px solid #e6e6e6;min-height:273px;margin:2em 0 1em;padding-top:1.7em;-webkit-box-shadow: 0px 0px 5px 1px rgba(237,237,237,1);-moz-box-shadow: 0px 0px 5px 1px rgba(237,237,237,1);box-shadow: 0px 0px 5px 1px rgba(237,237,237,1);}
.features .feature h3 {font-weight: 700;font-size:1em;padding:0.95em 0;color: #0ea1a1; line-height: 1.2em; width: 70%; margin: 0 auto;min-height: 2.4em;}
.features .feature p {font-size:0.8em;margin:0.9em auto;line-height:1.15em;font-weight: 700; width: 85%; letter-spacing: 0.01em}
.features .feature strong {font-weight: 400;}
.features .feature .icono {font-size:2em; color: #0ea1a1; border: 1px solid #0ea1a1; border-radius: 4em; padding: 0.25em;}
.features .feature .icon-ic-refresh,.features .feature .icon-ic-euro,.features .feature .icon-ic-licencia2{font-size:2.6em;padding: 0.05em; position: relative; top: -6px}
.features .owl-dots .owl-dot span { background-color: #c3e7e7;}
.owl-dots {margin-top: 1em; }
.features .owl-dots .owl-dot{ display: none;}
.features .owl-dots .owl-dot.active span, .features .owl-dots .owl-dot:hover span {    background-color: #0ea1a1;}
.features .feature .line{ border-top: 2px solid #505050; width: 0.7em; margin: 0 auto 1.65em;}
.svgicon {    display: inline-block;  color: #0ea1a1;   fill: currentcolor;    font-size: 3em;    height: 1em;    position: relative;    stroke: currentcolor;    stroke-width: 0;    width: 1em;}
#video_mobile{display: none;}
#recordatorio_id{ position: relative;}
#recordatorio_id #texto{display: none;cursor:pointer;position:absolute;left:9em;top:-2em;width:20em;box-sizing:border-box;text-align:center; background-color: #18a4a4; border-radius: 3em; padding: 0.6em 1.5em; color: #ffffff;}
#recordatorio_id:hover #iquest_icono{display:none;}
#recordatorio_id:hover #texto{}
@media screen and (max-width: 1239px){	
	.contenedor{max-width: none;}
	.box { display: block; margin: 1em auto 0;-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none; width: 48%; }
	#renovar {    margin-right: auto;}
}
@media screen and (max-width: 1200px){	
	.features .owl-dots .owl-dot{ display: inline-block;}
}
@media screen and (max-width: 1023px){		
    #header_section{ background: url(../jpg/header_mobile.jpg) #020b15 no-repeat top center / 100% auto;}
	#header_section h2{ text-transform: none;font-weight: 300;   position: relative; /*top: 4em;*/}
	#header_section h2{top:2em;}
	#header_section h2 span{ color: #ff9012; font-weight: 300;}
	#header_section h1 span{font-weight: 300; display: block; font-size: 0.75em; }
	#header_section h1 {position: relative; /*font-size: 3.3em;*/top:-2.5em}
	#header_section .button{ display: block; width: 15em; background-color: #ff9012; color: #ffffff; border: 1px solid #ff9012;font-weight: 700; font-weight: 600; margin: 1em auto 0; padding: 1em 0; font-size: 1.1em;}
	#header_section #but_gestionar{ background-color: transparent; color: #ff9012;   margin-top: 2em;}
	.box { width: 90%; }
	.box p ,.box .iniciar {font-weight: 700; font-weight: 300;  width: 68%;}
	.box p span ,.box .iniciar span{ font-weight: 400;font-weight: 700;}
	#actions{ padding-bottom: 0;}
	#renovar, #gestionar{background-color: transparent; }
	#gestionar{ width: 100%; background: url(../jpg/gestionar_mobile.jpg)  no-repeat top center; padding: 2em 0 1em;}
	#gestionar_mobile{background: url(../jpg/gestionar_back.jpg)  no-repeat top center transparent; width: 90%; margin: 0 auto; padding: 5em 2em 1em; color: #ffffff;}
	#gestionar p,#gestionar .svgicon,.box .iniciar {    color: #ffffff;}
	/*.box .icon-ico-interrogante-trazo ,*/#more #video_zone{display: none;}
	#recordatorio_id #texto { left:0;}
	#renovar .button { top: 1em;}
	.features .feature .line{ display: none;}
	#video_mobile{display: block; background-color: #f6f5f5; padding: 2em 0;}
	#video_mobile h2{ color: #0ea1a1; font-size: 3em;font-weight: 700; margin-bottom: 1em;}
	#video_mobile h2 span{ display: block;font-weight: 300; color: #383838; font-size: 0.6em;}
	.features .feature h3 {	font-size: 1.4em; width: 85%;}
	.features .feature p {   font-size: 1em;}
}
@media screen and (max-width: 980px){	
	#header_section h1.xl { font-size: 2.4em;}
}
@media screen and (max-width: 830px){
	.box p, .box .iniciar {    width: 80%;}
	#video_zone {    padding-top: 46%;    width: 95%;}
	#more .first {    width: 95%;}
}
@media screen and (max-width: 729px){
		#header_section h2 {    /*top: 7em;*/ width: 95%; margin-left: auto; margin-right: auto;}
		#header_section h2 {top:3em}
	#header_section h1.xl { font-size: 3.4em;}
}
@media screen and (max-width: 620px){	
	.box,#gestionar_mobile  {    width: 71%;}
	.box p, .box .iniciar {    width: 98%;}
	.box .button ,.box input { width: 70%;}
	.features .feature { width: 90%;}
	#footerHome .footerMenu li {    display: block;    padding: 15px 0;}
    #downFooterHome{color:transparent;}
    #downFooterHome a{display:block;}
	.footerMenu li::after {    content: none;}	
	.box .icon-ico-interrogante-trazo { left: 4.4em; font-size: 1.5em; top: -22px;}
	#recordatorio_id #texto { left:-5em;}
}
@media screen and (min-width: 470px) and (max-width: 520px){	
	.box .icon-ico-interrogante-trazo { left: 5.3em; font-size: 1.2em; top: -20px;}
}
@media screen and (max-width: 470px){	
	#header_section h1,#header_section h1.xl {/*font-size: 2.5em;*/letter-spacing: 0.03em; line-height: 1.1em;}
	#header_section h1 span{font-size: 0.6em;letter-spacing: 0.01em; line-height: 1.1em;}
	#header_section h1{font-size: 1.5em;top:-5em}
	#header_section h2{top:3.5em;}
	#header_section{ padding:2.3em 0 4.4em;}
	#header_section a:first-of-type { margin-top: 3em;}
	#header_section h2{ font-size: 1.35em; width: 80%; top: 2.5em;}
	#header_section .button { font-size: 0.9em; padding: 0.85em 0;}
	#header_section #but_gestionar { margin-top: 1.3em;}
	#actions {    padding-top: 0.3em;}
	#renovar{background: url(../jpg/renewal_back_mobile.jpg)  no-repeat top center/auto 200px  transparent; padding-bottom: 1.5em;  }
	.box, #gestionar_mobile {    width: 89%; padding: 7.8em 0 1em; min-height: auto;}
	.box h3 {	font-size: 1.75em;}
	.box h4 {    font-size: 1.1em; margin-top: 0; width: 80%; margin-left: auto; margin-right: auto;}
	.box p { letter-spacing: 0.01em; font-size: 1.1em; margin: 3.8em 0 1.6em;}
	.box input{ padding: 0.9em 0; }
	.box input,.box .button  { font-size: 0.87em; }
	.box .button, .box input{width: 65%;}
	.box input:first-of-type{ margin-bottom: 1.5em;}
	#renovar .button {		margin-top: 1.65em;}
	.box .button {    padding: 0.95em 0;}
	#gestionar {    padding: 1.35em 0 1em;}
	 #gestionar_mobile{background: url(../jpg/gestionar_back_mobile.jpg)  no-repeat top center/auto 200px transparent;    padding: 6.5em 0 1em;}
	#gestionar p{ width:80%; margin-left: auto; margin-right: auto;}
	.box .icon-ico-usuario-uno-trazo {    font-size: 3.9em; margin-top: 0.15em;}
	#gestionar .iniciar {    font-size: 0.9em; width:50%; margin-top: 0.6em;}
	#gestionar .button{ margin-top: 1.6em;}
	#more .first {    font-size: 1em; width: 80%; margin-left: auto; margin-right: auto;}
	#more .second {    font-size:1.8em; margin-top: 0.3em;}
	#more{margin-top: 2.68em;}
	.features .feature {    margin-top: 0.2em; width: 78%;padding-top: 1.2em; min-height: 320px;}
	.features .feature h3 {    padding: 0.5em 0 0.8em; line-height: 1em;}
	.features .feature p {    font-size: 1.1em; letter-spacing: 0.03em; width: 80%;}
	.owl-dots .owl-dot span{ width: 15px; height: 15px;}
	#mainfeatures .contenedor {	margin-bottom: 2em;}
	#video_mobile {    padding: 2.7em 0 3em;}
	#video_mobile h2{ font-size: 2em; width:80%; margin:0 auto 0.8em;}	
	#video_mobile h2 span {    font-size: 0.52em;}
	#video_zone {    padding-top: 49%;    width: 89%;}
	.box .icon-ico-interrogante-trazo { top: -18px; left: 3.5em; font-size: 1.5em;}
	#recordatorio_id #texto { left:-7em;}
}
@media screen and (max-width: 370px){	
	#header_section h1.xs { font-size: 2.1em;}
		.box .icon-ico-interrogante-trazo { left: 4.3em; font-size: 1.2em; top: -15px;}
}
@media screen and (max-width: 324px){	
	/*#header_section h2 {    top: 7.2em;}*/
	#header_section h2 {    font-size: 1em}
}
@media screen and (min-width: 471px) and (max-width: 1023px){
	#header_section h2{top:4em;}
}