/* CSS Document */



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

.registro-parent
{
	margin:0 auto;
	margin-top:150px;
	padding:40px;
}

.registro-left
{
	padding-right:40px;
	margin-bottom:30px;
}

.registro-right
{
	padding-left:40px;
	margin-bottom:30px;
}

.registro-left h1
{
	margin-bottom:30px;
}

.registro-left h5
{
	margin-bottom:20px;
}

.registro-right h5
{
	margin-bottom:10px;
}

.bigbutton3, .bigbutton2,  .bigbutton4
{
	margin-bottom:10px;
	margin-top:20px;
	padding-left:60px;
}

.bigbutton3 
{
	margin-bottom:60px;
}

.registro-right .bigbutton4
{
	padding-left:0px;
}

.bigbutton:hover, .bigbutton:hover
{

}

.bigbutton:active, .bigbutton2:active

{

}

.input-name
{
	margin-bottom:15px;
	padding-left:20px;
}

.login-bigparent
{
	margin:0 auto;
}

.login-parent
{
	margin-top:70px;
	padding:40px;
	padding-top:20px;
}

.login-parent img
{
	margin-top:-45px;
	margin-right:-15px;
}

.login-parent .registro-left
{
	padding-right:0px;
}

.login-parent .registro-left .bigbutton4
{
	padding-left:0px;
	margin-top:0px;
}

.login-parent .registro-left .bigbutton2
{
	margin-right:5%;
}

.login-parent .registro-left .bigbutton3
{
	margin-bottom:25px;
}


.login-parent .registro-left h1
{
	margin-bottom:20px;
}

.login-parent .registro-left h5
{
	margin:0 auto;
	margin-bottom:-10px;
	width:auto;
	
}

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

.registro-bg
{
	background-image:url(img/registro-bg.png);
	background-repeat:repeat;
}

.registro-parent, .login-parent
{
	background-color:#ededed;
}

.registro-left
{
	border-right:solid;
	border-right-width:4px;
	border-right-color:white;
}

.registro-left h1
{
	text-align: left;
	font-family: 'Montserrat', sans-serif;
	font-weight: bold;
	font-size: 28px;
	font-style: normal;
	color: 3c3c3c;
}

.registro-left h5, .registro-right h5
{
	text-align: left;
	font-weight: bold;
	font-size: 18px;
	font-style: normal;
	color: 3c3c3c;
	letter-spacing:-1px;
}

.registro-left .bigbutton3, .bigbutton2, .registro-right .bigbutton4, .login-parent .registro-left .bigbutton4
{
	background-image: ;
	text-align: left;
	line-height: 55px;
	background-color: #46589a;
	color:white;
	background-image:url(img/fb-icon.png);
	background-repeat:no-repeat;
	background-position:20px 15px;
	font-family: 'Montserrat', sans-serif;
	font-weight: bold;
	font-size: 14px;
	font-style: normal;
	
	border: 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;
	cursor: pointer;
	display: inline-block;
}

.registro-left .bigbutton2
{
	background-image:url(img/tw-icon3.png);
	background-color: #0084b4;
}

.registro-right .bigbutton4, .login-parent .registro-left .bigbutton4
{
	background-image:none;
	background-color:#E34134;
	text-align:center;
}

.registro-left .bigbutton3:hover, .bigbutton2:hover, .registro-right .bigbutton4:hover, .login-parent .registro-left .bigbutton4:hover
{
	color:white;
	line-height: 54px;
	height:44px;
	margin-top:21px;
	font-family: 'Montserrat', sans-serif;
	font-weight: bold;
	font-size: 14px;
	font-style: normal;
	
	border: none;
	-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);
	-webkit-appearance: none;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	cursor: pointer;
	display: inline-block;
}

.registro-right .bigbutton4:hover, .login-parent .registro-left .bigbutton4:hover

{
	background-image:none;
	background-color:#E34134;
	text-align:center;
}


 .registro-left .bigbutton3:active, .bigbutton2:active, .registro-right .bigbutton4:active, .login-parent .registro-left .bigbutton4:active

{
	background-color: #46589a;
	line-height:52px;
	color:white;
	margin-top:23px;
	text-align:left;
	height:52px;
	background-image:url(img/fb-icon.png);
	background-repeat:no-repeat;
	background-position:20px 14px;
	font-family: 'Montserrat', sans-serif;
	font-weight: bold;
	font-size: 14px;
	font-style: normal;
	
	border: none;
	box-shadow: none;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	-o-box-shadow: none;
	-webkit-appearance: none;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	cursor: pointer;
	display: inline-block;
}

.registro-left .bigbutton2:active
{
	background-image:url(img/tw-icon3.png);
	background-color: #0084b4;
}

.registro-right .bigbutton4:active, .login-parent .registro-left .bigbutton4:active
{
	background-image:none;
	background-color:#E34134;
	text-align:center;
}

.registro-right
{

}

.input-name
{
	border: solid;
	border-width:1px;
	border-color:#CCC;
}

.input-name:focus
{
	border:solid;
	border-color:#59aad1;
	border-width:1px;
	outline: none;
}

.click
{
	color:#59aad1;
}

.terminos
{
	color: #999;
	font-size:14px;
}

