/*----------------------------------------------*/

@media all {


body {
font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;

// font-size:1rem;
font-weight:400;
// line-height:1.5;
color:#121212;
margin:0;
width: 100%;
background:#383838;

font-size:1.143em; 
// line-height:1.25em; 
line-height:1.35em; 
font-style:italic;
}





a {
color:#466087;
text-decoration:underline;
}

a:hover { 
text-decoration:none;
}

section, header,footer,nav { 
display:block;
}

img {
border:0;
vertical-align:top;
max-width:100%;
}

form,fieldset {
border:0;
padding:0;
margin:0;
}

h1 {
font:4.285em/1.067em 'PT Sans', Arial, Helvetica, sans-serif; /*60px/64px*/
margin:0 0 0.167em;
text-align:center;
color:#000;
text-shadow:0px 1px 1px rgba(255,255,255,0.5);
}

h2 {
font:1.714em/1.125em Arial, Helvetica, sans-serif; /*24px/27px*/
color:#fff;
text-align:center;
margin:0 0 0.417em;
text-shadow:0px 1px 1px rgba(255,255,255,0.5);
}

h3 {
font:1.285em/1.167em 'Nunito', Arial, Helvetica, sans-serif; /*18px/21px*/
margin:0 0 0.55em;
text-align:center;
}

.subHeading {
display:block;
font:2.357em/1.151em 'PT Sans', Arial, Helvetica, sans-serif; /*33px/38px*/
margin:0 0 1em;
text-align:center;
color:#7a7a7a;
text-shadow:0px 1px 1px rgba(255,255,255,0.5);
}

ul {
padding:0;
margin:0;
list-style:none;
}

section ul, article ul {
margin:0 0 0.5em;
}


section li, article li {
padding:0 0 0.5em 1.5em;
background:url(data:image/gif;base64,R0lGODlhBQAEALMKAKqqqoSEhGdnZ2FhYaioqE5OTpycnH9/f6CgoERERP///wAAAAAAAAAAAAAAAAAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjEgNjQuMTQwOTQ5LCAyMDEwLzEyLzA3LTEwOjU3OjAxICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1LjEgV2luZG93cyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpBQTFENDlGQjhEOEExMUUxQTg2MEI5NEQzNjZDMEM0OSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpBQTFENDlGQzhEOEExMUUxQTg2MEI5NEQzNjZDMEM0OSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkFBMUQ0OUY5OEQ4QTExRTFBODYwQjk0RDM2NkMwQzQ5IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkFBMUQ0OUZBOEQ4QTExRTFBODYwQjk0RDM2NkMwQzQ5Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Af/+/fz7+vn49/b19PPy8fDv7u3s6+rp6Ofm5eTj4uHg397d3Nva2djX1tXU09LR0M/OzczLysnIx8bFxMPCwcC/vr28u7q5uLe2tbSzsrGwr66trKuqqainpqWko6KhoJ+enZybmpmYl5aVlJOSkZCPjo2Mi4qJiIeGhYSDgoGAf359fHt6eXh3dnV0c3JxcG9ubWxramloZ2ZlZGNiYWBfXl1cW1pZWFdWVVRTUlFQT05NTEtKSUhHRkVEQ0JBQD8+PTw7Ojk4NzY1NDMyMTAvLi0sKyopKCcmJSQjIiEgHx4dHBsaGRgXFhUUExIREA8ODQwLCgkIBwYFBAMCAQAAIfkEAQAACgAsAAAAAAUABAAABA1QhXIUSBgRnIwSyaBEADs=) no-repeat 5px 0.5em;
}

.grey li, .grey article li {
background-image: url(data:image/gif;base64,R0lGODlhBQAEALMKAOjq7Pf4+c3Q1bK3v7C2vri9xOTm6NHV2bu/xv///////wAAAAAAAAAAAAAAAAAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjEgNjQuMTQwOTQ5LCAyMDEwLzEyLzA3LTEwOjU3OjAxICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1LjEgV2luZG93cyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoxQzkyMEI5NThEOEUxMUUxODRBMkFBNDBDMzA3OEE5RiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoxQzkyMEI5NjhEOEUxMUUxODRBMkFBNDBDMzA3OEE5RiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjFDOTIwQjkzOEQ4RTExRTE4NEEyQUE0MEMzMDc4QTlGIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjFDOTIwQjk0OEQ4RTExRTE4NEEyQUE0MEMzMDc4QTlGIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Af/+/fz7+vn49/b19PPy8fDv7u3s6+rp6Ofm5eTj4uHg397d3Nva2djX1tXU09LR0M/OzczLysnIx8bFxMPCwcC/vr28u7q5uLe2tbSzsrGwr66trKuqqainpqWko6KhoJ+enZybmpmYl5aVlJOSkZCPjo2Mi4qJiIeGhYSDgoGAf359fHt6eXh3dnV0c3JxcG9ubWxramloZ2ZlZGNiYWBfXl1cW1pZWFdWVVRTUlFQT05NTEtKSUhHRkVEQ0JBQD8+PTw7Ojk4NzY1NDMyMTAvLi0sKyopKCcmJSQjIiEgHx4dHBsaGRgXFhUUExIREA8ODQwLCgkIBwYFBAMCAQAAIfkEAQAACgAsAAAAAAUABAAABA1QiXAUSbgMnJAyCaBEADs=);
}

p {
margin:0 0 1em;
}

blockquote {
margin:0 0 1em;
background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAPCAYAAAD6Ud/mAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIFdpbmRvd3MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RjZERkIxNTE4RDcyMTFFMTlGMjFGRDNGOTMwN0RFRUYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RjZERkIxNTI4RDcyMTFFMTlGMjFGRDNGOTMwN0RFRUYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGNkRGQjE0RjhENzIxMUUxOUYyMUZEM0Y5MzA3REVFRiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpGNkRGQjE1MDhENzIxMUUxOUYyMUZEM0Y5MzA3REVFRiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PrtCTg8AAADjSURBVHjarJQBDcMgEEUZqQEsYGGVgIVOQidhFmaBWUDCKmFIWC1UQscld8mFMBi3XvKTEuDecffTk/deVcImuaSQtClZnEG6svlMeifdhZAJ77+g2KFwYMbkBteLAAL3b2wdh0IV1Et4xUUA4pCIOVYOMhlkhAOdEJdBRtrQWSXUrqsAogrdUDnI4GwUAoJw+Ba/Q16oZgageAhtPNVyaNZb9YfLOGjD+TRB4PsdNXeYgJtqZ7IEspUE8UfQtxwbzeookGnd1/i7KcXS+T+r5tAHvKb2opWDXOtQpxmKxX4EGADGDjXSDl7KfgAAAABJRU5ErkJggg==) no-repeat;
font-size:1.143em;
line-height:1.25em;
font-style:italic;
color:#444;
}


q {
quotes:none;
display:block;
padding:1.5em 1em 0 40px;
}

q:before { 
content:"";
}

q:after { 
content:"";
}


cite {
display:block;
text-align:right;
}

dl { 
margin:0 0 10px;
}

dt {
font-weight:bold;
}

dd { 
margin:0 0 10px 20px;
}


form, fieldset {
padding:0;
margin:0;
border:0;
}


.center {
max-width:960px;
width:100%;
margin:0 auto;
}


.hidden {
display:none;
}


.box-main:after, .center:after {
content:"";
clear:both;
display:block;
}


.right { 
float:right;
} 

.left { 
float:left;
}


.alignLeft {
float:left;
margin-right:1em;
}


.alignRight {
float:right;
margin-left:1em;
}


.fullWidth {
width:100%;
}


.fullWidth img {
width:100%;
}



.row {
width:100%;
background:#eaeaea;
padding:2.857em 0;
}

.row:after {
content:"";
display:block;
clear:both;
}




.grey {
background:#7e8794;
color:#fff;
border-bottom:1px solid #f6f6f6;
border-top:1px solid #f6f6f6;
-moz-box-shadow:   	inset 0 6px 6px -6px rgba(0,0,0,0.75), inset 0 -6px 6px -6px rgba(0,0,0,0.75);
-webkit-box-shadow: inset 0 6px 6px -6px rgba(0,0,0,0.75), inset 0 -6px 6px -6px rgba(0,0,0,0.75);
box-shadow:         inset 0 6px 6px -6px rgba(0,0,0,0.75), inset 0 -6px 6px -6px rgba(0,0,0,0.75);
}


.grey h1 {
color:#fff;
text-shadow:0 1px 2px rgba(0,0,0,0.5);
}

.grey h2 {
text-shadow:0 1px 2px rgba(0,0,0,0.5);
}

.grey .subHeading {
color:#d9e7fb;
text-shadow:0 1px 1px rgba(0,0,0,0.5);
}

.grey a {
color:#fff;
}





.btn {
// Xposition:relative;
display:inline-block;
padding:0.278em;
font:1.714em/2.375em Arial, Helvetica, sans-serif;
border:1px solid #d6d6d6;
background:#dedede;
text-decoration:none;
font-weight:bold;
cursor:pointer;
width:auto;
margin:0 -2px;
overflow:visible;
-webkit-border-radius: 1.67em;
-moz-border-radius: 1.67em;
border-radius: 1.67em;
-webkit-transition: background 0.5s ease;
-moz-transition: background 0.5s ease;
-o-transition: background 0.5s ease;
transition: background 0.5s ease;
}



* +html .btn {
margin:0;
}


.btn span {
color:#fff;
padding:0 1.25em;
display:block;
text-shadow: 0px 0 rgba(0,0,0,0.31), 0 1px rgba(0,0,0,0.5), 0px 0 rgba(0,0,0,0.5), 0 0px rgba(0,0,0,0.5);
-moz-box-shadow:   	inset 0 0px 3px rgba(255,255,255,255.75);
-webkit-box-shadow: inset 0 0px 3px rgba(255,255,255,0.75);
box-shadow:         inset 0 0px 3px rgba(255,255,255,0.75);
-webkit-border-radius: 1.25em;
-moz-border-radius: 1.25em;
border-radius: 1.25em;
}


.btnSmall {
padding:0.278em;
text-decoration:none;
font-size:1.214em;
line-height:2.35em;
background:#798493;
font-weight:bold;
border:1px solid #505a68;
-webkit-border-radius: 1.47em;
-moz-border-radius: 1.47em;
border-radius: 1.47em;
-webkit-transition: background 0.5s ease;
-moz-transition: background 0.5s ease;
-o-transition: background 0.5s ease;
transition: background 0.5s ease; 
-moz-box-shadow:   	0 1px 1px rgba(255,255,255,0.36);
-webkit-box-shadow: 0 1px 1px rgba(255,255,255,0.36);
box-shadow:         0 1px 1px rgba(255,255,255,0.36);
}




.btnSmall span {
color:#fff;
text-decoration:none;
padding:0 1.47em;
display:block;
text-shadow: 0px 0 rgba(0,0,0,0.31), 0 1px rgba(0,0,0,0.5), 0px 0 rgba(0,0,0,0.5), 0 0px rgba(0,0,0,0.5);
border:1px solid #566270;
background:#606a78;
background-image: linear-gradient(bottom, rgb(98,119,149) 0%, rgb(160,188,226) 100%);
background-image: -o-linear-gradient(bottom, rgb(98,119,149) 0%, rgb(160,188,226) 100%);
background-image: -moz-linear-gradient(bottom, rgb(98,119,149) 0%, rgb(160,188,226) 100%);
background-image: -webkit-linear-gradient(bottom, rgb(98,119,149) 0%, rgb(160,188,226) 100%);
background-image: -ms-linear-gradient(bottom, rgb(98,119,149) 0%, rgb(160,188,226) 100%);
background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, rgb(98,119,149)),color-stop(1, rgb(160,188,226)));
-moz-box-shadow:   	inset 0 2px 2px -2px rgba(255,255,255,255.75),inset 0 0 0 #fff;
-webkit-box-shadow: inset 0 2px 2px -2px rgba(255,255,255,0.75),inset 0 0 0 #fff;
box-shadow:         inset 0 2px 2px -2px rgba(255,255,255,0.75),inset 0 0 0 #fff;
-webkit-border-radius: 1.25em;
-moz-border-radius: 1.25em;
border-radius: 1.25em;
}




