@import url("//fonts.googleapis.com/css?family=Josefin+Sans:300,400,700");/*Fuente para el sitio*/

div#menubar1{
	padding: 24px;
	/* border:#00adee 1px solid; */
	border-top: #00adee 2px solid;
	border-bottom: #00adee 2px solid;
}
.hr{
         padding: 24px;
	/* border:#00adee 1px solid; */
	border-top: #00adee 2px solid;
	border-bottom: #00adee 2px solid;
}

div#menubar1 > a {
	font-family: 'Josefin Sans', sans-serif;
	font-size: 20px;
	font-weight: bold;
	background: #FFF;
	padding: 12px 24px;
	color: #83c234;
	margin-right: 10px;
	text-decoration: none;
	border-radius: 3px;
	-ms-transition: background 0.3s linear 0s, color 0.3s linear 0s;
	transition: background 0.3s linear 0s, color 0.3s linear 0s;
}

div#menubar1 > a:hover{
	background: #00adee;
	color: #FFF;
}

body{
	background: white;
}

.container {
  padding-left: 0px;
  padding-right: 0px;
  width: 1024px;
}

#header{
	padding-left: 20px;
	padding-right: 20px;
}

#footer{
	padding-right: 15px;
}

#footline1,#footline2{
	padding-left: 15px;
	padding-right: 15px;
}

#premio-logo{
	padding-top: 40px;
}

ul#esqueleto {
	list-style: none;
	background: url(../../images/esqueleto_sprite2.png) no-repeat 0 0;
	position: relative;
	width: 250px;
	height: 500px;
	margin: 0;
	padding: 0;
}


ul#esqueleto li{
	position: absolute;
	/*border: 1px solid #000;*/
}

ul#esqueleto span{
	display: block;
	height: 100%;
	/*border: #00adee 1px solid; */
}

#letrero, #titulo {
	/*width: 35px;
	height: 26px;*/
	border: 1px solid #00adee;
	top: 0px;
	left: 130px;
	font-family: 'Josefin Sans', sans-serif;
	font-size: 14px;
	font-weight: bold;
	background: #FFF;
	/*padding: 12px 24px; */
	color: #83c234;
	/*margin-right: 10px; */
	text-decoration: none;
	border-radius: 3px;
	-ms-transition: background 0.3s linear 0s, color 0.3s linear 0s;
	transition: background 0.3s linear 0s, color 0.3s linear 0s;
}

#letrero span:hover{
	background: #00adee;
	color: #FFF;
}

ul#esqueleto li a{
	display: block;
	height: 100%;
	text-indent: -9000px;
}

#maxilo {
	width: 35px;
	height: 26px;
	top: 42px;
	left: 82px;
}

#clavicula {
	width: 39px;
	height: 12px;
	top: 80px;
	left: 104px; /*104 580*/
}

#columna {
	width: 14px;
	height: 133px;
	top: 69px;
	left: 92px; /*92 569*/
}

#humero {
	width: 24px;
	height: 86px;
	top: 87px;
	left: 38px; /*38 587*/
}

#radio {
	width: 20px;
	height: 64px;
	top: 172px;
	left: 20px; /*20 672*/
}

#oleocraneo {
	width: 19px;
	height: 14px;
	top: 167px;
	left: 146px; /*146 667*/
}

#mano {
	width: 32px;
	height: 43px;
	top: 245px;
	left: 165px; /*165 745*/
}
#pelvis {
	width: 76px;
	height: 66px;
	top: 182px;
	left: 61px; /*61 682*/
}
#femur {
	width: 32px;
	height: 134px;
	top: 225px;
	left: 52px; /*52 725*/
}
#tibia {
	width: 24px;
	height: 99px;
	top: 363px;
	left: 64px; /*64 863*/
}
#perone {
	width: 12px;
	height: 90px;
	top: 365px;
	left: 127px; /*127 865*/
}
#calcaneo {
	width: 15px;
	height: 13px;
	top: 458px;
	left: 119px; /* 119 -958*/
}
#tornillos {
	width: 16px;
	height: 112px;
	top: 371px;
	left: 167px; /*167 871*/
}

ul#esqueleto li a:hover{
	background: url(../../images/esqueleto_sprite2.png) no-repeat 0 0;
}

