html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin : 0;
	padding : 0;
	border : 0;
	font-size : 100%;
	font : inherit;
	vertical-align : top;}
htnl{
min-height: 100%
}
	article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display : block;
}
	body {
	line-height : 1;
}
		blockquote, q {
	quotes : none;
}
	blockquote:before, blockquote:after, q:before, q:after {
	content : '';
	content : none;
}
	table {
	border-collapse : collapse;
	border-spacing : 0;
}


/* #Basic Styles
================================================== */
	body {
	background: #000;
	font : 14px/21px 'Lato', "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
	color : #fff;
background: -webkit-linear-gradient(blue, pink); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(blue, pink); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(blue, pink); /* For Firefox 3.6 to 15 */
  background: linear-gradient(blue, pink); /* Standard syntax */
background-attachment: fixed}

.overlay{
	clear: both;  
	min-height: 710px;
	position: absolute; 
	width: 100%;
	background: url(../images/pattern.png), url(../images/overlay.png) center center;
	background-repeat: repeat, repeat;
	height:100%;
}

#supersized-loader { position:absolute; top:50%; left:50%; z-index:0; width:60px; height:60px; margin:-30px 0 0 -30px; text-indent:-999em; background:url(../images/progress.gif) no-repeat center center;}	
#supersized {  display:block; position:fixed; z-index:-999; height:100%; width:100%; }
#supersized img { width:auto; height:auto; position:relative; display:none; outline:none; border:none; }
#supersized.speed img { -ms-interpolation-mode:nearest-neighbor; image-rendering: -moz-crisp-edges; }	/*Speed*/
#supersized.quality img { -ms-interpolation-mode:bicubic; image-rendering: optimizeQuality; }			/*Quality*/
#supersized li { display:block; list-style:none; z-index:-30; position:fixed; overflow:hidden; top:0; left:0; width:100%; height:100%; background:#111; }
#supersized a { width:100%; height:100%; display:block; }
#supersized li.prevslide { z-index:-20; }
#supersized li.activeslide { z-index:-10; }
#supersized li.image-loading { background:#111 url(../images/progress.gif) no-repeat center center; width:100%; height:100%; }
#supersized li.image-loading img{ visibility:hidden; }
#supersized li.prevslide img, #supersized li.activeslide img{ display:inline; }

.logo {
margin-top:5px;
max-width:30%;
}
	
.header {
	text-align : center;
top:0px;
background-color:#fff;
min-width:10px;
padding:5px;
border-bottom: 5px solid #aaa;

}
.row-foot {
bottom:0;
position:fixed;
				
background-color:#fff;
min-width:10px;
padding:5px;
border-top: 5px solid #aaa;
text-align : center;
width:100%;
	}
.row1 {
background: rgba(0,0,0,0.6);
}
.row2 {
background: #000;
border-top : 1px solid #fff;
}

.transbox {
  
max-width: 1000px;
  min-height:200px;

background-image: url("../images/Noemi.png");
    background-repeat: no-repeat;
    background-position: right;
padding: 35px;
margin-left:auto;
margin-right:auto;
margin-top:10px;
margin-bottom:20px;
text-align:center;
  }
	.lang {z-index:1;padding:10px;top:10%;position:absolute;margin-left:39%;border: 2px solid #000;text-decoration:none;color:#000;font-size:14px;}
.transbox1{
max-width: 350px;
  min-height:80px;


margin-left:auto;
margin-right:auto;
margin-top:5px;
margin-bottom:20px;
}

/* #Typography
================================================== */
	a, h1, h2, h3, h4, h5, h6 {
	color : #000;
	font-family : 'Lato', "Georgia", "HelveticaNeue", "Helvetica Neue", Helvetica, sans-serif;
	font-weight : normal;
text-align:left;

}
	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	font-weight : inherit;
}
	h1 {
	font-size : 60px;
	line-height : 31px;
	margin-bottom : 0px;
	font-weight : 400;
	font-style : normal;
	margin-bottom : 10px;
	margin-top : 15px;
letter-spacing:8px;


}
	
quote {
	font-size : 60px;
	line-height : 31px;
	margin-bottom : 0px;
	font-weight : 400;
	margin-bottom : 10px;
	margin-top : 15px;


}
h2 {

    font-size: 26px;
    font-weight: 400;
    text-transform: uppercase;
	line-height : 35px;
	margin-top : 20px;
	margin-bottom : 20px;



}
	h3 {

    font-size: 34px;
    font-weight: 400;
    text-transform: uppercase;
	line-height : 35px;
	margin-top : 10px;
	margin-bottom : 10px;



}
	h4 {
	font-size : 22px;
	line-height : 24px;
	font-weight : 400;
	text-align : left;
margin-bottom:10px;
margin-top:10px;


}
	h5 {
	font-size : 12px;
	line-height : 14px;
color:#000;
text-align : center;

}
h6{
	font-size : 20px;
	line-height : 20px;
	font-weight : 400;
	text-align : center;
	color : #000;
margin-bottom:10px;
    text-transform: uppercase;
vertical-align:baseline;
margin-top:30px;
font-style:italic;


    text-shadow: 0 1px 7px rgba(0,0,0,.2);

}
	span {
	font-size : 16px;
	line-height : 20px;
	font-weight : 400;
	text-align : center;
	color : #000;
margin-bottom:10px;
    text-transform: uppercase;
vertical-align:baseline;

    text-shadow: 0 1px 7px rgba(0,0,0,.2);

}
span1 {
	font-size : 16px;
	line-height : 20px;
	font-weight : 400;
	text-align : center;
	color : #000;
margin-bottom:10px;
vertical-align:baseline;
color:#fff;
margin-left:20px;

}