.btn:hover {
background:#1b4648;
background:rgba(0,0,0,0.2);
}

.btnSmall:hover {
background:none;
}


.btnSmall:hover span {
background-image: linear-gradient(bottom, rgb(109,131,164) 0%, rgb(169,199,241) 100%);
background-image: -o-linear-gradient(bottom, rgb(109,131,164) 0%, rgb(169,199,241) 100%);
background-image: -moz-linear-gradient(bottom, rgb(109,131,164) 0%, rgb(169,199,241) 100%);
background-image: -webkit-linear-gradient(bottom, rgb(109,131,164) 0%, rgb(169,199,241) 100%);
background-image: -ms-linear-gradient(bottom, rgb(109,131,164) 0%, rgb(169,199,241) 100%);
background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, rgb(109,131,164)),color-stop(1, rgb(169,199,241)));
}

.btn:active {
top:1px;
}

.btn:hover span, .btn:active span {
color:#fff;
}



.btnGreen span {
border:1px solid #5e9048;
background:#75cf44;
background-image: linear-gradient(bottom, rgb(80,153,46) 0%, rgb(117,207,68) 100%);
background-image: -o-linear-gradient(bottom, rgb(80,153,46) 0%, rgb(117,207,68) 100%);
background-image: -moz-linear-gradient(bottom, rgb(80,153,46) 0%, rgb(117,207,68) 100%);
background-image: -webkit-linear-gradient(bottom, rgb(80,153,46) 0%, rgb(117,207,68) 100%);
background-image: -ms-linear-gradient(bottom, rgb(80,153,46) 0%, rgb(117,207,68) 100%);
background-image: -webkit-gradient(
linear,
left bottom,
left top,
color-stop(0, rgb(80,153,46)),
color-stop(1, rgb(117,207,68))
);
}


