/*
Vermell: #e5322d
Gris fluix: #c7c8ca
Gris fort: #939598
Gris background: #e8e8e8
*/

@font-face {
  font-family: 'geogrotesque-medium';
  src: url("../../../fonts/Geogrotesque-Medium.eot?#iefix") format("embedded-opentype"), url("../../../fonts/Geogrotesque-Medium.otf") format("opentype"), url("../../../fonts/Geogrotesque-Medium.woff") format("woff"), url("../../../fonts/Geogrotesque-Medium.ttf") format("truetype"), url("../../../fonts/Geogrotesque-Medium.svg#Geogrotesque-Medium") format("svg");
  font-weight: normal;
  font-style: normal;
}

html {
	
}

body{
	margin-top:24px;
	margin-left:0px;
	background-color:#e8e8e8;
}

/* ----------------- WRAPPER ------------------*/
#wrapper_img_crop h1{
	margin-top:0px;
	font-size:16px;
	color:var(--color_general2);
}

#wrapper_img_crop h2{
	font-size:10px;
	color:var(--color_general2);
	font-weight:normal;
	margin-top:22px;
}

#wrapper_img_crop #error{
	color:var(--color_general2);
	padding-left:14px;
}

#wrapper_img_crop #imatges{
	float:left;
}

#wrapper_img_crop #imatges #imatge_gran{
	float:left;
	margin-right:28px;	
}

#wrapper_img_crop #imatges #imatge_thumb{
	float:left;
}

#wrapper_img_crop #imatges #imatge_thumb #image_thumb_img{
	position:relative; 
	overflow:hidden;
	float:left;
	margin-bottom:20px;
	border:1px #e5e5e5 solid; 
}

#wrapper_img_crop #imatges #imatge_thumb #image_thumb_img_default{
	padding-left:10px;
	padding-top:5px;
	padding-right:10px;
	border:1px solid #939598;
	color:#939598;
	/*background-color:#e8e8e8;*/
}

#wrapper_img_crop #toolbar_thumb{
	float:left;
	width:100%;
	margin-top:14px;
	padding-top:14px;
}

#wrapper_img_crop #browse_imatge{
	float:left;
	width:100%;
	margin-bottom:14px;
}

#guardar_thumb_form{
	float: left;
	width: 100%;
	margin-top: 20px;
	margin-bottom: 30px;
}

#guardar_thumb_form input[type=submit]{
	font-family: 'geogrotesque-medium';
	background-color: #3aa0ee;
	color: white;
	border: none;
	border-radius: 5px;
	padding: 10px 34px;
	font-size: 12pt;
	cursor: pointer;
}

.missatge_seleccion_imgcrop{
    font-size: 12pt;
    margin-top: 20px;
    color: #9E006D;
}