/* ==========================================================================
   Author's custom styles
   ========================================================================== */

body {background: #000;   padding-top: 0px; font-family: Arial, sans-serif; -webkit-font-smoothing: antialiased;}
@media (min-width: 1200px) {.container {  width: 960px;} }
.container {background: #daebfe;}

/* Header */
	header {padding: 15px 20px; background-color: #000 !important; color:#fff;}
	.social_icons{}
	.deaplaneta {margin-top: 20px;}
	.deaplaneta a {font-size: 20px; color:#fff; text-decoration: none;}
	.deaplaneta a span{color: #9bb8e5; }

/* Titol i Estrena */
	#titolestrena {text-transform: uppercase; min-height: 95px; padding: 15px 0;
		background: rgba(255,255,255,1);
		background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 66%, rgba(216,239,254,1) 100%);
		background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,1)), color-stop(66%, rgba(255,255,255,1)), color-stop(100%, rgba(216,239,254,1)));
		background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 66%, rgba(216,239,254,1) 100%);
		background: -o-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 66%, rgba(216,239,254,1) 100%);
		background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 66%, rgba(216,239,254,1) 100%);
		background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 66%, rgba(216,239,254,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d8effe', GradientType=1 );
	}
	#titolestrena h1 {color:#000000; font-size: 44px; margin: 2px 0;}
	#titolestrena h3 {color:#4482d3; font-size: 24px; margin: 0; }

/* YouTube */
	#ytvideo iframe {vertical-align: bottom; }
	#ytvideo {text-align: center; background: #000;}

/* Content */
	#nomdesc {margin-top: 10px; color: #fff; padding: 15px;font-size: 17px;
		background: rgba(106,193,233,1);
		background: -moz-linear-gradient(left, rgba(106,193,233,1) 0%, rgba(58,114,205,1) 100%);
		background: -webkit-gradient(left top, right top, color-stop(0%, rgba(106,193,233,1)), color-stop(100%, rgba(58,114,205,1)));
		background: -webkit-linear-gradient(left, rgba(106,193,233,1) 0%, rgba(58,114,205,1) 100%);
		background: -o-linear-gradient(left, rgba(106,193,233,1) 0%, rgba(58,114,205,1) 100%);
		background: -ms-linear-gradient(left, rgba(106,193,233,1) 0%, rgba(58,114,205,1) 100%);
		background: linear-gradient(to right, rgba(106,193,233,1) 0%, rgba(58,114,205,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6ac1e9', endColorstr='#3a72cd', GradientType=1 );
	}
	#nomdesc h4 {font-size: 22px; text-transform: uppercase;}
	#nomdesc img {margin-bottom: 20px;}

/* Questions */
	#question_container {background: #fff; margin: 40px 5px; padding: 25px;
		-webkit-border-radius: 8px;
		-moz-border-radius: 8px;
		border-radius: 8px;
		border: 1px solid #2b5b9f;
		-webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.21);
		-moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.21);
		box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.21);
	}
	
	.preguntas {color:#2b5b9f; font-size: 15px;}
	.preguntas li {margin: 15px 0 30px;}
	.preguntas li div {margin-top: 10px; color: #333333;}
	.preguntas li div span {display:block}
	.preguntas input[type="text"]{ width:80%; height: 35px; padding: 0 8px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		border: 1px solid #a3a3a3;
	}
	.preguntas li div img {margin: 20px 0;}
	
	.starRating:not(old){
	  display        : inline-block;
	  width          : 7.5em;
	  height         : 1.5em;
	  overflow       : hidden;
	  vertical-align : bottom;
	}
	
	.starRating:not(old) > input{
	  margin-right : -100%;
	  opacity      : 0;
	}
	
	.starRating:not(old) > label{
	  display         : block;
	  float           : right;
	  position        : relative;
	  background      : url('star-off.svg');
	  background-size : contain;
	}
	
	.starRating:not(old) > label:before{
	  content         : '';
	  display         : block;
	  width           : 1.5em;
	  height          : 1.5em;
	  background      : url('star-on.svg');
	  background-size : contain;
	  opacity         : 0;
	  transition      : opacity 0.2s linear;
	}
	
	.starRating:not(old) > label:hover:before,
	.starRating:not(old) > label:hover ~ label:before,
	.starRating:not(:hover) > :checked ~ label:before{
	  opacity : 1;
	}
	
/* 	Footer */
	footer {height: 210px; position: relative; background: #000 !important;}	
	footer img {position: absolute; bottom: 35px; right: 20px;}	
		
/* 	Btn */
	.btn {
		background: #fffb00;
		background-image: -webkit-linear-gradient(top, #fffb00, #ffaa00);
		background-image: -moz-linear-gradient(top, #fffb00, #ffaa00);
		background-image: -ms-linear-gradient(top, #fffb00, #ffaa00);
		background-image: -o-linear-gradient(top, #fffb00, #ffaa00);
		background-image: linear-gradient(to bottom, #fffb00, #ffaa00);
		-webkit-border-radius: 5;
		-moz-border-radius: 5;
		border-radius: 5px;
		font-family: Arial;
		color: #000000;
		font-size: 18px;
		padding: 8px 20%;
		border: solid #ffaa00 2px;
		text-decoration: none;
	}
	
	.btn:hover {
		background: #fffb00;
		text-decoration: none;
	}
	
	
/* Checkmail */
	.checkmail {font-size: 16px; color:#000; margin-bottom: 20px; }
	.checkmail .btn {padding: 5px 10%; font-size: 16px;}
	.checkmail input {padding: 5px; margin-right: 20px; min-width:40%;		-webkit-border-radius: 5;		-moz-border-radius: 5;		border-radius: 5px; 		border: solid #ffaa00 2px;}	
	.checkmail label {width: 100%; font-weight: normal;}
	
/* Register Form	 */
	
	.registerform .btn2 {
		background: #fffb00;
		background-image: -webkit-linear-gradient(top, #7fe0f4, #163bba);
		background-image: -moz-linear-gradient(top, #7fe0f4, #163bba);
		background-image: -ms-linear-gradient(top, #7fe0f4, #163bba);
		background-image: -o-linear-gradient(top, #7fe0f4, #163bba);
		background-image: linear-gradient(to bottom, #7fe0f4, #163bba);
		-webkit-border-radius: 5;
		-moz-border-radius: 5;
		border-radius: 5px;
		font-family: Arial;
		font-weight: normal;
		color: #ffffff;
		font-size: 14px;
		padding: 4px 15px;
		border: solid #345ac5 2px;
		text-decoration: none;
		margin:25px 0;
	}
	
	.registerform .blueline {height:1px; border:none; color:#000; background-color:#3a72cd; margin-top: 0;}
	.registerform input[type="text"], .registerform input[type="email"] {padding: 5px; width:100%;		-webkit-border-radius: 5;		-moz-border-radius: 5;		border-radius: 5px; 		border: solid #345ac5 2px;}	
	.registerform input[type="radio"] {margin-left: 15px; border: solid #345ac5 2px;}
	.registerform input[type="radio"]:first-child {margin-left: 0px;}
	.registerform label {width: 100%; font-weight: normal; margin-top: 10px;}
	.registerform .section {margin: 25px 0;}
	.registerform .section p {margin:0;}
	.registerform .send {margin: 0 !important; width:100%; }

	#register_error {font-size: large; margin: 50px 20px; border: solid #345ac5 2px;-webkit-border-radius: 5; -moz-border-radius: 5; border-radius: 5px; padding: 15px; text-align: center;}