.maquetadortop {
max-width:80%;
margin-top: 150px;
}

.maquetador_widget {
	width: 100%;
	max-width: 98%; 
	margin: 0 auto;
}

.maquetadortop h1 {
font-size: 34px;
line-height: 1;
width:100%;
color:#000;
margin: 10px 0;
margin-bottom: 11px!important;
}

h2{/*font-size: 40px;*/}

#breadcrum{clear:both;width:100%; display:table;}
#opbread,#sepbr{float:left; margin-right: 10px;}

#detallearticulomaquetador{
margin: 0px 3% 30px 0%;
border-radius: 2px;
float: left;
position: relative;
height: auto;
display: table;
width: 100%;
}

#bottomprod{
margin: 0px 3% 30px 0%;
border-radius: 2px;
float: left;
position: relative;
height: auto;
display: table;
width: 100%;
}

#detallearticulomaquetador #tituloarticulo{
width: 65%;
height: auto;
display: table;
position: relative;
color: #20B2AA;
font-size: 1.3em;
vertical-align: middle;
margin: 10px 0px 0px 0px;
padding: 0px;
float:left;
}

#detallearticulomaquetador #tituloarticulo h1{
width: 75%;
height: auto;
display: table;
position: relative;
color: #20B2AA;
vertical-align: middle;
margin: 10px 0px 0px 0px;
padding: 0px;
font-weight: normal;
}

#detallearticulomaquetador #subtituloarticulo, #subtituloarticulo2{
width:100%;
top: 0px;
height: auto;
display:table;
position:relative;
border-bottom: 2px solid #20B2AA;
margin-bottom: 20px;
padding:0px;
margin: 10px 0px 0px 0px;
}

#detallearticulomaquetador #detallesarticulo{
width: 70%;
height: auto;
display:table;
position:relative;
color: #20B2AA;
font-size: 16px;
vertical-align: middle; 
white-space: nowrap;
margin: 10px 0px 0px 0px;
padding: 10px 0px 5px 0px;
float:left;
}

#detallearticulomaquetador #minilogoart{
width: 23%;
height: auto;
display:table;
position:relative;
margin: 0px;
padding: 0px;
float:right;
text-align:right;
}

#detallearticulomaquetador #minilogoart img{
height:90px;
margin: 0px 0px 5px 0px;
padding: 0px;
}

#save-image-php,#save-image-php2{
	float:right;
  margin: 20px 0;
  white-space: normal;
}

#preview-image-php{
  margin: 20px 0;
  white-space: normal;
}

#gestion-modelos{
  margin: 20px 0;
  white-space: normal;
}

#guardar-disenyo-php{
  margin: 20px 0;	
  white-space: normal;

}

#contentpopup{text-align:center;}

#selsizemaq{
	width:34%;

	padding: 20px;
	margin: 0 auto;
	float:left;
	margin: 30px 2%;
	text-align:center;
  background:#00abff36;
}

#selsizemaq img{
	width:70%;
	margin-bottom:20px;
	
}

#selsizemaq select{
	font-size: 18px;
	padding: 10px;
	width: 100%;
}

.maquetadortop h2 {
    font-size: 24px !important;
}

#recuadromaquetador{
	width:85%;
	font-family: 'Montserrat', sans-serif;
	border: 1px solid #FF7300;
	border-radius: 4px;
	padding: 5%;
	margin: 0 auto;
	float:left;
	margin: 30px 2%;
	text-align:center;
}

#recuadromaquetador p{
	width: 100%;
	font-family: 'Montserrat', sans-serif;
	height: auto;
	display: table;
	position: relative;
	font-size:20px;
	color: grey;
	vertical-align: middle;
	margin: 10px 0px 0px 0px;
	padding: 0px;
	font-weight: normal;
	
}






#designlist{width:150px; margin: 10px; float:left; height: 200px; border: 1px solid #CCC; text-align:center;}

#designlist a{ padding:5px; text-align:center; width:100%; background:#FF7900;color:#FFF; text-decoration:none;margin: 0 auto;bottom:0}

@media (max-width: 768px) {
	#gestion-modelos, #guardar-disenyo-php {
		margin: 10px 0px !important;
	}
	#preview-image-php {
		margin-bottom: 10px !important;
	}
}

@media (max-width: 680px) {
	.maquetadortop h1 {
		font-size: 40px !important;
	}
	.maquetadortop h2 {
		font-size: 30px !important;
	}
}

/* 01 AUG */

.maquetadortop .btn {
    float: right;
}

@media (max-width: 1065px) {
	#selsizemaq {
		width: 46% !important;
	}
	.maquetadortop .col-lg-3 {
    max-width: 100%;
    flex: 100%;
}
}

@media (max-width: 820px) {
	#selsizemaq {
		width: 100% !important;
	}
	.maquetadortop .btn {
    float: none !important;
	}
}