@import url(http://reset5.googlecode.com/hg/reset.min.css);
/* //////////////////////////// */
/* ///   ALL SCREEN STYLE   /// */
/* //////////////////////////// */


*{
    cursor: default;
}
html body a{
    cursor: pointer;
}
#cDialogContainer{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    display: table-cell;
    vertical-align: middle;
    background: rgba(0,0,0,0.8);
    z-index: 1002;
    display: none;
}

#cDialogContainer #cDialog{
    width: 100%;
    height: auto;
    background: white;
    position: absolute;
}
#cDialogContainer #cDialog #cMiddleContent{
    width: 800px;
    margin: 0 auto;
    height: auto;
    padding-top: 10px;
    padding-bottom: 10px;

}
#cDialogContainer #cDialog #cMiddleContent h1{
    font-family: Roboto Bold;
    font-size: 36px;
    color: #f4765d;
    padding: 0;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    margin-bottom: 15px;
    display: block;
}
#cDialogContainer #cDialog #cMiddleContent span{
    font-family: Roboto Light;
    font-size: 16px;
    color: gray;
    display: block;
    padding: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    margin-bottom: 20px;
    text-align: justify;
}
#cDialogContainer #cDialog #cMiddleContent button{
    background: #f4765d;
    border: none;
    padding: 10px;
    text-align: center;
    display: block;
    font-family: Roboto Thin;
    font-size: 35px;
    width: 200px;
    color: white;
    text-align: center;
    float: right;
}
#cDialogContainer #cDialog #cMiddleContent .dialogButtonContainer{
    height: 47px;
}

/*Módisító: Földesi Dávid*/
* {
    -ms-user-select: none; /* IE 10+ */
    -moz-user-select: -moz-none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    cursor: url("resorcures/cursor.cur");
}
/*2014-02-10*/

body , html {
    overflow:hidden;
	height: 100%;
    margin: 0;
    padding: 0;
}

.container {
	position: relative;
	width: 100%;
	height: 100%;
}
.screen{
    float: left;
}
#menu {
	position: fixed;
	display: table-cell;
	background: url('Design_elements/MicroCapa_menubar.jpg') center;
	height: 20px;
	width: 100%;
	
	padding-top: 8px;
	bottom: 0px;
	margin: 0 auto;
	
	font-family: Roboto Medium;
	font-size: 11px;
	text-align: center;
	text-transform: uppercase;
	vertical-align: middle;
	color: white;
}

.link {
	position: absolute;
	display: block;
	height: 100%;
	width: 100%;
	
	top: 0px;
}

#bot_cont {
	position: absolute;
	bottom: 8%;
	width: 100%;
}

#bg_bot_text {
	margin: 0 auto;
	width: 160px;
}
#bg_bot_text img.huzd{
	display: block;
	margin: 0 auto 10px;
}

.bot_text {
    cursor: default;
	margin-top: 10px;
	margin-bottom: 10px;
	width: 160px;
	
	font-family: Roboto Medium;
	font-size: 10px;
	text-align: center;
	text-transform: uppercase;
}

.hr {
	height: 1px;
	width: 160px;
}

#registration {
	background: url('Design_elements/MicroCapa_regis.jpg');
	height: 46px;
	width: 185px;

	margin: 20px auto;
}

.registration {
	display: block;
	height: 46px;
	width: 185px;
    z-index: 1001;
}
/*Módosító: Földesi Dávid*/
#screen_container{
    height: 100%;
}
/*2014-02-10*/


/* //////////////////////////// */
/* ///   1. SCREEN STYLE    /// */
/* //////////////////////////// */

#screen01_container {
	background: url('Design_elements/01/MicroCapa_01_bg.jpg') no-repeat ;
    /*
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	*/
}

#screen01_white_bar {
	position: absolute;
	background: white;
	top: 38%;
	width: 100%;
}

#screen01_maintext_container {
	position: relative;
    display: table;
	margin: 0 auto;
}

