@charset "utf-8";





@font-face {

  font-family: 'CenturyGothic';

  src: 	url('../fonts/CenturyGothic.eot?#iefix') format('embedded-opentype'),  

  		url('../fonts/CenturyGothic.woff') format('woff'), 

  		url('../fonts/CenturyGothic.ttf')  format('truetype'), 

  		url('../fonts/CenturyGothic.svg#CenturyGothic') format('svg');

  font-weight: normal;

  font-style: normal;

}


a {
    color: #ffffff;
}


h1 {

	color: #000;

	text-align: center;

	font-family: 'CenturyGothic';

    padding: 10px 0px;

	font-size: 40px;

}



h2 {

	color: #000000;

	text-align: center;

	font-weight: bold;

	font-size: 20px;

	margin-top: 10px;

}



h4 {

	color: #000000;

	text-align: left;

	font-family: 'CenturyGothic';

	font-weight: bold;

	font-size: 17px;

    margin-top: 10px;

}



hr {	

    width: 70%;

    margin-top: 10px;

}



.logo {

    padding-top: 0px;

    width: 217px;

    margin: 0px auto;

}

.titu  {

	color: #fff;
    text-align: center;
    padding-top: 20px;
    font-size: 19px;
}

.cabezal {

	margin: 20px auto 55px auto;

    width: 100%;

}

.form-cont {
    width: 60%;
    background-color: rgba(0,0,0,0.65);
    border-radius: 10px;
    margin: 35px auto;
	padding: 50px 20px;

}

.form-reg {

	width: 87%;

    margin: 30px auto 0px auto;

	padding: 15px;

    float: left;

}





.texto {

	width: 87%;

    margin: 30px auto 0px auto;

    border-radius: 3px;

	padding: 15px;

}



.texto p {

	text-align: justify;

	font-family: 'CenturyGothic';

	color: #444444;

}



.texto spam {

	color: #c00000;

	font-weight: bold;

}



.form-col{

    width: 93%;

    margin: 0px auto;

}



.form-col input {

	width: 100%;

    border: 1px solid #ee8000;

    height: 32px;

    margin-top: 15px;

	color: #000;

}



.form-col select {

	width: 100%;

    border: 1px solid #e80e31;

    height: 32px;

    margin-top: 15px;

	color: #000;

}



.form-col spam{

    color: #ffffff;

    display: inline-block;

    margin-top: 20px;

	font-size: 12px;

    margin-left: 0;

}







::-webkit-input-placeholder { /* Chrome/Opera/Safari */

  color: #d2d2d2;

}



::-moz-placeholder { /* Firefox 19+ */

  color: #d2d2d2;

}



:-ms-input-placeholder { /* IE 10+ */

  color: #d2d2d2;

}



:-moz-placeholder { /* Firefox 18- */

  color: #d2d2d2;

}







.inner-addon { 

    position: relative; 

}







/* style icon */



.inner-addon .glyphicon {

  position: absolute;

  padding: 10px;

  pointer-events: none;

}







/* align icon */



.left-addon .glyphicon  { left:  0px;top: 16px;color: #000;}



.right-addon .glyphicon { right: 0px;}







/* add padding  */



.left-addon select { padding-left:  30px; }



.left-addon input  { padding-left:  30px; }



.right-addon input { padding-right: 30px; }







/* .squaredTwo */



.squaredTwo {

  display: inline-block;

  width: 24px;

  height: 24px;

  position: relative;

  margin: 0px;

  background: #ffbd00;

  background: -webkit-linear-gradient(top, #ffbd00 0%, #ffbd00 40%, #ffbd00 100%);

  background: linear-gradient(to bottom, #ffbd00 0%, #ffbd00 40%, #ffbd00 100%);

margin-right: 5px;
}



.squaredTwo label {

  width: 18px;

  height: 18px;

  cursor: pointer;

  position: absolute;

  left: 3px;

  top: 3px;

  background: -webkit-linear-gradient(top, #ffffff 0%, #cccccc 100%);

  background: linear-gradient(to bottom, #ffffff 0%, #cccccc 100%);

}



.squaredTwo label:after {

  content: '';

  width: 10px;

  height: 7px;

  position: absolute;

  top: 4px;

  left: 4px;

  border: 3px solid #000;

  border-top: none;

  border-right: none;

  background: transparent;

  opacity: 0;

  -webkit-transform: rotate(-45deg);

          transform: rotate(-45deg);

}



.squaredTwo label:hover::after {

  opacity: 0.3;

}



.squaredTwo input[type=checkbox] {

  visibility: hidden;

  margin: -16px 0 0;

}



.squaredTwo input[type=checkbox]:checked + label:after {

  opacity: 1;

}





/* end .squaredTwo */





input[type="submit"] {

    color: #000;

	background-color: #ffbd00;

}



input[type="button"] {

    color: #ffffff;

	background-color: #e80f30;

}



.pie p {

    text-align: center;

    font-size: 10px;

	margin-top: -15px;

}



.cont	{

	

}







.columna	{

	height: 640px;

    float: left;


}





@media (max-width: 1200px) {

	.columna{
		float: none;
	}

}

@media (max-width: 667px) {

	.form-cont {
		width: 98%;
		background-color: rgba(0,0,0,0.65);
		border-radius: 10px;
		margin: 35px auto;
		padding: 50px 20px;
	}
}


.columna p {

    color: #000000;

    text-align: center;

    margin-top: 14px;

    margin-bottom: 0px;

    font-size: 12px;

}



body {

	background: url(../img/bg.jpg) no-repeat center center;

    background-size: cover;

}



.rectangulo	{

	position: relative;

	margin: 0 auto;

	margin-top: 10px;

}



.rectangulo-2	{

	position: relative;

	margin: 0 auto;

	width: 80%;

	height: 640px;

	margin-top: 50px;

}