.btnBlue span {
background:#52b3d3;
border:1px solid #67a2b4;
color:#fff;
background-image: linear-gradient(bottom, rgb(66,153,179) 0%, rgb(82,179,211) 100%);
background-image: -o-linear-gradient(bottom, rgb(66,153,179) 0%, rgb(82,179,211) 100%);
background-image: -moz-linear-gradient(bottom, rgb(66,153,179) 0%, rgb(82,179,211) 100%);
background-image: -webkit-linear-gradient(bottom, rgb(66,153,179) 0%, rgb(82,179,211) 100%);
background-image: -ms-linear-gradient(bottom, rgb(66,153,179) 0%, rgb(82,179,211) 100%);
background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, rgb(66,153,179)),color-stop(1, rgb(82,179,211)));
}


.formRow {
width:100%;
margin:0 0 1.5em;
}

.formRow:after {
content:"";
display:block;
clear:both;
}

.textField {
width:100%;
overflow:hidden;
border:1px solid #505a68;
background:#798493;
font-weight:bold;
padding:0.5em;
-webkit-border-radius: 2em;
-moz-border-radius: 2em;
border-radius: 2em;
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box; 
-moz-box-shadow:   	0 1px 1px rgba(255,255,255,0.36);
-webkit-box-shadow: 0 1px 1px rgba(255,255,255,0.36);
box-shadow:         0 1px 1px rgba(255,255,255,0.36);
}