line {font-size:45px;font-weight:300;
}
	.subheader {
	color : #777;
}
	p {
	margin : 0 0 20px 0;
}
	p img {
	margin : 0;
}
	p.lead {
	font-size : 21px;
	line-height : 27px;
	color : #555;
}
	em {
	font-style : italic;
}


	strong {
	font-weight: 600;
}

/*	Blockquotes  */
	blockquote, blockquote p {
	font-size : 17px;
	line-height : 24px;
	color : #777;
	font-style : italic;
}
	blockquote {
	margin : 0 0 20px;
	padding : 9px 20px 0 19px;
	border-left : 1px solid #ddd;
}
	blockquote cite {
	display : block;
	font-size : 12px;
	color : #555;
}
	blockquote cite:before {
	content : "\2014 \0020";
}
	blockquote cite a, blockquote cite a:visited, blockquote cite a:visited {
	color : #555;
}
	hr {
	border : #ddd solid;
	border-width : 1px 0 0;
	clear : both;
	margin : 10px 0 30px;
	height : 0;
}
.imag {max-width:90%;margin-left:-7%;margin-top:10px; -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;}
.imag:hover { -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1); }
/* #Links
================================================== */
/* #Images
================================================== */

	img.scale-with-grid {
	max-width : 100%;
	height : auto;
	}

/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */

/*	@font-face {
	    font-family: 'FontName';
	    src: url('../fonts/FontName.eot');
	    src: url('../fonts/FontName.eot?iefix') format('eot'),
	         url('../fonts/FontName.woff') format('woff'),
	         url('../fonts/FontName.ttf') format('truetype'),
	         url('../fonts/FontName.svg#webfontZam02nTh') format('svg');
	    font-weight: normal;
	    font-style: normal; }
*/

/* ---- Countdown timer ---- */
.Counter {
margin-top:10px;
	text-align : center;
	padding-top : 0px;
	margin-bottom : 0px;

}

ul#countdown li {	
	display: inline-block;
	margin: 10px 5px;
	text-align: center;
    width: 160px;
padding-top:10px;
background:rgba(245, 245, 245, 0.6);

}


ul#countdown li.no {
}
ul#countdown li.no1 {

}
ul#countdown li.no2 {

}
ul#countdown li.no3 {

}


ul#countdown li span {
	font-size : 3.5em;
	font-weight :300;
	color : #000;
	height : 90px;
	line-height : 90px;
	position : relative;
}

ul#countdown li p.timeRefDays, ul#countdown li p.timeRefHours, ul#countdown li p.timeRefMinutes, ul#countdown li p.timeRefSeconds {
	color : #000;
	text-transform : uppercase;
	font-family : 'Lato', sans-serif;
	font-weight : 300;
padding-top:5px;
	font-size : 1.5em;

}

#Subscribe {
	width : 600px;
	height : 120px;
margin-left:auto;
margin-right:auto;
	text-align : center;
	border-radius:10px;
	vertical-align: middle;
margin-bottom:20px;
}
.cont {
 display: block;
	width: 115px;
  height: 25px;padding: 10px;
  text-align: center;
	font-family : 'Lato', sans-serif, Arial, Helvetica;
	font-weight : 400;
	font-size : 13px;
	color : #fff;
	line-height : 26px;
	cursor : pointer;
	background:#000;
text-decoration:none;
margin-left:auto;
margin-right:auto;
}



.submit {
	width : 120px;
	height : 50px;
	margin : 8px 15px 15px 10px;
	border : 0;
	font-family : 'Lato', sans-serif, Arial, Helvetica;
	font-weight : 400;
	font-size : 13px;
	color : #000;
	line-height : 26px;
	cursor : pointer;
	background: rgba(245, 245, 245, 0.8);
}
		
.email {
	width : 350px;
	height : 51px;
	margin : 15px 0 0 15px;
	border : 0;
	font-family : 'Lato', sans-serif, Arial, Helvetica;
	font-weight : 300;
	font-size : 14px;
	color : #fff;
	font-style : italic;
	text-align : left;
	line-height : 14px;
	padding-left : 20px;
	border: none;
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
	border-right: 1px solid rgba(255, 255, 255, 0.2);
	background: rgba(0, 0, 0, 0.7);
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12); -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12); -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12);
	transition: background-color 0.2s ease; -webkit-transition: background-color 0.2s ease; -moz-transition: background-color 0.2s ease; -o-transition: background-color 0.2s ease;
}
		
.cont:hover{
	background:#C7C700;
}
.submit:active,
ul#countdown li:none,
#email:focus {
	color:#000;
	background:#fff;
	box-shadow:0px 0px 3px rgba(0,0,0,0.3); -moz-box-shadow:0px 0px 3px rgba(0,0,0,0.3); -webkit-box-shadow:0px 0px 3px rgba(0,0,0,0.3);
}


/*--- Footer starts ---- */

	#footer {
		margin : 0 auto;
		height : 80px;
		width : 100%;
		clear : both;
		border-top : 1px solid #333;
	}
	.footerLeft {
		color: #000;
		display: block;
		font-size: 15px;
		position: relative;
		text-align: center;
		width: 100%;
	}
	#followUs {
	margin-left:auto;
margin-right:auto;
	display:table;
margin-top:0px;
	}
	#followUs a {
		position : relative;
		width : 40px;
		height : 10px;
	}
	#socials li {
		float : right;
		padding-right : 4px;
		opacity : 0.7;
	}
	#socials li:last-child {
		padding-right : 4px;
	}
	#socials li:hover {
		opacity : 1;
	}

/*--- Footer ends ---- */