/*-------FUENTES-------*/
@import url(fonts.css);
/*---------------------*/


/*-------------ESTILOS------------*/
body{
	font-size: 16px;
	height: 100%;
	width: 100%;
	background-color: #00adee;
	overflow-x: hidden !important;
}
.center-block{
	float:none;
}

.padding-15{
	padding-left: 15px;
	padding-right: 15px;
}
h1{
	color: #00ffea;
	font-family: "Myriad Pro Light";
	font-size:4rem;
}
p{
	line-height: 19px;
	color:#07011a;
	font-family: "PT Sans", sans-serif;
	font-weight: 400;
	font-size:1.8rem;
}
.logo{
	padding-top: 10vh;
	padding-left: 5.8vw;
}
.logo img{
    max-width: 110px;
}
@media(max-width: 1200px){
    .logo{
        padding-left:5vw;
    }
}

.negmargin{
	margin-top:-25px;
}

.form-group .form-control{
	background-color: #00adee;
	border-color: #00f5eb;
	border-left:none;
	border-right:none;
	border-radius: 0px;
	height: 40px;
	color:white !important;
	box-shadow: none;
}
.form-group input:focus {
	outline: none !important;
	box-shadow: none !important;
	border-color:#00f5eb;
}
.form-group input::-webkit-input-placeholder {
	color: white !important;
	font-family: 'PT Sans', sans-serif;
	font-weight: 300;
	opacity: 0.8;
	font-size: 1.5rem;
}

.form-group input:-moz-placeholder { /* Firefox 18- */
	color: white !important;
	font-family: 'PT Sans', sans-serif;  
	font-weight: 300;
	opacity: 0.8;
	font-size: 1.5rem;
}

.form-group input::-moz-placeholder {  /* Firefox 19+ */
	color: white !important;
	font-family: 'PT Sans', sans-serif;  
	font-weight: 300;
	opacity: 0.8;
	font-size: 1.5rem;
}

.form-group input:-ms-input-placeholder {  
	color: white !important;
	font-family: 'PT Sans', sans-serif;  
	font-weight: 300;
	opacity: 0.8;
}
.form-inline .form-group input {
	width:140px;
}
.pwlost{
	border-top:3px solid #00f5eb;
	margin-top: 20px;
	padding-top: 13px;
}
.pwlost a, .pwlost p{
	color:black !important;
	font-family: 'PT Sans', sans-serif;  
	font-weight: 300;
	font-size: 1.5rem;
}
/*--------------------------------*/

.botones input{
	background-color: transparent;
	border-radius: 30px;
	border:1px solid #00f5eb;
	padding-top: 7px;
	padding-bottom: 7px;
	padding-left: 50px;
	padding-right: 50px;
	color: #00f5eb;
	font-family: "Myriad Pro Light";
	font-size: 2.1rem;
	margin-top: -8px;
}

.botones a{
	border-radius: 30px;
	border:1px solid #00f5eb;
	padding-top: 12px;
	padding-bottom: 12px;
	padding-left: 35px;
	padding-right: 35px;
	color: #00f5eb;
	font-family: "Myriad Pro Light";
	font-size: 2.1rem;
}

.botones a:hover{
	text-decoration: none;
}
.botondiv{
	padding-left:7vw; 
	margin-top:50px;
	margin-bottom: 30px;
}


/*
	*
	*TABLA
	*
*/
.encuesta .table>thead>tr>th{
	border:none
}


.encuesta table{
border-collapse: separate;
}

.encuesta table thead tr th, .encuesta td{
	padding-left: 15px !important;
}
.encuesta thead th { border: solid 2px #00ffea !important;  }
.encuesta th:first-child { border-top-left-radius: 30px; }
.encuesta th:last-child { border-top-right-radius: 30px; }
.encuesta th:first-child { border-bottom-left-radius: 30px;}
.encuesta th:last-child { border-bottom-right-radius: 30px; }
.encuesta .noBorder-left{
	border-left: none!important;
}
.encuesta .noBorder-right{
	border-right: none !important;
}

.encuesta  .table>tbody>tr>td{
	border:none;
}
.encuesta .spacer{
	height: 15px;
}
.encuesta table th{
	width: 200px;
	color:white;
	font-family: "Myriad Pro Light";
	font-size: 1.2rem;
}
.encuesta table th:first-child{
	font-size: 1.4rem;
}

.encuesta table td, .encuesta table th{
	text-align: center;
}
.encuesta table td:first-child {
	text-align: left;
	width: 520px !important;
	color:white;
	font-family: "PT Sans", sans-serif;
	font-weight: 200;
	font-size: 1.4rem;

}
.encuesta .table>tbody>tr>td{
    padding: 4px;
}
.encuesta .table-responsive{
	border:none;
}
.encuesta .no-center {
	text-align: left;
}

.col-sm-11{
    max-width: 750px;
}

[type="radio"] {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px; margin: 5px;
	overflow: hidden;
	padding: 0;
	/*visibility: hidden;*/
    position: absolute;
}


/* the basic, unchecked style */
[type="radio"] + span:before {
    content: '';
    display: inline-block;
    width: 1em;
    height: 1em;
    vertical-align: -0.25em;
    border-radius: 1.4em;
    border: 0.125em solid #00adee;
    box-shadow: 0 0 0 0.15em #00ffea;
    /*margin-right: 0.75em;*/
    transition: 0.5s cubic-bezier(0.18, 0.89, 0.32, 1.28) all;
}

/* the checked style using the :checked pseudo class */
[type="radio"]:checked + span:before {
	background: #00ffea;
	box-shadow: 0 0 0 0.25em #00ffea;
}

.refresh{
    cursor: pointer;
}

select.form-control{
	border-radius: 0 !important;
	-webkit-border-radius: 0 !important;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: #fff url("../img/dropD.png") no-repeat 97% 8px;
}
/*-------------MEDIAS-------------*/

@media (max-width: 400px) {
	.botondiv{
		padding-left:0vw; 
	}
	.botones a{
		font-size: 1.7rem;
	}
	.botones input{
		font-size: 1.8rem;
	}
}

@media only screen and (width : 320px) and (orientation: portrait) {

}


@media only screen and (width : 436px) and (orientation: portrait) {

}

@media only screen and (width : 768px) and (orientation: portrait) {

}
@media only screen and (width : 768px) and (orientation: landscape) {

} 
@media only screen and (width : 667px) and (orientation: landscape) {

}
@media only screen and (width : 736px) and (orientation: landscape) {

}

@media only screen and (width : 600px) and (orientation: portrait){
}

@media only screen and (width : 600px) and (orientation: landscape) {

}


@media (max-width : 990px) {

	.negmargin{
		margin-top:20px;
	}

}

@media (max-width: 1300px){
		.logo img{
		max-width: 90px;
	}
}
@media only screen and (width : 375px) and (orientation: portrait) {

}
@media only screen and (width : 384px) and (orientation: portrait) {

}
@media only screen and (width : 360px) and (orientation: portrait) {
}
@media only screen and (width : 413px) and (orientation: portrait) {
}
@media only screen and (width : 640px) and (orientation: landscape) {

}
/*----------------------------------*/