input, textarea {
display:block;
background:#fff;
font:1em/1.214em Arial, Helvetica, sans-serif;  /*14px/17px*/
color:#444;
width:100%;
padding:0.75em 1.5em;
border:1px solid #505762;
margin:0;
resize:none;
-moz-box-shadow:   	inset 0 0px 3px rgba(0,0,0,0.75);
-webkit-box-shadow: inset 0 0px 3px rgba(0,0,0,0.75);
box-shadow:         inset 0 0px 3px rgba(0,0,0,0.75);
-webkit-border-radius: 1.5em;
-moz-border-radius: 1.5em;
border-radius: 1.5em;
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;         /* Opera/IE 8+ */
}

textarea {
overflow:auto;
height:10.812em;
}

* +html input, * +html textarea, * +html .textField {
width:99%;
padding:0;
}

::-webkit-input-placeholder {
color:    #444;
}

:-moz-placeholder {
color:    #444;
}


.columns {
width:100%
}

.columns:after {
content:"";
display:block;
clear:both;
}

.columns > div, .columns > article {
float:left;
vertical-align:top;
}

.columns h2 {
text-align:left;
}


.half {
width:48.0%;
margin:1.3%;
}



.oneThird {
width:32%;
margin:1%;
}



.columns > div:first-child, .columns > article:first-child {
margin-left:0;
}


.oneThird +.oneThird +.oneThird,
.threeForth + .oneForth,
.oneForth + .half,
.half + .half,
.half + .oneForth + .oneForth,
.last {
float:right;
margin-right:0;
}



.oneForth {
width:25%;
}

.threeForth {
width:74.5%;
}




.buttons {
width:100%;
overflow:hidden;
text-align:center;
margin:2.5em 0 0
}

.buttons > span {
background:url(../fotos/lodret.gif) no-repeat 50% 50%;
display:inline-block;
font-size:1.714em;
line-height:1.125em;
padding:1em 0.75em;
margin:0 -1px 0 -2px;
background:#;
}


* +html .buttons > span {
margin:0 20px;
}


.buttons > span em {
font-style:normal;
display:block;
background:#eaeaea;
}

.imgHolder {
display:inline-block;
padding:1px;
background:#fff;
border:6px solid #cecece;
margin-bottom:1em;
max-width:100%;
overflow:hidden;
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;         /* Opera/IE 8+ */
}


* +html .imgHolder {
max-width:93.5%;
border-width:3%;
padding:0;
}

.imgHolder img {
display:block;
}


.grey .imgHolder {
border-color:#646e7d;
}



/*----------------------------------------------*/
/*main styles*/

#pagewidth {
width:100%;
}


#header {
position: fixed;
z-index:100;
left: 0;
top: 0;
height:49px;
width:100%;
overflow:hidden;
padding:1.143em 0;
background:#404751;
-moz-box-shadow:   	inset 0 0 0 #fff,
inset 0 -20px 20px -20px rgba(0,0,0,0.75);
-webkit-box-shadow: inset 0 0 0 #fff,
inset 0 -20px 20px -20px rgba(0,0,0,0.75);
box-shadow:         inset 0 0 0 #fff,
inset 0 -20px 20px -20px rgba(0,0,0,0.75);
}


