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, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary,time, mark, audio, video {
    margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; }
body{line-height:1; font-family: 'Roboto', sans-serif; font-weight:300; font-size:14px; }
article,aside,details,figcaption,figure,footer,header,hgroup,menu,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; font-size:100%; vertical-align:baseline; background:transparent; text-decoration:none; color:black;}
/* change colours to suit your needs */
ins { background-color:#ff9; color:#000; text-decoration:none;}
/* change colours to suit your needs */
mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold;}
del { text-decoration: line-through;}
abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help;}
table { border-collapse:collapse; border-spacing:0;}
/* change border colour to suit your needs */
hr { display:block; height:1px; border:0; border-top:1px solid #cccccc; margin:1em 0; padding:0;}
input, select { vertical-align:middle;}

.header{
	width:100%; height:133px; position:fixed; top:0; margin:0; padding:0; border:0; z-index:9;
		/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+45,000000+71,000000+100&0+0,0.78+45,0+71,0.78+100 */
	background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 25%, rgba(0,0,0,0.78) 52%, rgba(0,0,0,0.60) 70%, rgba(0,0,0,0.78) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 25%,rgba(0,0,0,0.78) 52%,rgba(0,0,0,0.60) 70%,rgba(0,0,0,0.78) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 25%,rgba(0,0,0,0.78) 52%,rgba(0,0,0,0.60) 70%,rgba(0,0,0,0.78) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#c7000000',GradientType=1 ); /* IE6-9 */ }
.logo{	width:131px; height:133px; top:0; left:50%; margin-left:-66px; position:absolute; background:rgba(22,22,22,1.00)}
.logo img{margin:29px 0 0 25px; width:97px; height:75px;}


.content{
	width:100%; height:95%; position:absolute; top:-48px; left:0; margin:0; padding:0; border:0; z-index:1; overflow:hidden;}



.footer{
	width:100%; height:104px; position:absolute; bottom:0; margin:0; padding:0; border:0; z-index:9; background:rgba(255,255,255,1.00);}
	.info{ width:870px; position:relative; margin:18px auto 0 auto; padding:0; border:0;}
	.telefono{ width:auto; position:relative; margin:0 auto; padding:0; border:0; text-align:center; font-size: 15px; line-height: 30px; float:left;}
		.telefono a{ font-size: 23px; font-weight:400;}
		.telefono a:hover{ color:#555;}
		span.telmob{ display:none;}
		span.teldesk{ display:block;}
	.mail{ width:auto; position:relative; margin:0 0 0 170px; padding:0; border:0; float:left;}
		.mail img{ width:67px; height:67px; position:relative; margin:0 auto; padding:0; border:0; }
		.mail img:hover{ opacity:0.7; }
	.social{ width: auto; position:relative; margin:18px 0 0 0; padding:0; border:0; float:right;}
		.social a i{ font-size:26px; margin-right:35px}
		.social a i:hover{ color:red;}
		
@media (max-width: 960px), print{
	.header{
		width:100%; height:133px; position:fixed; top:0; margin:0; padding:0; border:0; z-index:9;
		background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 25%, rgba(0,0,0,0.40) 52%, rgba(0,0,0,0.20) 70%, rgba(0,0,0,0.40) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 25%,rgba(0,0,0,0.40) 52%,rgba(0,0,0,0.20) 70%,rgba(0,0,0,0.40) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to right, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 25%,rgba(0,0,0,0.40) 52%,rgba(0,0,0,0.20) 70%,rgba(0,0,0,0.40) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#c7000000',GradientType=1 ); /* IE6-9 */
	}
	.logo{
		width:131px; height:133px; top:0; left:50%; margin-left:-66px; position:absolute; background:rgba(22,22,22,1.00)}
	.logo img{margin:29px 0 0 22px; width:97px; height:75px;}

	.content{
		width:100%; height:100%; position:absolute; top:-48px; left:0; margin:0; padding:0; border:0; z-index:1; overflow:hidden;}

	.footer{
		width:100%; height:auto; position:absolute; top:99%; margin:0; padding:0; border:0; z-index:9; background:rgba(255,255,255,1.00);}
	.info{ width:320px; position:relative; margin:40px auto 0 auto; padding:0; border:0; text-align:center;}
	.telefono{ width:250px; position:relative; margin:0 auto 24px auto; padding:0 0 24px 0; border-bottom: thin solid #999; text-align:center; line-height: 30px; float: none; background:rgba(255,255,255,1.00);}
		.telefono a{ font-size: 23px;}
		.telefono a:hover{ color:#555;}
		span.telmob{ display:block;}
		span.teldesk{ display:none;}
	.mail{ width:250px; position:relative; margin:0 auto 24px auto; padding:0 0 24px 0; border-bottom: thin solid #999; float:none;}
		.mail img{ width:67px; height:67px; position:relative; margin:0 auto; padding:0; border:0; }
		.mail img:hover{ opacity:0.7; }
	.social{ width:182px; position:relative; margin:0 auto 0 auto; padding:18px 0 32px 0; border:0; float:none;}
		.social a i{ font-size:26px; margin:0 17px 0 17px;}
		.social a i:hover{ color:red;}
}