@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,400italic,700);


html {
margin: 0px;	
}
body {
margin:0px;
color:#000;
background-color:#F4F4F4;
padding-top: 50px;
font-family: "Open Sans";
}
.contenido {
	padding: 0px 0px 0px 0px;
background-repeat:no-repeat;	
}

.caja_actividad {
background-color:#FFFFFF;
margin-bottom:14px;
border-bottom:2px solid #CCCCCC;
padding:8px;
font-size:18px;
}
.caja_actividad h4{
font-size:20px;
}
.caja_actividad p{
line-height:18px;
}

.bs-callout {
background-color:#fff;
/*margin: 0px 0px 20px 0px;
padding:10px;*/
}


.btn {
margin-bottom:6px;	
margin-right:6px;
}




.nav-tabs {
font-size:20px;	
}

.fondo_ipfap {
background-repeat:no-repeat;
}


.caja_imagen {
	width:250px;
	
	background-color:#d4d4d4;
	display:inline-block;	
}
.caja_imagen img {
	width:250px;
	height:auto;
}
.caja_imagen .options {
	text-align:center;
	padding:3px;
}


.divisor {
  height: 1px;
  width:100%;
  display:block; /* for use on default inline elements like span */
  margin-top:0px;
  margin-bottom:20px;
  overflow: hidden;
  background-color: #BABABA;
}
.divisor_doble {
width: 100%;
height:6px;
margin-top:25px;
margin-bottom:25px;
border-top: 1px solid #666666;
border-bottom: 1px solid #666666;	
}

#barcodevideo, #barcodecanvas, #barcodecanvasg {
	height: 400px;
}	

#barcodecanvasg {
	position: absolute;
	top: 0px;
	left: 0px;
}

#result {
	font-family: verdana;
	font-size: 1.5em;
}

#barcode {
	position: relative;
}	

#barcodecanvas {
	display: none;
}

.video {
   position: relative;
   padding-bottom: 56.25%;
   overflow: hidden;
}

.video iframe
 {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}