.baner{

	background-image: url("../img/Baner.png");
	height: 100px;
	background-size: 100%;						 /* Gecko 2.0 (Firefox 4.0) and other CSS3-compliant browsers */
	 -webkit-background-size: 100% 100%;         /* Safari 3.0 */
     -moz-background-size: 100% 100%;           /* Gecko 1.9.2 (Firefox 3.6) */
      -o-background-size: 100% 100%;           /* Opera 9.5 */
	
}
.baner ul{
	margin-top: 10px;
}
.baner li{
	list-style: none;
	color: #fff;
}
.logo{
	height: 100px;
	margin:20px;
}


#body{
	background-image: url("../img/fondo%20careta.jpg");
	background-repeat: no-repeat;
	          /* Opera 9.5 */
}
/*
#footer{
	background: url("../img/footer1.png");
	height: 200px;
	background-size: 100%;						 /* Gecko 2.0 (Firefox 4.0) and other CSS3-compliant browsers 

	 -webkit-background-size: 100% 100%;         /*comentario Safari 3.0 
     -moz-background-size: 100% 100%;           /* Gecko 1.9.2 (Firefox 3.6)
      -o-background-size: 100% 100%;  
}
footer{
	background: url("../img/footer.png");
	color: #fff;
}

*/
h1.color-blanco{
	color: #fff;
}
.bb{
	border-top:solid 2px #0e44a1;
}

.font-rojo{
	color: #0e44a1;
}
.font-azul{
	color: #08088A;
}

.bp{
	border: solid 1px red;
}
.bbsub{
	border-bottom: solid 1px #000;
}

.desactivado{
	display: none;
}
.activado{
	display: block;
}

	
}
/* General*/

.img100{
	width: 100%;
}

.font-blanco{
	color: #fff;
}
.cerobp{
	margin: 0px;
	padding: 0px;
	font-weight: 500;
}

.centered{
    text-align: center;
}

/* Productos comerciales*/

.btdespliege li{
	padding: 1px;
	padding-bottom: -10px;
	margin: 1px;
	margin-bottom: -15px;
	list-style: none;
	}
.ceromargpad{
	margin-top: -20px;
	padding-top: -10px;
}
.ceromargpadb{
	margin-bottom: 0px;
	padding-bottom: 0px;
}

/* submenu2 Módulos */

table#tbModulos tr td {
	padding: 8px;
} 

video{

	height:200px;
	
}

.desbaneser{
	margin:  -130;
	position: absolute;
	
}

.ap{position: absolute;
	overflow: hidden;
	height: 300px;
	width: 100%;
	
	 -webkit-transition: width 2s, height 4s; /* For Safari 3.1 to 6.0 */
    transition: width 2s, height 4s;
	
}
.ap:hover .desbaneser{
	margin:  30px;
	 width: 300px;
    height: 300px;
	
}
.pading{
    padding: auto;
}

.mariz{
    margin-left: 60px;
}

@media only screen and (max-width: 320px) {
   
    .mariz{
    margin-left: 60px;
}
}

@media only screen and (max-width: 450px) {
   
    .mariz{
    margin-left: 100px;
}
}@media only screen and (max-width: 650px) {
   
    .mariz{
    margin-left: 10px;
}
}

@media only screen and (max-width: 770px) {
   
    .mariz{
    margin-left: 30px;
}
}@media only screen and (max-width: 70px) {
   
    .mariz{
    margin-left: 280px;
}
}