.screen01_head_cont {
	position: absolute;
	width: 420px;
}

/*Módosító: Földesi Dávid[Maci]*/
.screen01_head_cont:nth-child(1){
    opacity: 1;
    display: block;
}
.screen01_head_cont:nth-child(2){
    opacity: 0;
    display: none;
}
/*2014-02-07*/



/*Módosító: Földesi Dávid*/
#screen01_head1 {
    position: relative;
    display: table-cell;
    cursor: default;
    font-family: Roboto Light;
    color: #f4765d;
    text-transform: uppercase;
    vertical-align: middle;
}

#screen01_head2 {
    position: relative;
    display: table-cell;
    width: 420px;
    cursor: default;
    font-family: Roboto Light;
    color: #f4765d;
    text-transform: uppercase;
    vertical-align: middle;
}
/*2014-02-07*/

#screen01_menu_hr_cont {
	position: relative;
    display: table-cell;
	width: 2px;
    vertical-align: middle;
}

#screen01_menu_hr {
    position: relative;
    background: black;
    height: 90%;
    width: 2px;
}

/*Módosító: Földesi Dávid[Maci]*/
.screen01_text_wrapper {
	position: absolute;
	right: 0px;
    cursor: default;
}

#screen01_text1_wrapper{
    opacity: 1;
    display: block;
}
#screen01_text2_wrapper{
    display: none;
    opacity: 0;
}
#screen01_text3_wrapper{
    display: none;
    opacity: 0;
}
#screen01_text4_wrapper{
    display: none;
    opacity: 0;
}
/*2014-02-07*/

/*Módosító: Földesi Dávid[Maci]*/
/*
#screen01_text1_wrapper {
	opacity: 1;
}

#screen01_text2_wrapper {
	opacity: 0;
}

#screen01_text3_wrapper {
	opacity: 0;
}
#screen01_text4_wrapper {
	opacity: 0;
}
*/
/*2014-02-07*/



.screen01_text{
    display: table-cell;

    font-family: Roboto Light;
    color: black;
    vertical-align: middle;
}

#screen01_minmenu img {
    cursor: pointer;
}
#screen01_minmenu {
	position: absolute;
	background-color:rgba(0, 0, 0, 0.2);
	width: 25px;
	bottom: 26%;
	
	text-align: center;
	
	padding-top: 20px;
	padding-bottom: 20px;
	
	border-top-right-radius: 2em;
	border-bottom-right-radius: 2em;
	border-top-left-radius: 0em;
	border-bottom-left-radius: 0em;
}

.screen01_bot_hr {
	background: black;
    height: 1px;
}

#screen01_bot_text {
	color: black;
}

/* //////////////////////////// */
/* ///   2. SCREEN STYLE    /// */
/* //////////////////////////// */

#screen02_container {
	background: url('Design_elements/02/MicroCapa_02_bg.jpg') center no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

/*Szerkesztve: Földesi Dávid*/
#screen02_owner {
	position: absolute;
	
	left: 0px;
	bottom: 50%;
	
	font-family: Roboto Thin;
	text-align: center;
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: 4px;
	font-style: normal;
	
	color: white;
}
/*2014-02-10*/

/*Szerkesztve: Földesi Dávid*/
#screen02_editor {
	position: absolute;
	
	right: 0px;
	bottom: 50%;
	
	font-family: Roboto Thin;
	text-align: center;
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: 4px;
	font-style: normal;
	
	color: white;
}
/*2014-02-10*/

/*Szerkesztve: Földesi Dávid*/
#screen02_menubar_cont {
	position: absolute;
	background-color: rgba(0,0,0,0.35);
	height: 100%;
	left: 50%;
}
/*2014-02-10*/

#screen02_menubar {
	position: relative;
	width: 100%;
	height: 100%;
}

.screen02_menu {
	position: relative;
    cursor: pointer;
}

.screen02_menu img{
	position: absolute;
    cursor: pointer;
}