.login-parent .registro-left
{
	border-right:none;
	border-bottom:solid;
	border-bottom-width:4px;
	border-bottom-color:white;
}

.login-parent .registro-left h1, .login-parent .registro-left h5
{
	text-align:center;
	background-color:#ededed;
	
}

.o
{
	text-align:center;
	background-color:#ededed;
	width:20px;
	padding:3px;
	padding-bottom:8px;
	position:absolute;
	right:-12px;
	top:200px;
	
}

.registro-cerrar, .login-cerrar
{
	position:absolute;
	right:-15px;
	top:-15px;
	background-image:url(img/cerrar.png);
	background-repeat:no-repeat;
	background-position:center;
	width:36px;
	height:36px;
}

.registro-cerrar:hover, .login-cerrar:hover
{
	position:absolute;
	right:-15px;
	top:-15px;
	background-image:url(img/cerrar2.png);
	background-repeat:no-repeat;
	background-position:center;	
}

.login-cerrar, .login-cerrar:hover
{
	right:-15px;
	bottom:-15px;
}





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

.registro-bg
{
	width:100%;
	height:300%;
	position:absolute;
	z-index:9994;
	top:0;
	left:0;
}

.registro-parent
{
	width:840px;
	height:520px;
	position:relative;
	z-index:9999;
}

.registro-left
{
	width:50%;
	height:410px;
	position:relative;
	float:left;
}

.registro-left .bigbutton3, .bigbutton2, .registro-right .bigbutton4, .login-parent .registro-left .bigbutton4
{
	height: 55px;
	width: 100%;
	position: relative;
	float: left;
	margin-top:20px;
}

 .login-parent .registro-left .bigbutton4
{

	margin-bottom:20px;
}

.registro-left .bigbutton3:hover, .bigbutton2:hover, .registro-right .bigbutton4:hover, .login-parent .registro-left .bigbutton4:hover

{
	height: 54px;
	width: 100%;
	position: relative;
	float: left;
	margin-top:21px;
}

 .login-parent .registro-left .bigbutton4:hover
{

	margin-bottom:20px;
}

.registro-left .bigbutton3:active, .bigbutton2:active, .registro-right .bigbutton4:active, .login-parent .registro-left .bigbutton4:active

{
	height: 52px;
	width: 100%;
	position: relative;
	float: left;
	margin-top:23px;
}

 .login-parent .registro-left .bigbutton4:active
{

	margin-bottom:20px;
}

.registro-right
{
	width:50%;
	height:410px;
	position:relative;
	float:left;
}

.input-name
{
	height: 45px;
	width: 100%;
	position: relative;
	float: left;
}


.login-bigparent
{
	max-width: 940px;
	position: relative;
}

.login-parent
{
	width:460px;
	height:550px;
	position:relative;
	z-index:9999;
	float:right;
}

.login-parent img
{
	float:right;
}

.login-parent .registro-left
{
	width:100%;
	height:auto;
	position:relative;
	float:left;
}


.login-parent .registro-left h1, .login-parent .registro-left h5
{
}

.login-parent .registro-left h5
{
	width:150px;
}


.login-parent .registro-left .bigbutton3, .login-parent .bigbutton2, .login-parent .registro-right .bigbutton4
{
	height: 55px;
	width: 47.5%;
	position: relative;
	float: left;
	margin-top:0px;
}

.login-parent .registro-left .bigbutton3:hover, .login-parent .bigbutton2:hover, .login-parent .registro-right .bigbutton4:hover
{
	height: 54px;
	width: 47.5%;
	position: relative;
	float: left;
	margin-top:1px;

}

.login-parent .registro-left .bigbutton3:active, .login-parent  .bigbutton2:active, .login-parent .registro-right .bigbutton4:active

{
	height: 52px;
	width: 47.5%;
	position: relative;
	float: left;
	margin-top:3px;
}

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

.registro-parent
{
	width:95%;
	height:520px;

}

.registro-parent
{

	padding:30px;
}

.registro-left
{
	padding-right:30px;
}

.registro-right
{
	padding-left:30px;

}

.bigbutton3 
{
	margin-bottom:40px;
}

.login-bigparent
{
	padding-left: 20px !important;
	padding-right: 20px !important;
}

}

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

.registro-parent
{
	width:95%;
	padding:15px;
	height:950px;
	position:relative;
	margin-top:5%;

}	

.registro-right, .registro-left

{
	width:100%;
	height:400px;
	position:relative;
	float:left;
}

.registro-right
{
	padding:0px;
}

.registro-left
{
	padding:0px;
	border-right:none;
	border-bottom:solid;
	border-bottom-width:4px;
	border-bottom-color:white;
	margin-bottom:20px;
}

.bigbutton3 
{
	margin-bottom:20px;
}

.login-bigparent
{
	padding-left: 15px !important;
	padding-right: 15px !important;
}

.login-parent
{
	height:auto;
	width:100%;
	padding:15px;
}

.login-parent img
{
	margin-top: -35px;
	margin-right: 15px;
}

.o
{
	text-align:center;
	background-color:#ededed;
	width:20px;
	padding:3px;
	padding-bottom:8px;
	position:absolute;
	right:50%;
	top:385px;	
}

}