/*=====================================================
para containers como el del registro que son de 820px
=======================================================*/
.container-small { max-width: 820px; }


/* BREADCRUMBS */
.breadcrumb { background: none;}
.breadcrumb .contact::after  { display: inline-block; content: ''; width: 15px; height: 10px; background: url(../img/icon-sprite.png) no-repeat; background-position: 0px -89px; margin: 0 5px; }
.breadcrumb .contact:hover::after { background-position: 0px -109px; }

/* HEADINGS */

h1 { font-size: 26px; line-height: 26px; }
h2 { font-size: 18px; }

/* FORMS */

form { color: #000000; }
form h2 { font-size: 18px; color: #000000; }
form label { font-size: 14px; color: #a0a0a0; line-height: 35px; overflow: hidden; }
form input { -webkit-border-radius: 0!important; -moz-border-radius: 0!important; border-radius: 0!important; }
/*form input.w50 { width: 50%; margin-left: 20px;}*/
.radio input[type=radio], .radio-inline input[type=radio], .checkbox input[type=checkbox], .checkbox-inline input[type=checkbox] { margin-top: 10px; }
form label.checked { color: #4f4f4f; }
form .w50 { width: 50% ;}

/* BUTTONS */
button:hover { -webkit-transition: background-color ease-out 0.2s; -moz-transition: background-color ease-out 0.2s; -o-transition: background-color ease-out 0.2s; -ms-transition: background-color ease-out 0.2s; transition: background-color ease-out 0.2s; }
.btn  { border-color: transparent!important; -webkit-border-radius: 0!important; -moz-border-radius: 0!important; border-radius: 0!important; }
.btn-primary { background-color: #e0001c!important; border-color: transparent; }
.btn-right-arrow::after { display:inline-block; content: ''; width: 8px; height: 9px; background: url(../img/icon-sprite.png) no-repeat; background-position:0 0; margin: 0 5px 0 8px; 
-webkit-transition: background-color ease-out 0.2s; -moz-transition: background-color ease-out 0.2s; -o-transition: background-color ease-out 0.2s; -ms-transition: background-color ease-out 0.2s; transition: background-color ease-out 0.2s; }
.btn-right-arrow:hover::after { background-position: 2px 0; }
.btn-right-arrow { padding: 10px 0; font-size: 14px; width: 50%; text-align: right; line-height: 1; }


/*LINKS */

a { color: #4f4f4f; text-decoration: underline; }
a:hover { color: #e0001c; }

.btn-facebook-login { color: #3B5998; padding: 20px; background: transparent; font-size: 16px; text-decoration: none; width: 100%; min-width: 235px; }
.btn-facebook-login span { width: 100%;	display: block;	float: left; line-height: 1.3; max-width: 80px; }

.btn-facebook-login::after { display: block; content: ''; width: 42px; height: 42px; background: url(../img/icon-sprite.png) no-repeat; background-position: 0px -38px; margin: 0 5px 0 8px; float: left;}
.btn-facebook-login.blue:after { background-position: -42px -38px; }
.btn-facebook-login:hover { color: #3B5998; text-decoration: none; }





@media (min-width: 768px) {

.btn-right-arrow { width: 100%; max-width: 140px; }

}


@media (min-width: 1200px) {

.container { width: 970px; }

/*=====================================================
para containers como el del registro que son de 820px
=======================================================*/
.container-small { max-width: 820px; }



}