body {
    margin-top: 50px; /* Required margin for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
    background: url('../images/fondo.jpg') no-repeat center center fixed;
    width: 100%;
}

/* Header Image Background - Change the URL below to your image path (example: ../images/background.jpg) */

#main-container {
	background: url('../images/platillos/chalkboard-blue.jpg') repeat center center fixed;
	margin-top: 4em;
	margin-bottom: 3em;
}
.gap {
	height: 3	0px;
	width: 100%;
	clear: both;
	display: block;
}
.panel-group{
	background: black;
	margin-bottom: 0px;
	height: auto;
	width: 100%;
	border-top: 0px solid #DDDDDD;
	border-bottom: 1px solid #CCCCCC;
	position: relative;
}
.footer p {
	margin: 0;
}
h3{
	border-bottom: 1px solid #BAC1C8;
	color: #54697E;
	font-size: 14px;
	font-weight: 500;
	line-height: 17px;
	padding: 10px 0 10px;
	text-transform: uppercase;
	text-align: center;
}
ul {
	font-size: 13px;
	list-style-type: none;
	margin-left: 0;
	padding-left: 0;
	margin-top: 15px;
	color: #7F8C8D;
	list-style-type: none;
	text-align: center;
}

ul li a {
	padding: 0 0 5px 0;
	display: block;

}
.footer a {
	color: #78828D;
}
.supportLi h4 {
	font-size: 20px;
	font-weight: lighter;
	line-height: normal;
	margin-bottom: 0 !important;
	padding-bottom: 0;
}
.bg-gray {
	background-image: -moz-linear-gradient(center bottom, #BBBBBB 0%, #F0F0F0 100%);
	box-shadow: 0 1px 0 #B4B3B3;
}
.footer-bottom {
	background: #E3E3E3;
	border-top: 1px solid #DDDDDD;
	padding-top: 10px;
	padding-bottom: 10px;
	position: fixed;
}
.footer-bottom p.pull-left {
	padding-top: 6px;
}

#accordion {
    position: fixed;
    bottom: 0;
    width: 100%;

}

.panel-default > .panel-heading{
    background: #ed018c;
}

.panel-heading {
    padding: 0;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    
}

.panel-group .panel {
    border-radius: 0;
}

.panel-title a {
    color: #FFFFFF;
    text-align: center;
    width: 100%;
    display: block;
    padding: 7px 15px;
    font-size: 24px;
    font-family: Helvetica,Arial,sans-serif;
    outline: none;
}
.panel-body{

	padding-top: 0%;
	padding-bottom: 0%;
	position: center;
}

.panel-title a:hover, .panel-title a:focus, .panel-title a:active {
    text-decoration: none;
    outline: none;
}
.col-lg-6 {
  height: 19ex; // Set this height to the appropriate size
  position: fixed;
  width: 100%;
  padding-top: 0px;	
  padding-left: 9%;
}

.h-scroll{
	overflow-y: scroll;

}
.col-lg-2{
	margin-right: 0%;
	padding-left: 5%;
}


.navbar-brand{
	padding-top: 4%;
}
.navbar { 
	background: #80bd46;
	position: fixed;
	transition: top 0.2s ease-in-out;
}
.nav a{
	font-size: 1.4em;
}

#head-menu{
	background: blue;
}
#menu-day{

}
#header-inicio{
	background: url('../images/fondomdd.png') repeat center center fixed;
	height: 4em;
	border-bottom-style: solid;
	border-color: white;
	border-width: 1px;
}
#carousel-container{
	padding-top: 3em;

}
#menudeldia{
	text-align: center;
}
#imgmenu{
	height: auto; 
    width: auto; 
    max-width: 400px; 
    max-height: 60px;
}
#platilloimg{
	height: auto;
	width: auto;
	max-width: 780px;
	height: 540px;
}
#carousel-container{
	margin-top: 1em;
    padding-bottom: 1.8em;
	padding: 0;

}
#carousel-ejemplo{
	border-style: solid;
	border-style-left: none;
	border-color: #f9f9f9;
	border-width: 1px;
	height: auto;
	width: auto;
	max-width: 100%;
	max-height: 100%;
}
#main-row{
	background: url('../images/chalkboard-blue.jpg') repeat center center fixed;
	border-style: solid;
	border-width: 2px;
	border-color: white;
	border-radius: 4px;
}
#sdbanlg{
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
	padding-left: 3em;
}
#sdbanmd{
	width: 100%;
	padding-left: 3em;
	padding-top: 8px;
}
#sdbansm{
	width: auto;
	height: auto;
	max-width: 470px;
	max-height: 100%
	padding-left: 1.5em;
	padding-top: 2em;
	padding-bottom: 0px;
}
#sdbanxs{
	padding-left: 2em;
}


