body{
	background-image:url("../imagenes/fondo 3.jpg");
	color:#000000;
	font-family:"Lucida Console","Courier New", monospace;
	font-size:40px;
	}
 p{
	 text-align:center;
	 font-size:20px;
	 
	}
hr{
	border:3px solid #33D4FF;
	border-radius:5px;
	width:80%;
}
table,tr,td{
	border:1px solid #145A32;
	border-spacing:0px;
	background-color: #FCF3CF;
	text-align:center:center;
	font-size:20px;
}
ul{
	list-style-type:circle;
	list-style-position:inside;
}
ol{
	list-style-type:lower-roman;
	list-style-position:inside;
}
@font-face{
	font-family:mifuente1;
	src:url(../fonts/batmfa__.ttf);
}
.pie{
	font-family:mifuente2;
	text-align:center;
	font-size:15px;
	font-weight:bold;
}
.encabezado{
	font-family:mifuente1;
	text-align:center;
	font-size:30px;
	font-weight:bold;
}

.img-marquee{
	height:400px;
	width:600px;
	border-radius:10%;
}
.img-control{
	height:50px;
	width:50px;
}
.img-producto{
	height:200px;
	width:200px;
	border-radius:10%;
}
*{
	margin:0px;
}
div#top{
	font-family:mifuente1;
	padding:30px;
	width:100%;
	height:60px;
	/*background-color:#AED6F1;*/
	background-image:linear-gradient(#3498DB,#D6EAF8);
	/*background-image:radial-gradient(#2C3E50,#5D6D7E);*/
	/*background-image:url("../imagenes/fondo 3.jpg");*/
	/*background-image:url("../imagenes/");*/
	/*background-repeat:no-repeat;*/
}
div#piediv{
	padding:20px;
	width:100%;
	height:80px;
	/*background-color:#AED6F1;*/
	background-image:linear-gradient(#3498DB,#D6EAF8);
	/*background-image:radial-gradient(#2C3E50,#5D6D7E);*/
	/*background-image:url("../imagenes/fondo 3.jpg");*/
	/*background-image:url("../imagenes/");*/
	/*background-repeat:no-repeat;*/
}
div#principal{
	background-color:#90C9EE;
	width:100%;
}
div#descripcion{
	padding:10px;
	width:600px;
	background-color:#AED6F1;
	font-size:25px;
	
}
.caja{
	height:300px;
	width:250px;
	background:#eee;
	border:1px solid #eee;
	margin:5px;
	color:black;
	display:inline-block;
}
.caja:hover{
	box-shadow: 0 0 10px red;
	transform:scale(1.3);
}
.caja-texto{
	padding-top:5px;
	padding-bottom:5px;
	font-size:20px;
	color:blue;
	font-weight:bold;
}
.texto-adicional{
	padding-top:5px;
	font-size:15px;
}
.carrousel{
    width: 600px;
    margin:auto;
    /*Hace que el padding y el border pasen a formar
    parte del calculo de la caja y no de la suma */
    box-sizing: border-box;
}

.conteCarrousel{
    width: 100%;
    height: 400px;
    /*Hace que el navegador oculte
    todos los contenidos que salen del div*/
    overflow: hidden;
    box-sizing: border-box;
}

.itemCarrousel{
    /*La nueva Posicion del elemento en relacioncion de
    un elemento con su posicion normal*/
    position: relative;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
}

.itemCarrouselTarjeta{
    width: 100%;
    height: 100%;
    box-sizing: border-box;
}

.itemCarrouselArrows{
    /*Hace que un elemento se coloque
    respecto a su contenedor posicionado
    mas cercano*/
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    /*Ayuda a colocar las caja como si
    fueran celdas de tablas*/
    display: flex;
    align-items: center;
    /*Distribuye el espacion entre los
    objetos y su alrededor*/
    justify-content: space-between;
    padding: 20px;
    box-sizing: border-box;
}

.itemCarrouselArrows > i:hover {
    cursor: pointer;
}

.conteCarrouselController{
    width: 100%;
    display: flex;
    justify-content: space-evenly;
}

.conteCarrouselController > a{
    text-decoration: none;
    font-size: 32px;
    color: grey;
}

.itemCarrouselArrows > a > i{
    color: white;
}
@font-face{
	font-family:mifuente2;
	src:url(../fonts/AdobeArabic-Regular.otf);
}
.pie{
	text-align:center;
	font-size:15px;
	font-weight:bold;
}