@charset "utf-8";
/* CSS Document */

@font-face {
font-family: FuturaLT-Condensed;
src: url(../fonts/FuturaLT-Condensed.ttf);
}

@font-face {
font-family: Futuralt;
src: url(../fonts/Futuralt.ttf);
}

@font-face {
font-family: Futura Light Condensed Regular;
src: url(../fonts/Futura Light Condensed Regular.otf);
}

@font-face {
font-family: FV_Almelo;
src: url(../fonts/FV_Almelo.ttf);
}

@font-face {
font-family: fv_almelo2;
src: url(../fonts/fv_almelo2.ttf);
}



h2 {
	font-family: futura_medium_bt-webfont;
}

p {
	font-family: futura_medium_bt-webfont;
}

#full-container{
	align-content: center;
	text-align: center;
}

.box-content{
	margin: 0 auto 0 auto;
}

#banner-container2{

	background-position: center center;
	background-repeat:  no-repeat;
	background-attachment: fixed;
	background-size:  cover;
	height:180px;
	text-align: center;
	padding-bottom: 10px;
}

#titles-content{
	padding: 30px 0 30px 0;
}

#titles-hr hr { 
	width: 100%;
   height:3px;  
   background-color:#dea84f;
   color: red;
   border: none;
   
 } 


.title{
	font-size: 25px;
	text-align: center;
	font-family: futura_medium_bt-webfont;
}

.sub-title {
	font-size: 15px;
}

.rojos{
	color: #F00004;
	font-family: futura_medium_bt-webfont;
	font-size: 20px;
}


.titulos h1 {
	color:#FFF;
	top:0;
	font-family: 'Roboto Condensed', sans-serif;
	background:#bf2922;
	font-size:17px;
	margin:0 auto 0 auto;
	padding:5px 0 5px 0;
	border-radius: 15px 15px 0px 0px;
	-moz-border-radius: 15px 15px 0px 0px;
	-webkit-border-radius: 15px 15px 0px 0px;
	border: 0px solid #000000;
}


#info-b h1{
	text-align: left;
	padding-left: 5px;
}

.casillas {
	padding: 5px 0 5px 0;
	border: 1px #aaaaaa solid;
	max-height: 100px;
	align-content: left;
}

.casillas-radio {
	padding: 5px 0 1px 0;
	border: 1px #aaaaaa solid;
	max-height: 100px;
	align-content: left;
}

.estado {
	padding: 5px 0 5px 0;
	border: 1px #aaaaaa solid;
	max-height: 100px;
	align-content: left;
	background-color: #aaaaaa;
	padding-bottom: 6px;
	font-size: 20px;
	border-radius: 0px 10px 10px 0px !important;
	color: white;
}

.estado2 {
	padding: 5px 0 5px 0;
	border: 1px #aaaaaa solid;
	max-height: 100px;
	align-content: left;
	background-color: #DD2D2B;
	padding-bottom: 6px;
	font-size: 20px;
	border-radius: 10px 0px 0px 10px !important;
	color: white;
}



.asterisk {
	color: red;
}

.form-group {
	margin-right: 0px !important;
	margin-left: 0px !important;
	margin-bottom: 0px ! important;
}

.col-lg-1 {
	padding-left: 3px ! important;
	text-align: left ! important;
}
.col-lg-2 {
	padding-left: 3px ! important;
	text-align: left ! important;
}

.col-lg-3 {
	padding-left: 3px ! important;
	text-align: left ! important;
}
.col-lg-4 {
	padding-left: 3px ! important;
	text-align: left ! important;
}

.col-lg-5 {
	padding-left: 3px ! important;
	text-align: left ! important;
}
.col-lg-6 {
	padding-left: 3px ! important;
	text-align: left ! important;
}

.col-lg-7 {
	padding-left: 3px ! important;
	text-align: left ! important;
}

.col-lg-8 {
	padding-left: 3px ! important;
	text-align: left ! important;
}

.col-lg-9 {
	padding-left: 3px ! important;
	text-align: left ! important;
}

.col-lg-10 {
	padding-left: 3px ! important;
	text-align: left ! important;
}

#asunto {
	background-color: #DD2D2B;
	color: #ffffff;
	padding-bottom: 6px;
	font-size: 20px;
	border-radius: 10px 0px 0px 10px !important;
}

#asunto2 {
	background-color: #DD2D2B;
	color: #ffffff;
	padding-top: 15PX;
	font-size: 15px;
	border-radius: 5px 0px 0px 5px !important;
	height: 50PX;
}

#asun {
	padding-left: 50px !important;

}

#asun2 {
	padding-left: 50px !important;

}

.row-separed {
	margin-top: 20px ! important;
}


#button-red {
	width: 580px; 
	background-color: #DD2D2B;
}


#button-red:hover {
	background-color: #ce1523;
}


.foot-container-{
	background-image: url('../images/persona.jpg');
	background-position: right;
	background-repeat:  no-repeat;
	height:420px;
	text-align: center;
	padding-bottom: 30px;
}


#info-basi {
	background-color: #DD2D2B;
	text-align: left;
	color: #ffffff;
	font-size: 20px;
	padding: 5px 0px 5px 10px;
	border-radius: 8px 8px 0px 0px;
	margin-bottom: -1px;
	font-family: futura_medium_bt-webfont;
}

.casillas-radio input {
	width: 20px;
	vertical-align: middle;
}

#cual {
	width: 100%
}

.radios {
	margin-top: 10px
}



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


#button-red {
	width: 320px; 
}

.foot-container{
	background-image: none;
}

#footer-container {
	margin-top: 50px;
}


.casillas {
	padding: 5px 0 5px 0;
	border: none;
	max-height: 100px;
	align-content: left;
}

.casillas-radio {
	padding: 5px 0 1px 0;
	border: 0px #aaaaaa solid;
	max-height: 100px;
	align-content: left;
	margin-top: 20px;
}

#pad {
	margin-top: 50px;
}

#footer-container {
	margin-left: 40px;
}

.radios {
	margin-left: 10px
	width:20px;
}

.estado {
	border-radius: 10px 10px 10px 10px !important;
}

.estado2 {
	border-radius: 0px 0px 0px 0px !important;
}

}