#content {
// padding:82px 0 0;
}



#mainNav {
text-align:center;
}

#mainNav li {
display:inline-block;
margin:0 7px;
}


#mainNav a {
color:#fff;
position:relative;
display:inline-block;
padding:0.278em;
text-decoration:none;
font-size:1.214em;
line-height:2.35em;
background:#2d3239;
font-weight:bold;
-moz-box-shadow:   	inset 0 0px 3px rgba(0,0,0,0.75);
-webkit-box-shadow: inset 0 0px 3px rgba(0,0,0,0.75);
box-shadow:         inset 0 0px 3px rgba(0,0,0,0.75);
-webkit-border-radius: 1.47em;
-moz-border-radius: 1.47em;
border-radius: 1.47em;
}


#mainNav a span {
color:#fff;
text-decoration:none;
padding:0 1.25em;
display:block;
text-shadow: 0px 0 rgba(0,0,0,0.31), 0 1px rgba(0,0,0,0.5), 0px 0 rgba(0,0,0,0.5), 0 0px rgba(0,0,0,0.5);
border:1px solid #202329;
background:#606a78;
background-image: linear-gradient(bottom, rgb(65,72,82) 0%, rgb(96,106,120) 100%);
background-image: -o-linear-gradient(bottom, rgb(65,72,82) 0%, rgb(96,106,120) 100%);
background-image: -moz-linear-gradient(bottom, rgb(65,72,82) 0%, rgb(96,106,120) 100%);
background-image: -webkit-linear-gradient(bottom, rgb(65,72,82) 0%, rgb(96,106,120) 100%);
background-image: -ms-linear-gradient(bottom, rgb(65,72,82) 0%, rgb(96,106,120) 100%);
background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, rgb(65,72,82)),color-stop(1, rgb(96,106,120)));
-moz-box-shadow:   	inset 0 2px 2px -2px rgba(255,255,255,255.75),inset 0 0 0 #fff;
-webkit-box-shadow: inset 0 2px 2px -2px rgba(255,255,255,0.75),inset 0 0 0 #fff;
box-shadow:         inset 0 2px 2px -2px rgba(255,255,255,0.75),inset 0 0 0 #fff;
-webkit-border-radius: 1.25em;
-moz-border-radius: 1.25em;
border-radius: 1.25em;
}

#mainNav a:active {
top:1px;
}

#mainNav a:hover span , #mainNav li.active span {
background-image: linear-gradient(bottom, rgb(71,83,101) 0%, rgb(123,145,177) 100%);
background-image: -o-linear-gradient(bottom, rgb(71,83,101) 0%, rgb(123,145,177) 100%);
background-image: -moz-linear-gradient(bottom, rgb(71,83,101) 0%, rgb(123,145,177) 100%);
background-image: -webkit-linear-gradient(bottom, rgb(71,83,101) 0%, rgb(123,145,177) 100%);
background-image: -ms-linear-gradient(bottom, rgb(71,83,101) 0%, rgb(123,145,177) 100%);
background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, rgb(71,83,101)),color-stop(1, rgb(123,145,177)))
}


.gallery {
background:url(../fotos/vandret.gif) no-repeat 50% 0;
padding:2px 0;
// Xposition:relative;
margin:0 auto;
width:81.25%;
// Xposition:relative;
}

.gallery:after {
content:"";
// position:absolute;
bottom:0;
left:0;
background:url(../fotos/vandret.gif) no-repeat 50% 0;
width:100%;
height:2px;
}


.news > div {
border:1px solid #505a68;
// Xposition:relative;
padding:0 0 50px;
margin:0 0 30px;
height:1%;
}


.news > div:after{
content:"";
display:block;
clear:both;
}

.news h3{
font-size:1.714em;
line-height:2.583em;
text-align:center;
margin:0 0 0.83em;
border-top:1px solid #909eb2;
border-bottom:1px solid #545b65;
background:#5d6a7c;

background-image: linear-gradient(bottom, rgb(93,106,124) 0%, rgb(126,137,153) 100%);
background-image: -o-linear-gradient(bottom, rgb(93,106,124) 0%, rgb(126,137,153) 100%);
background-image: -moz-linear-gradient(bottom, rgb(93,106,124) 0%, rgb(126,137,153) 100%);
background-image: -webkit-linear-gradient(bottom, rgb(93,106,124) 0%, rgb(126,137,153) 100%);
background-image: -ms-linear-gradient(bottom, rgb(93,106,124) 0%, rgb(126,137,153) 100%);
background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, rgb(93,106,124)),color-stop(1, rgb(126,137,153)));
}

.news h3 a {
display:block;
text-decoration:none;
text-shadow:0 1px 2px rgba(0,0,0,0.5);
}

