body{
	margin-top:5px;
	margin-bottom:5px;
}

h4 small{
    font-weight: normal;
    line-height: 1;
    color: #fff;
}



/* Contenedores */
.container {
	/*background:#e6e6e6;*/
	background:transparent !important;
	width: 95%;
}

h4.ws{
	text-align: center; 
	line-height: 30px;
	color: #000 !important;
}	

.thumbnail, #carousel{
/*	padding-top: 0px !important;
	padding-left: 0px !important;
	padding-right: 0px !important;
	border-radius: 5px;
	box-shadow: 0px 5px 3px -3px rgba(138,138,138,1);*/
	box-shadow: 0px 2px 1px -1px rgba(0,0,0,0.44);

}

.affix {
	width: 95%;
	top: 0;
	z-index: 999 !important;
}

.affix + .container {
	padding-top: 0px;
}

.navbar {
	margin-bottom: 10px;
}

.navbar-inverse .navbar-nav > li > a {
    color: white;
}

h4 .small {
    color: white !important;
}


.navbar-inverse {
/*    background-image: -webkit-linear-gradient(#B3B3B3, #85878A 50%, #9A9A9A);
    background-image: -o-linear-gradient(#9B9B9B, #737373 50%, #5F5F5F);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ADADAD), color-stop(50%, #7A7A7A), to(#6E6E6E));
    background-image: linear-gradient(#9E9E9E, #7F7F7F 50%, #666666);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff6d94bf', endColorstr='#ff3e648d', GradientType=0);
    -webkit-filter: none;
    border: 1px solid #4F4F4F;
*/
	background: #9D0853;
	background-repeat: no-repeat;
    filter: none;
    text-shadow: 0 -1px 0 rgba(0,0,0,0.3);
}


.navbar-toggle {
    color: white !important;
}

@media (min-width: 1000px) {
	.container {
	    width: 1000px;
	}

	.thumbnail {
		margin-top: 5px !important;
		margin-bottom: 5px !important;
		padding-top: 5px !important;
		padding-bottom: 0px !important;
		padding-left: 0px !important;
		padding-right: 0px !important;
	}

	#carousel{
		margin-top: 15px !important;
	}

	.affix {
	    width: 1000px;
		top: 0;
		z-index: 999 !important;
	}

	.affix + .container {
		padding-top: 0px;
	}

	h2 {
	  font-size: 18px; 
	}

	h3 {
	  font-size: 16px; 
	}

	h4 {
	  font-size: 12px; 
	}
	
	p {
	  font-size: 10px; 
	}

	li.thumb-portal {
	  font-size: 10px; 
	}


}

@media (min-width: 1200px) {
	.container {
	    width: 1200px;
	}

	.thumbnail {
		margin-top: 8px !important;
		margin-bottom: 8px !important;
		padding-top: 5px !important;
		padding-bottom: 0px !important;
		padding-left: 0px !important;
		padding-right: 0px !important;
	}

	#carousel{
		margin-top: 12px !important;
	}
	
	.affix {
	    width: 1200px;
		top: 0;
		z-index: 999 !important;
	}

	.affix + .container {
		padding-top: 0px;
	}

	h2 {
	  font-size: 22px; 
	}

	h3 {
	  font-size: 20px; 
	}

	h4 {
	  font-size: 14px; 
	}
	
	p {
	  font-size: 11px; 
	}

	li.thumb-portal {
	  font-size: 11px; 
	}

}

@media (min-width: 1400px) {
	.container {
	    width: 1400px;
	}

	.thumbnail {
		padding-top: 8px !important;
		padding-bottom: 0px !important;
		padding-left: 8px !important;
		padding-right: 8px !important;
	}

	#carousel{
		margin-top: 10px !important;
	}

	.affix {
	    width: 1400px;
		top: 0;
		z-index: 999 !important;
	}

	.affix + .container {
		padding-top: 0px;
	}

	h2 {
	  font-size: 24px; 
	}

	h3 {
	  font-size: 22px; 
	}

	h4 {
	  font-size: 16px; 
	}

	p {
	  font-size: 14px; 
	}

	li.thumb-portal {
	  font-size: 14px; 
	}
}

