/* 
    Document   : styles
    Created on : 2014.09.30., 10:55:16
    Author     : Gege <gergo@infoartnet.hu>
*/

@import url('js-ui.css');


/*----+ FONTS +-----*/

@font-face {
    font-family: 'OpenSans';
    src: url('../fonts/opensans-regular.eot');
    src: url('../fonts/opensans-regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-regular.ttf') format('truetype'),
         url('../fonts/opensans-regular.svg#OpenSans') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'OpenSans';
    src: url('../fonts/opensans-light.eot');
    src: url('../fonts/opensans-light.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-light.ttf') format('truetype'),
         url('../fonts/opensans-light.svg#OpenSans') format('svg');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'OpenSans';
    src: url('../fonts/opensans-semibold.eot');
    src: url('../fonts/opensans-semibold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-semibold.ttf') format('truetype'),
         url('../fonts/opensans-semibold.svg#OpenSans') format('svg');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'OpenSans';
    src: url('../fonts/opensans-bold.eot');
    src: url('../fonts/opensans-bold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-bold.ttf') format('truetype'),
         url('../fonts/opensans-bold.svg#OpenSans') format('svg');
    font-weight: 700;
    font-style: normal;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'OpenSans';
    src: url('../fonts/opensans-regular.svg') format('svg');
    font-weight: normal;
    font-style: normal;
  }
  @font-face {
    font-family: 'OpenSans';
    src: url('../fonts/opensans-light.svg') format('svg');
    font-weight: 300;
    font-style: normal;
  }
  @font-face {
    font-family: 'OpenSans';
    src: url('../fonts/opensans-semibold.svg') format('svg');
    font-weight: 600;
    font-style: normal;
  }
  @font-face {
    font-family: 'OpenSans';
    src: url('../fonts/opensans-bold.svg') format('svg');
    font-weight: 700;
    font-style: normal;
  }
}

/*----+ CSS RESET +-----*/

html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
  margin: 0;
}



html, body, form, fieldset,
h1, h2, h3, h4, h5, h6, p, pre, samp, span,
blockquote, ul, li, ol, dl, dd, dt, address, div, abbr, dfn, acronym,
table, tr, th, td,
input, select, option, textarea {
  margin: 0;
  padding: 0;
  font-family: 'OpenSans', Arial, sans-serif;
  font-size: 15px;
  font-weight: normal;
  text-align: left;
  /* color: #111; */
  line-height: 1.5;
}


.clearfix:after {
  content: '.';
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.clearfix { display: inline-block }
*:active, object:focus, embed:focus, a { outline: none }
input::-moz-focus-inner { border: 0 }
fieldset { border: none }

input, select, option {
  font-size: 100%;
  outline-style: none;
  height: 28px;
}

input {
  padding-left: 4px;
  border: 1px solid #FFFFFF;
}
input[type="button"], input[type="submit"] {cursor: pointer;}
textarea { resize: none; }
.bug { border: 1px solid red; }
table tbody tr td, table tr th { padding: 2px; }

html { 
  /*overflow-x: hidden;*/
}


/*----+ DEFAULT STYLING +-----*/

body {
  background: url("../gfx/pattern2.png") repeat;
}

img {
  border: 0;
}

.clear {
  float: none !important;
  clear: both;
}

a {
  color: red;
  text-decoration: none;
}

a:hover {
  color: #111;
  text-decoration: none;
}

strong{
    font-weight: 700;
}

sup {
    vertical-align:top;
}

/*----+ LAYOUT +-----*/

div#site{
    display: block;
    width: 100%;
    overflow-x: hidden;
}

div.siwi{
    position: relative;
    display: block;
    width: 960px;
    margin: 0 auto;
}

/*header*/

#header {
    background: rgb(0,42,127);/* Old browsers *//* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMmE3ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ0JSIgc3RvcC1jb2xvcj0iIzE5M2U3YSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(top,  rgba(0,42,127,1) 0%, rgba(25,62,122,1) 44%);/* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,42,127,1)), color-stop(44%,rgba(25,62,122,1)));/* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(0,42,127,1) 0%,rgba(25,62,122,1) 44%);/* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(0,42,127,1) 0%,rgba(25,62,122,1) 44%);/* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(0,42,127,1) 0%,rgba(25,62,122,1) 44%);/* IE10+ */
    background: linear-gradient(to bottom,  rgba(0,42,127,1) 0%,rgba(25,62,122,1) 44%);/* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002a7f', endColorstr='#193e7a',GradientType=0 );/* IE6-8 */
    height: 89px;
    padding:15px 0;
    margin-bottom:40px;
    border-bottom: 5px solid #BE9C50;
}