.news .content {
width:83%;
overflow:hidden;
margin:0 auto;
}

.news .readMore {
position:absolute;
top:100%;
margin:-2.143em 0 0;
width:100%;
text-align:center;
}


.slides {
list-style:none;
overflow:hidden;
padding:0;
width:100%;
}

.slides li {
padding:0;
// Xposition:relative;
background:url(../fotos/lodret.gif) no-repeat 50% 50%;
}

* +html .slides li {
display:inline;
zoom:1;
margin:0;
}

.slides blockquote {
float:right;
width:48%;
margin:2.5em 0 0;
}

.slides blockquote:first-child {
float:left;
}

#map {
border:1px solid #535d6b;
padding:0.428em;
background:#798493;
margin:0 0 1em;
}

#map .imgHolder {
height:1%;
overflow:hidden;
background:#fff;
padding:1px;
border:0;
margin:0;
display:block;
}

#map .imgHolder img {
width:100%;
}

.form {
width:92%;
}





#testimonials {
margin-top:-2.857em;
}

#testimonials .row {
padding:0;
background:url(../fotos/vandret.gif) no-repeat 50% 1.5em;
}

#testimonials .row:first-child {
background:none;
}

#testimonials {
background:none;
}

#testimonials:after {
display:none;
}






#footer {
width:100%;
overflow:hidden;
padding:24px 0;
color:#fff;
line-height:16px;
background:#383838;
}


#footer a {
color:#fff;
}


#footer .copy {
float:right;
}
}





























/*-----------------------------------------------------------------------------------------------------------------------------------------*/

@media all and (max-width: 1024px) {
}









/*-----------------------------------------------------------------------------------------------------------------------------------------*/
@media all and (max-width: 960px) {
.center{
padding:0 10px;
width:auto;
}

.buttons { 
font-size:11px;
}

#header {
padding:2px 0 0;
height:0;
overflow:hidden;
position:static;
}

#content {
padding:0;
}
}








/*-----------------------------------------------------------------------------------------------------------------------------------------*/
@media all and (max-width: 780px) {
body {
font-size:13px; 
}

.buttons {
font-size:9px;
}

h1 {
font-size:3.5em;
}

.subHeading {
font-size:2em;
}

.news h3 {
font-size:1.3em;
}
}










/*-----------------------------------------------------------------------------------------------------------------------------------------*/
@media all and (max-width: 504px) {
body{font-size:12px;}
	.columns > div,
	.columns > article{
float:none;
margin:0;
width:100%;
}
.buttons{font-size:7px;}


#testimonials li,
#testimonials .row {
background:none;
}



#testimonials blockquote {
float:none;
width:100%;
position:relative;
}


#testimonials blockquote:after {
background:url(../fotos/vandret.gif) no-repeat 50% 0;
content:"";
position:absolute;
left:0;
top:-18px;
width:100%;
height:2px;
}


#testimonials .row:first-child blockquote:first-child:after {
display:none;
}

.flex-direction-nav {
display:none;
}

h1 { 
font-size:3em;
}

.subHeading {
font-size:1.75em;
}
}



















/*-----------------------------------------------------------------------------------------------------------------------------------------*/
@media all and (max-width: 320px) {
.buttons > span {
display:none;
}

.buttons .btn {
margin-top:0.5em;
}

.buttons {
margin-top:2em;
}

h1 {
font-size:2.5em;
}

.subHeading {
font-size:1.5em;
}

.news h3 {
font-size:1.25em;
}
}













/*-----------------------------------------------------------------------------------------------------------------------------------------*/
@media all and (min-device-width: 768px) and (max-device-width: 1024px) {

#header {
padding:2px 0 0;
height:0;
overflow:hidden;
position:static;
}

#content{padding:0;}
	
}






















































/** STYLING  - start */

.overskrift {
padding-left:16px; 
padding-top: 50px;
}

img {
width: 100%;
height: auto;
}

.fb-likeXXX, .fb-share-buttonXXX {
transform: scale(1.5);
-ms-transform: scale(1.5);
-webkit-transform: scale(1.5);
-o-transform: scale(1.5);
-moz-transform: scale(1.5);
}

@media screen and (max-width: 600px) {
.fb-likeXXX, .fb-share-buttonXXX {
display: inline-block; 
transform: scale(2.5);
-ms-transform: scale(2.5);
-webkit-transform: scale(2.5);
-o-transform: scale(2.5);
-moz-transform: scale(2.5);
padding-top: 25px;
}

.pipXXX {
margin-bottom: -30px;
}

.papXXX {
padding-top: 30px;
}

}

a {
text-decoration: none;
}



 








/** TOPPEN 3 KOLONNER  - start */

* {
box-sizing: border-box;
}

