/*** 
Concurso LUN/STITCHKIN - CSS
Changelog: 	- 26/07/2013 - Initial Version. - D. Moath
			- 29/07/2013 - Pre-Release - D. Moath
			- 31/07/2013 - Media Queries for Mobile - D. Moath
***/
/* Desktop */
html, body {
	/*background-color: #e4e7e7;
	background-image: url(../img/bg.png);*/
	background-color: white;
	background-position: top center;
	background-repeat: repeat-y;
	background-size: contain;
	backface-visibility: hidden;
}

/* clearfix hack */
.cf { zoom: 1; }
.cf:before,
.cf:after { content: ""; display: table; }
.cf:after { clear: both; }

#wrapper {
	width: 100%;
	margin: 0 auto;
	text-align: center;
}

.precio_ref{
	margin-right:-43em;
	margin-top:10px;
	color:#FFFFFF; 
	font-weight:bold; 
	font-size:12px; 
	text-align:center;	
}

.logos_top{
	float: left;
	width: 37%;
	line-height: 53px;
}

@font-face {
	font-family: 'AllerRegular';
	src: url('../fonts/aller_rg.woff') format('woff');
}
@font-face {
	font-family: 'DIN1451StdEngschrift';
	src: url('../fonts/Intro.woff') format('woff');
}
.din {
	font-family: DIN1451StdEngschrift,Verdana, Geneva, sans-serif;
	font-weight: lighter;
	font-size: 40px;
}

#social_media{
	cursor:pointer;	
}
.txt_menu {
	font-family: DIN1451StdEngschrift,Verdana, Geneva, sans-serif;
	font-weight: lighter;
	font-size: 12px;
}
.aller {
	font-family: AllerRegular;
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
	color: #002369;
	text-align: justify;
	line-height: 0.9em;
	letter-spacing: 1px;
	word-spacing: 1px;
	text-indent: 1px;
	vertical-align: middle;
	white-space: normal;
	display: block;
}
/*.droid {
	font-family: 'myriad', sans-serif;
	font-size: 14px;
	text-align: center;
	color: #8a8b8c;
}*/
.droid {
	font-family: 'Titillium Web', sans-serif;
	font-size: 14px;
	text-align: center;
	color: #8a8b8c;
}
.i_text{
	font-family: 'Exo', sans-serif;
	font-size: 14px;
	color: #8a8b8c;
}
/*.tittilium{
	font-family: 'Titillium Web', sans-serif;
	font-size: 14px;
	text-align: center;
	color: #8a8b8c;
}*/
#top_bar {
	float: left;
	margin-left: 11%;
  	width: 77.5%;	
	/*margin-left: 13%;
	width: 74%;*/
	position:relative;
	background: #b7b6b6; /* Old browsers */
	background: -moz-linear-gradient(top,  #b7b6b6 1%, #fcfff4 51%, #b7b6b6 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#b7b6b6), color-stop(51%,#fcfff4), color-stop(100%,#b7b6b6)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #b7b6b6 1%,#fcfff4 51%,#b7b6b6 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #b7b6b6 1%,#fcfff4 51%,#b7b6b6 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #b7b6b6 1%,#fcfff4 51%,#b7b6b6 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #b7b6b6 1%,#fcfff4 51%,#b7b6b6 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b7b6b6', endColorstr='#b7b6b6',GradientType=0 ); /* IE6-9 */
	height:50px;
	z-index:5;
}
#bg_top {
	background-image: url(../img/bg_top.png);
	background-position: center;
	background-repeat: no-repeat;
	margin-top: -150px;
	padding-top: 200px;
	z-index: -10;
	text-align:left;
}
#info_top {
float: left;
width: 52%;
position: relative;
z-index: 30;
margin-top: -55px;
}
#slide_top {
	float: left;
	width: 32%;
	margin-top: -15px;
}
#slide_width {
	position:relative;
	width: 85%;
	margin-left: -42px;
	z-index:2;
}
#big_img {
	position:relative;	
	z-index: 1;
	margin-top: -15px;
}
#social_media {
	position:absolute;	
	z-index: 3;
	margin-left: 53.7em;
	margin-top: 21%;
}
#i_left {
	background-image: url(../img/i_left.png);
	background-repeat: no-repeat;
	width: 28px;
	height: 490px;
	float: left;
}
#i_middle {
	background-image: url(../img/i_middle.png);
	background-repeat: repeat-x;
	width: 92%;
	height: 490px;
	float: left;
}
#i_right {
	background-image: url(../img/i_right.png);
	background-repeat: no-repeat;
	width: 28px;
	height: 490px;
	float: left;
}
#top1 {
	/*background-image: url(../img/1.png);
	background-repeat: no-repeat;
	background-position: top center;*/
	width: 33%;
	padding: 1em;
	padding-top: 25px;
	text-align: center;
	margin-top: -6px;
	margin-left: 126px;
	z-index: 3;
	position: relative;
}
#top2 {
	/*background-image: url(../img/2.png);
	background-repeat: no-repeat;
	background-position: top center;*/
	width: 33%;
	padding: 1em;
	padding-top: 25px;
	text-align: center;
	margin-top: -6px;
	margin-left: -126px;
	z-index: 2;
	position: relative;
}
#top3 {
	/*background-image: url(../img/3.png);
	background-repeat: no-repeat;
	background-position: top center;*/
	width: 33%;
	padding: 1em;
	padding-top: 25px;
	text-align: center;
	margin-top: -6px;
	margin-left: -126px;
	z-index: 1;
}
#top4 {
	background-image: url(../img/4.png);
	background-repeat: no-repeat;
	background-position: top center;
	width: 25%;
	height: 79px;
	padding: 1em;
	padding-top: 110px;
	text-align: center;
	margin-top: -6px;
}
.i_title {
	color: #002369;
	font-size: 25px;
	line-height: 1em;
	/*margin-bottom: 20px;*/
	margin-left:16%;
	text-align:left;
	font-weight: bold;
}
.i_num{
	font-weight:bold;
	font-size: 27px;
	color: #002369;
}
.instrucciones {
	font-size: 18px;
	color:#009;
	line-height: 1.2em;
	text-align: left;
	font-weight: 550;
	width:69%;
	margin-left:16%;
}
.i_esp{
	margin-bottom:29px;
	margin-top:19px;
}
.i_bold{
	font-size: 15px;
	font-weight:800;
}
#bg_footer {
	background-image: url(../img/footer.png);
	padding: 0px 0;
	height: 100%;
	background-size: cover;
	-moz-background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
