body{
	margin:0 auto;
	width:100%;
	font-family : 'Source sans pro';
	color:#96c6c8;
	/*background-color: #0f232f;*/
	background:transparent radial-gradient(#143040, #0F232F) repeat scroll 0% 0%;
}

input, a, h1, h2, h3, h4, p{
	font-family: 'Source sans pro';
	margin:0;
	padding:0;
}

table{
	table-layout: fixed;
}
/* HEADER STYLES */
#header{
	background-color: #143040;
	height: 90px;
	border-bottom: solid;
	border-bottom-color: #e2565d;
	border-bottom-width: 2px;
	box-shadow: 0px 3px 25px #000000;
	width: 100%;
}

#footer {
    position: absolute;
    width: 100%;
    bottom: 0px;
}
#logo{
	margin-left: 35px;
	margin-top: 15px;
	width: 170px;
}

#menu{
	display:inline-block;
	float: right;
	margin-top: 40px;
	margin-right: 40px;
}

.option-menu{
	display:inline-block;
	width: 100px;
	text-align: right;
}

a.option-menu-link{
	text-decoration:none;
	color:#96c6c8;
	font-family: 'Open Sans';
	font-weight: 300;
}

a.option-menu-link:hover {
	border-bottom: solid;
	border-bottom-color: #e2565d;
	border-bottom-width: 2px;
}


/* CONTENT STYLES */

#login-content{
	height: 375px;
  	background: -webkit-radial-gradient( #143040, #0f232f);
  	background: -o-radial-gradient( #143040, #0f232f);
  	background: -moz-radial-gradient( #143040, #0f232f);
  	background: radial-gradient( #143040, #0f232f);
  	padding-top: 50px;
}

#login{
	text-align:center;
}

input.input-form-login{
	display: block;
	margin: 0 auto;
	background-color: #405763;
	color: #96c6c8;
	height: 25px;
	width: 20%;
	margin-bottom: 15px;
	border: none;
	color:white;
}

input.input-form-login::-webkit-input-placeholder { color: #96c6c8; }

input.input-form.send-form-login {
	width: 20%;
	background-color: transparent;
	font-family: 'Open Sans';
	font-weight: 300;
	font-size: 20px;
	color: #f2f2f2;
	border-color: #e2565d;
	border-radius: 10px;
	padding: 10px;
	border-style: solid;
}


.div-input-form{
	margin-bottom:20px;
}



.squaredThree {
	width: 180px;
	margin: 20px auto;
	position: relative;
}

.squaredThree label {
	cursor: pointer;
	position: absolute;
	width: 20px;
	height: 20px;
	top: 0;
	border-radius: 4px;


	background-color:#415864

}

.squaredThree label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	content: '';
	position: absolute;
	width: 9px;
	height: 5px;
	background: transparent;
	top: 4px;
	left: 4px;
	border: 3px solid #fcfff4;
	border-top: none;
	border-right: none;

	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.squaredThree label:hover::after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter: alpha(opacity=30);
	opacity: 0.3;
}

.squaredThree input[type=checkbox]{
	display: none;
}

.squaredThree input[type=checkbox]:checked + label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}
#login_error{
text-align: center;
color: rgb(226, 86, 93);
margin-bottom: 10px;
}


#rememberme-text{
	width: 180px;
}

div#text-sycket-commerce {
	text-align: center;
	font-size: 30px;
	font-weight: 300;
	line-height: 50px;
	margin-top:50px;
}

div#text-sycket-commerce > b{
	font-weight:400;
}