.screen02_text {
	position: absolute;
	height: 220px;
	
	top: 35%;
	
	font-family: Roboto Thin;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 4px;
	font-style: normal;
	cursor: pointer;
	color: white;
}

.screen02_quote{
	letter-spacing: 0px;
	font-style: normal;
	text-transform: none;
	cursor: pointer;
}

/* //////////////////////////// */
/* ///   3. SCREEN STYLE    /// */
/* //////////////////////////// */

#screen03_container {
	background: url('Design_elements/03/MicroCapa_03_bg.jpg') center no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#screen03_top_cont {
    position: absolute;
	top: 5%;
	width: 100%;
}

#screen03_title {
	background: #f4765d;
	height: 24px;
	width: 700px;
	padding-top: 9px;
	
	margin: 0 auto;
	
	font-family: Roboto Light;
	font-size: 15px;
	text-transform: uppercase; 
	text-align: center;
	letter-spacing: 3px;
	color: white;
}

#screen03_maintext {
	position: absolute;
	
	top: 15%;
	left: 43%;
	color: white;
}

#screen03_maintext ul {
	margin-top: 15px;
	margin-left: 70px;
	margin-bottom: 20px;
	line-height: 120%;
	
	font-family: Roboto Light;
}

#screen03_maintext_title {
	font-family: Roboto Medium;
	font-style: normal;
}

#screen03_maintext_bot {
	font-family: Roboto Medium;
	font-style: normal;
}

#screen03_bot_hr {
	background: white;
}

#screen03_bot_text {
	color: white;
}

/* //////////////////////////// */
/* ///   4. SCREEN STYLE    /// */
/* //////////////////////////// */

#screen04_container {
	background: #f3f4f6;
}

.screen04_top_cont {
	position: absolute;
	top: 33%;
	width: 100%;
}

.screen04_maintext {
	width: 650px;
	margin: 0 auto;
	font-family: Roboto Thin;
	text-align: center;
	color: #3a3a3a;
}

#screen04_maintext01 {
	font-size: 120px;
	opacity: 1;
}

#screen04_topbar {
	position: relative;
	background: url('Design_elements/04/00.png') center;
	height: 98px;
	width: 100%;

    opacity: 0;
}

#screen04_mid_cont {
	position: relative;
	width: 796px;
	margin: 0 auto;
}

#screen04_site01 {
	position: relative;
	background: url('Design_elements/04/01.png') center no-repeat;
	height: 98px;
	width: 796px;
	margin: 0 auto;
	
	opacity: 1;
}

#screen04_site02 {
	position: absolute;
	background: url('Design_elements/04/02.png') center no-repeat;
	width: 796px;
	height: 41px;
	
	opacity: 0;
}

#screen04_site03 {
	position: absolute;
	background: url('Design_elements/04/03.png') center no-repeat;
	width: 289px;
	height: 172px;
	
	top: 56px;
	left: 508px;
	
	opacity: 0;
}

#screen04_site04 {
	position: absolute;
	background: url('Design_elements/04/04.png') center no-repeat;
	width: 492px;
	height: 526px;
	
	top: 56px;
	
	opacity: 0;
}

#screen04_site05 {
	position: absolute;
	background: url('Design_elements/04/05.png') center no-repeat;
	width: 290px;
	height: 403px;
	
	top: 243px;
	left: 508px;
	
	opacity: 0;
}

#screen04_site06 {
	position: absolute;
	background: url('Design_elements/04/06.png') center no-repeat;
	width: 491px;
	height: 269px;
	
	top: 588px;

	opacity: 0;
}

#screen04_site07 {
	position: absolute;
	background: url('Design_elements/04/07.png') center no-repeat;
	width: 290px;
	height: 205px;
	
	top: 653px;
	left: 508px;
	
	opacity: 0;
}

