*
{
	color:#666666;
	font-family: 'Signika', sans-serif;
}

.header
{
	background: url("../images/cabecera-recibos-unicatolica.png") no-repeat center center;
	height: 226px;
	margin-bottom: 2.5em;
	background-size: cover;
}

.h1
{
	color: #fff;
    font-size: 4em;
    font-weight: 500;
    margin-top: 0;
    padding-top: 1em;
}

.h1 span
{
	color: #fff;
	display: block;
}

.h2
{
	font-size: 3em;

}

.h2--bg
{
	background-color: #E8EEF6;
}

.h3 span
{
    display: block;
    font-size: .7em;
    font-weight: 300;
}

.h3--mtb
{
	margin: 2em 0;

}

.recommendations__title
{
	font-size: 1.5em;
	margin-top: .5em;
}

.recommendations__list
{
	list-style: none;
	font-size: 1.2em;
	font-weight: 300;
	padding:0;
}

.frm--mt
{
	margin-top: 3.5em;
}

.frm label
{
	font-size: 24px;
	margin-right: .5em;
	margin-bottom: 0;
}

.frm label a
{
	cursor: pointer;
	text-decoration: underline;

}

.frm select
{
	background-color: #ccc;
}

.frm input
{
	background-color: #ccc;
}

.frm input::-webkit-input-placeholder 
{ 
	color: #fff;
	font-weight: 300; 
}

.frm input:-moz-placeholder 
{ 
	color: #fff;
	font-weight: 300;
}

.frm input::-moz-placeholder 
{ 
	color: #fff;
	font-weight: 300;
}

.frm input:-ms-input-placeholder 
{ 
	color: #fff;
	font-weight: 300;
}

.recognize-id
{
	font-weight: 300;
	cursor:pointer;
	margin-top:1em;
	text-align: center;
	text-decoration: underline;
}

/*Modificacion clase bootstrap*/

.modal-content 
{
	overflow: hidden;
}

.modal-header
{
	background: url("../images/header-carne.png") no-repeat center center;
	height: 87px;
	margin-bottom: 2.5em;
	background-size: cover;
	overflow: hidden;
}

.modal-header span
{
	display: block;
	color:#fff;
}

.modal-title
{
	color:#fff;
	font-size: 2em;
	line-height: 1em;
}

.close
{
	color: #fff;
	font-size: 27px!important;
    font-weight: 300!important;
    opacity: 1!important;
}    

.close:hover 
{
    color: #fff;
    opacity: 1!important;
    font-size: 30px!important;
}   
/*Fin Modificacion clase bootstrap*/


@media screen and (max-width: 480px){
	.header
	{
		background: none;
		background-color: #1B5DA4;
		height: 140px;
	}

	.h1
	{
		font-size: 2.5em;
		text-align: center;
    	
	}
	.h2 
	{
    	font-size: 2.5em;
	}
	
	.frm button
	{
		display: block;
	    margin-right: auto;
	    margin-left: auto;
	}
}

@media screen and (min-width:481px) and (max-width: 768px){
	.header
	{
		background: url("../images/cabecera-recibos-768-unicatolica.png") no-repeat center left;
		height: 140px;
	}

	.h1
	{
		font-size: 1.8em;
    	text-align: right;
    	padding: 1.6em .5em 0 0;
	}
}

@media screen and (min-width:769px) and (max-width: 992px){
	.header
	{
		background: url("../images/cabecera-recibos-992-unicatolica.png") no-repeat center left;
		height: 140px;
	}

	.h1
	{
		font-size: 3em;
    	text-align: right;
    	padding: 0.6em 1.5em 0 0;
	}
}