#footer {
	position: relative;
	clear: both;
	/*background-color: #293540;*/
	margin-top: 25px; /* negative value of footer height */
	max-width: 100%;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f8f8f7), to(#acaba8));
	Webkit: Chrome, Opera,...;
	background-​​image: linear-gradient(top , #f8f8f7, #acaba8 );
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#f8f8f7, endColorstr=#acaba8)";
}
.footer {
	font-size: 12px;
	text-align: justify;
	color: #666666;
}
#bg_form {
	/*background-image: url(../img/bg_form_.png);
	background-repeat: repeat-x;*/
	height: auto;
	width: 100%;
}
#top_form {
	/*background-image: url(../img/form_top.png);*/
	background-repeat: no-repeat;
	height: 46px;
	width: 454px;
	padding-top: 25px;
}
#middle_form {
	/*background-image: url(../img/form_bg.png);*/
	background-repeat: repeat-y;
	width: 70%;
}
#bottom_form {
	/*background-image: url(../img/form_bottom.png);*/
	background-repeat: no-repeat;
	height: 0px;
	width: 0px;
}
.input_form {
	/*background-image: url(../img/form_input.png);
	width: 500px;*/
	height: 43px;
	margin-bottom: 10px;
	background-color: #24365c;
}
.form_title {
	color:#e32638;
	width: 100%;
    text-align: center;
}
.styled_input {
	background: #F04B5E;
	font-size: 12px;
	border: none;
	width: 300px;
	height: 25px;
	margin-top: 7px;
	border-radius: 5px;
	color:#FFF;
}
.styled-select {
	background: transparent;
	width: 45%;
	padding: 2px;
	font-size: 12px;
	font-weight: bold;
	border: 0;
	border-radius: 5px;
	height: 25px;
	-webkit-appearance: none;
	color: #FFFFFF;
	margin-top:7px;
	background: #F04B5E;
}
form {
	margin: 0px;
	padding: 0px;
}
.col {
	float: left;
	width: 25%;
}
.last {
	float: right;
	width: 25%;
}
input[type=checkbox].css-checkbox {
	position: absolute;
	overflow: hidden;
	clip: rect(0 0 0 0);
	height: 1px;
	width: 1px;
	margin: -1px;
	padding: 0;
	border: 0;
}
input[type=checkbox].css-checkbox + label.css-label {
	padding-left: 20px;
	padding-top: 3px;
	height: 18px;
	display: inline-block;
	line-height: 18px;
	background-repeat: no-repeat;
	background-position: 0 0;
	font-size: 15px;
	cursor: pointer;
	vertical-align: middle;
}
input[type=checkbox].css-checkbox:checked + label.css-label {
	background-position: 0 -18px;
}
.css-label {
	background-image: url(../img/checkbox.png);
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
 color:#1A1A1A;
 font-weight:bold;
}
input:-moz-placeholder, textarea:-moz-placeholder {
 color:#1A1A1A;
 font-weight:bold;
}
.placeholder {
	color: #1A1A1A;
	font-weight: bold;
}
.red {
	color: red;
}
.error {
	background: #F0ADB9;
	border: none;
}
.wraptocenter {
	width: 300px;
	height: 300px;
	text-align: center;
	line-height: 300px;
}
.wraptocenter img {
	margin: auto;
	vertical-align: middle;
}
.menu {
	color: #002369;
	/*font-weight: bold;
	font-size: 9pt;
	text-indent: 1px;
	font-weight:bold;*/
}
.shadow {
	background-image: url(../img/top_shadow.png);
	background-position: top;
	background-repeat: no-repeat;
	height: 48px;
	text-align: center;
}
.menu_l {
	/*background-image: url(../img/top_button_left.png);
	background-position: top left;
	background-repeat: no-repeat;*/
	line-height: 50px;
	text-align: center;
	cursor: pointer;
	height: 36px;
	width: 130px;
}
.menu_c {
	/*background-image: url(../img/top_button_middle.png);
	background-position: top center;
	background-repeat: no-repeat;*/
	line-height: 50px;
	text-align: center;
	cursor: pointer;
	width: 119px;
	margin-left: 1px;
	border-left:#c4c4c4 solid 1px;
}
.menu_img {
	/*background-image: url(../img/top_button_middle.png);
	background-position: top center;
	background-repeat: no-repeat;*/
	line-height: 50px;
	text-align: center;
	cursor: pointer;
	height: 36px;
	width: 150px;
	margin-left: 1px;
}
.menu_c_vid {
	/*background-image: url(../img/top_button_middle.png);
	background-position: top center;
	background-repeat: no-repeat;*/
	line-height: 36px;
	text-align: center;
	cursor: pointer;
	height: 36px;
	width: 125px;
	margin-left: 1px;
}
.menu_r {
	/*background-image: url(../img/top_button_right.png);
	background-position: top center;
	background-repeat: no-repeat;*/
	line-height: 36px;
	text-align: center;
	cursor: pointer;
	height: 36px;
	width: 117px;
	margin-left: 1px;
}
.valign {
	display: inline-block;
	vertical-align: middle;
	line-height: normal;
}
.white-popup {
	position: relative;
	background: #FFF;
	padding: 20px;
	width: auto;
	max-width: 500px;
	margin: 20px auto;
	text-align:center;
}
#aceptar, #consultar {
	/*background-image: url(../img/aceptar.png);
	background-position: top center;
	background-repeat: no-repeat;*/
	background-color: #49b8b1;
	line-height: 35px;
	text-align: center;
	cursor: pointer;
	height: 40px;
	width: 175px;
	margin-left: 1px;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: moz-none;
	-ms-user-select: none;
	user-select: none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.aceptar {
	color: #FFF;
	font-weight: bolder;
	font-size: 16pt;
	text-indent: 1px;
}
#top_separator, #first_separator, #second_separator {
	margin-top: 5%;
	margin-bottom: 30px;
}
#top_separator, #first_separator, #second_separator img {
	width: 49%;
}
#terms {
	width: 80%;
	margin-top: 20px;
}
.title_over_inst{
	color:#F00;
	font-size:34px;
	letter-spacing:-2px
}
/*#bg_form {
	background-image: url(../img/bg_form.png);
	background-repeat: no-repeat;
}*/
#terms_text {
	font-size: 16px;
	padding-left: 5px;
	text-align: center;
	line-height: 1.1em;
}
#logo_link {
	position: absolute;
	left: 0;
	bottom: 5px;
	width: 100%;
	text-align: center;
	cursor: pointer;
	background-color: white;
	opacity: .5;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: moz-none;
	-ms-user-select: none;
	user-select: none;
}
#logo_link p {
	color: #343434;
	margin-bottom: 0px;
	font-weight: bold;
}
#logo {
	background-image: url(../img/logo.png);
	background-position: top center;
	background-repeat: no-repeat;
	width: 207px;
	height: 209px;
	position: absolute;
	left: 75%;
	bottom: 20%;
	text-align: center;
}
#hand {
	background-image: url(../img/hand.png);
	background-position: top center;
	background-repeat: no-repeat;
	width: 100px;
	height: 100px;
	left: 87%;
	/*bottom: 17%;*/
	text-align: center;
	z-index:20;
	margin-top:-70px;
	position:relative;
}
.underline {
	text-decoration: underline;
}
.bold {
	font-weight: bold;
}
.vinieta{
    list-style-image:url("../img/vineta.png");
}
#i_list li{
	margin-bottom:10px;	
}
#aceptar_m {
	margin-top: 20px;
}
div.inputdata{
	padding:0.1em;
	margin:0.3em;
	padding-left:10px;
}

div.inputdata label {
	float: left;
	margin-right: 5px;
	padding: 0px;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	padding-top: 9px;
	width: 42%;
	text-align: left;
}

div.inputdata span{
	display: block;
	overflow: hidden;
}

div.inputdata input, div.inputdata select{
	width:99%;
}

.clear {
	clear: both; 
}
#requerido {
	float: right;
	font-size: 11px;
	width: 100%;
	text-align: right;
	margin-top: -10px;
	margin-right: 14%;
}

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

	#middle_form {
		/*background-image: url(../img/form_bg.png);*/
		background-repeat: repeat-y;
		width: 97%;
	}
		
}