/** DO NOT MODIFY THIS FILE. All code here are generated by MachForm Theme Editor **/

#main_body h1 a
{
background-image: url('http://img.irtve.es/css/rtve.commons/rtve.forms/i/logo_formularios.png');
height: 65px;
}

html
{
background-color: #ececec;
background-image: none;
}

#main_body h1
{
background-color: #ffffff;
background-image: none;
}

#form_container
{
background-color: #ffffff;
border-width: 0px;
box-shadow: none;
border-style: solid;
border-color: #CCCCCC;
}

#main_body form li.highlighted,#main_body .matrix tbody tr:hover td,#machform_review_table tr.alt
{
background-color: #FFF7C0;
}

#main_body form .guidelines
{
background-color: #F5F5F5;
border-width: 1px;
border-style: solid;
border-color: #CCCCCC;
}

#main_body form .guidelines small
{
font-family: 'Arial','Lucida Grande',Tahoma,Arial,sans-serif;
font-weight: 400;
font-style: normal;
font-size: 80%;
color: #444444;
}

#main_body input.text,#main_body input.file,#main_body textarea.textarea,#main_body select.select,#main_body input.checkbox,#main_body input.radio
{
background-color: #FBFBFB;
font-family: 'Arial','Lucida Grande',Tahoma,Arial,sans-serif;
font-weight: 400;
font-style: normal;
font-size: 95%;
color: #666666;
}

#machform_review_table td.mf_review_value
{
font-family: 'Arial','Lucida Grande',Tahoma,Arial,sans-serif;
font-weight: 400;
font-style: normal;
font-size: 95%;
color: #444444;
}

#main_body .form_description h2,#main_body .form_success h2
{
font-family: 'Arial','Lucida Grande',Tahoma,Arial,sans-serif;
font-weight: 400;
font-style: normal;
font-size: 160%;
color: #444444;
}

#main_body .form_description p,#main_body form ul.payment_list_items li
{
font-family: 'Arial','Lucida Grande',Tahoma,Arial,sans-serif;
font-weight: 400;
font-style: normal;
font-size: 95%;
color: #444444;
}

#main_body form li span.ap_tp_text
{
color: #444444;
}

#main_body form li label.description,#main_body form li span.description,#main_body .matrix caption,#main_body .matrix td.first_col,#main_body form li.total_payment span,#machform_review_table td.mf_review_label
{
font-family: 'Arial','Lucida Grande',Tahoma,Arial,sans-serif;
font-weight: 400;
font-style: normal;
font-size: 95%;
color: #444444;
}

#main_body form li span label,#main_body label.choice,#main_body .matrix th,#main_body form li span.symbol,.mf_sigpad_clear,#main_body form li div label,#main_body form li div span.label
{
font-family: 'Arial','Lucida Grande',Tahoma,Arial,sans-serif;
color: #444444;
}

#main_body form .section_break h3,#main_body form .media h3,#machform_review_table td .mf_section_title
{
font-family: 'Arial','Lucida Grande',Tahoma,Arial,sans-serif;
font-weight: 400;
font-style: normal;
font-size: 110%;
color: #444444;
}

#main_body form .section_break p,#main_body form .media p,#machform_review_table td .mf_section_content
{
font-family: 'Arial','Lucida Grande',Tahoma,Arial,sans-serif;
font-weight: 400;
font-style: normal;
font-size: 85%;
color: #444444;
}

#main_body form li.section_break
{
border-top-width: 1px;
border-top-style: solid;
border-top-color: #CCCCCC;
}



/** Advanced CSS **/

@import url('https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i');

* {padding:0;margin:0;-moz-box-sizing:border-box;box-sizing:border-box;}
html,body {height:100%;}
html {font-size:62.50%;font-family:'Roboto',sans-serif;}
body {font-size:1em;line-height:1;}
a * {cursor:pointer;}
a {text-decoration:none;color:inherit;}
a:hover {/*text-decoration:underline;*/}
ul li {list-style:none;}
h1,h2,h3,h4,h5,h6,p,caption {font-size:100%;font-weight:normal;}
img {border:0;width:auto;}
a img {display:inline-block;}
form {margin:0;padding:0;}
fieldset {border:0;}
input, textarea,button {outline:none;}
input,textarea,select,optgroup,option,button {font-size:100%;}
*::selection			{background:transparent;}
*::-moz-selection {background:transparent;}
input::-webkit-autofill {background-color:rgb(0,0,0) !important;}

#main_body .form_description {border-bottom: 1px solid #ccc;margin-bottom: 2rem;}
#main_body .matrix td.first_col {width:75%}
#main_body .matrix caption {font-weight:300;}
#main_body form li[class*='matrix'],
#main_body form li[class*='multiple_choice'],
#main_body form li[class*='checkboxes'] {padding:1rem 0;}

/*mensajes de error*/
#main_body .form_description {position:relative;}
#main_body .form_description:before,#main_body .form_description:after {position:absolute;left:0;}
#main_body .form_description:before {content:'*';font-size:2.4rem;line-height:0;font-weight:400;color:#f20;bottom:-1.6rem;}
#main_body .form_description:after {content:'Campos obligatorios';line-height:2.4rem;padding:0 1.6rem;bottom:-2.5rem;}
#main_body form .required,#main_body .matrix span.required {font-size:1.4rem;line-height:0;margin:0;padding:0;position:relative;color:#f20 !important;}
#main_body form li#error_message {width:100%;background-color:transparent !important;margin-bottom:2.4rem;border:0 none;}
#main_body form #error_message_title {text-transform:uppercase;letter-spacing:1pt;font-weight:400;}
#main_body form #error_message_title,#main_body form li.error label {color:#f99909 !important;}
#main_body form li.error {margin:0;border: 0 none;}
#main_body form li.error .medium {border:0.1rem dotted #f99909;margin-top:-0.1rem;background:rgba(0,0,0,0.25) !important;padding:0.8rem !important;}
#main_body form p.error {font-size:1.2rem;line-height:1.8rem;color:#f99909;padding:0.4rem 0 0 0;background:transparent;margin:0 !important;display:inline-block;font-weight:400;
	height:2.2rem;width:100%;overflow:hidden;}
#main_body form .guidelines {top:3rem;left:0;margin:0 !important;width:100%;padding:0.8rem 0;background:transparent;border:0 none;z-index:-1;visibility:visible;}
#main_body form .guidelines small {font-size:1.4rem;line-height:2rem;color:#a8a8a8;}
#error_message_desc {display:none;}
#error_message {background:rgba(250,120,10,0.2);border-color:#f99909;}
#error_message_title {margin: 0 !important;}

#form_container,#main_body input.text,#main_body textarea.textarea{border-radius: 0;border:none;}

@media only screen and (max-device-width: 480px) and (orientation: portrait) {
#main_body h1 a {
    background-size: 80%;
    background-position: 20px;
}
}