/* CSS Reset */
/*
* {
    padding: 0;
	margin: 0;
}
ul {
	list-style: none;
	}

*/
/* CSS Reset */
/*------------------------------------------------*/
/*-----------------[BASIC STYLES]-----------------*/
/*------------------------------------------------*/

body {
	text-align:justify;
	margin: 0px;
	padding: 0;
	color: #C9DED0;
	background-color:#FFF;
	background-image: url(images/fondo.jpg);
	background-repeat: no-repeat;
	font-family: 'DroidSansRegular', Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-position: center top;
	line-height: 22px;
	}

a:link, a:visited {
	text-decoration: none;
	color: #84AA89;
}


a:hover, a:active { color: #dbdbdb; }
h1,
h2 {
		font-family: 'TrashHandRegular', Arial, Helvetica, sans-serif;
		display:inline-block;
}
h1 {
	font-weight: bold;
	font-size: 25px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 27px;
	margin-left: 0px;
}

h2 {
	font-weight: bold;
	font-size: 21px;
	margin-top: 22px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

h3 {
	font-family: 'GraublauWebRegular', Arial, Helvetica, sans-serif;
	 margin: 0px 0px 10px 0px; font-weight: normal; font-size: 12px; }


.titulos {
	color:#8dc597;
}
.titulos-2 {
	color:#dc417c;
}
.titulos-3 {
	color:#94c427;
}
.titulos-4 {
	color:#d7cd19;
}
.titulos-5 {
	color:#ba70bd;
}
.titulos-6 {
	color:#459ABA;
}


/**/
input[type="text"],
textarea {
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	background-color: #171717;
	color:#D8D8D8;
	padding:5px!important;
	border:none;
	font-size:12px;
	width:100%;
}
input[type="text"]:focus,
textarea:focus{
	background-color: #151515;
}


input[type=submit]{
	font-family: 'TrashHandRegular', Arial, Helvetica, sans-serif;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	background-color: #C0D822;
	color:#333;
	padding:5px;
	border:none!important;
}
input[type=submit]:hover{
	color:#FFF;
	background-color: #434343;
}
/**/

blockquote { overflow: auto; padding: 0 10px; margin: 20px 30px; background: #222; border: 1px solid #333; }

p img { padding: 0; max-width: 100%; }

/*------------------------------------------------*/
/*---------------[MAIN LAYOUT INFO]---------------*/
/*------------------------------------------------*/

/*#bgdiv { background-image: url(images/bg-2.gif); background-repeat: repeat-x; background-position: bottom; width: 100%; }*/

#logobg { }

.headings { width: 194px; background-color: #222222; display: block; height: 28px; font-weight: bold; color: #fff; padding-left: 20px; padding-top: 3px; clear: both; }

#wrapper2 { 
	width: 800px; 
	margin: auto; 
	padding: 0px 0px 0px 0px;
	background-color: #1e2828; 
	background-image: url(images/backcontent.jpg);
	background-repeat: repeat-x;
	background-position: center bottom;
}

.post-wrapper { width: 742px; padding: 15px; }

.rule { clear: both; border-top: 1px solid #222222; width: 636px; margin: 15px 0px; float: left; }

#home-wrapper { width: 742px; margin-top: 15px; }

.home-left { width: 420px; border-right: 1px solid #222222; float: left; }

.home-post-wrap { width: 395px; border-bottom: 1px solid #222222; padding: 15px 25px 25px 0px; }

.home-post-wrap-2 { width: 742px; border-bottom: 1px solid #222222; padding: 15px 0px; }

.home-post-wrap-3 { width: 742px; border-bottom: 1px solid #222222; padding: 0px; }

.home-right { width: 214px; float: left; }

.readmore {
	background-color: #1e2828;
	color: #fff;
	font-size: 10px;
	display: block;
	float: right;
	margin-top: 13px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 40px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}

.readmore a:link, .readmore a:hover { color: #fff; font-size: 10px; }

.titles a:link, .titles a:visited, .titles a:active { text-decoration: none; font-size: 20px; margin-top: 10px; color: #6a909f; float: left; margin-bottom: 15px; clear: both; }

.post-title { margin: 15px 0px 20px 0px; }

.post-title2 { margin: 0px 0px 20px 0px; }

#header {
	width: 800px;
	margin-top: 0px;
	height: 192px;
	background-color: #373434;
	background-image: url(images/header-bg.jpg);
	background-repeat: repeat-x;
	float: left;
	background-position: center top;
}

#container { float: left; width: 479px; }

#container2 { float: left; width: 800px; min-height:290px; margin-bottom: 55px;}

#left-div { width: 742px; float: left; }

#left-div2 { width: 742px; float: left; padding: 0px 0px 15px 15px; }

#left-inside { float: left; padding: 0px 0px 0px 19px; }

.adwrap { margin-left: -5px; float: left; width: 270px; }

.adwrap a, .adwrap a:hover, .adwrap a:visited { margin-right: 5px; margin-bottom: 5px; display: block; float: left; }

#about-image { float: left; display: inline; margin-right: 10px; border: 5px solid #313131; }

.post-info {
	color: #B6D118;
	font-size: 12px;
	background-color: #313131;
	float: left;
	border: 1px solid #3d3d3d;
	padding: 4px 10px;
	clear: both;
	height: 22px;
}

.post-info2 { height: 22px; float: left; border-right: 1px solid #3d3d3d; border-top: 1px solid #3d3d3d; border-bottom: 1px solid #3d3d3d;color: #fff; padding: 4px 10px; }

.post-info a:link, .post-info a:visited { color: 	#fff; }

.logo { border: none; float: left; }

.current-category { background-color: #313131; color: #fff; border: 1px solid #424242; padding: 5px 10px; display: block; margin-bottom: 10px; width: 626px; }

.ad_468 { position: absolute; left: 403px; top: 20px; }

/*------------------------------------------------*/
/*---------------------[FOOTER]-------------------*/
/*------------------------------------------------*/

#footer { clear: both; float: left; padding-top: 14px; font-size: 11px; width: 100%; height: 50px; }

.footer-inside { margin: auto; width: 800px; padding: 0px 10px 0px 0px; text-align: right; }

.footer-insie a:link, .footer-insie a:visited { color: #fff; }

#bottom { width: 800px; float: left; }

.bottom-box { width: 260px; float: left; margin-right: 17px; }

.bottom-box2 { width: 260px; float: left; margin-right: 17px; min-height: 299px; }

.bottom-box2 h3 { color: #868686; font-size: 20px; margin-left: 10px; }

.bottom-box-inside { width: 250px; margin-left: 10px; padding: 10px 0px; float: left;}

.bottom-box h3 { color: #868686; font-size: 20px; margin-left: 10px; }

.bottom-span { width: 193px; display: block; color: #939393; float: left; }

.bottom-span a:link, .bottom-span a:visited { font-size: 14px; }

.bottom-span2 { width: 193px; color: #B6D118; display: block; float: left; }

.bottom-span3 { width: 193px; color: #939393; display: block; float: left; }

.bottom-span3 a:link, .bottom-span3 a:visited { color: #939393; }

.bottom-thumbnail { background-color: #313131; border: 1px solid #464646; padding: 4px; float: left; display: inline; margin-right: 12px; position: relative; }

.bottom-thummbail-hover-wrap { position: relative; display: none; }

.bottom-thumbnail-hover { width: 59px; height: 59px; background-image: url(images/thumbnail-overlay.png); z-index: 5; position: absolute; float: left; }

/*------------------------------------------------*/
/*--------------------[SIDEBAR]-------------------*/
/*------------------------------------------------*/

#sidebar { float: right; width: 272px; }

.sidebar-box { float: right; width: 272px; background-image: url(images/sidebar-bg-2.gif); border-bottom: 4px solid #1d1d1d; margin-bottom: 10px; }

.sidebar-box-inside { background-image: url(images/sidebar-bg-1.gif); background-repeat: no-repeat; width: 242px; float: right; padding: 13px 15px; }

.sidebar-box ul li a:link, .sidebar-box ul li a:visited, .sidebar-box ul li a:active { color: #fff; display: block; background-color: #222222; border: 1px solid #373737; padding: 3px 8px 5px 8px; }

.sidebar-box ul li { margin: 5px 3px 3px 5px; clear: both; }

.sidebar-box ul { list-style-type: none; clear: both; margin-left: 0px; padding-left: 0px; margin-top: 0px; padding-top: 0px; }

.sidebar-box ul li a:hover { color: #fff; }

.sidebar-box-title { font-size: 18px; color: #B6D118; margin-bottom: 10px; float: left; }

/*------------------------------------------------*/
/*------------------[THUMBNAILS]------------------*/
/*------------------------------------------------*/

.thumbnail-wrap { float: left; margin: 0px 18px 18px 0px; width: 151px; height: 151px; }

.thumbnail-category { margin: 0px 14px 18px 0px; }

.thumbnail-div {
	float: left;
	width: 151px;
	height: 151px;
	padding-top: 62px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.thumbnail-div .sections-overlay { background: url(images/thumbnail-overlay.png) no-repeat -40px -300px; width: 141px; height: 107px; margin-top: -33px; float: left; }

.thumbnail-shadow { width: 100%; float: left; height: 33px; }

.thumbnail-div .sections-overlay .zoom {
	margin-top: 30px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 37px;
}

.thumbnail-single .sections-overlay { width: 624px; height: 364px; }

.thumbnail-bottom { margin: 5px 0px 0px -5px; }

.thumbnail-single { border: 10px solid #313131; width: 624px; height: 364px; }

.blogthumbnail { border: 10px solid #313131; display: inline; float: left; margin-right: 15px; }

/*------------------------------------------------*/
/*-------------------[COMMENTS]-------------------*/
/*------------------------------------------------*/

.comments-wrapper { background-color: #171717; width: 585px; padding: 61px 15px 15px 15px; float: left; }

#commentform { margin: 10px 0px 0px 20px; }
/*
#commentform textarea {
	border: 1px solid #333;
	width: 350px;
	padding: 10px;
	color: #fff;
	background-color: #0F1313;
}
*/
#commentform #email { font-size: 13px; background: #0F1313; border: 1px solid #333; width: 207px; height: 20px; padding-left: 13px; padding-top: 6px; margin-bottom: 3px; color: #fff; }

#commentform #author { font-size: 13px; background: #0F1313; border: 1px solid #333; width: 207px; height: 20px; padding-left: 13px; padding-top: 6px; margin-bottom: 3px; color: #fff; }

#commentform #url { font-size: 13px; background: #0F1313; border: 1px solid #333; width: 207px; height: 20px; padding-left: 13px; padding-top: 6px; margin-bottom: 3px; color: #fff; }

.commentmetadata {
	color: #fff;
	font-size: 10px;
	margin-top: 10px;
	display: block;
	background-color: #101414;
	padding: 2px 10px;
	width: 190px;
}

#comments { margin: 0px 0px 15px 6px; color: #fff; }

.commentmetadata a:link, .commentmetadata a:hover, .commentmetadata a:visited { color: #fff; }

.fn, .fn a:link, .fn a:hover, .fn a:visited, .says { color: #B6D118; 
	font-family: 'TrashHandRegular', Arial, Helvetica, sans-serif; font-size: 18px; font-style: normal; }

.avatar { border: 5px solid #0F1313; margin-bottom: -15px; margin-right: 10px; width: 40px; height: 40px; }

.comment { border-bottom: 1px solid #0F1313; margin-bottom: 15px; float: left; clear: both; width: 100%; list-style: none; }

.children .comment { border-top: 1px solid #0F1313; border-bottom: none; padding-top: 15px; margin-bottom: 0px; }

.comment-reply-link, .comment-reply-link:visited { color: #171717 !important; display: block; font-weight: bold; background-color: #c4c4c4; padding: 2px 7px; float: right; text-transform: lowercase; font-size: 11px; border: 1px solid #fff; margin-bottom: 10px; margin-top: -10px; }

.commentlist { float: left; margin-left: 0px; padding-left: 10px; }

.comment-reply-link:hover { background-color: #fff; }

.cancel-comment-reply a:link, .cancel-comment-reply a:visited { color: #171717 !important; display: block; font-weight: bold; background-color: #c4c4c4; border: 1px solid #fff; padding: 0px 5px; text-transform: lowercase; font-size: 10px; float: left; clear: both; }

#commentform { clear: both; float: left; }

.cancel-comment-reply a:hover { background-color: #fff; }

#respond { float: left; width: 100%; }

#respond h3 { color: #fff; margin-left: 20px; margin-top: 0px; }

/*------------------------------------------------*/
/*-----------------[FEATURED SLIDER]--------------*/
/*------------------------------------------------*/

.featured {
	width: 800px;
	height: 220px;
	float: left;
}

.featured-info { color: #8dc597; padding: 0px 10px; margin: 15px 0px; }

#sections { width: 479px; height: 270px; float: left; overflow: hidden; }

#sections ul { width: 10000px; padding: 0; margin: 0; height: 364px; float: left; list-style-image: none; display: block; }

#sections li { width: 655px; height: 364px; display: block; float: left; }

.sections-overlay { background-image: url(images/readmore-bg.png); width: 479px; height: 270px; }

.sections-overlay .zoom {
	border: none;
	margin-top: 122px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 210px;
}

#featured-right { width: 262px; height: 324px; float: right; }

#sections2 {
	width: 262px;
	height: 239px;
	float: right;
	overflow: hidden;
	
}

a.featured-readmore { color:#333;}

.featured-readmore {
	font-family: 'TrashHandRegular', Arial, Helvetica, sans-serif;
	background-color: #bed434;
	padding-left:7px;
	padding-right:7px;
	padding-top:2px;
	padding-bottom:3px;
	
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	display: block;
	float: left;
	margin-top: 10px;
	color:#74811d;
	text-transform:uppercase;
	font-size: 15px;
}

#sections2 ul {
	width: 262px;
	padding: 0;
	margin: 0;
	height: 5000px;
	float: left;
	list-style-image: none;
	display: block;
}

#sections2 li {
	width: 227px;
	height: 292px;
	display: block;
	float: left;
}

.featured-title a { color: #fff; font-size: 20px; }

#featured-button {
	width: 127px;
	height: 32px;
	background-image: url(images/slider-arrows-bg.gif);
	float: right;
	background-repeat: no-repeat;
	margin-right:92px;
}

.prev {
	width: 32px;
	height: 32px;
	cursor: pointer;
	float: left;
	background-image: url(images/arrow-left.gif);
	margin-top: 0px;
	margin-left: 0px;
}

.next {
	width: 32px;
	height: 32px;
	cursor: pointer;
	float: right;
	background-image: url(images/arrow-right.gif);
	margin-top: 0px;
	margin-right: 0px;
}

.prev-hover {
	width:32px;
	height: 32px;
	cursor: pointer;
	background-image: url(images/arrow-left-hover.gif);
}

.next-hover {
	width: 32px;
	height: 32px;
	cursor: pointer;
	background-image: url(images/arrow-right-hover.gif);
}

/*------------------------------------------------*/
/*-------------[CAPTIONS AND ALIGNMENTS-----------*/
/*------------------------------------------------*/

.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }

.wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; }

.wp-caption img { margin: 0; padding: 0; border: 0 none; }

.wp-caption p.wp-caption-text { font-size: 12px; line-height: 17px; padding: 0 4px 5px; margin: 0; }

img.centered { display: block; margin-left: auto; margin-right: auto; }

img.alignright {
	display: inline;
	/*border: 2px solid #8dc597;*/
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 2px;
	margin-left: 20px;
}

img.alignleft {
	display: inline;
	/*border: 2px solid #8dc597;*/
	margin-top: 0;
	margin-right: 20px;
	margin-bottom: 2px;
	margin-left: 0;
}

.alignright { float: right; }

.alignleft { float: left }

/*------------------------------------------------*/
/*------------------[NAVIGATION]------------------*/
/*------------------------------------------------*/

.logowrap {
	float: left;
	width: 800px;
	padding-top: 26px;
	height: 82px;
	background-image: url(images/header-bg.jpg);
	background-repeat: repeat-x;
	float: left;
	background-position: center bottom;
}

.logowrap ul { float: left; margin: 17px 0px 0px 40px; padding: 0px; }

.logowrap ul li { float: left; display: block;  }

.logowrap ul li a:link, .logowrap ul li a:visited { padding: 5px 10px; color: #d9eadc; display: block; }

.logowrap ul li a:hover { color: #000; }

		/*------------------[DROPDOWN MENU]------------------*/

#animate a:hover {
	color:#D1EC25; }

.superfish li {
	font-family: 'GraublauWebRegular', Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-size:13px;
}
	.nav ul { position:absolute; top:-999em; }
		
		.nav li { float:left; position:relative; z-index:9; }
		
		.nav ul li { width: 100%; }
		.nav ul li {
	background-color:#172423;
}
		.nav ul ul li,
		.nav ul li:hover {
	background-color:#0F1514;
}
		
		.nav li:hover ul, ul.nav li.sfHover ul { left:-40px; top:5px; }
		
		.nav li:hover li ul, .nav li.sfHover li ul { top:-999em; }
		
		.nav li li:hover ul, ul.nav li li.sfHover ul {
			position:absolute; left:100px; top:-15px;  }
		
		.nav li:hover ul, .nav li li:hover ul { top: -999em; }
		
		.nav li li { padding: 0px; }
		
		.nav li:hover { }
		
		.nav li li a:link, .nav li li a:visited { width: 120px; display: block;  }
		
		.nav li li a:hover { }

/*------------------------------------------------*/
/*------------------[SEARCH FORM]-----------------*/
/*------------------------------------------------*/

#searchform { margin-right: 20px; margin-bottom: 15px; }

.search_bg { float: right; margin-top: 18px; margin-left: 10px; }

.search_bg #s { background: #FFF; font-size:11px; color:#fff; font-family: Arial; width:150px; vertical-align:middle; padding:10px; border: 1px solid #e5e3d3; }

.search_bg #searchsubmit { background-color: #B6D118; color: #fff; font-weight: bold; cursor: pointer; border: 5px solid #f6f6e9; vertical-align:middle; text-transform: lowercase; margin-left: 10px; height: 30px; padding-bottom: 10px; }

/*------------------------------------------------*/
/*------------------[CATEGORIES DROPDOWN]-----------------*/
/*------------------------------------------------*/
#categories-button { float: right; cursor: pointer; margin-top: 26px; }

#categories-dropdown { width: 237px; position: absolute; left: 736px; top: -30px; display: none; }

.categories-inside { width: 237px; background-image: url(images/categories-bg.gif); background-repeat: repeat-x; background-color: #101010; float: left; }

.categories-inside ul { width: 237px; padding: 0px; margin: 0px; float: left; list-style-type: none; }

.categories-inside ul li { display: block; float: left; padding: 0px; margin: 0px; list-style-type: none; }

.categories-inside ul li a:link, .categories-inside ul li a:visited { display: block; float: left; padding: 5px 10px; margin: 2px 0px; width: 199px; border: 1px solid #464646; background-color: #2c2c2c; margin-left: 8px; }

.categories-inside ul li a:hover { background-color: #353535; color: #fff; }

.categories-top { float: left; }

/*------------------------------------------------*/
/*-----------------[WP PAGE NAVI]-----------------*/
/*------------------------------------------------*/
.wp-pagenavi { margin-bottom: 15px; }

.wp-pagenavi a, .wp-pagenavi a:link { padding: 5px 7px; margin: 2px; text-decoration: none; border: 1px solid #424242; color: #FFF; background-color: #313131; }

.wp-pagenavi a:visited { padding: 5px 7px; margin: 2px; text-decoration: none; border: 1px solid #424242; color: #FFF; background-color: #313131; }

.wp-pagenavi a:hover { border: 1px solid #fff; color: #000; background-color: #c9c9c9; }

.wp-pagenavi a:active { padding: 5px 7px; margin: 2px; text-decoration: none; border: 1px solid #424242; color: #FFF; background-color: #313131; }

.wp-pagenavi span.pages { padding: 5px 7px; margin: 2px 2px 2px 2px; color: #000000; border: 1px solid #424242; color: #FFF; background-color: #313131; }

.wp-pagenavi span.current { padding: 5px 7px; margin: 2px; font-weight: bold; border: 1px solid #fff; color: #000; background-color: #c9c9c9; }

.wp-pagenavi span.extend { padding: 5px 7px; margin: 2px; border: 1px solid #fff; color: #000; background-color: #c9c9c9; }

/**/
img.ttf {
	border:none;
}
ul#obras {
	margin-top: 50px;
}
ul#obras li {
	padding-bottom: 22px;
	width: 170px;
	display:inline-table;
	}

.obras .mini {
	width:90px;
	height:90px;
	background-color:#AAB2B4;
	display:block;
}
.obras h3 {
	width: 120px;
	height:40px;
	display:block;
}
h2.titulos-obras {
	margin-top: 10px;
}



ul#noticias {
	margin-top: 50px;
}
ul#noticias li {
display:block;
height:120px;
margin-bottom:22px;
	}

.noticias .mini {
	width:90px;
	height:90px;
	background-color:#DDEBEC;
	display:block;
}
#comprar p a, #comprar p a:visited,
#informacion p a, #informacion p a:visited {
	font-family: 'TrashHandRegular', Arial, Helvetica, sans-serif;
	padding-left: 7px!important;
	padding-bottom:3px;
	padding-right:7px;
	padding-top:5px;
	color:#FFF!important;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	text-transform:uppercase;
	font-size:18px;
	margin-bottom:10px;
}

#comprar p a, #comprar p a:visited {
	background-color:#A8C82B;
}
#informacion p a, #informacion p a:visited {
	background-color:#4B99A7;
}
#comprar p a:hover,
#informacion p a:hover{
	background-color:#797979;
}

div.wpcf7 {
	padding-top: 50px;
}
#qtranslate-chooser{
	font-family: 'GraublauWebRegular', Arial, Helvetica, sans-serif;
	float: left;
}
#qtranslate-chooser a {
	color:#6D7515;
}
#qtranslate-chooser a:hover {
	color:#494E0E;
}
ul#qtranslate-chooser{
	list-style:none;
}
/* @font-face */
/*------------------------------------------------*/
/*-----------------[GRAUBLAU]-----------------*/
/*------------------------------------------------*/
/*
*/
@font-face {
    font-family: 'GraublauWebRegular';
    src: url('fonts/graublauweb-webfont.eot');
    src: url('fonts/graublauweb-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/graublauweb-webfont.woff') format('woff'),
         url('fonts/graublauweb-webfont.ttf') format('truetype'),
         url('fonts/graublauweb-webfont.svg#GraublauWebRegular') format('svg');
    font-weight: normal;
    font-style: normal;

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

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

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

}