#content-offer{
	background: -webkit-radial-gradient( #143040, #0f232f);
	background: -o-radial-gradient( #143040, #0f232f);
	background: -moz-radial-gradient( #143040, #0f232f);
	background: radial-gradient( #143040, #0f232f);
}

#form-content{
	width: 70%;
	margin: 0 auto;
	background-color: #2c4453;


}


#form-container{
	width:90%;
	padding-top: 50px;
	padding-bottom: 40px;
	margin-left: 20px;
}

/* OFFER */

h2.offer{
	font-weight:300;
	font-size: 40px;
}

h2.segment{
	font-weight:400;
	font-size: 30px;
	color: #ffffff;
	margin-top:20px;
}

.add_feature{
	width: 70px;
	background-color: transparent;
	font-family: 'Open Sans';
	font-weight: 300;
	font-size: 15px;
	color: #f2f2f2;
	border-color: #e2565d;
	border-radius: 4px;
	border-style: solid;
}

.plus_mark{
	display: inline-block;
	margin-left: 5px;
	color: #e2565d;
	font-family: 'Open Sans';
	vertical-align: middle;
}

.feature-select{
	text-align:center;
	width:220px;
	display:inline-block;
	margin-left: 100px;
	line-height: 30px;
}

.dataCmp, .dataSelect{
	margin-left:20px;
	display:inline-block;
	text-align: center;
	line-height: 30px;
}

.remove-feature {
font-size: 30px;
font-family: 'Open Sans';
font-weight: 300;
color: #e2565d;
cursor: pointer;
margin-left: 10px;
display: inline-block;
}

.shop_name_container {
	display: inline-block;
	width: 150px;
}

/* SQUARED ONE */
.squaredOne {
	width: 15px;
	height: 15px;
	vertical-align: middle;
	background: #fcfff4;
	display: inline-block;
	border: 0;
	-webkit-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	-moz-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	position: relative;
}
input.squaredOne{
	visibility: hidden;
}
.squaredOne label {
	cursor: pointer;
	position: absolute;
	width: 15px;
	height: 15px;
	left: 0px;
	top: 0px;

	-webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1);
	-moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1);
	box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1);

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222', endColorstr='#45484d',GradientType=0 );
}

.squaredOne label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	content: '';
	position: absolute;
	width: 11px;
	height: 11px;
	background: #00bf00;

	background-color:#e2565d;

	top: 2px;
	left: 2px;

	-webkit-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	-moz-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
}

.squaredOne label:hover::after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter: alpha(opacity=30);
	opacity: 0.3;
}

.squaredOne input[type=checkbox]:checked + label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}

.detail_text {
	font-size: 12px;
	margin-top: 20px;
}

.textarea-offer{
	width: 80%;
	height: 150px;
	background-color:#dee0e2;
}

.dates-form {
	margin: 0 auto;
}

.date-form{
	text-align:center;
	display:inline-block;
	margin-right:120px;
}

input.date-input{
	height: 30px;
}

input.pass-input{
	height: 30px;
	margin-bottom:0;
	margin-left:10px;
	width: 120px;
}

.pass-div{
	margin-top:40px;
}


#add_image::-webkit-file-upload-button {
  visibility: hidden;
}

#add_image::before {
  content: 'Subir imagen';
}

#add_image{
cursor: pointer;
width: 95px;
text-align: center;
padding-left: 2px;
margin-top: 30px;
margin-bottom: 30px;
padding-bottom: 29px;
height: 35px;
font-size: 15px;
border-width: 1px;


}

.send-offer{
	background-color: transparent;
	font-family: 'Open Sans';
	font-weight: 300;
	font-size: 20px;
	color: #f2f2f2;
	border-color: #e2565d;
	border-radius: 10px;
	padding: 10px;
	border-style: solid;
	width:300px;
	margin-top: 10px;
	cursor: pointer;
	margin-left: 40px;
	margin-top: 20px;
}

input.input-form.send-offer {
	width: 200px;
}

#upload-image-form{
	display:inline-block;
	margin-left:15px;
}

div#preview_image {
	border: solid;
	border-width:1px;
	width: 300px;
	height: 300px;
	position:relative;

}

input.freq-shop{
	height:30px;
	width: 40px;
	margin-right:10px;
}

input.amount-input{
	height:30px;
	width: 40px;
	margin-right: 10px;
	vertical-align: middle;
}
#add_company{
	margin-bottom: 10px;
}