@charset "utf-8";
/* CSS Document */
/* 
* Skeleton V1.0.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 5/20/2011
*/

/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */
	
/* #Site Styles
================================================== */

/* #Page Styles
================================================== */

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


body{background-color:#1a1a1a;}

h1, h2, h3, h4, h5, h6 {
		color: #181818;
		font-family: "Helvetica", sans-serif;
		font-weight: normal; }
	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }
	h1 { font-size: 25px; line-height: 25px; margin-bottom: 14px;}

p{
	font-size:12px;
}

#back {
	height: 10px;
	font: 15px/25px Helvetica, sans-serif;
	text-align: center;
	background-color: #ffd617;
}

.container {
	margin-top: 240px;/*margin-top: 50px;*/
}

#logotipo{
}


#logotipo img {
	max-width: 100%;
	height: auto;
}



#headerImage img {
	margin-bottom: 10px;/*margin-bottom: 50px;*/
	/*margin-top:10px;*/
	max-width: 100%;
	height: auto;
}

#headerImage{
	text-align:center;
}



#iconos {
	text-align:center;
	height:70px;

}

#iconos p {
	/*font-family: 'Roboto-Condensed', sans-serif;*/
	font-family: 'Roboto-Condensed', sans-serif;
	color: #ed2424;
	font-size:22px;
	font-weight:bold;

}
#empty-space{
	/*background-color:#669;*/
	height:70px;
}

#iconos #contacto{
/*margin-bottom: 50px;text-align:right; margin-bottom: 10px;text-align:left;
margin-left:10px;max-width: 100%;
height: auto;margin-left:85px;*/

height:70px;
margin-top: 40px;
	
	
}

#iconos #contacto p{
margin-top:-50px;
margin-left:70px;
/*margin-left:70px;text-align:left;*/

}



#informacion{
	text-align:center;
}


.hide {
    display:none;
}

.icon {
    position:relative;
    display:inline-block;
    background-position:-1000px -1000px;
    background-image:url(../bilder/bullet.png);
    background-repeat:no-repeat;
    background-size:18px 18px;
    width:18px;
    height:18px;
}
.icon {
    background-position:0px 0px;
    top:2px;
	left:-11px;
}

#firma {
	height: auto;/*height: 45px;*/
	font: 14px Helvetica, sans-serif;
	text-align: center;
	/*background-color: #e7dbdb;*/
	margin-top: 130px;
}

#firma a {
	color: #726262;
	text-decoration: none;
}

#firma a:hover {
	color:#292929;
	/*text-decoration: underline;*/
}

#firma p{ font: 13px Helvetica, sans-serif;}

div.first-credit {
	text-align: left;
	font-size: 12px;
}

div.last-credit {
	text-align: right;
	font-size: 12px;
}

#footer-text {
height: auto;
text-align: right;
	
}

#footer-text img{
padding: 0px 0px 3px 40px;

}


.feature img {
	margin-bottom: 15px;
	max-width: 100%;
	height: auto;
}

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


/* #Media Queries
================================================== */
	
	
	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {
#firma {

}

}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
.container {
	margin-top: 90px;/*margin-top: 50px;*/
}



#firma {
	margin-top: 90px;
}

#headerImage{
	text-align:center;
}


		
		
}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
.container {
	margin-top: 90px;/*margin-top: 50px;*/
}


#headerImage{
	text-align:center;
}




#firma {
	margin-top: 90px;
}






}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
.container {
	margin-top: 90px;/*margin-top: 50px;*/
}

#iconos {
	text-align:center;

}

#iconos #contacto{
	margin-top:10px;
}

#firma {
	margin-top: 90px;
}


}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
.container {
	margin-top: 90px;/*margin-top: 50px;*/
}



#headerImage{
margin-top: 10px;
}

#iconos {
	text-align:center;

}

#iconos #contacto{
	margin-top:10px;
}


#firma {
	margin-top: 90px;
}


}
	

/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file 
		Just create a "fonts" folder at the root, 
		copy your FontName into code below and remove
		comment brackets */
		
/*	@font-face {
	    font-family: 'FontName';
	    src: url('../fonts/FontName.eot');
	    src: url('../fonts/FontName.eot?iefix') format('eot'),
	         url('../fonts/FontName.woff') format('woff'),
	         url('../fonts/FontName.ttf') format('truetype'),
	         url('../fonts/FontName.svg#webfontZam02nTh') format('svg');
	    font-weight: normal;
	    font-style: normal; }
*/