@charset "utf-8";
/* CSS Document */

* { border:0; margin:0; padding:0; -webkit-box-sizing: border-box;    -moz-box-sizing: border-box;    box-sizing: border-box;}
html {font-family: 'Oswald', sans-serif; color:#FFF; background-color:#333;	}
/*	GENERAL	*/
.bk_sen	{ position:fixed; height:100%; width:100%; top:0px; left:0px; background-color:#000; z-index:-200; }
.bk_oficina	{ 	background:url(imagenes/eames_negra.jpg) no-repeat fixed center;-webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; z-index:0;}
.cover_black
{ position:fixed; top:0px; left:0px; height:100%; width:100%; background-color:rgba(0,0,0,.6); z-index:0; }
h3{ text-align:center; margin:auto; position:relative;}
a { color:#FC6;}
/*	HEADER	*/
header{ padding:.5em 2em; z-index:20; position:relative; border:#099 solid 0px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.logo_mb img{ width:100%; max-width:130px; -webkit-box-sizing:0;    -moz-box-sizing:0;    box-sizing: 0;}
/*MENU*/
.menu_s{position:absolute; right:20px; top:10px;}

/*SECTION*/

section{ width:100%; max-width:1200px; position:relative; margin:50px	 auto 0 auto ; font-family: 'Lato', sans-serif;	text-align:justify;	font-weight:300; }

.agregar_section { position:relative;}
.title_1 { padding:.7em; border: #FFF solid 1px; position:relative; margin:auto; max-width:300px; font-size:24px;
	}
	
/*ITEM*/

.item_product { width:100%; border:#000 solid 4px; position:relative; margin-bottom:50px; background-color:rgba(255,255,255,.8); color:#000;
	/*       FLEX       */    
	display: -webkit-box;
   	display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
	/*flex wrap*/
	-webkit-flex-wrap: wrap; /* Safari */
    flex-wrap:         wrap;
	/*    FLEX  BOX DIRECTION    */
	-webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	/*    JUSTIFY  */ 
	-webkit-box-pack: space-around;
    -moz-box-pack: space-around;
    -webkit-justify-content: space-around;
    -ms-flex-pack: space-around;
    justify-content: space-around;
	/* ALINGN CONTENT*/
	-webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;

}
.row_1{ border:#666 solid 1px; padding:0em; text-align:center; -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: borderbox;
/*   FLEX   */
	-webkit-box-flex: 1  auto;
	-moz-box-flex: 1  auto;
	-webkit-flex: 1  auto;
	-ms-flex: 1  auto;
	flex: 1  auto;
	/*   ALIGN SELF   */
	-webkit-align-self: start;
   	-ms-flex-item-align: start;
   	align-self: start; 
	}
.row_1 div { padding:.5em;}
.row_1 div:first-child { border-bottom:#666 solid 1px; background-color:rgba(0,0,0,.2)}
.row_1 img{ max-width:70px; width:100%; padding:0em; -webkit-box-sizing: content-box;-moz-box-sizing: content-box; box-sizing: content-box;}
/*.desc_pd { max-width:500px; width:100%;}*/
.desc_mat{ max-width:120px; width:100%;}
.modelo_s{ font-size:18px; font-weight:bold;}
.modificar_datos{ background-color:#333;}
.img_ico_list{ padding:0em;}
.img_ico_list a{ color:#333; font-weight:bolder;}

/* FORM */
form { width:100%; max-width:400px; padding:0em;   margin: 30px auto  auto  auto ;  border:#3C0 solid 0px;  }
input, textarea, select { position:relative; width:100%;  padding:.5em; border:solid #FFF 1px;  margin: 10px 0 0 0; background-color:rgba(255,255,255, .7); 
	/*-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;*/}

	
::-webkit-input-placeholder { color: #000;  font-family: 'Lato', sans-serif; font-weight:400; font-size:15px;} /* WebKit */
:-moz-placeholder { color: #000; font-family: 'Lato', sans-serif; font-weight:400;} /* Firefox 18- */
::-moz-placeholder { color: #000; font-family: 'Lato', sans-serif; font-weight:400; } /* Firefox 19+ */
:-ms-input-placeholder { color: #000; font-family: 'Lato', sans-serif; font-weight:400; } /* IE 10+ */