body{
background:#000;
font-family: arial;
font-size: 1em;
margin-top: -1em;

}

h1, h2, h3, cite, p{
color: #fff;
}

.img-big{
	width: 100%;
}
header{
float: left;
background: #F9CD05;
border-bottom: 1px solid #000;
}

.box{
text-align: center;

}

.box h1{
font-size: 5em;
color: #F9CD05;

}

.box h2{
font-size: 4em;
color: red;

}

.box h3{
font-size: 3em;
}

.box p{
font-size: 2.5em;
}

.box li{
font-size: 2.5em;
color: #F9CD05;
}

.action{
display: inline-block;
font-family: arial;
font-size: 25px;
padding: 1em 50px;
border-radius: 100px;
color: #ffffff;
text-decoration: none;
margin: 1em 0;
border: 1px solid #0081FF;
background: #0081FF url(../images/facebook-messenger-1.png);
background-size: 90px;
background-position: left;
background-repeat: no-repeat;
width: 220px;
text-align: right;
}

iframe{
width: 100%;
max-width: 500px;
height: 350px;
margin: 1em;
}

.table-precios{
width: 100%;
max-width: 800px; 
font-size: 2em;
-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75);
box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75);
padding: 3px;
border-radius: 3px;
text-align: center;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ4JSIgc3RvcC1jb2xvcj0iI2U4ZGMwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUyJSIgc3RvcC1jb2xvcj0iI2Y3YzEwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlMGFjMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
}

.table-precios td{
border-bottom: 2px solid #000;
padding: 5px;
}

.stronger{
font-weight: bold;
text-shadow: 0px 0px 5px #000000;
color: #fff;
}

.flotante{
	z-index: 1000;
	position: fixed;
	bottom: 1em;
	left: 5px;
	width: 70px;
	height: 70px;
}

.flotante img{
	width: 70px;
	height: 70px;
}

/*carrusel*/
#carrusel {
    float:center;
    width:100%;
    overflow:hidden;
    height:450px;
    position:relative;
    margin-top:5em;
    margin-bottom:5em;
}
 
#carrusel .left-arrow {
    position:absolute;
    left:10px;
    z-index:1;
    top:50%;
    margin-top:-9px;
}
 
#carrusel .right-arrow {
    position:absolute;
    right:10px;
    z-index:1;
    top:50%;
    margin-top:-9px;
}
 
.carrusel {
    width:4000px;
    left:0px;
    position:absolute;
    z-index:0;
}
 
.carrusel>div {
    float: left;
    height: auto;
    margin-right: 5px;
    width: 800px;
    text-align:center;
}
 
.carrusel img {
    cursor:pointer;
    width: 100%;
    height: auto;
}


/*-----------------------------------*/

@media (max-width: 667px) {


.box{
text-align: justify-all;
}

.box h1{
font-size: 2em;
}

.box h2{
font-size: 1.5em;
font-family: arial;
}

.box h3{
font-size: 1em;
}

.box p{

font-size: 1em;

}

.box li{
font-size: 1em;
line-height: 2em;

}

.box a{
line-height: 1em;
}


iframe{
width: 100%;
max-width: 500px;
height: 250px;
margin: 1em 0;
}

.action{
display: inline-block;
font-family: arial;
font-size: 20px;
padding: 1em 50px;
border-radius: 100px;
color: #ffffff;
text-decoration: none;
margin: 1em 0;
border: 1px solid #0081FF;
background: #0081FF url(../images/facebook-messenger-1.png);
background-size: 90px;
background-position: left;
background-repeat: no-repeat;
width: 180px;
text-align: right;
}

.table-precios{
font-size: 1em;
}

/*carrusel*/
#carrusel {
    height:150px;
    margin-top:3em;
    margin-bottom:3em;
}
 
.carrusel>div {
    width: 350px;
}

#carrusel .left-arrow img {
   width: 30px;
   height: 30px;
}
 
#carrusel .right-arrow img {
    width: 30px;
    height: 30px;
}


}