/* Generated by Font Squirrel (http://www.fontsquirrel.com) on May 29, 2012 */



@font-face {
    font-family: 'TelegraficoRegular';
    src: url('fonts/telegrafico_by_ficod-webfont.eot');
    src: url('fonts/telegrafico_by_ficod-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/telegrafico_by_ficod-webfont.woff') format('woff'),
         url('fonts/telegrafico_by_ficod-webfont.ttf') format('truetype'),
         url('fonts/telegrafico_by_ficod-webfont.svg#TelegraficoRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on June 5, 2012 */



@font-face {
    font-family: 'CassannetOutlineRegular';
    src: url('fonts/cassannet_outline-webfont.eot');
    src: url('fonts/cassannet_outline-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/cassannet_outline-webfont.woff') format('woff'),
         url('fonts/cassannet_outline-webfont.ttf') format('truetype'),
         url('fonts/cassannet_outline-webfont.svg#CassannetOutlineRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'CassannetBoldBold';
    src: url('fonts/cassannet_bold-webfont.eot');
    src: url('fonts/cassannet_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/cassannet_bold-webfont.woff') format('woff'),
         url('fonts/cassannet_bold-webfont.ttf') format('truetype'),
         url('fonts/cassannet_bold-webfont.svg#CassannetBoldBold') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'CassannetRegularRegular';
    src: url('fonts/cassannet-webfont.eot');
    src: url('fonts/cassannet-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/cassannet-webfont.woff') format('woff'),
         url('fonts/cassannet-webfont.ttf') format('truetype'),
         url('fonts/cassannet-webfont.svg#CassannetRegularRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ProximaNovaThBold';
    src: url('fonts/proximanova-extrabold-webfont.eot');
    src: url('fonts/proximanova-extrabold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/proximanova-extrabold-webfont.woff') format('woff'),
         url('fonts/proximanova-extrabold-webfont.ttf') format('truetype'),
         url('fonts/proximanova-extrabold-webfont.svg#ProximaNovaThBold') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'ProximaNovaRgRegular';
    src: url('fonts/proximanova-regular-webfont.eot');
    src: url('fonts/proximanova-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/proximanova-regular-webfont.woff') format('woff'),
         url('fonts/proximanova-regular-webfont.ttf') format('truetype'),
         url('fonts/proximanova-regular-webfont.svg#ProximaNovaRgRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}



body {background-color: #383030;} 
#wrapper {border:0px solid white; width: 1020px;height:400px; margin: 80px 0 0 80px;}
.content_all {margin-top:30px;}	
.content_wide{width:660px; float:right; border: 0px solid yellow; margin-right:40px;margin-top:40px; padding-left:8px;}
#logo { width:1070px; height:30px;font-family: 'Changa One';  font-size:75px;  letter-spacing:3px;}
.menu { border:0px solid green; width:200x;  float:left; text-align:right;margin-top:70px; margin-left:8px; position:absolute;}
.menu ul li { list-style:none;font-family: 'Changa One'; letter-spacing:0px; font-size:42px; color: #9C9898; line-height:34px;}
.menu ul li a { list-style:none;font-family: 'Changa One'; letter-spacing:0px; font-size:42px; color: #9C9898; text-decoration:none;line-height:34px;}
.menu ul li a:hover { list-style:none;font-family: 'Changa One'; letter-spacing:0px; font-size:42px; color: #FFF; text-decoration:none;line-height:34px;}
.menu #currentpage a   {color: #FFF;}
.tab_features {width:750px;margin-left:-20px;font-family: 'ProximaNovaRgRegular';font-size:12px;}
.tab_features a {font-family: 'ProximaNovaRgRegular';font-size:12px; color: #9C9898; text-decoration:none;}
.tab_features a:hover {font-family: 'ProximaNovaRgRegular';font-size:12px; color: #FFF; text-decoration: line-through;}
.tab_highlight {font-family: 'ProximaNovaRgRegular';border-bottom:0px dotted #605959; padding-top:30px;margin-bottom:2px; text-transform:uppercase; font-size:14px; letter-spacing:2px; color:#fff; }
.tab_about { text-transform:none; font-size:12px;font-family: 'ProximaNovaRgRegular';width:750px; margin-left:-20px; margin-bottom:60px;}
.tab_about span { color: #605959;}
#white {background-color: #383030;}
.dark {background-color: #000;}
#content { position:fixed; top:200px; left:200px; width:200px; height:200px;}
.overlay {width:100%; height:100%;}
.tab_contact {width:750px; border:0px solid red;margin-left:-20px; margin-top:30px;}
.tab_contact td {padding:4px;}
.form_contact {
	color: #757263;
	font-size: 12px;
	}

input {
	border-left: 1px solid #757263;
	border-bottom: 1px solid #757263;
	border-right: none;
	border-top: none;
	background-color: #605959;
	font-size:12px;
	font-family: 'ProximaNovaRgRegular';
	
	color:#D6D6D6;
		}
		
textarea {background-color: #605959; color:#FFF; width:730px;font-family: 'ProximaNovaRgRegular'; font-size:16px;}		

.button {
	color: #000;
	background-color: #fff;
	}
	
.imprint { position:absolute; bottom: 20px; left:190px; width: 160px;  text-align:right;}	
	.imprint a { color: #605959; font-family: 'ProximaNovaRgRegular'; font-size:12px; text-decoration:none;}	
	.imprint a:hover { color: #FFF; font-family: 'ProximaNovaRgRegular'; font-size:12px;}	
	.imprint #currentpage a  { color: #FFF; font-family: 'ProximaNovaRgRegular'; font-size:12px;}
.socials { position: fixed; bottom:0px; width: 110%;  text-align:left; background-color:#383030; height:52px;}

#downloads {
width: 100%;
float: left;
text-align:left;
}

#downloads ul {
list-style: none;
margin: 0px;
padding: 0px;
width: 100%;
float: left;
}

#downloads ul li {
height: 16px;
padding:2px;
}

#downloads ul li:hover {
background-color:#605959;

}

#downloads a {
text-decoration:none;
display: block;
color: #9C9898;
}

.spamm a {
	color: #fff;
	text-decoration: none;
}
	
/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#000;}
#colorbox{}
    #cboxContent{margin-top:20px;}
        .cboxIframe{background:#000;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{border:5px solid #000; background:#fff;}
        #cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;}
        #cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}
        #cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
        #cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(images/controls.png) no-repeat top left; width:28px; height:65px; text-indent:-9999px;}
        #cboxPrevious:hover{background-position:bottom left;}
        #cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(images/controls.png) no-repeat top right; width:28px; height:65px; text-indent:-9999px;}
        #cboxNext:hover{background-position:bottom right;}
        #cboxLoadingOverlay{background:#000;}
        #cboxLoadingGraphic{background:url(images/loading.gif) no-repeat center center;}
        #cboxClose{position:absolute; top:5px; right:5px; display:block; background:url(images/controls.png) no-repeat top center; width:38px; height:19px; text-indent:-9999px;}
        #cboxClose:hover{background-position:bottom center;}