#screen04_maintext02 {
	font-size: 30px;
	opacity: 0;
    position: absolute;
}
#screen04_maintext02 .side:nth-child(2){
margin-left: 25px;

}
#screen04_maintext02 .side span.last_header{
	font-weight: bold;
	display: block;
	background: #d46650;
	font-family: "Roboto Bold";
	font-size: 14px;
	color: white;
	height: 30px;
	padding: 6px;
}
#screen04_maintext02 .side span.last_content{
	font-family: "Roboto Light";
	font-size: 14px;
	color: white;
	padding: 6px;
	text-align: left;
	display: block;
}
#screen04_maintext02 .side{
    float: left;
	margin: -5px;
	font-size: 18px;
	width: 210px;
	height: 250px;
	background: #f4765d;
}

#screen04_bot_cont {
	position: relative;
	width: 725px;
	margin: 0 auto;
}

#screen04_scrollbutton {
	background: #f4765d;
	height: 30px;
	width: 140px;
	
	padding-top: 10px;
	
	margin-top: -20px;
	margin-left: 2%;
	/*margin-left: 79%*/
	
	font-family: Roboto Thin;
	font-size: 18px;
	text-align: center;
	color: white;
	
	opacity: 1;
}

#screen04_scrollbar {
	background: #464646;
	height: 1px;
	width: 725px;
	
	opacity: 1;
}

/* //////////////////////////// */
/* ///   5. SCREEN STYLE    /// */
/* //////////////////////////// */

#ora{
    margin-left: -119px;
    margin-top: -119px;
    position: absolute;
    top: 50%;
    left: 50%;
    opacity: 0;
    z-index: 1000;
    display: none;
}
#ora .masmutato{
    display: block;
    position: absolute;
    top: 30px;
    left: 119px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);

    -webkit-transform: rotate(0deg);
    -webkit-transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
}
#ora .nagymutato{
    display: block;
    position: absolute;
    top: 28px;
    left: 117px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);

    -webkit-transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
}
#ora .kismutato{
    display: block;
    position: absolute;
    top: 69px;
    left: 117px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);


    -webkit-transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
}
#ora .perc_mutato{
    position: absolute;
    font-family: "Roboto Thin";
    font-size: 32px;
    color: white;
    top: 130px;
    left: 70px;
    width: 105px;
    text-align: center;
}




#screen04_container{
    position: relative;
}
/*Módosító: Földesi Dávid*/
#divs_container{
    overflow: hidden;
    position: relative;
}
#divs_container .bgContainerDiv{
    position: relative;
    float: left;
    opacity: 0;
    overflow: hidden;
    background: url("Design_elements/05/MicroCapa_05_bg.jpg");

}
#divs_container .cls{
    clear: both;
}
/*2014-02-11*/

/*2014-02-17*/
.screen05_hover_maintext{
    cursor: default;
    position: absolute;
    text-align: center;
    vertical-align: middle;
    color: #f4765d;
    font-family: Roboto Thin;
    font-size: 100px;
    letter-spacing: 30px;
    line-height: 100%;

}
/*Módosította: Földesi Dávid*/


#screen05_container {
	background: url('Design_elements/05/MicroCapa_05_bg.jpg') center no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#screen05_container2 {
    position: relative;
	background: #39363e;
    font-family: Roboto Thin;
    opacity: 1;
    overflow: hidden;
}

#screen05_top_cont {
    display: table;
    height: 100%;
    width: 1000px;
    margin: 0 auto;
}

#screen05_maintext {
	
	font-family: Roboto Thin;
	text-align: center;
	color: #f4765d;
	opacity: 1;
}


/* //////////////////////////// */
/* ///   6. SCREEN STYLE    /// */
/* //////////////////////////// */

#screen06_body {
    overflow: auto;
}

#screen06_container {
	background: url('Design_elements/06/MicroCapa_06_bg.jpg') center no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
    overflow: auto;
}

#screen06_cont {
	position: relative;
	height: 100%;
	margin: 0 auto;
    /*overflow: auto;*/
}

#screen06_title {
	padding-top: 45px;
	
	font-family: Roboto Thin;
    font-size: 30px;
	text-align: center;
	letter-spacing: 12px;
	color: white;
}

