html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code,del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var,b, i,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, dialog, figure, footer, header,hgroup, menu, nav, section,time, mark, audio, video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}body {line-height:1;}article, aside, dialog, figure, footer, header,hgroup, nav, section {display:block;}nav ul {list-style:none;}blockquote, q {quotes:none;}blockquote:before, blockquote:after,q:before, q:after {content:"";content:none;}a {margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;background:transparent;}ins {background-color:#ffff99;color:#000000;text-decoration:none;}mark {background-color:#ffff99;color:#000000;font-style:italic;font-weight:bold;}del {text-decoration: line-through;}abbr[title], dfn[title] {border-bottom:1px dotted #000000;cursor:help;}table {border-collapse:collapse;border-spacing:0;}hr {display:block;height:1px;border:0;    border-top:1px solid #cccccc;margin:1em 0;padding:0;}input, select {vertical-align:middle;}
@font-face {
	font-family: Thin;
	src: url("fonts/Roboto-Thin.ttf");
}
@font-face {
	font-family: Light;
	src: url("fonts/Roboto-Light.ttf");
}
@font-face {
	font-family: Regular;
	src: url("fonts/Roboto-Regular.ttf");
}
@font-face {
	font-family: Medium;
	src: url("fonts/Roboto-Medium.ttf");
}
*{box-sizing:border-box;}
body,html{
	height:100%;
	width:100%!important;
	max-width:100%!important;
	min-height:100%!important;
}
body{
	font-family:Roboto;
	color:rgba(100,100,100,1);
	letter-spacing:1px;
	text-align:left;
	font-weight: 300 !important;
    font-size: 10px !important;
    color: #afafaf;
}

.escritorio{display:none;}.movil{display:block;}
@media screen and (min-width: 940px) {.escritorio{display:block;}.movil{display:none;}}
.folio{
	background-color:white;
	width:100%;
	max-width:20cm;
	margin:0px auto;
	min-height: 27cm;
	/*border:1px solid #8d8d8d;*/
	border:1px solid rgba(240,240,240,1);
}
@media print
{
	body {background-color:rgba(255,255,255,1);}
	body * { visibility: hidden;}
	.folio * { visibility: visible;}
	.folio { position: absolute; top: -0.3cm; left: 0cm; background-color:rgba(255,255,255,1);min-height: 10cm;border:0px solid #8d8d8d;}
}
@media screen and (max-width: 480px) {
	html{
		font-size:9px;
	}
}
.bh .oh{opacity:0;transition:300ms;}
@media screen and (min-width: 900px) {.bh:hover .oh{opacity:1;}}
@media screen and (max-width: 480px) {.bh .oh{opacity:1;}}
.fondomodal{
	position:fixed;
	top:0px;
	left:0px;
	max-width:none;
	background-color:rgba(0,0,0,0.75);
	z-index:20;
	overflow-y:auto;
}
.basemodal{
	position:relative;
	top:0px;
	left:0px;
	max-width:none;
	display:table-cell;
	text-align:center;
	vertical-align:middle;
	background-color:rgba(0,0,0,0);
	z-index:21;
	overflow-y:auto;
}
.modal{
	width:initial;
	position:relative;
	display:inline-block;
	z-index:21;background-color:rgba(255,255,255,1);border-radius:10px;margin:10px;max-width:400px;
	min-width:280px;
	padding:10px;
}	
	
	
header{
	font-family:Lato;
	width:100%;
	position:fixed;
	padding:20px 40px;
	background-color:white;
	z-index:20;
}
header .menu ul{
	text-align:right;
	font-size: 100%;
}
header .menu ul li{
	list-style:none;
	display:inline-block;
	position:relative;
    margin: 0 14px;
	line-height: 45px;
}
header .menu ul li a{
	font-size: 11px !important;
	display: block;
	position:relative;
	text-decoration:none;
	color: #8d8d8d;
	letter-spacing: normal !important;
	text-transform:uppercase;
	font-weight: 700;
	cursor:pointer;
	transition:300ms;
}
header .menu ul li a:hover{
	text-decoration:none;
	color: #8d8d8d;
}
header .menu .pie{
	position:absolute;
	bottom:20px;
	right:50px;
	font-size:12px;
	font-family:Lato;
	letter-spacing:0px;font-weight:500 !important;color: #8d8d8d;
}
header .bm{
	background-image:url('/presupuestos/scripts/imgs/m1.png');
	background-position:right center;
	background-repeat:no-repeat;
	background-size:50px;
    position: fixed;
    display: block;
    width:100px;
	height:45px;
    color: #000;
    top: 45px;
    cursor: pointer;
    float: right;
    right: 55px;
    z-index:1;
}
header .bm:hover{
	background-image:url('/presupuestos/scripts/imgs/m2.png');
}
header .menu .x{
	/*width:100px;
	height:45px;
	position:absolute;
	right:35px;
	top:30px;*/
	background-image:url('/presupuestos/scripts/imgs/x.png');
	background-position:right center;
	background-repeat:no-repeat;
	background-size:50px;
    position: absolute;
    display: block;
    width:100px;
	height:45px;
    color: #000;
    top: 46px;
    cursor: pointer;
    float: right;
    right: 35px;
}
footer{
	text-align: center;
    line-height: 30px;
    position:absolute;
    bottom:0px;
    width:100%;
    z-index:1;
}
footer .copy{
    font-size:12px!important;
	font-family:Lato;
	letter-spacing:0px;font-weight:300 !important;color: #000;
}
footer a{
	text-decoration:underline;
	color: #8d8d8d;
}
footer a:hover{
	text-decoration:underline;
	color: #8d8d8d;
}
@media screen and (max-width: 939px) {
	header .menu{
		position:fixed;
		width:100%;
		height:100%;
		top:0%;
		right:0%;
		background-color:rgba(255,255,255,0.9);
		padding:25vh 0 0;
		transition:300ms;
		z-index:2;
	}
	header .menu ul li{
		display:block;
		padding-left: 30px;
	    padding-right: 35px;
	    text-align: right;
	}
	header .menu ul li a{
		font-size: 17px !important;
		color: black;
		text-decoration:underline;
	}
	header .menu ul li a span{display:none;}
	header .menu.oculto{right:-100%;}
	
}
@media screen and (min-width: 940px) {
	header .menu .pie{display:none;}
	header .menu .x{display:none;}
	header .bm{display:none;}
}
#pag{
}
p{
	font-weight: 300 !important;
    font-size: 14px !important;
    color: #afafaf;
}
label{
	display:block;
	margin-top:30px;
	font-size:1.0rem;
	color:black;
	padding-left:15px;
	
	font-size: 18px;
    color: #3d3d3d;
    text-align: left;
    font-family: Lato;
    font-weight: 300;
    font-style: normal;
}
h1{
	display:block;
	margin-top:30px;
	font-size:1.0rem;
	color:black;
	padding-left:15px;
	
	font-size: 18px;
    color: #3d3d3d;
    text-align: left;
    font-family: Lato;
    font-weight: 300;
    font-style: normal;
	font-size: 28px;color: #3d3d3d;
}
::-webkit-input-placeholder {
	font-weight: 300;
}

:-moz-placeholder { /* Firefox 18- */
	font-weight: 300;
}

::-moz-placeholder {  /* Firefox 19+ */
	font-weight: 300;
}

:-ms-input-placeholder {  
	font-weight: 300;
}
input{
	font-weight: 300 !important;
	/*color:rgba(0,160,80,1);*/
	color:black;
	border:0px;
	border-bottom:1px solid #8d8d8d;
	padding:10px;
	outline:none;
	transition:300ms;
	display:inline-block;
	margin:5px;
	width:calc(50% - 10px);
	
}
input:focus{
	border:0px;
	border-bottom:1px solid #8d8d8d;
}
.col{
	display:block;
	width:100%;
	padding:5px;
}
@media screen and (min-width: 940px) {
	.col{float:left;max-width:470px;}
	
}
.tarjeta{
	background-color:white;
	text-align:left;
	width:100%;
	width:calc(100% - 10px);
	margin:5px;
	padding:10px;
	/*box-shadow:0 1px 1px 0 rgba(0,0,0,.06),0 2px 5px 0 rgba(0,0,0,.2);*/
}
button.check{
	font-weight: 300;
	width:calc(50% - 2.5px);
	max-width:initial;
	border:1px solid #8d8d8d;
	border-radius:0px;
	background-color:rgba(0,160,80,0);
	transition:300ms;
	margin:2px 0px;
	padding:5px;
	font-size:12px;
	cursor:pointer;
	outline:none;
	box-shadow:0 0px 0px 0 rgba(0,0,0,0);
	color:#afafaf;
	text-align:left;
	padding-left:15px;
}
button.check:hover{
	background-color:rgba(0,160,80,0);
	color:#afafaf;
	/*background-color:rgba(0,160,80,0.2);
	box-shadow:0 0px 0px 0 rgba(0,0,0,0);*/
}
button.checked{
	border:1px solid rgba(0,160,80,1);
	border-right:20px solid rgba(0,160,80,1);
	color:rgba(0,160,80,1);
	/*background-color:rgba(0,160,80,1);
	color:white;*/
}
button.checked:hover{
	border:1px solid rgba(0,160,80,1);
	border-right:20px solid rgba(0,160,80,1);
	color:rgba(0,160,80,1);
	/*background-color:rgba(0,160,80,1);*/
}
button{
	font-weight: 300;
	width:calc(60% - 2.5px);
	max-width:300px;
	border-radius:1px;
	background-color:rgba(0,160,80,0);
	transition:300ms;
	margin:0px auto;
	padding:10px;
	font-size:12px;
	cursor:pointer;
	outline:none;
	border:1px solid rgba(0,160,80,1);
	color:rgba(0,160,80,1);
}
button:hover{
	color:white;
	background-color:rgba(0,160,80,1);
}
button.inactivo{
	cursor:default;
	color:rgba(220,220,220,1);
	border:1px solid rgba(200,200,200,1);
}
button.inactivo:hover{
	color:rgba(220,220,220,1);
	border:1px solid rgba(200,200,200,1);
	background-color:rgba(0,160,80,0);
}
.lin{
	padding:15px;
	border-bottom:1px solid #8d8d8d;
	border-left:1px solid #8d8d8d;
	border-right:1px solid #8d8d8d;
	border-bottom:1px solid rgba(240,240,240,1);
	border-left:1px solid rgba(240,240,240,1);
	border-right:1px solid rgba(240,240,240,1);
	font-size:14px;
}
.lin:hover{
	cursor:pointer;
	color:rgba(0,160,80,1);
}

table.dats{
	width:100%;
	font-size:14px;
}
table.dats td.ico{
	width:30px;
	padding:0px 0px 0px 10px;
}
table.dats td.img{
	width:30px;
	padding:0px 0px 0px 10px;
}
table.dats td.img div{
	display:inline-block;
	padding:0px;
	background-color:rgba(255,255,255,0.1);
	background-position:center;
	background-size:cover;
	border-radius:100%;
	width:24px;
	height:24px;
}
table.dats tr td{
	padding:10px;
	vertical-align:top;
}
table.dats tr:first-child{
	/*border-top:1px solid rgba(240,240,240,1);*/
}
table.dats tr{
	border-bottom:1px solid rgba(240,240,240,1);
	background-color:white;
	color:rgba(68,68,68,1);
	color:#8d8d8d;
    font-family: Lato;
    font-weight: 300;
}
table.dats tr.enc{
	font-family:Lato;color:rgba(85,85,85,1);
	border-top:1px solid rgba(240,240,240,0);
	background-color:rgba(240,240,240,0);
    text-align: left;
    font-family: Lato;
    font-weight: 300;
    font-style: normal;
	font-size: 18px;
	color: #3d3d3d;
	border-bottom:1px solid #8d8d8d;
}
@media screen and (min-width: 900px) {
	table.dats tr:hover{
	}
	table.dats tr.noclic:hover td{
		background-color:white;
		cursor:default;
	}
	table.dats tr.enc:hover td{
		background-color:rgba(240,240,240,0);
		cursor:default;
	}
}
@media screen and (min-width: 940px) {
	label.vars{
		width: calc(33% - 10px);
		display:inline-block;
	}
	input.vars{
		width: calc(33% - 10px);
	}
}