@charset "utf-8";
@import "reset.css";
@import "fonts/stylesheet.css";
  
body { margin: 0 auto; font-family: 'Roboto'; font-size: 13px; color: #494949; -webkit-font-smoothing: antialiased; }

a { color: #494949; -webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-ms-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease; }
a:hover { color: #A1FFCE; -webkit-transition: all 0.2s ease; }

.verlink, button { font-family: 'Roboto'; font-size: 13px; display: inline-block; color: white; padding: 15px; background-color: #494949; margin: 0; border: 0; cursor: pointer; border-radius: 6px; }
.verlink:hover, button:hover { background-color: #ff9068; color: white; }
.volver { display: inline-block; padding: 15px; background-color: #ff9068; color: white; border-radius: 6px; }
.volver:hover { color: white; background-color: #29ffc6; } 
.link2 { font-family: 'Roboto'; font-size: 13px; display: inline-block; color: white; padding: 15px; background-color: #29ffc6; margin: 0; border: 0; cursor: pointer; border-radius: 6px; color: #494949; }
.link2:hover {  }

.bg_gray { background-color: #F9F9F9; }
.bg_gray_med { background-color: #B9B7B7; }
.bg_gray_dark { background-color: #494949; }
.bg_magenta { background-color: #ff9068; }
.bg_green { background-color: #29ffc6; }
.bg_yellow { background-color: #FAFFD1; }

.bg_new1 { background: #FAFFD1; }
.color_main { color: #ff9068; }
.color_main2 { color: #29ffc6; }
.color_gray { color: gray; }

p { margin-bottom: 10px; line-height: 20px; }
.texto_big { font-size: 18px; line-height: 25px; }
strong { font-weight: normal; font-family: 'Roboto Bold'; }
hr { border-bottom: 4px solid #494949; width: 20px; margin: 20px 0; }

h1 { font-family: 'Roboto Black'; font-size: 40px; line-height: 40px; margin-bottom: 8px; margin-bottom: 20px; }
h2 { font-family: 'Roboto Bold'; font-size: 34px; line-height: 34px; margin-bottom: 4px; }
h3 { font-family: 'Roboto Bold'; font-size: 20px; margin-bottom: 10px; }
h4 {  font-size: 20px; margin-bottom: 20px; margin-top: 15px; line-height: 28px; }

.pre-load-web { width:100%; height: 100%; width: 100vw; height: 100vh; background-color: white; position:absolute; position:fixed; left:0; top:0; z-index:100000; }
.pre-load-web .imagen-load { left: 50%; margin-left: -10px; position:absolute; top: 50%; margin-top: -10px; }

.main { width: 100%; height: 100%; position:absolute; }
.cont { position: relative; float: left; width: 100%; min-width: 1000px; }
.center { text-align: center; }
.padding { padding: 0 40px; }
.margin { padding-top: 40px; }
.top { padding-top: 57px; }
.top_mas { margin-top: 110px; }

.header { position: absolute; position: fixed; top: 0; left: 0; width: 100%; height: 68px; z-index: 4000; background-color: white; }

.logo { float: left; height: 100%; margin-left: 40px; padding-top: 24px; }
.nav { float: right; margin-right: 40px; margin-top: 30px; text-align: right;  }
.nav li { display: inline-block; margin-left: 15px; }
.nav li a { color: #494949; }
.nav li hr { position: absolute; margin-top: 8px; border-bottom: 4px solid #494949; }
.nav li a:hover { color: black; }

.slider { position: relative; float: left; width: 100%; height: 100%; height: 100vh; overflow: hidden; }
.slider .slick  { width: 100%; height: 100%; height: 100vh; }
.slider .slick div { width: 100%; height: 100%;  }
.slider .slick div img { width: 100%; }
.slider .slick div p { position: absolute; width: 100%; top: 50%; margin-top: -25px; text-align: center; font-size: 64px; z-index: 1000; color: white; font-family: 'Roboto Bold'; line-height: 66px; }

.social_home { position: absolute; right: 40px; bottom: 35px;  z-index: 2000; }
.social_home li { display: inline-block; margin-left: 12px; }
.social_home a { color: white; } 
.social_home a:hover { color: #29ffc6; }

.img_detalles { position: fixed; top: 110px; right: 30px; width: 170px; height: 170px; border: 4px solid #494949; border-radius: 50%; overflow: hidden; z-index: 2000; }
.img_detalles img { width: 100%; }
.detalle_prod { width: 80%; }

.titulo { position: absolute; top: 30px; left: 40px; z-index: 1000; color: white; padding: 15px; font-size: 16px; }
.titulo2 { display: inline-block; color: white; padding: 10px; margin-bottom: 6px; border-radius: 6px; }

.flex { float: left; width: 100%; }
.item { position: relative; float: left; overflow: hidden; cursor: pointer; width: 33.333%; height: 30vw; }
.item img { width: 100%; }

.tapa { position: absolute; max-width: 85%; bottom: 30px; left: 40px; padding: 10px; color: white; font-size: 14px; z-index: 1000; }
.item:hover > .tapa { display: block; }

.talleres { float: left; width: 33.3%; height: 570px; padding: 20px 40px; }
.talleres p { margin-bottom: 8px; }
.slider_flyers { float: right; width: 66.6%; }
.slider_flyers .slick_flyers { height: 570px; width: 100%; overflow: hidden; }
.slick_flyers div img { width: 100%; }

/* libros, cursos, productos  */ 

.libro { position: relative; display: inline-block; vertical-align: top; width: 50%; margin-bottom: 50px; }
.libro_img { float: left; width: 30%; height: 100%; }
.libro_img img { width: 100%; }
.libro_txt { display: inline-block; width: 70%; padding-right: 30px; }
.libro a:hover { color: gray; }
.libro .verlink:hover {  color: white; }


.talleres_lista { display: inline-block; width: 50%; padding: 0 20px; vertical-align: top; margin-bottom: 50px; line-height: 20px; }
.talleres_lista a:hover { color: gray; }
.talleres_lista .verlink:hover { color: white; }

.precio { font-family: 'Roboto Bold'; font-size: 13px; display: inline-block; padding: 15px; border-radius: 6px; margin-right: 6px; }
.tachado { text-decoration: line-through; opacity: 0.6; }

.curso_img { float: left; width: 100%; height: 220px; overflow: hidden; margin-bottom: 10px; }
.curso_img img { width: 100%; }

/* detalles libros, cursos, productos  */ 

#detalles { width: 70%; }
.detalles_img { float: left; width: 100%; height: 50vh; overflow: hidden; margin-bottom: 20px; }
.detalles_img  img { width: 100%; }
.detalles_video { float: left; width: 100%; margin-bottom: 20px; }
.detalles_video iframe { width: 100%; height: 44vw; }

.compartir { float: left; width: 100%; margin-top: 30px; font-size: 16px; }
.compartir li { display: inline-block; margin-right: 20px; }

.video { float: left; width: 50%; }
.video iframe { width: 100%; height: 380px; }
.imagenes { position: relative; float: left; width: 50%; height: 380px; overflow: hidden; }
.imagenes div img { width: 102%; }

.link { position: relative; float: left; text-align: center; width: 33.3%; padding: 50px; }
.link a { color: #494949;  } .link a:hover { color: #29ffc6 ; }

.slick_marcas { margin: 0 auto; width: 800px; margin-bottom: 30px; }
.amigo { display: inline-block; vertical-align: top; width: 200px; height: 140px; overflow: hidden; margin: 0 40px; }
.amigo img { width: 100%; }

/* mi historia  */ 

.historia_new_img { float: left; width: 300px; margin: 48px 40px; }
.historia_new_img img { width: 100%; }
.historia_new_txt { float: left; width: 700px; padding-bottom: 80px; }

/* yo reciclo */ 

.slider_historia { float: left; width: 100%; height: 380px; overflow: hidden; }
.slider_historia img { width: 100%; }
.historia { float: left; width: 90%; padding: 60px 40px; }

/* recetas  */ 

.recetas_img { position: absolute; width: 200px; height: 200px; overflow: hidden; border-radius: 50%; right: 40px; top: 0; }
.recetas_img img { height: 100%; }

.recetas { float: left; width: 100%; padding: 0 40px; min-height: 600px; }		
.recetas h2 { width: 60%; } 
.recetas .titulo2 { margin-bottom: 18px; }

.item_recetas { float: left; width: 33%; margin-bottom: 40px; padding-left: 40px; display: none; }
.item_recetas_img { float: left; width: 140px; height: 140px; margin-right: 20px; border-radius: 50%; overflow: hidden; }
.item_recetas_img img { width: 100%; }
.item_recetas_txt { float: left; padding-right: 40px; width: 200px; padding-top: 30px; } 
.item_recetas_txt hr { margin-top: 10px;  }

.social { float: left; width: 100%; margin-top: 40px; }

/* fotos  */ 

.fotos { float: left; width: 100%; height: 640px; overflow: hidden; }
.fotos .slick div { margin-right: 6px; }
.fotos .slick div img { height: 100%; }

/* video  */ 

.video_sec { float: left; width: 100%; text-align: center; background-color: black; }
.video_sec iframe { width: 100%; height: 50vw; }
.item_videos { float: left; width: 33%; height: 100px; padding: 0 40px; color: #E2415B; }
.item_videos_img { position: relative;  float: left; width: 80px; height: 80px; margin-right: 20px; border-radius: 50%; overflow: hidden; }
.item_videos_img img { height: 100%; }
.item_videos_txt { float: left;  width: 150px; padding-top: 10px; } 
.item_videos_txt hr { margin-top: 10px; border-bottom: 4px solid #999;} 
.play { position: absolute; width: 30px; height: 30px; background-image: url('/imgs/play.png'); background-repeat: no-repeat; z-index: 1000; left: 50%; margin-left: -15px; top: 50%; margin-top: -15px; }

.videos_portada { position: absolute; width: auto; top: 120px; }

.video_categoria { margin: 0 auto; display: inline-block; width: 100%; margin: 20px 0; }
.videos { padding-top: 120px; padding-bottom: 40px; text-align: center; }

/* cart  */ 

.carrito { width: 800px; margin: 0 auto; margin-top: 60px; }
.table { width: 100%; display: table; text-align: left; }
.table tr td { padding: 10px; }
.table hr { margin: 0; border-color: #494949; }
.cart_header { border-bottom: 5px solid gray; width: 100%; }
.cart_item { border-bottom: 1px dashed gray; width: 100%; }
.precio_final { text-decoration: underline; }

/* mobile  */ 

.menu { position: fixed; left: -40px; }
.fotos_mobile { float: left; width: 100%; display: none; }
.fotos_mobile img { width: 100%; margin-bottom: 0; display: block; }

/* footer  */ 

#footer { margin-top: 80px; }
#footer h3 { font-family: 'Roboto Bold'; margin-bottom: 10px; }
.nav_footer li { display: inline-block; margin-right: 15px; }
.footer_col { float: left; width: 25%; padding-left: 40px; padding-bottom: 60px; padding-top: 40px; color: white; line-height: 22px;  }
.footer_col a { color: white; } .footer_col a:hover { color: #A1FFCE; }

#pdv { padding: 120px 0; }
input { border: 1px solid black; height: 45px; border-radius: 5px; width: 600px; margin-bottom: 20px; padding: 0 10px; }

#form {  padding: 80px 40px;  background: #F8FFAE;  }
#form h1 { margin-bottom: 10px; }
#form ::-webkit-input-placeholder { color: #494949; }
#form :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #494949;
}
#form ::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #494949;
}
#form :-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #494949;
}



@media ( max-width: 950px) {

	.main { text-align: center; height: auto; font-size: 11px; }
	.cont { min-width: 200px; }
	.top, .top_mas  { padding: 0; margin-top: 60px; }
	.top_mas_mas { padding-top: 30px; }
	hr { margin: 20px auto; }
	.texto_big { font-size: 14px; line-height: 16px; }

	h1 { font-size: 25px; line-height: 25px; }
	h2 { font-size: 18px; line-height: normal; }
	h3 { font-size: 16px; }
	.nav li hr, .fotos, .libro_txt hr, .recetas_img, #amigos, .item_videos_img  { display: none; }
	.padding { padding: 20px; }
	
	.menu { top: 25px; left: 20px; }
	.header { text-align: center; height: auto; }
	.logo { width: 100%; margin: 20px 0; margin-top: 0; }
	.nav { position: fixed; left: -200px; top: 60px; background-color: white; width: 200px; height: 100%; margin: 0; text-align: left; padding: 20px; }
	.nav li { float: left; width: 100%; margin: 0; margin-bottom: 6px; color: #ff9068; }

	.slider .slick div p { font-size: 20px; line-height: 22px; }
	.slider .slick div img { width: auto; height: 100vh; }

	.fotos_mobile { display: block; }

	.talleres { float: left; width: 100%; height: auto; }
	.slider_flyers, .slick_flyers { height: auto; }

	.item { height: 200px; height: 50vh; width: 100%; }
	.titulo, .tapa { left: 20px; }

	.slider_historia { height: auto; }
	.footer_col { width: 100%; padding: 0; padding-top: 20px; }

	.libro, .recetas, .recetas h2  { width: 100%; height: auto; }
	.libro_img { width: 100%; height: auto; padding-top: 0; margin:0; }
	.libro_txt { padding: 0; }

	.talleres_lista, .slider_flyers, .link, .item_recetas, .item_recetas_txt, .recetas, .item_videos, .historia  { padding: 0; width: 100%; height: auto; min-height: intrinsic; }
	
	.talleres_lista { padding: 0; }
	
	.recetas, .link, .historia  { padding: 20px; }
	.item_recetas_img { margin: 0; float: none; display: inline-block; margin: 20px; }
	.item_recetas { margin: 0; }

	.video_sec { margin-bottom: 30px; }
	.item_videos { margin: 0; height: auto; padding: 0; }
	.item_videos_txt { width: 100%; }

	.historia_new_img { float: left; width: 100%; margin: 0; }
	.historia_new_img img { width: 100%; }
	.historia_new_txt {  width: 100%; padding: 20px; }

	.carrito { width: 100%; margin-top: 20px; }

	.nomobile, .social_home { display: none; }
	.nav_footer li { display: inline-block; margin: 0 5px; }
	
	input { width: 100%; }
	#pdv, #form  { padding: 20px; }
	#form button { width: 100%; }

}

.grises  {
filter: url('http://pablitomartin.com.ar/style.css?v=3#grayscale'); /* Versión SVG para IE10, Chrome 17, FF3.5, Safari 5.2 and Opera 11.6 */
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%); /* Para cuando es estándar funcione en todos */
filter: Gray(); /* IE4-8 and 9 */
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease; opacity: 0.5; }

.grises:hover { 
-webkit-filter: grayscale(0%);
-moz-filter: grayscale(0%);
-ms-filter: grayscale(0%);
-o-filter: grayscale(0%);
filter: none;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease; opacity: 1; }