@media (min-width: 1600px) {
	.container {
	    width: 1600px;
	}

	#carousel{
		margin-top: 5px !important;
	}
	
	.thumbnail {
		padding-top: 7px !important;
		padding-bottom: 7px !important;
		padding-left: 8px !important;
		padding-right: 8px !important;
	}

	.affix {
	    width: 1600px;
		top: 0;
		z-index: 999 !important;
	}

	.affix + .container {
		padding-top: 0px;
	}
	
	h2 {
	  font-size: 26px; 
	}

	h3 {
	  font-size: 24px; 
	}

	h4 {
	  font-size: 20px; 
	}

	p {
	  font-size: 14px; 
	}
	
	li.thumb-portal {
	  font-size: 14px; 
	}

}

@media only screen and (max-width: 600px) {
	
	div.col-md-9.text-center {
		padding-right: 0px;
	}
	
	.container {
	    width: 100%;
	}
	
	.thumbnail {
		padding-top: 0px !important;
		padding-left: 0px !important;
		padding-right: 0px !important;
		margin-left: -5px !important;
		margin-right: -5px !important;
	}

	.affix {
	    width: 100%;
		top: 0;
		z-index: 999 !important;
	}

	.affix + .container {
		padding-top: 0px;
	}

	h2 {
	  font-size: 24px; 
	}
	
}

.contenido-cabecera{
	background:#BF235D;
	margin: 0px !important;	
}

h1,h2 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-weight:300;
  text-shadow: 2px 2px 10px rgba(0,0,0,0.3);
}

h2 {
	color: #BF235D;
}

h3,h4 {
  color: #9D0853;
  font-weight:500 !important;
  text-shadow: 2px 2px 10px rgba(0,0,0,0.3)!important;
}

.alert{
	box-shadow: 0px 5px 3px -3px rgba(138,138,138,1);
	}

#calendar{
	padding:20px;
    margin: 0 auto;
	background:#FFF;
	width:95% !important;
	border-radius: 10px 10px 10px 10px;
	border: 1px solid #cccccc;
	box-shadow: 0px 5px 3px -3px rgba(138,138,138,1);
	}


.cabecera .container{
	padding:0px;
}

.cabecera .container .contenido-cabecera{
	padding:0px;
	margin: 0px;
}

.pie .container{
	background:#BF235D;
	padding:0px;
	color:#FFF;
}

.pie .container .contenido-pie{
	padding:10px;	
}

.pie .container .copyright{
	background:#BF235D;
	padding:0px;
	color:#FFF;
}


.tabla-informes{
	margin-top:20px;
	box-shadow: 0px 5px 3px -3px rgba(138,138,138,1);
}


.social:hover {
    transform: scale(1.1);
 }
 .social {
    transform: scale(0.8);
	transition-duration: 0.5s;
 }

 #social-fb {
     color: white;
 }
 #social-tw {
     color: white;
 }
 #social-gp {
     color: white;
 }
 #social-em {
     color: white;
 }


#social-fb:hover {
     color: #3B5998;
 }
 #social-tw:hover {
     color: #4099FF;
 }
 #social-gp:hover {
     color: #d34836;
 }
 #social-em:hover {
     color: #F5C77E;
 }


/* Portal pacientes */ 

.panel.panel-primary.panel-turno{
	box-shadow: 0px 5px 3px -3px rgba(138,138,138,1);
}

.row.sel-tramite{
	padding-left:40px;
}

#calendar{
	/*padding:20px;*/
}

.label.label-ocupado{
	background-color:#990000;
}

.label.label-miturno{
	background-color:#9D0853;
}