@charset "UTF-8";
/* CSS Document */

/*'sprachradio_style.css :: Developed by Sprach Institute
Hoja de estilos para el sitio sprachradio.de. Estilos aidicionales a boostrap<


***************************************************************
Date: 1-06-14
Description: Estilos del sitio 


/*Google font*/

/*font-family: 'Roboto', sans-serif;*/

/*
 * Globals
 */

/* Links */

a,
a:focus,
a:hover {
  color: #f08900; outline:none
}

/* Custom default button */
.btn-default,
.btn-default:hover,
.btn-default:focus {
  color: #333;
  text-shadow: none; /* Prevent inheritence from `body` */
  background-color: #fff;
  border: 1px solid #fff;
}



/*
 * Base structure
 */

html,
body {
  height: 100%;
  background-color: #fff;
}
body {
  color: #fff;
  text-align: center;
 

  font-family: 'PT Sans', sans-serif;
}

/* Extra markup and styles for table-esque vertical and horizontal centering */
.site-wrapper {
  display: table;
  width: 100%;
  height: 100%; /* For at least Firefox */
  min-height: 100%;
}
.site-wrapper-inner {
  display: table-cell;
  vertical-align: middle;
}
.cover-container {
  margin-right: auto;
  margin-left: auto;
}

.center_sprach { margin:0 auto; padding-left:0}

/* Padding for spacing */
.inner {
  padding: 30px;
}
.logo_emb { clear:both; display:block}


/*Media queries*/
@media (min-width: 768px) {
  .masthead-brand {
    float: left;
  }
  
}


/*
 * Cover
 */
  .cover-container {
    width: 100%; padding-top:20px
}
.cover {
  padding: 0 20px;
}
.cover .btn-lg {
  padding: 10px 20px;
  font-weight: bold;
}

/*
 *Modal sprach
 */
.close_sprach { color:#DB2D2D !important; opacity:1}
.modal-header-sprach { border-bottom:0 none !important;}
.modal-title { color:#555 !important; font-weight:bold}
.modal-body { color:#333; text-align:left}
.line { border-bottom: 1px dashed #ccc;
    height: 0;
    margin-bottom: 11px;
    padding: 0 2px 12px;}
a.face {  font-size:12px; color:#fff; text-shadow:1px 0 #000; border-radius:3px; background:#45619D; padding:2px 8px; display: inline-block; margin: 0 4px;}	
a.face:hover { text-decoration:none}
.t_face { padding:10px; display:block; background:#EAEAEA;margin-bottom: 4px;}
a.link_face { color:#45619d !important}
.fb-like { margin:0 3px 0 0 !important}
.deutsch { color: #525252; }
h4.desk { background: url("../images/desk.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 42px;
    padding-left: 85px;
    padding-top: 11px;}
h4.mobile { background: url("../images/mobile.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 42px;
    padding-left: 85px;
    padding-top: 14px;}
	.guion { padding:0 3px; display: inline-block; color:#f08900}
	.acerca { display: inline-block;
    padding-bottom: 10px;
    padding-left: 0;
    padding-right:0;}

/*
 * Footer
 */

.mastfoot {
  color: #999; /* IE8 proofing */
  color: rgba(255,255,255,.5);
  
}
  .mastfoot {
    position: fixed;
    bottom: 0;
	width:100%;
  }


/*
 * Elements
 */
h1.copy { color:#f08900; font-size: 1.5em;font-family: 'Roboto', sans-serif; width:50%; margin:0 auto; padding-top:35px }
h1.copy span { color:#c84912}

/*sound icon for mobile*/
a.sound_off_mobile {
background: url("jplayer.dattaradio.png") 0 -170px no-repeat;
display:block;
width: 18px;
height: 15px;
margin-top: 13px;
display: block;
overflow: hidden;
text-indent: -9999px;
}




/*
 * Affix and center
 */
 
 @media (min-width: 320px)
 
 {
	 .mastfoot { position:static }
	.cover img {
    display: block;
    height: auto;
    max-width: 80%;
}
	.jp-controls { margin:0 auto !important;width: 214px;}
	.jp-volume-bar { display:none !important}
	.mute_li { display:none !important}
	.unmute_li {display:none !important}
	.max_li {display:none !important}
	
	.cover { padding:0 }
	.inner { padding:0}
	.down {
    position: static !important;
  
	width:100%;
  }
	
	 }
@media (min-width: 720px) {
  /* Pull out the header and footer */
  .masthead {
    position: fixed;
    top: 0;
  }

  /* Start the vertical centering */
  .site-wrapper-inner {
    vertical-align: middle;
  }
  /* Handle the widths */
   .down {
    position: static !important;
  
	width:100%;
  }
  
  .masthead,
  .mastfoot,
  .cover-container {
    width: 100%; /* Must be percentage or pixels for horizontal alignment */
	padding-top:0;
	
	
  }
    h1.copy { width:50%}
	.jp-controls { margin:0 auto !important;width: 214px; padding:16px 2px 0 2px !important}
	.jp-volume-bar { display:none !important}
	.mute_li { display:none !important}
	.unmute_li {display:none !important}
	.max_li {display:none !important}	
		.center_sprach {padding-left: 0 !important;}
	


  
}

@media (min-width: 992px) {
 
.masthead, .mastfoot, .cover-container {
    width: 700px;
  }
  h1.copy { width:50%}
  
  .jp-controls { margin:0 auto !important; width:auto;padding:16px 2px 0 2px !important}
	.jp-volume-bar { display:block!important}
	.mute_li { display:block !important}
	.unmute_li {display:block !important}
	.max_li {display:block !important}
	.center_sprach {padding-left: 0 !important }
	 .mastfoot { position:fixed }
  
}