h1#logo a { 
  /* background: url("../gfx/cifp.png") no-repeat; */
  background: url("../gfx/cifp60.png") no-repeat;
  width:144px;
  height:130px;
  display:block;
  position:absolute;
  font-size:0px;
  -webkit-box-shadow: 0px 0px 47px -12px rgba(0,0,0,0.75);
  -moz-box-shadow: 0px 0px 47px -12px rgba(0,0,0,0.75);
  box-shadow: 0px 0px 47px -12px rgba(0,0,0,0.75);
  z-index: 999;
}

#content .siwi .box {
  margin-bottom: 20px;
}

/* Content */

.fo #content {
  margin-top: -70px;
}

/*mosaic*/

div#mosaic{
    position: relative;
    display: block;
    width: 100%;
}
div#mosaic > div.siwi{
    padding: 11px 0;
}


/*findus*/

div#findus-heading{
    background: #206FB6;
}
div#findus-heading > .siwi{
    padding: 20px 0;
}
div#findus-heading > .siwi .part-user .com-content h2{
    font-size: 32px;
    color: #FFF;
}

div#findus{
    position: relative;
    display: block;
    width: 100%;
    background: #c3c4c4;
    background: -moz-linear-gradient(top,  #c3c4c4 0%, #ededee 5%, #ffffff 99%, #f1eff2 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c3c4c4), color-stop(5%,#ededee), color-stop(99%,#ffffff), color-stop(100%,#f1eff2));
    background: -webkit-linear-gradient(top,  #c3c4c4 0%,#ededee 5%,#ffffff 99%,#f1eff2 100%);
    background: -o-linear-gradient(top,  #c3c4c4 0%,#ededee 5%,#ffffff 99%,#f1eff2 100%);
    background: -ms-linear-gradient(top,  #c3c4c4 0%,#ededee 5%,#ffffff 99%,#f1eff2 100%);
    background: linear-gradient(to bottom,  #c3c4c4 0%,#ededee 5%,#ffffff 99%,#f1eff2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c3c4c4', endColorstr='#f1eff2',GradientType=0 );
}
div#findus > div.siwi{
    padding: 30px 0;
    height: 250px;
}

    /*newsletter*/

div#newsle-su{
    position: relative;
    display: block;
    width: 100%;
    background: #206FB6;
}
div#newsle-su > div.siwi{
    padding: 20px 0;
}

    /*userfull*/

div#userfull{
    position: relative;
    display: block;
    width: 100%;
}
div#userfull > div.siwi{
    padding: 10px 0;
}

	/*sectors*/

div#sectors{
    position: relative;
    display: block;
    width: 100%;
    background: transparent;
    padding: 10px 0;
}

div#sectors > div.siwi{
    padding: 20px 0;
}

    /*Content-after*/
    
div#content-after{
    position: relative;
    display: block;
    width: 100%;
    background: #F0F0F0;
}
div#content-after > div.siwi{
    padding: 10px 0;
}
	
		/*cpr*/

  #cpr{
		display:block;
    height:100%;
    
}


/* HEADER */

#header-top { 
background:#D0B880;
color:white;
}

#header-top span:nth-child(1) {
  padding-left:10px;
}

#header-top span:nth-child(2) {
  position:absolute;
  right:20px;
  padding-top:3px;
}

#header-top .en_GB { background: url('../gfx/english.png') no-repeat; width:22px; height:15px; display:inline-block; font-size:0px; margin-right:7px; }

#header-top .fr_FR { background: url('../gfx/france.png') no-repeat; width:22px; height:15px; display:inline-block; font-size:0px;  }


/* MIDDLE HEADER */

.header-middle { display:block; position:absolute; right:0px; }

.header-middle div { float:left; }

#partners { background: rgba(221, 221, 221, 0.4); }

/* FOOTER */