.circles{
	 border-radius:99px;
	 -moz-border-radius:99px;
	 -webkit-border-radius:99px;
	  /*background:#83c234;*/
	  color:#fff;
	  /*border:1px #fff solid;*/
	  /*background-color: #e7676d;*/
	  /*background-image: -webkit-gradient(linear, left top, left bottom, from(#e7676d), to(#b7070a)); /* Saf4+, Chrome */
	  /*background-image: -webkit-linear-gradient(top, #e7676d, #b7070a); /* Chrome 10+, Saf5.1+, iOS 5+ */
	  /*background-image: -moz-linear-gradient(top, #e7676d, #b7070a); /* FF3.6 */
	  /*background-image: -ms-linear-gradient(top, #e7676d, #b7070a); /* IE10 */
	  /*background-image: -o-linear-gradient(top, #e7676d, #b7070a); /* Opera 11.10+ */
	  /*background-image: linear-gradient(top, #e7676d, #b7070a);
	  /*filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#e7676d', EndColorStr='#b7070a'); */
	 -webkit-box-shadow: 0px 2px 4px #000000; /* Saf3-4 */
	 -moz-box-shadow: 0px 2px 4px #000000; /* FF3.5 - 3.6 */
	  box-shadow: 0px 2px 4px #000000; /* Opera 10.5, IE9, FF4+, Chrome 10+ */
	  display:inline-block;
	  padding:2px 2px 2px 2px ;
	  margin:1px;
	  font-family:arial;
	  font-weight:bold;
}


ul#esqueleto li#maxilo a:hover{
	background-position: -88px -517px;
}

ul#esqueleto li#clavicula a:hover{
	background-position: -31px -534px;
}

ul#esqueleto li#columna a:hover{
	background-position: -158px -525px;
}

ul#esqueleto li#humero a:hover{
	background-position: -24px -659px;
}

ul#esqueleto li#radio a:hover{
	background-position: -70px -670px;
}

ul#esqueleto li#oleocraneo a:hover{
	background-position: -115px -683px;
}

ul#esqueleto li#mano a:hover{
	background-position: -155px -701px;
}

ul#esqueleto li#pelvis a:hover{
	background-position: -32px -571px;	
}

ul#esqueleto li#femur a:hover{
	background-position: -25px -779px;
}

ul#esqueleto li#tibia a:hover{
	background-position: -77px -795px;
}

ul#esqueleto li#perone a:hover{
	background-position: -125px -803px;
}

ul#esqueleto li#calcaneo a:hover{
	background-position: -111px -740px;
}

ul#esqueleto li#tornillos a:hover{
	background-position: -163px -868px;
}

.unselectable{
	user-drag:none;
	-moz-user-select:none;
	-webkit-user-drag:none;
}

.carousel-control {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 15%;
font-size: 20px;
color: #fff;
text-align: center;
text-shadow: 0 1px 2px rgba(0,0,0,0.6);
opacity: 0;
vertical-align: middle;
filter: alpha(opacity=50);
}

.wraptocenter span {
    display: inline-block;
    height: 100%;
    width: 1px;
}

.popover{
	width: 400px;
	text-align: center;
}

.bar {
    height: 18px;
    background: green;
}

.panel-heading{
	background: url('../../images/ondas-todo.jpg') no-repeat;
	max-width: 600px;
	height: 69px;
}

.panel{
	max-width: 600px;
	font-family: 'Josefin Sans', sans-serif;
	font-size: 16px;
	margin-left: 30px;
}

.panel-title{
	font-size: 36px;
}
#nempresa-item{
	text-align: justify;
	font-size: 18px;
}

.carousel-indicators {
  position: absolute;
  bottom: 5px;
  left: 50%;
  z-index: 15;
  width: 60%;
  padding-left: 0;
  margin-left: -30%;
  text-align: center;
  list-style: none;
}

.carousel-indicators li {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 1px;
  text-indent: -999px;
  cursor: pointer;
  border: 1px solid #000000;
  border-radius: 10px;
}

.carousel-indicators .active {
  width: 12px;
  height: 12px;
  margin: 0;
  background-color: #000000;
}