@import url(http://fonts.googleapis.com/css?family=Roboto:400,300,700);
@charset "utf-8";
/* CSS Document */
body{margin:0;}
#wrap{background:#2d2c30; float:left; width:100%; right:84%; position:relative;}
#wrap2{background:#ededef; float:left; width:100%; overflow:hidden; position:relative;}
#bg1{background:#2d2c30; position:absolute; top:0; bottom:0; left:0; width:16%; z-index:-998;}
#bg2{background:#ededef; position:absolute; top:0; bottom:0; left:16%; width:84%; z-index:-999;}
ul.nuevoMenu{
	float: left !important; 
	list-style:none !important;
}
.nuevoMenu li{display: inline-block;}
#menu{width:16%!important; font-family: 'Roboto', sans-serif!important; color:#FFF!important; min-height:640px!important; float:left!important; position:fixed!important; left:0!important; top:0!important; min-width:150px!important;}
#menu .logo img{margin:15px 0px 15px 30px!important;}
#menu .logo2 img{margin:15px 6.5%!important; position:fixed!important; bottom:0!important; left:0!important;}
#menu #title{background:#2d2c30!important; font-size:18px!important; border-bottom:#fff 2px solid!important; border-top:#fff 2px solid!important; text-align:center!important; height:37px!important; line-height:37px!important; font-weight:bold!important;}
#menu .title2{background:#1e1d20!important; font-size:16px!important; border-bottom:#3f3e42 1px solid!important;  text-align:left!important; padding-left:23px!important; height:37px!important; line-height:37px!important; font-weight:bold!important; text-transform:uppercase!important; outline:none!important; cursor:pointer!important;}
#menu .title2:focus{outline:none!important;}
#menu .opcs a{color:#FFF!important; text-decoration:none!important;}
#menu .option{font-size:14px!important; border-bottom:#3f3e42 1px solid!important; height:37px!important; line-height:37px!important;}
#menu .option:hover{background:url(../img/opc_hover.png) no-repeat right!important;}
#menu .opcs .active{background:url(../img/opc_hover.png) no-repeat right!important;}
#menu .opcs .option div{margin-left:20px!important; padding-left:35px!important;}

#menu .opcs .upload{background:url(../img/upload_logo.png) no-repeat left!important;}
#menu .opcs .edit{background:url(../img/edit_logo.png) no-repeat left!important;}
#menu .opcs .delete{background:url(../img/delete_logo.png) no-repeat left!important;}
#menu .opcs .logout{background:url(../img/logout_logo.png) no-repeat left!important;}
#menu .opcs .user{background:url(../img/user_logo.png) no-repeat left!important;}

#content{float:right; width:84%; font-family: 'Roboto', sans-serif; min-height:610px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; border-left:#FFF 1px solid; position:relative; left:84%; margin-bottom:40px;}
#content .header{height:70px; margin:30px 0 0 30px; background:url(../img/bg_header.png) repeat-x bottom;}
#content .header img{float:left;}
#content .header h1{font-weight:bold; font-size:36px; color:#3c3b3f; float:left; margin:0px 15px; line-height:35px;}

#content .login_form{background:url(../img/login_form.png) no-repeat center; width:100%; height:500px; margin:auto;}
#content .login_form h5 a{color:#3c3b3f; text-decoration:none;}
#content .login_form h3{color:#FFF; text-align:center; font-size:24px; font-weight:bold; padding-top:60px;}
#content .login_form h5{color:#3c3b3f; text-align:center; font-size:18px; }
#content .login_form form{display:block; width:300px; margin:0 auto;}
#content .login_form form label, #content .login_form form input{display:block; font-size:24px;}
#content .login_form form label, #content .login_form form input[type="text"]{color:#3c3b3f;}
#content .login_form form label{margin-top:20px;}
#content .login_form form input{background:#f2f2f2; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; border:#c0bfc1 1px solid; width:100%; height:45px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; padding:0px 20px;}
#content .login_form form input[type="submit"]{background:#2d2c30; border:none; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; width:135px; height:50px; margin:0 auto; margin-top:30px; padding:0; cursor:pointer;}
#content .login_form form input[type="button"]{background:#2d2c30; border:none; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; width:135px; height:50px; margin:0 auto; margin-top:15px; padding:0; cursor:pointer;}


#content .pass_form{background:url(../img/login_form.png) no-repeat center; width:100%; height:500px; margin:auto;}
#content .pass_form h3{color:#FFF; text-align:center; font-size:24px; font-weight:bold; padding-top:40px;}
#content .pass_form form{display:block; width:300px; margin:0 auto;}
#content .pass_form form label, #content .pass_form form input{display:block; font-size:24px;}
#content .pass_form form label, #content .pass_form form input[type="text"]{color:#3c3b3f;}
#content .pass_form form label{margin-top:20px;}
#content .pass_form form input{background:#f2f2f2; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; border:#c0bfc1 1px solid; width:269px; height:45px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; padding:0px 20px;}
#content .pass_form form input[type="submit"]{background:#2d2c30; border:none; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; width:180px; height:50px; margin:0 auto; margin-top:30px; padding:0; cursor:pointer;}

#content .form input[type="button"]{height:35px; background:#2d2c30; padding:0px 25px; display:block; border:none; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-size:18px; margin:20px 0px; cursor:pointer;}

form .button{color:#FFF!important; transition: color .5s!important; -moz-transition: color .5s!important; -webkit-transition: color .5s!important; -o-transition: color .5s!important;}
form .button:hover{color:#00aeef!important;}

.button{color:#FFF!important; transition: color .5s!important; -moz-transition: color .5s!important; -webkit-transition: color .5s!important; -o-transition: color .5s!important;}
.button:hover{color:#00aeef!important;}

form .selectpicker{color:#000 !important;}
form .button{background-color:#333;}
form .btn>.caret, form.dropup>.btn>.caret{border-top-color:#fff!important}

#content .columnl{float:left; width:40%; margin:0% 5%; min-height:1px;}
#content .columnr{float:right; width:40%; margin:0% 5%; min-height:1px;}
#content .form{overflow:hidden;}
#content .form textarea, #content .form input[type="text"], #content .form input[type="password"]{display:block; background:#fff;  border:#c0bfc1 1px solid; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; width:90%; height:35px; padding:10px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;}
#content .form select{display:block; background:#fff;  border:#c0bfc1 1px solid; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; width:90%; height:35px; padding:3px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;}
#content .form textarea{height:230px; max-height:230px; max-width:90%;}
#content .form input[type="submit"]{height:35px; background:#2d2c30; padding:0px 25px; display:block; border:none; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-size:18px; margin:20px 0px; cursor:pointer;}
#content .form input[type="button"]{height:35px; background:#2d2c30; padding:0px 25px; display:block; border:none; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-size:18px; margin:20px 0px; cursor:pointer;}
#content .form .title label, #content .form .title h4{background:#ededef; padding-right:15px; display:inline;}
#content .form .title{background:url(../img/bg_hr2.png) repeat-x; margin:15px 0px;}
#content .form p.help{background:#c0bfc1; color:3c3b3f; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-size:14px; text-align:center; padding:5px;}
#content .form img.img_edit{max-height:100px; max-width:450px;}
#content .form .images_edit{overflow:hidden;}
#content .help_info{margin:25px 0px;}
hr{margin:10px 35px; border:none; border-top:#b3b3b6 1px solid;}

#footer{background:#009deb; width:84%; height:30px; color:#FFF; line-height:30px; position:fixed; bottom:0; right:0; z-index:999;}
#footer .footl{width:49%; text-align:left; float:left; padding-left:15px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;}
#footer .footr{width:49%; text-align:right; float:right; padding-right:15px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;}
#footer .footr a{color:#FFF; text-decoration:none;}

.help_info img{float:right; margin-right:10%;}
.help_info p{font-family: 'Roboto', sans-serif; text-align:justify; width:45%; margin-left:5%; font-size:14px; font-size:14px;}

@media screen and (min-height: 0px) and (max-height: 500px) {
	#menu{position:relative; left:84%;}
	#menu .logo2 img{position:relative; margin-left:37%;}
}
.boxes{
	border:#000 1px solid;
	border-radius:10px;
	-moz-border-radius:10px;
	-o-border-radius:10px;
	-webkit-border-radius:10px;	
	background:#d6d5d5;
	float:left;
	/*overflow-x:scroll;*/
	overflow:auto;
	min-height:200px;
	margin:15px;
		
}
#errors{
	/*width: 30%;
	border-radius: 10px;
	margin-left: 4%;	
	display:none;
	color:#000;
	background-color: rgba(255, 0, 0, .5);*/
 	
}
.vendidoBox:hover{
	background: #bababc;
}
#loading{
	margin-top:0!important;
	font-size: 14px!important;
	text-align: center;
	font-weight: bold;
}
.box{
	background: #FFF;
	border: 1px solid #000;
	margin-top: 20px;
	width:70%;
	text-decoration: none;
	color: #000;
}
/*.box:hover{
	background: #C0BFC1;
	border: 1px solid #FFF;	
	text-decoration: none;
}*/
a.enlacebox:hover{
	text-decoration: none;
}


.descrip{font-family:'NotoSans_Italic', sans-serif; font-size: 9px;}
.texto{font-family:'NotoSans_Regular', sans-serif; font-size: 9px;}
.comentarios h6{ font-family:'NotoSans_Bold', sans-serif; font-size: 11px; margin: 0px;}
.comentarios .texto{font-family:'NotoSans_Italic', sans-serif; font-size: 12px; margin: 0px;}
.comentarios .fechahora{ font-family:'NotoSans_Bold', sans-serif; font-size: 9px; margin: 0px;}
.comentarios .clientes{margin-bottom: 15px; overflow: hidden;}
.comentarios .chat{ height: 215px; overflow: auto; padding: 0 0 20px 0;}
.nuevocomentario{padding: 10px 15px 10px 15px;}
.nuevocomentario textarea.texto{ height: 60px!important; background: #ebeced!important; border: none; width: 100%!important; color: #171818!important;font-family:'NotoSans_Italic', sans-serif; font-size: 9px; }
/*.nuevocomentario input.enviar{ background: none; border: none; font-family:'NotoSans_Bold', sans-serif; font-size: 12px; line-height: 52px; margin-left: -15px;}*/
.avancesobra{background: #ffffff; padding: 15px;}
.comentarios{padding-top: 20px;}
.comentarios,
.avancesobra{background: #ffffff;}
.avancesobra .foto,
.avancesobra .descargas{ width: 100%; margin: 15px 0 15px 0;}
.avancesobra .foto img{ width: 100%}
.avancesobra .descargas p{ font-family:'NotoSans_Italic', sans-serif; font-size: 9px;}
.avancesobra .descargas p > a{ font-family:'NotoSans_BoldItalic', sans-serif; margin-left: 15px; text-decoration: none; color:#171818;}
.avancesobra .descargas p > a:hover{color: #ed1c24;}