/* CSS para ejercicio */

html {
    background-color: cornsilk;
 /* background: url("img/bg.jpg") no-repeat top fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.bg.jpg', sizingMethod='scale')";
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='bg.jpg', sizingMethod='scale')";
    */
}

html, body {
  background-color: transparent;
}

h1, h2, h3, h4, h5 {
	font-family: 'Fira Sans', sans-serif;
	font-weight: bold;
    color:#C00;
}

.gr {
    color:#666;
}

p, a {
	font-family: 'Fira Sans', sans-serif;
}

a, a:visited {
    color:#C00;
}

a:hover {
    color:#C00;
    text-decoration: underline;
}

.tab-pane {
	background-color:#FFF;
	padding:2em 4em;
}

.shad {
     border-left: 1px solid #FDFDFD;
     border-right: 1px solid #DDD;
     border-top: 0;
     border-bottom: 1px solid #DDD;
	-webkit-box-shadow: 4px 4px 3px 0px rgba(170,170,170,0.5);
	-moz-box-shadow: 4px 4px 3px 0px rgba(170,170,170,0.5);
	 box-shadow: 4px 4px 3px 0px rgba(170,170,170,0.5);
     margin: 0 auto 2em auto;
}

.ui-menu {
    background-color: #FFF;
    width: 40%;
    height: 220px;
    overflow-y: scroll;
    padding: 1em;
    border: 1px solid #DDD;
    -webkit-box-shadow: 4px 4px 3px 0px rgba(170,170,170,0.5);
	-moz-box-shadow: 4px 4px 3px 0px rgba(170,170,170,0.5);
	 box-shadow: 4px 4px 3px 0px rgba(170,170,170,0.5);
}

.ui-menu-item {
    list-style: none;
    border-bottom: 1px solid #DDD;
    font-family: 'Fira Sans', sans-serif;
    padding: 1em;
}
.ui-menu-item:hover {
    background-color: MistyRose;
    color: #C00;
    cursor: pointer;
}
.ui-menu-icon {}
.ui-menu-divider {}

.tab-pane {
    padding: 1em 0;
}

.pie {
    border-top:5px solid #C00;
    margin:20px 4em 0 4em;
    padding-top:20px;
    background-color:#FFF;
    height:200px;
}
.red {
    border-top: 1px solid #999;
    border-bottom: 1px solid #999;
    padding: 1em 0;
}
.red a {
    color:#C00;
}

.nav-pills li.active a, .nav-pills li.active a:hover, .nav-pills li.active a:focus {
    background-color:#C00;
}