@font-face{font-family:'Raleway';font-style:normal;font-weight:100;src:local('Raleway Thin'),local(Raleway-Thin),url(https://fonts.gstatic.com/s/raleway/v11/RJMlAoFXXQEzZoMSUteGWJBw1xU1rKptJj_0jans920.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215,U+E0FF,U+EFFD,U+F000}@font-face{font-family:'Raleway';font-style:normal;font-weight:400;src:local(Raleway),local(Raleway-Regular),url(https://fonts.gstatic.com/s/raleway/v11/QAUlVt1jXOgQavlW5wEfxQLUuEpTyoUstqEm5AMlJo4.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215,U+E0FF,U+EFFD,U+F000}@font-face{font-family:'Lato';font-style:normal;font-weight:100;src:local('Lato Hairline'),local(Lato-Hairline),url(https://fonts.gstatic.com/s/lato/v11/ifRS04pY1nJBsu8-cUFUS-vvDin1pK8aKteLpeZ5c0A.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215,U+E0FF,U+EFFD,U+F000}


* {
  margin: 0;
  padding: 0;
  border:0;
}
.log{       border-bottom: 2px solid #fff;
    border-top: 2px solid #fff;
    content: "";
    height: 9px;
    width: 23px;
    right: 43px;
    position: absolute;
    z-index: 99999999;
    top: 22px;}
	 .log2 {     background: #fff;
    height: 20px;
    position: absolute;
    width: 2px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    right: 52px;
    top: 16px;
    z-index: 99999999;
}
.log2:after {
    background: #fff;
    content: "";
    height: 2px;
    right: -12px;
    position: absolute;
    top: 9px;
    width: 25px;
    z-index: 99999999;}
#textoo{ display:none;}
html,body{ width:100%; height: 100%; padding:0; margin:0; background-color: #fff;}
a{ text-decoration:none;}.11{ color:#000;}
#logo{ 
   padding: 13px 13px;
    float: left;
    width: 100%;
    margin:10px auto 0 auto;
    position: relative;

}

.logo{ padding: 7px 14px;
    width: 80%;
    margin: 10px auto;
    position: relative;}
.logo2{  color:rgba(153,153,153,1); letter-spacing:-0.1em; }
.logo2 h1{ font-size:25px; color:#000;}
main{ height: 100%;
    background-color: #ffffff;}
header img{ float:left; margin-top:10px;}
.logo2 p{ font-size:9px; letter-spacing:0.5px; margin-top:3px; color:#000; }
.ul {
	list-style: none;
    width: 90%;
    position: relative;
    margin: 10px auto;
    padding: 0;
    text-align: center;
}
.fondo{width: 100%;
    height: 80%;
    background: url(../imagenes/2slide.jpg);
    background-size: cover;}
#tite{ height:70px;  border:1px #fff solid;  margin-top:5px;}
#tite a{ color:#000;}
.carro{float:left; width:56px; height:42px; margin-left:35px; }
.texto{width:180px; margin:0 0 0 100px; width:120; height:80px; color:#000;  margin-top:29px; letter-spacing:-0.1em; font:700 20px/.8 Arial, sans-serif; text-decoration:none;}
#enlaces{ height:70px; width:100%; padding:20px; margin-top:1px;}
.primer{ letter-spacing:-0.1em; text-align:center; font:700 18px/.8 Arial, sans-serif; text-decoration:none; color:#000; } .primer a{color:#000; padding:10px; border:1px #999 solid;}
.segun a{color:#000; padding:10px; border:1px #999 solid;}
.segun{text-align:center; margin-top:35px; letter-spacing:-0.1em; font:700 18px/.8 Arial, sans-serif; text-decoration:none; color:#000; }
.nombre-precio{ width:100%; } 
.nombre-precio p{      font-family: raleway, sans-serif;
    font-weight: 900;
    text-decoration: none;
    
}
.cantidad-boton{    display: block;
    text-align: center;
    margin-right: -14px;
    margin-left: -14px; } .cantidad-boton p{letter-spacing:-0.1em; font:700 24px/.8 Arial, sans-serif; text-decoration:none; color:#000;}
.cantidad-boton input{ 
    border: 0;
    margin: 0;
    display: inline-block;
    position: relative;
    padding: 0;
    text-align: center;
    font-size: 18px;
    font-family: 'oswald', sans-serif;
    border-radius: 0px 0px 0px 7px;
    width: 50%;
    height: 50px;
    margin-top: 6px;
    float: left;
        background: #ffffff;
    color: #000;}
	.cantidad-boton input:focus{ outline:none; border:0;}
#total{ height:30px; padding:20px; width:100%; margin-top:2px;}
.pa{ float:left; letter-spacing:-0.1em; font:700 18px/.8 Arial, sans-serif; text-decoration:none;} .pa p{ color:#000;}
.totala{float:right; letter-spacing:-0.1em; font:700 18px/.8 Arial, sans-serif; text-decoration:none;} .totala p{ color:#000;}
.carrito{ display:block; width:200px; height:200px; margin-top:130px;  color:#fff; bottom:0;  background-color:#fff;}
.carrito:hover{ margin-top:40px; transition-duration:2s;}
.span a{display: inline-block;
    float: right;
    font-size: 33px;
    text-align: center;
    line-height: 1.5;
    margin-top: 6px;
    border-radius: 0px 0px 7px 0px;
    background: #fafafa;
    letter-spacing: 2px;
    font-family: 'Raleway';
    color: #a9a9a9;
    width: 50%;
    height: 50px;
}

.img1 {

	height:65%; width:100%; margin:0; padding:0; background:url(../imagenes/image1.jpg) center no-repeat; background-size:cover;

}
.img2 {

	height:65%; width:100%; margin:0; padding:0; background:url(../imagenes/image3.jpg) center no-repeat; background-size:cover;
}
.img3 {

	height:65%; width:100%; margin:0; padding:0; background:url(../imagenes/image3.jpg) center no-repeat; background-size:cover;
}
.img4 {

	height:65%; width:100%; margin:0; padding:0; background:url(../imagenes/image3.jpg) center no-repeat; background-size:cover;
}
.img5 {

	height:65%; width:100%; margin:0; padding:0; background:url(../imagenes/image3.jpg) center no-repeat; background-size:cover;
}
.img6 {

	height:65%; width:100%; margin:0; padding:0; background:url(../imagenes/image3.jpg) center no-repeat; background-size:cover;
}
.img7 {

	height:65%; width:100%; margin:0; padding:0; background:url(../imagenes/image3.jpg) center no-repeat; background-size:cover;
}
.img8 {

	height:65%; width:100%; margin:0; padding:0; background:url(../imagenes/image4.jpg) center no-repeat; background-size:cover;
}
.img9 {

	height:65%; width:100%; margin:0; padding:0; background:url(../imagenes/resina20.jpg) center no-repeat; background-size:cover;
}
.img10 {

	height:65%; width:100%; margin:0; padding:0; background:url(../imagenes/image1.jpg) center no-repeat; background-size:cover;
}
.img11 {

	height:65%; width:100%; margin:0; padding:0; background:url(../imagenes/image8.jpg) center no-repeat; background-size:cover;
}
.img12 {

	height:65%; width:100%; margin:0; padding:0; background:url(../imagenes/tapaporos10.jpg) center no-repeat; background-size:cover;
}
.img13 {

	height:65%; width:100%; margin:0; padding:0; background:url(../imagenes/image7.JPG) center no-repeat; background-size:cover;
}
.img14 {

	height:65%; width:100%; margin:0; padding:0; background:url(../imagenes/epoxi.jpg) center no-repeat; background-size:cover;
}
.img15 {

	height:65%; width:100%; margin:0; padding:0; background:url(../imagenes/bar.jpg) center no-repeat; background-size:cover;
}

.span {

	color:#fff;
	
    background: #fff;
	padding: 14px;
}

.span h3 {
	font-size:16px;
	margin: 0;
}

.span p {
	margin: 0;
font-size: 15px;
    text-align: left;}


.ul li {
	    margin: 11px;
		vertical-align: top;
    z-index: 1;
    height: 50%;
    cursor: pointer;
    width: 170px;
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
    display: inline-block;    text-decoration: none;
    list-style: none;
    -webkit-box-shadow: 0px 1px 23px -8px rgba(79,79,79,0.79);
    -moz-box-shadow: 0px 1px 23px -8px rgba(79,79,79,0.79);
    box-shadow: 0px 1px 23px -8px rgba(79,79,79,0.79);
    border-radius: 7px;
}


.current{color:#fff; }
.current:hover{color:#333;}
#menu{ 
    margin: 0;
    position: fixed;
    right: 0;
    text-align: center;
    padding: 25px 0px;
    width: 100%;     z-index: 1000000000;
  top: 78px;
    background: rgba(0, 0, 0, 0.72);}
#menu li{ text-decoration: none;
    list-style: none;
    -webkit-transition: 2s;
    -moz-transition: 2s;
    -ms-transition: 2s;
    -o-transition: 2s;
    transition: 2s;
    display: inline-block;
    padding-right: 30px; }
#menu li a{ text-decoration: none;
    font-size:16px;
	font-family:'Oswald', sans-serif;
    color: rgba(255,255,255,0.90);
   }
#menu li a:hover{ color:#fff;}



#categorias{    padding: 15px;
    width: 78%;
    margin: 1px auto;
    text-align: left;}
	   #categorias ul li p{    letter-spacing: 2px;
      font-size: 13px;
    font-family: 'raleway', sans-serif;
    font-weight: 400;
    text-decoration: none;
    color: #999;
    list-style: none;} #categorias ul li{list-style: none;
    display: inline-block;
    padding: 15px;
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
    text-decoration: none;
    list-style: none;
    -webkit-box-shadow: -5px 5px 9px -8px rgba(79,79,79,0.79);
    -moz-box-shadow: -5px 5px 9px -8px rgba(79,79,79,0.79);
    box-shadow: -5px 5px 9px -8px rgba(79,79,79,0.79);}
	   	   #categorias ul li p:hover{color:#525252; }

	   #categorias a{ float:left; color:#999; font:700 24px/.8 Arial, sans-serif; letter-spacing:-0.1em;}
	   	   #categorias a{ float:left; color:#525252; font:700 24px/.8 Arial, sans-serif; letter-spacing:-0.1em;}

#cursos { width:100%; }
#cabecera{position: fixed;
    width: 100%;
    background-color: #242424;
    text-align: center;
    margin: 0;
	padding:0;
    top: 78px;}
#cabecera h5{ font-size: 20px;
    color: #b7b7b7;
    text-align: center;
    font-family: 'oswald',sans-serif;
    padding: 20px;
    margin: 0;
    display: block;
    position: relative;}

#textocurso{ display: block;
    width: 90%;
    margin: 85px auto;}
#textocurso p{font-size: 16px;
    color: rgb(36, 36, 36);
    font-family: 'oswald',sans-serif;
    letter-spacing: 0.05em;
    line-height: normal;}
#textocurso h8{font-size: 27px;
    color: #8A693D; 
    font-family: 'oswald',sans-serif;
    letter-spacing: 0.05em;
    line-height: normal;}
.textoensi {padding:28px;  background-color:#242424; }
.textoensi p{ color:#b7b7b7; font:700 24px/.8 Arial, sans-serif; letter-spacing:-0.1em;}

footer {
	    position: relative;
    text-align: center;
    padding: 34px 15px;
    display: block;
    z-index: 99999999;
    background: #eaeaea;
}
footer p{    font-family: 'raleway', sans-serif;
    font-weight: 100;
    font-size: 12px;
    color: #000;
    letter-spacing: 1px;}
input ,textarea {    width: 95%;
    text-align: left;
    padding: 12px 14px;
    font-size: 15px;
    background: #ffffff;
    border: 0;
    font-family: 'raleway', sans-serif;
    font-weight: 400;
    color: #000;
    margin: 9px 0 9px 0;
    border: 1px #eee solid;
    border-radius: 6px;
	-webkit-transition:1s ease-out;-moz-transition:1s ease-out;-ms-transition:1s ease-out;-o-transition:1s ease-out; transition:1s ease-out;
}
input:focus{ outline:0; border: 1px #242424 solid; -webkit-transition:1s ease-in;-moz-transition:1s ease-in;-ms-transition:1s ease-in;-o-transition:1s ease-in; transition:1s ease-in;}
#formu{
    height: 40%;
    padding: 15px;
    margin: 10px auto;
    display: block;
    width: 70%;
}

.boton{     padding: 18px;
    color: #b5b5b5;
    background-color: rgb(36, 36, 36);
    font-size: 13px;
    margin-right: 15px;
    font-family: 'raleway', sans-serif;
    letter-spacing: 5px;
}
.boton:hover { background-color: #ababab;     color: #fff;}
.clase {text-decoration:none; font:700 31px/.8 Arial, sans-serif; color:rgba(204,204,204,1); letter-spacing:-0.1em; }
.clase2 {text-decoration:none; font:700 16px/.9 Arial, sans-serif; color:rgba(204,204,204,1); letter-spacing:-0.1em; }


#cuadrogrande{
	    width: 100%;
   margin: 10px auto -4px auto;
    padding: 0;
    bottom: 0;
		}
		
		.simpleCart_items{
		
		float:left;
		display:inline;
		width:100%;
		height:50%;
    background: #242424;		margin-bottom:20px;
		}
		.simpleCart_items a{ color:rgba(175,32,34,1.00);}
				.simpleCart_items a:hover{ color:#272727;}

		.headerRow{
			width:100%;
			float:left;
			display:inline;
			padding:0;
			
			
		}
		.headerRow .item-name{      width: 175px;
    padding: 20px 28px 15px 28px;
    font-family: 'raleway', sans-serif;
    font-size: 19px;
    font-weight: 400;
    color: #ffffff;
    margin: 0;}
				.headerRow .item-price{     width: 121px;
    text-align: left;
    padding: 20px 28px 15px 0;
    font-family: 'raleway', sans-serif;
    font-size: 19px;
    font-weight: 400;
    color: #ffffff;
    margin: 0;}
        
		.headerRow .item-quantity{   text-align: left;
    padding: 20px 28px 15px 0;
    font-family: 'raleway', sans-serif;
    font-size: 19px;
    font-weight: 400;
    color: #ffffff;
    margin: 0;} 

		.headerRow .item-increment{ padding:0; } 
		.headerRow .item-decrement{ padding:0; width:125px; color:#232323;}
		.headerRow .item-total{      width: 0;
    padding: 0;
    font-size: 0;
    font-weight: 400;
    color: #232323;
    margin: 0;}
				.headerRow .item-remove{ padding:0; color:#232323;}


		.item-name{
			    width: 200px;
    float: left;
    color: #000;
    font-family: 'raleway', sans-serif;
    font-size: 16px;
    font-weight: 400;
    padding: 15px;
    margin-top: 10px;
		}
		.item-price{
			float: left;
    display: inline;
	    margin: 10px 0 0 0;

    text-align: center;
    width: 100px;
    font-weight: 400;
    color: #000;
    font-family: 'raleway', sans-serif;
    font-size: 17px;
    padding: 15px;
		}
		.item-quantity{
			
			float: left;
    display: inline;
    margin: 10px 0 0 0;
    text-align: center;
    width: 75px;
    font-weight: 400;
    color: #000;
    font-family: 'raleway', sans-serif;
    font-size: 16px;
    padding: 15px;
		}
		.item-increment{
			float: left;
    display: inline;
    margin: 10px 0 0 0;
    text-align: center;
    width: 50px;
    font-weight: 200;
    color: #B3191B;
    font-family: 'raleway', sans-serif;
    font-size: 45px;
    padding: 0px;

		}
		.item-decrement{
			float: left;
    display: inline;
    margin: 10px 0 0 0;
    text-align: center;
    width: 50px;
    font-weight: 200;
    color: #B3191B;
    font-family: 'raleway', sans-serif;
    font-size: 45px;
    padding: 0px;

		}
		.item-total{
			float: left;
    display: inline;
    font-weight: 400;
    border: 0;
    margin: 10px 0 0 0;
    text-align: center;
    width: 100px;
    color: #000;
    font-family: 'raleway', sans-serif;
    font-size: 16px;
    padding: 15px;

			
		}
		.item-remove{
			float:left;
			display:inline;
			margin:10px 0 0 0;
			text-align:center;
			width:100px; font-weight:bold;
			color:#B3191B; font-family: 'roboto', sans-serif;
    font-size: 19px; 
padding:15px;
			
		}
		.itemRow{
			width:100%;
			float:left;
			display:inline;
			border-bottom:1px #ccc solid;
			padding-bottom:10px;
			background-color:#fff;
			font-weight:bold;
			color:#999; font-family: 'roboto', sans-serif;
    font-size: 19px; 
			
			}
		
		
		
		



.modal {
    position: fixed;
    top: 68px;
    width: 100%;
    background-color: rgb(31, 31, 31);
    text-align: center;
    margin: 0;
    z-index: 999999999;
}
.modal p{    color: #fff;
    letter-spacing: 1px;
    font-family: 'raleway', sans-serif;
    font-weight: 400;
    font-size: 17px;
    text-align: left;}
.content {
    margin: 30px;
}
#close p{ padding: 13px;
    border: 1px #fff solid;
    font-family: 'raleway' sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: #101010;
    text-align: center;
    background: #fff;}

#mensaje p{   color: #000;
    font-family: 'Raleway', sans-serif;
    font-size: 18px;}
	.bloque{    display: inline-block;
    width: 100%;
    margin-top: 30px;}
	.bloque a{ text-decoration: none;
    display: inline-block;
    font-size: 11px;
    text-align: center;
    line-height: 1.5;
    margin-top: 6px;
    padding: 19px;
    margin: 2px;
    background: #000000;
    letter-spacing: 3px;
    font-family: 'Raleway';
    color: #ffffff;}