/* Create three equal columns that floats next to each other */
.kolonne {
float: left;
width: 33.33%;
// padding: 0px;
height: 600px; /* Should be removed. Only for demonstration */
}

/* Clear floats after the columns */
.rowtop:after {
content: "";
display: table;
clear: both;
}

.rowtoppen {
margin-top: 38px;
}

/* Responsive layout - makes the three columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
.kolonne {
width: 100%;
display: none;
}

.toppenmellemrum {
padding-bottom: 5px;
}
}

/** TOPPEN 3 KOLONNER  - slut */































/** BUNDEN 3 KOLONNER  - start */

* {
box-sizing: border-box;
}

/* Create three equal columns that floats next to each other */
.column {
float: left;
width: 33.33%;
padding: 10px;
height: 350px; /* Should be removed. Only for demonstration */
color: white;
border-right: 2px solid white;

border-top: 5px solid white;
border-bottom: 3px solid white;
}

.column:last-child {
// border: none;
// border-right: 2px solid white;
}


.column:last-child {
// border: none;
border-right: 0px solid white;
}

/* Clear floats after the columns */
.rowbund:after {
content: "";
display: table;
clear: both;
}

.bundmellemrum {
padding-bottom: 2px;
}


/* Responsive layout - makes the three columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {

.column {
width: 100%;
border-right: 0px solid white;
}

.bundmellemrum {
padding-bottom: 5px;
}




}




/*-----------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 768px) {
.column {
border-top: 2px solid white;
}
}

/** BUNDEN 3 KOLONNER  - slut */






















/** 5 KOLONNER  - start */
/* Create three equal columns that floats next to each other */
.kolonnefem {
float: left;
width: 20.00%;
padding: 10px;
// height: 300px; /* Should be removed. Only for demonstration */
height: 120px;
color: white;
// border-right: 2px solid white;
}

/* Clear floats after the columns */
.rowfem:after {
content: "";
display: table;
clear: both;
}





/*-----------------------------------------------------------------------------------------------------------------------------------------*/
/* Responsive layout - makes the three columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
.kolonnefem {
width: 100%;
}
}


@media screen and (max-width: 768px) {
.kolonnefem {
// border-top: 2px solid white;
}
}
/** 5 KOLONNER  - slut */


































/** BARER 2 KOLONNER  - start */

* {
box-sizing: border-box;
}

/* Create three equal columns that floats next to each other */
.kolonnebar {
float: left;
width: 50.00%;
padding: 10px;
// height: 400px; /* Should be removed. Only for demonstration */
// color: white;
// border-right: 2px solid white;
}

/* Clear floats after the columns */
.rowbar:after {
content: "";
display: table;
clear: both;
}




/*-----------------------------------------------------------------------------------------------------------------------------------------*/
/* Responsive layout - makes the three columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
.kolonnebar {
width: 100%;
}
}



/*-----------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 768px) {
.kolonnebar {
// border-top: 2px solid white;
}
}
/** BARER 2 KOLONNER  - slut */


































/** TEKSTEN PÅ RØDVINS FLASKEN  - start */
/* Container holding the image and the text */
.fotoholder1 {
// position: relative;
// text-align: center;
color: #c7c7c7;
font-size: 8vw;
font-weight: bold;
// line-height: 95px;
-webkit-text-stroke: 2px black; /* width and color */
top: 30px;
// margin-bottom: 200px;
line-height: 0.10;
}





/*-----------------------------------------------------------------------------------------------------------------------------------------*/
@media (max-width: 1024px) {
.fotoholder1 {
font-size: 11vw;
// line-height: 55px;
-webkit-text-stroke: 1px black; /* width and color */
// top: 100px;
// padding-bottom: 170px;
}
}






/* Bottom left text */
.bottom-left {
position: absolute;
bottom: 8px;
left: 16px;
}

/* Top left text */
.top-left {
position: absolute;
top: 8px;
left: 16px;
}

/* Top right text */
.top-right {
position: absolute;
top: 8px;
right: 16px;
}

/* Bottom right text */
.bottom-right {
position: absolute;
bottom: 8px;
right: 16px;
}