@media (max-width: 967px) { 
    
    .navbar-brand {
        padding: 0;        
    }

    .navbar-brand img {
        margin-top: 5px;
        margin-left: 5px;
    }
    #carousel-container{
    	margin-top: 0em;
    }

}


/* Menu CSS*/
#menucontainer{
	border-style: solid;
	border-color: #f9f9f9;
	border-width: 1px;
	padding: 0;
}
#slunes{padding-top:40px;height:500px;color: #fff; background-color: #1E88E5;}
#smartes{padding-top:40px;height:500px;color: #fff; background-color: #673ab7;}
#smiercoles{padding-top:40px;height:500px;color: #fff; background-color: #ff9800;}
#sjueves{padding-top:40px;height:500px;color: #fff; background-color: #00bcd4;}
#sviernes{padding-top:40px;height:500px;color: #fff; background-color: #009688;}
#ssabado{padding-top:40px;height:500px;color: #fff; background-color: #1E88E5;}



.container-fluid>h1{
	 color: #f9f9f9; 
	 font-family: 'Lobster', cursive; 
	 font-size: 2.8em; 
	 font-weight: normal; 
	 line-height: 48px; 
	 margin: 0 0 18px; 
	 text-shadow: 4px 2px 7px black;
}

.container-fluid>ul>li{
	color: #a7e8f8; 
	font-family: 'Open Sans', sans-serif; 
	font-size: 20px; 
	font-weight: bold; 
	line-height: 0px; 
	margin: 0 0 24px; 
	text-shadow: 1px 1px 1px #082b34; 
	color: white;

}

/*Nosotros I*/
#nosotros{
	background: #f2f2f2;
	margin-top: 4em;
	margin-bottom: 5em;

	border-style: solid;
	border-color: black;
	border-width: 1px;

}
#nosotros>h1 
{ 
	color: #F90B6D; 
	font-family: 'Open Sans', sans-serif; 
	font-size: 34px; 
	font-weight: 300; 
	line-height: 40px; 
	margin: 0 0 16px;
	padding-top: 1em;
}
#nosotros>h2 
{
	color: #F90B6D; 
	font-family: 'Open Sans', sans-serif; 
	font-size: 24px; 
	font-weight: 300; 
	line-height: 32px; 
	margin: 0 0 14px;
}
#nosotros>p 
{
	color: #222; 
	font-family: 'Open Sans', sans-serif; 
	font-size: 15px; 
	line-height: 26px;  
	padding-left: 4em;
	padding-right: 4em;
	text-align: justify;
    text-justify: inter-word;
}
#nosotros>ul{
	text-align: justify;
	line-height: 29px;
	
	color: #222;
	font-family: 'Open Sans', sans-serif;
	font-size: 15px;
	padding-right: 4em;
	list-style-type: disc;	
	padding-left: 3em;
}

/*Nosotros F*/
	
#row-contacto{
	margin-top: 7em;
}

/*Menu CSS*/

@media (max-width: 767px) {
	body{
    	background: #ededed;
    }

    #main-container{
    	padding-top: 0;
    	margin-top: 0;
    }
    #carousel-ejemplo{
    	margin: 0;
    	padding: 0;
    }
    #main-row{
    	padding-bottom: 40px;
    }
    div#sdbanxs{
		content: url('../images/sdbanxs.png');
	}
	#row-contacto{
		margin-top: 0em;
	}

}
@media (max-width: 544px){
	div#sdbanxs{
		content: url('../images/sdbanxs.png');
		padding-left: 2em;
	}
	.container-fluid>h1{
	 color: #f9f9f9; 
	 font-family: 'Lobster', cursive; 
	 font-size: 1.6em; 
	 font-weight: normal; 
	 line-height: 48px; 
	 margin: 0 0 18px; 
	 text-shadow: 4px 2px 7px black;
	}

	.container-fluid>ul>li{
		color: #a7e8f8; 

		font-size: 15px; 
		font-weight: bold; 
		line-height: 0px; 
		margin: 0 0 24px; 
		text-shadow: 1px 1px 1px #082b34; 
		color: white;
		text-align: left;
		padding-left: 2em;
	}
	#slunes{padding-top:10px;height:470px;}
	#smartes{padding-top:10px;height:470px;}
	#smiercoless{padding-top:10px;height:470px;}
	#sjueves{padding-top:10px;height:470px;}
	#sviernes{padding-top:10px;height:470px;}

	#nosotros{
		margin-top: 0px;
	}
	#nosotros>ul{

		padding-right: 0px;
	}
	#nosotros>p{
		padding: 0;
	}

	#row-contacto{
		margin-top: 0em;
	}
}

/*Menu CSS termina*/