#screen06_maintext_cont {
	position: absolute;
	width: 100%;
	top: 85px;
}

#screen06_maintext {
    position: relative;
    width: 800px;
    margin: 0 auto;

    font-family: Roboto Thin;
    font-size: 14px;
    text-align: center;
    color: white;
}

#screen06_maintext em{
	font-family: Roboto Bold;
	font-style: normal;
}

#screen06_mid_cont {

    margin: 150px auto;
}

#screen06_row1 {
     position: relative;
     margin: 20px auto;
}

#screen06_row2 {
    position: relative;
    margin: 20px auto;
}

#screen06_row3 {
    position: relative;
    margin: 0 auto;
}

.screen06_minimg {
	display: block;
	height: 100%;
	width: 100%;
}

.screen06_img{
    position: relative;
    float: left;
    background: url('Design_elements/06/MicroCapa_06_minimg_00.png') center no-repeat;
    background-size: contain;
}

#screen06_minimg01:hover {
    background: url('Design_elements/06/MicroCapa_06_minimg_01.png') center no-repeat;
    background-size: contain;
}

#screen06_minimg02:hover {
    background: url('Design_elements/06/MicroCapa_06_minimg_02.png') center no-repeat;
    background-size: contain;opacity: 1;
}

#screen06_minimg03:hover {
    background: url('Design_elements/06/MicroCapa_06_minimg_03.png') center no-repeat;
    background-size: contain;
}

#screen06_minimg04:hover {
    background: url('Design_elements/06/MicroCapa_06_minimg_04.png') center no-repeat;
    background-size: contain;
}

#screen06_minimg05:hover {
    background: url('Design_elements/06/MicroCapa_06_minimg_05.png') center no-repeat;
    background-size: contain;
}

#screen06_minimg06:hover {
    background: url('Design_elements/06/MicroCapa_06_minimg_06.png') center no-repeat;
    background-size: contain;opacity: 1;
}

#screen06_minimg07:hover {
    background: url('Design_elements/06/MicroCapa_06_minimg_07.png') center no-repeat;
    background-size: contain;
}
#screen06_minimg08{
    background: url("Design_elements/06/MicroCapa_06_minimg_te_deactive.png");
    background-size: contain;
}
#screen06_minimg08:hover{
    background: url("Design_elements/06/MicroCapa_06_minimg_te_active.png");
    background-size: contain;
}


#screen06_maintext2 {
	position: absolute;
	top: 310px;
	
	font-family: Roboto Thin;
    font-size: 14px;
	text-align: center;
	color: white;
}

#screen06_maintext2 em{
	font-family: Roboto Bold;
	font-style: normal;
}

/* //////////////////////////// */
/* ///   7. SCREEN STYLE    /// */
/* //////////////////////////// */

#screen07_container {
	background: url('Design_elements/07/MicroCapa_07_bg.jpg') center no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
#screen08_container {
    background: url('Design_elements/07/MicroCapa_08_bg.jpg') center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
#screen09_container {
    background: url('Design_elements/07/MicroCapa_09_bg.jpg') center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
#screen10_container {
    background: url('Design_elements/07/MicroCapa_10_bg.jpg') center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
#screen11_container {
    background: url('Design_elements/07/MicroCapa_11_bg.jpg') center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
#screen12_container {
    background: url('Design_elements/07/MicroCapa_12_bg.jpg') center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
#screen13_container {
    background: url('Design_elements/07/MicroCapa_13_bg.jpg') center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
#screen14_container {
    background: url('Design_elements/07/MicroCapa_14_bg.jpg') center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}


.screen07_borderline {
	background: url('Design_elements/07/MicroCapa_07_borderline.png') center;
	height: 2px;
	width: 100%;
}

#screen07_top_cont {
	position: absolute;
	width: 100%;
	top: 28%;
}

