/* CSS Document */



CSS Reset - margin: 0; padding: 0; border: 0;{}

.contenido
{
	margin-top: 115px;
}

.slogan5
{
	margin-bottom:30px;
}

.crear_parent
{
	margin-bottom: 10px;
}

.crear_subparent
{
	margin-right:30px;
}

.crear-title
{
	margin-bottom: 10px;
}

.input-title, .date, .select, .select:focus, .input-hashtag, .input-categoria, .input-textarea, .input-ciudad
{
	margin-top: 0px;
	margin-bottom: 15px;
	padding-left: 10px;
}

.input-textarea
{
	padding-top: 15px;
}

.bigbutton, .bigbutton2, .bigbutton3
{
	margin-top: 20px;
}

.bigbutton:hover, .bigbutton2:hover, .bigbutton3:hover
{
	margin-top: 21px;
}

.bigbutton:active, .bigbutton2:active, .bigbutton3:active
{
	margin-top: 23px;
}

.bigbutton2, .bigbutton3
{
	margin-top: 20px;
	margin-right: 20px;
	padding-left:20px;
	padding-right:20px;
}

.bigbutton2:hover, .bigbutton3:hover
{
	margin-top: 21px;
	padding-left:20px;
	padding-right:20px;
	margin-right: 20px;
}

.bigbutton2:active, .bigbutton3:active
{
	margin-top: 23px;
	padding-left:20px;
	padding-right:20px;
	margin-right: 20px;
}

CSS Presets - Typography, colors, links ----------------------------------------------------------{}

.crear-title
{
	font-size:22px;
	font-weight:bold;
}

.input-title, .date, .input-hashtag, .input-categoria, .input-textarea , .input-ciudad
{
	border: solid;
	border-width: 1px;
	border-color: #CCC;
}

.input-title:focus,  .date:focus, .select:focus  , .input-hashtag:focus, .input-categoria:focus, .input-textarea:focus, .input-ciudad:focus
{
	border:solid;
	border-color:#59aad1;
	border-width:1px;
	outline: none;
}

 .date
{
	background: url(img/date-icon.png) no-repeat #FFF;
	background-position:115px 12px;
	-webkit-appearance: none;
}

.input-ciudad
{
	background: url(img/lugar-icon.png) no-repeat #FFF;
	background-position:190px 12px;
	-webkit-appearance: none;
		-moz-appearance:window;
	text-indent: 0.01px;
    text-overflow: '';
}

.input-ciudad:focus
{
	background: url(img/lugar-icon.png) no-repeat #FFF;
	background-position:190px 12px;
	-webkit-appearance: none;
}

.input-categoria, .input-categoria:focus
{
	overflow: hidden;
	background: url(img/new_arrow.png) no-repeat right #FFF;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	background-position:190px 8px;
	-moz-appearance:window;
	text-indent: 0.01px;
    text-overflow: '';
}

.select, .select:focus  
{
	overflow: hidden;
	background: url(img/time-icon.png) no-repeat right #FFF;
	-moz-appearance: none;
	-webkit-appearance: none;
	-moz-appearance:window;
	text-indent: 0.01px;
    text-overflow: '';
	background-position:115px 12px;
	
}

.input-hashtag, .input-hashtag:focus  
{
	overflow: hidden;
	background: url(img/tw-icon.png) no-repeat right #FFF;
	-webkit-appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	-moz-appearance:window;	background-position:190px 12px;
}

.bigbutton2, .bigbutton3
{
	border:none;
	background-color:#a1cee4;
	
	background-image:none;
	-webkit-box-shadow: inset 0 -3px 0 rgba(0, 0, 0, 0.15),0 1px 2px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: inset 0 -3px 0 rgba(0, 0, 0, 0.15),0 1px 2px rgba(0, 0, 0, 0.15);
	-o-box-shadow: inset 0 -3px 0 rgba(0, 0, 0, 0.15),0 1px 2px rgba(0, 0, 0, 0.15);
	box-shadow: inset 0 -3px 0 rgba(0, 0, 0, 0.15),0 1px 2px rgba(0, 0, 0, 0.15);
	
	-webkit-appearance: none;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	color:white;
	text-align: center;
	font-weight:bold;
	cursor: pointer;
	display: inline-block;
	font-family: 'Montserrat', sans-serif;
font-weight: 700;
font-size: 14px;
font-style: normal;
}

.bigbutton2:hover, .bigbutton3:hover
{
	border:none;
	background-color:#a1cee4;
	-webkit-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.15),0 1px 2px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.15),0 1px 2px rgba(0, 0, 0, 0.15);
	-o-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.15),0 1px 2px rgba(0, 0, 0, 0.15);
	box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.15),0 1px 2px rgba(0, 0, 0, 0.15);
		color:white;
	background-image:none;
	-webkit-appearance: none;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;

	padding-top:1px;
	font-family: 'Montserrat', sans-serif;
font-weight: 700;
font-size: 14px;
font-style: normal;
}

.bigbutton2:active, .bigbutton3:active
{
	border:none;
	background-color:#a1cee4;

	box-shadow: none;
	background-image:none;
	-webkit-appearance: none;
	
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	color:white;
	text-align: center;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
font-size: 14px;
font-style: normal;	cursor: pointer;
	display: inline-block;
}

.bigbutton3, .bigbutton3:hover, .bigbutton3:active
{
	background-color: #CCC;
}

General Structure - mesures --------------------------------------------------------------{}

.crear_parent
{
	width: 100%;
	height:auto;
	float:left;
	position:relative;
}

.crear_subparent
{
	width: auto;
	height:100%;
	float:left;
	position:relative;
}

.crear-title
{
	width:auto;
	position:relative;
}


.input-title, .date, .select, .select:focus, .input-hashtag, .input-hashtag:focus, .input-categoria, .input-categoria:focus, .input-textarea, .input-textarea:focus, .input-ciudad, .input-ciudad:focus
{
	height: 45px;
	width: 820px;
	position: relative;
	float: left;
}

.input-textarea, .input-textarea:focus
{
	height: 245px;
}

.date,  .select, .select:focus
{
	width: 145px;
}

.input-hashtag, .input-hashtag:focus, .input-categoria, .input-categoria:focus, .input-ciudad, .input-ciudad:focus
{
	width: 220px;
}

#map_canvas
{
	float:left;
}

.bigbutton
{
	float:right;
}

.bigbutton2, .bigbutton3
{
	float:left;
	width:auto;
}




@media screen and (max-width: 1030px) {

.crear_subparent
{
	margin-right:20px;
}

.input-title, .date, .select, .select:focus, .input-hashtag, .input-hashtag:focus, .input-categoria, .input-categoria:focus, .input-textarea, .input-textarea:focus, .input-ciudad, .input-ciudad:focus
{
	width: 100%;
}



.date,  .select, .select:focus
{
	width: 145px;
}

.input-hashtag, .input-hashtag:focus, .input-categoria, .input-categoria:focus, .input-ciudad, .input-ciudad:focus
{
	width: 220px;
}

}

@media screen and (max-width: 767px) {

.bigbutton, .bigbutton:hover, .bigbutton:active
{
	width:100%;
}

.bigbutton2, .bigbutton3, .bigbutton2:hover, .bigbutton3:hover, .bigbutton2:active, .bigbutton3:active
{
	width:47.5%;
	margin-right:5%;
}

.bigbutton3, .bigbutton3:hover, .bigbutton3:active
{
	width:47.5%;
	margin-right:0px;
}
}