.cifp-footer { 
    background: #162F61 url("../gfx/deco-line.png") top center repeat-x ;
    -webkit-box-shadow: inset 15px 64px 26px -68px rgba(0,0,0,0.75);
    -moz-box-shadow: inset 15px 64px 26px -68px rgba(0,0,0,0.75);
    box-shadow: inset 15px 64px 26px -68px rgba(0,0,0,0.75);
}

.cifp-footer a { color:#BE9A50; text-decoration:none; cursor:pointer; }

.cifp-footer a:hover { text-decoration:underline; }

.cifp-footer ul li { 
  list-style-type:none; 
  padding-bottom:6px; 
  font-size:16px;
  padding-left:10px;
  }

.cifp-footer h2 { 
      color:#BE9A50; 
      text-transform: uppercase; 
      color: #BAB099; 
      font-weight:700; 
      border-bottom: 1px solid #776B50;
      font-size:18px;
      margin-bottom:10px;
      padding-left:5px;
}

.foonter-CONT { 
    width: 806px; 
    margin:0 auto; 
    display:block; 
    height:310px;
}

.footer-left {
    width: 200px;
    float: left;
    background:#173268;
    padding:40px 25px 0px 25px;
    height:266px;
    margin-top:4px;
    -webkit-box-shadow: inset 15px 64px 26px -68px rgba(0,0,0,0.75);
    -moz-box-shadow: inset 15px 64px 26px -68px rgba(0,0,0,0.75);
    box-shadow: inset 15px 64px 26px -68px rgba(0,0,0,0.75);
}


.footer-center {
    width: 200px;
    float: left;
    padding:40px 25px 0px 25px;
    margin-top:4px;
}

.footer-right {
    width: 256px;
    float: left;
    background:#173268;
    padding:40px 25px 0px 25px;
    color:#BE9A50;
    height:266px;
    margin-top:4px;
    -webkit-box-shadow: inset 15px 64px 26px -68px rgba(0,0,0,0.75);
    -moz-box-shadow: inset 15px 64px 26px -68px rgba(0,0,0,0.75);
    box-shadow: inset 15px 64px 26px -68px rgba(0,0,0,0.75);
    /* box-shadow: none; */
}

.footer-right h2 {
 border:none;
}

.footer-copy { 
    background:#142956; 
    border-top: 2px solid #BE9A50;
    color:#BE9A50;
    text-align: right;
    padding:5px 10px 10px 0;

}

.footer-copy p { text-align:right; }

/*----+ MEDIA QUERIES +----*/

@media only screen and (min-width: 1654px){
    div.siwi{ width: 1560px; }
    #partners div.siwi{ width: 1160px; }
/*    div#header div#header-bottom {
        min-height: 70px;
    }*/
  #cpr object{ width:1123px;}
}
@media only screen and (min-width: 1324px) and (max-width: 1653px){
    div.siwi { width: 1260px; }
    #partners div.siwi{ width: 1160px; }
    #cpr object{ width:1123px;}
}
@media only screen and (min-width: 994px) and (max-width: 1323px){
    #cpr object{ width:960px; height:605px}
}
@media only screen and (min-width: 640px) and (max-width: 993px){
    div.siwi{
        width: 630px;
    }
    div#findus > div.siwi{
        height: auto;
    }
  #cpr object{ width:638px; height:402px}
  
  
  h1#logo a { 
  /* background: url("../gfx/cifp-mini.png") no-repeat; */
  background: url("../gfx/cifp60_mini.png") no-repeat; 
  width:141px;
  height:44px;
  display:block;
  position:absolute;
  font-size:0px;
  -webkit-box-shadow: 0px 0px 47px -12px rgba(0,0,0,0.75);
  -moz-box-shadow: 0px 0px 47px -12px rgba(0,0,0,0.75);
  box-shadow: 0px 0px 47px -12px rgba(0,0,0,0.75);
  z-index: 999;
  margin-top: -5px;
  margin-left: 13px;
}
/* Content */
.fo #content { margin-top: 0; }
/* Footer */


  .foonter-CONT { width: 500px; height: 540px; position:relative; }
  .footer-left { position:relative; background:none;}
  .footer-center { position:relative; height:200px;}
  .footer-right { 
  padding-top:0px;
  position:relative; 
  width: 429px;
    -webkit-box-shadow: none;
   -moz-box-shadow:none;
   box-shadow: none;
   background:none;
   height:200px;
  }


  

}
@media only screen and (min-width: 480px) and (max-width: 639px){
    
      #header {
    height: 112px;
}
    
    div#content { margin-top: 43px; }
    
      h1#logo a { 
  /* background: url("../gfx/cifp-mini.png") no-repeat; */
  background: url("../gfx/cifp60_mini.png") no-repeat; 
  width:141px;
  height:44px;
  display:block;
  position:absolute;
  font-size:0px;
  -webkit-box-shadow: 0px 0px 47px -12px rgba(0,0,0,0.75);
  -moz-box-shadow: 0px 0px 47px -12px rgba(0,0,0,0.75);
  box-shadow: 0px 0px 47px -12px rgba(0,0,0,0.75);
  z-index: 999;
  margin-top: -5px;
  margin-left: 13px;
}
    
    div.siwi{
        width: 470px;
    }
    div#findus > div.siwi{
        height: auto;
    }
    div#header div#header-top h1#logo,
    div#header div#header-top h1#logo > a{
        width:220px;
    }
  #cpr object{ width:476px; height:300px}