#screen07_title {
	width: 100%;
	
	margin-top: 15px;
	margin-bottom: 15px;
	
	font-family: Roboto Medium;
	text-align: center;
	font-style: normal;
	line-height: 120%;
	text-transform: uppercase;
	color: white;
}

#screen07_quote {
	width: 100%;
	margin-top: 15px;
	
	font-family: "mathilde";
	text-align: center;
	color: white;
}

#screen07_mid_cont {
	position: absolute;
	width: 100%;
	bottom: 8%;
}

#screen07_midmid_cont {
	position: relative;
	margin: 0 auto;
	width: 550px;
}

.screen07_pinkbar {
	background: #f4765d;
	height: 5px;
	width: 550px;
}

#screen07_maintext {
	display: table-cell;
	width: 550px;
	
	padding-left: 20px;
    padding-top: 15px;
    padding-bottom: 15px;

	font-family: Roboto Light;
	line-height: 120%;
	color: white;
	vertical-align: middle;
}

/* //////////////////////////// */
/* ///   14. SCREEN STYLE   /// */
/* //////////////////////////// */

#feliratkoz{
	position: relative;
	cursor: pointer;
	margin-left: 9.4%;
	margin-top: -290px;
	top:50%;
}

#screen15_container {
	background: #2a242b;
}

#screen14_cont {
	position: relative;
	width: 710px;
	margin: 0 auto;
    height: 100%;
}

#screen14_top_cont {
	position: relative;
	width: 710px;
	top: 15px;
}

#screen14_logo {
	position: relative;
	background: url('Design_elements/14/MicroCapa_14_logo.png') center no-repeat;
	height: 126px;
	width: 402px;

	margin: 0 auto;
}

#screen14_mid_cont {
    position: absolute;
    width: 710px;
    bottom: 45px;
}

#screen14_mid {
    position: relative;
    width: 710px;
}

#screen14_title {
	position: relative;

	font-family: Roboto Bold;
	font-size: 36px;
	color: white;
}

#screen14_maintext {
	position: relative;
	width: 515px;

	margin-top: 10px;
	margin-left: 5px;

	font-family: Roboto LightItalic;
	font-size: 12px;
	color: white;
	font-style: italic;
}

#screen14_pinkbar {
	position: relative;
	background: #f4765d;
	height: 5px;
	width: 515px;
	
	margin-top: 10px;
    margin-left: 5px;
    margin-bottom: 10px;
}

#screen14_maintext2 {
	position: relative;

    margin-left: 5px;

	font-family: Roboto Light;
	font-size: 14px;
	color: white;
}

#screen14_form {
	position: relative;
	margin-top: 40px;
	margin-left: 5px;
}

.screen14_textinput {
    position: relative;
	background: white;
	border: 0px;
	height: 30px;
	width: 290px;
	
	margin-top: 10px;
	padding-left: 10px;
	
	outline: none;
}

.screen14_textinput:focus {
	box-shadow: 0 0 5px #f4765d;
	border: 1px solid #f4765d;
}

#screen14_comment {
    position: relative;
	background: white;
	border: 0px;
	width: 690px;
	
	margin-top: 10px;
	padding: 10px;
	
	outline: none;
}

#screen14_comment:focus {
	box-shadow: 0 0 5px #f4765d;
	border: 1px solid #f4765d;
}

::-webkit-input-placeholder { /* WebKit browsers */
	font-family: Roboto Thin;
	font-size: 14px;
    color: black;
}

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	font-family: Roboto Thin;
	font-size: 14px;
    color: black;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    font-family: Roboto Thin;
	font-size: 14px;
	color: black;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    font-family: Roboto Thin;
	font-size: 14px;
	color: black;
}

#screen14_felir {
	position: relative;
	background: url('Design_elements/14/MicroCapa_14_felir.jpg');
	height: 46px;
	width: 185px;
	
	margin-top: 10px;
	left: 258px;
}

form#screen14_form input[type='submit'] {
	display: block;
	height: 46px;
	width: 185px;
    border: none;
    background: transparent;
    cursor: pointer;


}