/* Centered text */
.centered {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
/** TEKSTEN PÅ RØDVINS FLASKEN  - slut */














.knappe {
background-color: #4CAF50; /* Green */
border: none;
color: white;
padding: 15px 32px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
cursor: pointer;
}









.fax {
padding: 20px;
font-size: 30px;
width: 100px;
text-align: center;
text-decoration: none;
margin: 5px 2px;
}

.fax:hover {
opacity: 0.7;
}

.fa-facebook {
background: #3B5998;
color: white;
}

.fa-twitter {
background: #55ACEE;
color: white;
}

.fa-google {
background: #dd4b39;
color: white;
}

.fa-linkedin {
background: #007bb5;
color: white;
}

.fa-youtube {
background: #bb0000;
color: white;
}

.fa-instagram {
background: #125688;
color: white;
}

.fa-pinterest {
background: #cb2027;
color: white;
}

.fa-snapchat-ghost {
background: #fffc00;
color: white;
text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}

.fa-skype {
background: #00aff0;
color: white;
}

.fa-android {
background: #a4c639;
color: white;
}

.fa-dribbble {
background: #ea4c89;
color: white;
}

.fa-vimeo {
background: #45bbff;
color: white;
}

.fa-tumblr {
background: #2c4762;
color: white;
}

.fa-vine {
background: #00b489;
color: white;
}

.fa-foursquare {
background: #45bbff;
color: white;
}

.fa-stumbleupon {
background: #eb4924;
color: white;
}

.fa-flickr {
background: #f40083;
color: white;
}

.fa-yahoo {
background: #430297;
color: white;
}

.fa-soundcloud {
background: #ff5500;
color: white;
}

.fa-reddit {
background: #ff5700;
color: white;
}

.fa-rss {
background: #ff6600;
color: white;
}








.image-cropper {
width: 300px;
height: 300px;
// position: relative;
overflow: hidden;
border-radius: 50%;
}

.profile-pic {
display: inline;
margin: 0 auto;
margin-left: -25%; //centers the image
height: 100%;
width: auto;
}















/** TOPPEN 2 KOLONNER  - start */
/* Create three equal columns that floats next to each other */
.kolonnevenstre {
float: left;
width: 33.33%;
height: 550px;
}

.kolonnehojre {
float: left;
width: 66.66%;
height: 550px;
}



/*-----------------------------------------------------------------------------------------------------------------------------------------*/
/* Responsive layout */
@media screen and (max-width: 600px) {
.kolonnevenstre {
width: 100%;
height: 450px;
// display: none;
}

.kolonnehojre {
width: 100%;
height: 450px;
}
}
/** TOPPEN 2 KOLONNER  - slut */








/** index.php filen  - start */
.domain-link {
font-size: 12px; 
font-weight: bold; 
padding-left: 20px; 
margin-top: 25px;
}

.uk {
padding-left: 20px;
}

.venstre-margin {
margin-left: 35px;
}

.kolonnehojre-to {
padding-left: 30px;
}

.kolonnefem {
color: green;
}

.rowfemtop {
padding-left:16px; 
padding-right:16px;
margin-top: -100px;
}

.her-sker-der-noget {
padding-left:16px;
padding-right:16px;
}
/** index.php filen  - slut */







/** cookies/menu_cookies.php filen  - start */
.cookie01 {
margin: 0px 5px 0px 0px;
}

.cookie02 {
display: none;
}
/** cookies/menu_cookies.php filen  - slut */






/** bunden.php filen  - start */
.bunden-farve {
background-color: #383838;
}
/** bunden.php filen  - slut */



/** ikke-fundet-side.php filen  - start */
.fejl-kode {
color: #fc0303;
}
/** ikke-fundet-side.php filen  - slut */





/** STYLING  - slut */



/*-----------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 600px) {
body {
font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
// font-size:1rem;
font-weight:400;
// line-height:1.5;
color:#121212;
margin:0;
width: 100%;
background:#383838;

font-size:1.143em; 
// line-height:1.25em; 
line-height:1.6em; 
font-style:italic;
}
}




.domain-bund {
font-size: 12px; 
width: 190px;
word-break: break-word;
}






/*-----------------------------------------------------------------------------------------------------------------------------------------*/
/** STYRER OPSÆTNINGEN AF EN LILLE NOKIA MOBIL SKÆRM  - start */
@media screen and (max-width: 600px) {
.domain-link {
width: 300px;
word-break: break-word;
font-size: 12px; 
}
}



/*-----------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 240px) {
.image-cropper {
width: 150px;
height: 150px;
}

.domain-link {
font-size: 10px; 
font-weight: bold; 
padding-left: 20px; 
margin-top: 25px;
margin-bottom: 25px;
width: 190px;
word-break: break-word;
}

.domain-bund {
font-size: 10px; 
width: 190px;
word-break: break-word;
}

.column {
height: 500px; 
}

.kolonnevenstre {
height: 400px;
// display: none;
}

.kolonnehojre {
height: 1450px;
}
}
/** STYRER OPSÆTNINGEN AF EN LILLE NOKIA MOBIL SKÆRM  - slut */






.rowsen {
width:100%;
background:#eaeaea;
// padding: 2.857em 0;
padding-top: 2.857em;
}

.rowsen:after {
content:"";
display:block;
clear:both;
}