/* Content */
.fo #content { margin-top: 35px; }
/* Footer */
  .foonter-CONT { width: 500px; height: 550px; position:relative; }
  .footer-left { position:relative; background:none; padding-left:18px; padding-right:0px; }
  .footer-center { position:relative; height:200px;}
  .footer-right { 
  padding-top:0px;
  position:relative; 
  width: 429px;
    -webkit-box-shadow: none;
   -moz-box-shadow:none;
   box-shadow: none;
   background:none;
    height:200px;
  }

  
}
@media only screen and (min-width: 320px) and (max-width: 479px){
    
        div#content { margin-top: 30px; }
    
      h1#logo a { 
  /* background: url("../gfx/cifp-mini.png") no-repeat; */
  background: url("../gfx/cifp60_mini.png") no-repeat;
  width:141px;
  height:44px;
  display:block;
  position:absolute;
  font-size:0px;
  -webkit-box-shadow: 0px 0px 47px -12px rgba(0,0,0,0.75);
  -moz-box-shadow: 0px 0px 47px -12px rgba(0,0,0,0.75);
  box-shadow: 0px 0px 47px -12px rgba(0,0,0,0.75);
  z-index: 999;
  margin-top: -5px;
  margin-left: 13px;
}
    
    
    div.siwi{
        width: 310px;
    }
    div#findus > div.siwi{
        height: auto;
    }
    div#header div#header-top h1#logo,
    div#header div#header-top h1#logo > a{
        width:310px;
    }
  #cpr object{ width:319px; height:201px}
/* Content */
.fo #content { margin-top: 32px; }
/* Footer */
  .foonter-CONT { width: 300px; height: 780px; position:relative; }
  .footer-left { position:relative; background:none; padding-left:0px; padding-right:0px; float:none; margin:0 auto; height:230px; width:225px;  }
  .footer-center { position:relative; height:200px; padding-left:0px; padding-right:0px; float:none; margin:0 auto; width:225px;}
  .footer-right { 
  float:none;
  position:relative; 
  margin: 0 auto;
  width: 210px;
  padding:0px;
    -webkit-box-shadow: none;
   -moz-box-shadow:none;
   box-shadow: none;
   background:none;
  }

  .header-middle .part-user.kozossegek { margin-left: 8px;}

  #header {
    height: 150px;
}

}

@media only screen and (max-width: 319px){
    
      h1#logo a { 
  /* background: url("../gfx/cifp-mini.png") no-repeat; */
  background: url("../gfx/cifp60_mini.png") no-repeat;
  width:141px;
  height:44px;
  display:block;
  position:absolute;
  font-size:0px;
  -webkit-box-shadow: 0px 0px 47px -12px rgba(0,0,0,0.75);
  -moz-box-shadow: 0px 0px 47px -12px rgba(0,0,0,0.75);
  box-shadow: 0px 0px 47px -12px rgba(0,0,0,0.75);
  z-index: 999;
  margin-top: -5px;
  margin-left: 13px;
}

    
    div#site{
        display: none;
    }
    body{
        background: #000;
    }
}