/* //////////////////////////// */
/* /// Roboto font-face Kit /// */
/* //////////////////////////// */

@font-face {
    font-family: "Roboto Regular";
    src: url('web_fonts/roboto_regular_hungarian/Roboto-Regular-webfont.eot');
    src: url('web_fonts/roboto_regular_hungarian/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('web_fonts/roboto_regular_hungarian/Roboto-Regular-webfont.woff') format('woff'),
         url('web_fonts/roboto_regular_hungarian/Roboto-Regular-webfont.ttf') format('truetype'),
         url('web_fonts/roboto_regular_hungarian/Roboto-Regular-webfont.svg#RobotoRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
 
@font-face {
    font-family: "Roboto Italic";
    src: url('web_fonts/roboto_italic_hungarian/Roboto-Italic-webfont.eot');
    src: url('web_fonts/roboto_italic_hungarian/Roboto-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('web_fonts/roboto_italic_hungarian/Roboto-Italic-webfont.woff') format('woff'),
         url('web_fonts/roboto_italic_hungarian/Roboto-Italic-webfont.ttf') format('truetype'),
         url('web_fonts/roboto_italic_hungarian/Roboto-Italic-webfont.svg#RobotoItalic') format('svg');
    font-weight: normal;
    font-style: italic;
}
 
@font-face {
    font-family: "Roboto Bold";
    src: url('web_fonts/roboto_bold_hungarian/Roboto-Bold-webfont.eot');
    src: url('web_fonts/roboto_bold_hungarian/Roboto-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('web_fonts/roboto_bold_hungarian/Roboto-Bold-webfont.woff') format('woff'),
         url('web_fonts/roboto_bold_hungarian/Roboto-Bold-webfont.ttf') format('truetype'),
         url('web_fonts/roboto_bold_hungarian/Roboto-Bold-webfont.svg#RobotoBold') format('svg');
    font-weight: bold;
    font-style: normal;
}
 
@font-face {
    font-family: "Roboto BoldItalic";
    src: url('web_fonts/roboto_bolditalic_hungarian/Roboto-BoldItalic-webfont.eot');
    src: url('web_fonts/roboto_bolditalic_hungarian/Roboto-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('web_fonts/roboto_bolditalic_hungarian/Roboto-BoldItalic-webfont.woff') format('woff'),
         url('web_fonts/roboto_bolditalic_hungarian/Roboto-BoldItalic-webfont.ttf') format('truetype'),
         url('web_fonts/roboto_bolditalic_hungarian/Roboto-BoldItalic-webfont.svg#RobotoBoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
}
 
@font-face {
    font-family: "Roboto Thin";
    src: url('web_fonts/roboto_thin_hungarian/Roboto-Thin-webfont.eot');
    src: url('web_fonts/roboto_thin_hungarian/Roboto-Thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('web_fonts/roboto_thin_hungarian/Roboto-Thin-webfont.woff') format('woff'),
         url('web_fonts/roboto_thin_hungarian/Roboto-Thin-webfont.ttf') format('truetype'),
         url('web_fonts/roboto_thin_hungarian/Roboto-Thin-webfont.svg#RobotoThin') format('svg');
    font-weight: 200;
    font-style: normal;
}
 
@font-face {
    font-family: "Roboto ThinItalic";
    src: url('web_fonts/roboto_thinitalic_hungarian/Roboto-ThinItalic-webfont.eot');
    src: url('web_fonts/roboto_thinitalic_hungarian/Roboto-ThinItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('web_fonts/roboto_thinitalic_hungarian/Roboto-ThinItalic-webfont.woff') format('woff'),
         url('web_fonts/roboto_thinitalic_hungarian/Roboto-ThinItalic-webfont.ttf') format('truetype'),
         url('web_fonts/roboto_thinitalic_hungarian/Roboto-ThinItalic-webfont.svg#RobotoThinItalic') format('svg');
    font-weight: 200;
    font-style: italic;
}
 
@font-face {
    font-family: "Roboto Light";
    src: url('web_fonts/roboto_light_hungarian/Roboto-Light-webfont.eot');
    src: url('web_fonts/roboto_light_hungarian/Roboto-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('web_fonts/roboto_light_hungarian/Roboto-Light-webfont.woff') format('woff'),
         url('web_fonts/roboto_light_hungarian/Roboto-Light-webfont.ttf') format('truetype'),
         url('web_fonts/roboto_light_hungarian/Roboto-Light-webfont.svg#RobotoLight') format('svg');
    font-weight: 100;
    font-style: normal;
}
 
@font-face {
    font-family: "Roboto LightItalic";
    src: url('web_fonts/oboto_lightitalic_hungarian/Roboto-LightItalic-webfont.eot');
    src: url('web_fonts/roboto_lightitalic_hungarian/Roboto-LightItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('web_fonts/roboto_lightitalic_hungarian/Roboto-LightItalic-webfont.woff') format('woff'),
         url('web_fonts/roboto_lightitalic_hungarian/Roboto-LightItalic-webfont.ttf') format('truetype'),
         url('web_fonts/roboto_lightitalic_hungarian/Roboto-LightItalic-webfont.svg#RobotoLightItalic') format('svg');
    font-weight: 100;
    font-style: italic;
}
 
@font-face {
    font-family: "Roboto Medium";
    src: url('web_fonts/roboto_medium_hungarian/Roboto-Medium-webfont.eot');
    src: url('web_fonts/roboto_medium_hungarian/Roboto-Medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('web_fonts/roboto_medium_hungarian/Roboto-Medium-webfont.woff') format('woff'),
         url('web_fonts/roboto_medium_hungarian/Roboto-Medium-webfont.ttf') format('truetype'),
         url('web_fonts/roboto_medium_hungarian/oboto-Medium-webfont.svg#RobotoMedium') format('svg');
    font-weight: 300;
    font-style: normal;
}
 
@font-face {
    font-family: "Roboto MediumItalic";
    src: url('web_fonts/roboto_mediumitalic_hungarian/Roboto-MediumItalic-webfont.eot');
    src: url('web_fonts/roboto_mediumitalic_hungarian/Roboto-MediumItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('web_fonts/roboto_mediumitalic_hungarian/Roboto-MediumItalic-webfont.woff') format('woff'),
         url('web_fonts/roboto_mediumitalic_hungarian/Roboto-MediumItalic-webfont.ttf') format('truetype'),
         url('web_fonts/roboto_mediumitalic_hungarian/Roboto-MediumItalic-webfont.svg#RobotoMediumItalic') format('svg');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: "Journal Regular";
    src: url('web_fonts/journal/journal-webfont.eot');
    src: url('web_fonts/journal/journal-webfont.eot?#iefix') format('embedded-opentype'),
         url('web_fonts/journal/journal-webfont.woff') format('woff'),
         url('web_fonts/journal/journal-webfont.ttf') format('truetype'),
         url('web_fonts/journal/journal-webfont.svg#journalregular') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'notera';
    src: url('web_fonts/notera/notera_personaluseonly-webfont.eot');
    src: url('web_fonts/notera/notera_personaluseonly-webfont.eot?#iefix') format('embedded-opentype'),
         url('web_fonts/notera/notera_personaluseonly-webfont.woff') format('woff'),
         url('web_fonts/notera/notera_personaluseonly-webfont.ttf') format('truetype'),
         url('web_fonts/notera/notera_personaluseonly-webfont.svg#notera_personal_use_onlyRg') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
	font-family: 'mathilde';
	src: url('web_fonts/mathilde/mathilde.eot');
	src: local('☺'), url('web_fonts/mathilde/mathilde.woff') format('woff'),
	url('web_fonts/mathilde/mathilde.ttf') format('truetype'),
	url('web_fonts/mathilde/mathilde.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}