body{
font-family: 'Raleway', sans-serif;
    color:#2625FF;
}
header{
    box-shadow: 0px 2px 8px #0e4458 ;
}
/*container*/
.container{
    padding:1%;
    color:#2625FF;
    margin:0 auto;
    font-size: 16px;
}

/*Top*/
div.smal .top{
    margin-top: 140px;
}

.top h1{
    margin: 1% 0% 1% 1%;
    font-weight: bold;
    font-size:26px;
}

/*middle*/
.middle
{
    display:inline-block;
    vertical-align: top;
    width:45%;
}

.caracteristicas{
    padding-left: 2%;
    display:inline-block;
    width:45%;
}
/*middle*/
.tabla{
    margin-top:15px;
    margin-bottom:25px;
}
.tabla_prod thead th{
    background:#073c8a;
    text-align:left;
    color:white;
    margin:10px 30px 10px 10px;
    padding:10px 30px 10px 10px;
}
.tabla_prod{
    border-radius:5px;
    background: #dce5f2;
    border-collapse: collapse;
    margin: 0 auto;
}
.tabla_prod tr:nth-child(even){
    background-color: #f2f2f2;
    
}
.tabla_prod td{
    margin:10px 30px 10px 10px;
    padding:10px 30px 10px 10px;
    color: #6e737a;
}

/*Add to chart form*/
.caracteristicas h2{
margin:0;
}
.caracteristicas h3, .extra_info{
margin-left:4%;
}
.stock{
    color:#01DF01;
}
.notstock{
    color:orange;
}
.caracteristicas form{
    margin-left: 4%;
}
.caracteristicas label{
    vertical-align: middle;
}
.caracteristicas input{
    max-width:60px;
    text-decoration: none;
    color:#2625FF;
    border:solid 1px #2625FF;
    padding:10px;
    text-align: center;
    font-size:20px;
    background-color: white;
}
button.buttons{
display: inline-block;
text-decoration: none;
color:#2625FF;
border:solid 1px #2625FF;
padding-top:20px;
padding-bottom: 20px;
width: 210px;
border-radius: 50px;
text-align: center;
margin-left:20px;
margin-top:10px;
font-size:20px;
background-color: transparent;
}
.buttons2{
display: inline-block;
text-decoration: none;
color:#2625FF;
border:solid 1px #2625FF;
padding-top:20px;
padding-bottom: 20px;
width:210px;
border-radius: 50px;
text-align: center;
margin-top:10px;
margin-right:20px;
margin-left: 20px;
font-size:20px;
background-color: transparent;
}
.buttons3{
display: inline-block;
text-decoration: none;
color:#2625FF;
border:solid 1px #2625FF;
padding-top:20px;
padding-bottom: 20px;
width:280px;
border-radius: 50px;
text-align: center;
margin-right:30px;
margin-left: 30px;
margin-top:20px;
font-size:20px;
background-color: transparent;
}

.buttons2:hover,
.caracteristicas button:hover,
.caracteristicas a:hover{
    border:1px solid #A45AB5;
    color:#A45AB5;
    transition-delay: 0.1s;
    cursor: pointer;
}
p.ha_agregado{
    text-align: center;
    color: green;
}
a.t_entrega{
    color:blue;
}
.menu-condiciones{
    margin-top:20px;
}


/* slideshow*/

.w3-content{
    position:relative;
    margin-left:1%;
}
.mySlides {
    display:none;
}           
.w3-left, .w3-right, .w3-badge {
    cursor:pointer;
}
.w3-badge{
    border:1px solid #2625FF;
    background-color:transparent;
    border-radius:50%;
    display:inline-block;
    height:11px;
    width:11px;
    margin:4px;
    padding:0;
}
.w3-badge:hover{
    background-color: #2625FF;
    border:1px solid #2625FF;
}
.w3-center{
    vertical-align: middle;
    text-align: center;
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    cursor:pointer;
    margin-bottom:2%;
}
.w3-left{
    float:left;
    margin-left: 2%;
    color:#2625FF;
    font-size: 25px; 
}
.w3-right{
    float:right;
    margin-right:2%;
    color:#2625FF;
    font-size: 25px;
}
.w3-white{
    background-color:#2625FF;
}

/*Bottom*/
.bottom .procon{
    margin-left:5%;
}
.procon ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}
.procon li{
    padding-top:10px;
    padding-bottom: 10px;
}

li.pro{
    background: url('../images/Plus.png')no-repeat left top;
    background-size: 30px;
    padding-left: 40px;
    padding-top: 4px;
}
li.con{
    background: url('../images/Minus.png')no-repeat left top;
    background-size: 30px;
    padding-left: 40px;
    padding-top: 4px;
}
li.palomita{
    background: url('../images/palomita.png')no-repeat left top;
    background-size: 20px;
    padding-left: 25px;
    padding-bottom: 3px;
    margin:10px;

}

.menu-condiciones ul{
    list-style-type: none;
    padding: 0;
    margin: 0;
}
#myMargin{
    width:95%;
    margin:0 auto;
}
.main-foto .ampolleta{
    height:63vh;
}
.main-foto{
    width:150px;
    text-align: center;
}
video{
    width:100%
}


/* Make responsive for mobile*/
@media (min-width:1300px){
    .container{
        width:80%;
        font-size: 18px;
    }
}

@media (max-width: 880px) {

	.container{
        width:100%;
		font: 14px;
        text-align: center;
        display: block;
	}

    .top,
    .middle,
    .container .bottom,
    .w3-content,
    .caracteristicas{
        display: block;
        width: 100%;
		margin-bottom: 20px;
        text-align: left;
	}
    .w3-left,
    .w3-right{
	font-size:40px;    
    }
    .middle li,
    .caracteristicas form,
    .caracteristicas h3,
    .bottom li
    {
        text-align: left;
    }
}