﻿/*
Theme Name: Laudate Deum 
Description:  Création sur mesure pour le Choeur Laudate Deum à Lausanne
Version: 1.0
Author: Michael Chronakis, Julien Doutaz & Adrien de Bosset
Author URI: http://micdesign.ch
Tags: Custom, Design, 2014, Responsive
*/

html {
border:0;
background-color:#FFF;
margin:0;
}

.flex-control-nav {
display:none;
}
body {
border:0;
width:100%;
border-top:9px solid #e13b3b;
margin:0;
margin-top:-8px;
color:#797979;
font-family:Roboto, sans-serif;

}











.masquer { display:none }

.pace {
  -webkit-pointer-events: none;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.pace-inactive {
  display: none;
}

.pace .pace-progress {
  background: #e42000;
  position: fixed;
  z-index: 2000;
  top: 0;
  left: 0;
  height: 2px;

}

.pace .pace-progress-inner {
  display: block;
  position: absolute;
  right: 0px;
  width: 100px;
  height: 100%;
  box-shadow: 0 0 10px #e42000, 0 0 5px #e42000;
  opacity: 1.0;
  -webkit-transform: rotate(3deg) translate(0px, -4px);
  -moz-transform: rotate(3deg) translate(0px, -4px);
  -ms-transform: rotate(3deg) translate(0px, -4px);
  -o-transform: rotate(3deg) translate(0px, -4px);
  transform: rotate(3deg) translate(0px, -4px);
}

.pace .pace-activity {
  display: block;
  position: fixed;
  z-index: 2000;
  top: 15px;
  right: 15px;
  width: 14px;
  height: 14px;
  border: solid 2px transparent;
  border-top-color: #e42000;
  border-left-color: #e42000;
  border-radius: 10px;
  -webkit-animation: pace-spinner 400ms linear infinite;
  -moz-animation: pace-spinner 400ms linear infinite;
  -ms-animation: pace-spinner 400ms linear infinite;
  -o-animation: pace-spinner 400ms linear infinite;
  animation: pace-spinner 400ms linear infinite;
}

@-webkit-keyframes pace-spinner {
  0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}
@-moz-keyframes pace-spinner {
  0% { -moz-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -moz-transform: rotate(360deg); transform: rotate(360deg); }
}
@-o-keyframes pace-spinner {
  0% { -o-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -o-transform: rotate(360deg); transform: rotate(360deg); }
}
@-ms-keyframes pace-spinner {
  0% { -ms-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -ms-transform: rotate(360deg); transform: rotate(360deg); }
}
@keyframes pace-spinner {
  0% { transform: rotate(0deg); transform: rotate(0deg); }
  100% { transform: rotate(360deg); transform: rotate(360deg); }
}

.hidden {
    display: none;
}
body {
 /* display: none;*/
}

/*
.col {
                  background: #ccc;
                  background: rgba(204, 204, 204, 0.85);
                  } 
*/
img {
border:0;
margin:0;
}

.normal {
width:90%;
margin-left:auto;
margin-right:auto;
/*margin-bottom:10%;*/
}

.normalno {
width:95%;
margin-left:auto;
margin-right:auto;
}

.serif h1{font-family:'Roboto Slab', serif;color: #333;
font-weight: 300;
font-size: 45px;
text-align: center;
top: 0;
padding-bottom: 14px;
margin-bottom: -8px;}

.dessus {text-align:center;}
.dessous {text-align:center;}
h1 {
color:#333;
font-weight:400;
font-size:22px;
font-family:'Roboto Slab', serif;


}

h2 {
color:#9bd0e2;
font-weight:300;
font-size:21px;
margin-top:9px;
font-family:'Roboto Slab', serif;
text-align:left;
}

h3 {
color:#9bd0e2;
font-weight:450;
font-size:19px;
font-family:Roboto, serif;
/*margin-top:-19px;*/
text-align:left;
margin-top:-10px;
margin-bottom:10px;
}

h4 {
color:#333;
font-weight:300;
font-size:22px;
font-family:'Roboto Slab', serif;
text-align:left;
}

h5 {
font-family:Roboto, sans-serif;
font-size:14px;
font-weight:700;
text-align:left;
color:#333;
margin-bottom:-4px;
}

p{color:#797979;
font-family:Roboto, sans-serif;
}

.test {
color:#333;
font-weight:300;
font-size:22px;
text-align:left;
vertical-align:6px;
font-family:Roboto, sans-serif;
display:inline-block;
margin-bottom:16px;
}

#blocblanc {
width:100%;
position:absolute;
top:50px;
z-index:20;
background-color:#FFF;
box-shadow: 0 0 10px black;
   -moz-box-shadow: 0 0 10px black;
   -webkit-box-shadow: 0 0 10px black;
}

#blocgris {
width:100%;
position:relative;
float:left;
padding-top:5px;
text-align:left;
background-color:#f7f7f7;
}

#blocnormal {
width:100%;
position:relative;
float:left;
padding-top:5px;
text-align:left;
background-color:#FFF;
}

#blocfooter {
width:100%;
position:relative;
float:left;
padding-top:5px;
text-align:left;
background-color:#FFF;
}

#blocblanc img {
vertical-align:middle;
padding-top:2px;
}

.mhaut img {
margin-top:5px;
max-width:98%;
background:#FFF;
padding:2%;
border-bottom: 1px solid #aaaaa9;
}

.mhaut {
text-align:center;
}

#blocimage {
width:100%;
position:relative;
float:left;
background:url(img/instagram.jpg) no-repeat top center fixed;
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
background-size:cover;
margin:0;
padding:0;

}

#concertindex {
margin-top:5px;
max-width:98%;
background:#FFF;
width:100%;
border-bottom:1px solid #bbb;
padding:1%;
}

#btn-reserver {
margin-top:15px;
width:132px;
margin-left:auto;
margin-right:auto;
}

#sep-gris {
width:100%;
height:25px;
background:url(img/separation.png)bottom center repeat-x;
}

.testbo {
width:100%;
height:25px;
background:url(img/separation.png)bottom center repeat-x;
}

#separationblanc {
height:40px;
width:100%;
background-color:transparent;
position:relative;
float:left;
background:url(img/separationbas.png)top center repeat-x;
}

.margebas {padding-bottom:20px;}

#concertinfo h1 {
color:#333;
font-weight:300;
font-size:45px;
text-align:center;
top:0;
padding-top:14px;
padding-bottom:14px;
font-family:Roboto, sans-serif;
}

#concertinfo p {
margin-top:-8px;
color:#797979;
font-family:Roboto, sans-serif;
text-align:center;
}

#param { text-align:right; }

#param  a {
	opacity: 1;
	filter: alpha(opacity=100);
 	-webkit-transition: opacity 0.5s linear;
	}	
	
#param a:hover {
	opacity: 0.5;
	filter: alpha(opacity=50);
 	-webkit-transition: opacity 0.5s linear;
	}
	
#afficheinfo h1{
color: #333;
font-weight: 300;
font-size: 45px;
text-align: center;
top: 0;
padding-bottom: 14px;
font-family: Roboto, sans-serif;
margin-bottom:-8px;
}

.effetimage {
width:100%;
height:100%;
}

#footer {
position:relative;
float:left;
width:100%;
background:url(img/footer.png)repeat center center;
font-family:Roboto, sans-serif;
font-size:13px;
font-weight:300;
}

#membre {
padding-left:30px;
background:url(img/membre.png)left center no-repeat;
color:#902929;
text-decoration:none;
float:left;
}

#membre:hover {
padding-left:30px;
background:url(img/membre-hover.png)left center no-repeat;
color:#4f1717;
text-decoration:none;
float:left;
}

.minidroite h1 {
color:#333;
font-weight:300;
font-size:13px;
text-align:left;
padding-left:10px;
font-family:sans-serif;
}

.minidroite p {
margin-top:-8px;
color:#797979;
font-family:Roboto, sans-serif;
text-align:left;
padding-left:10px;
}

.choeur h1 {
color:#333;
font-weight:200;
font-size:20px;
margin-top:10px;
}

.choeur {
display:inline-block;
}

.blocdroit {
padding-bottom:22px;
}

.blocdroit p {text-align:left;}

.margebas {
padding-bottom:19px;
}


#info h1{font-size:18px;}

.voir a {
padding-left:25px;
background:url(img/savoirplus.png) left center no-repeat;
color:#e13b3b;
font-family:Roboto, sans-serif;
text-decoration:none;
font-style:italic;
font-size:12px;
}

.voir a:hover {
padding-left:25px;
background:url(img/savoirplus-hover.png) left center no-repeat;
color:#333;
font-family:Roboto, sans-serif;
font-style:italic;
text-decoration:none;
}


.blocdroit a {
padding-left:25px;
background:url(img/savoirplus.png) left center no-repeat;
color:#e13b3b;
font-family:Roboto, sans-serif;
text-decoration:none;
}

.blocdroit a:hover {
padding-left:25px;
background:url(img/savoirplus-hover.png) left center no-repeat;
color:#333;
font-family:Roboto, sans-serif;
text-decoration:none;
}

.texteconcertinfo a {
margin-bottom:20px;
padding-left:25px;
background:url(img/savoirplus-bleu.png) left center no-repeat;
color:#8acadf;
font-size:12px;
font-family:Roboto, sans-serif;
text-decoration:none;
text-align:center;
}

.texteconcertinfo a:hover {
margin-bottom:20px;
padding-left:25px;
background:url(img/savoirplus-hover.png) left center no-repeat;
color:#333;
font-family:Roboto, sans-serif;
text-decoration:none;
}


.voirbleu {
margin-bottom:20px;
padding-left:25px;
background:url(img/savoirplus-bleu.png) left center no-repeat;
font-size:12px;
font-family:Roboto, sans-serif;
text-decoration:none;
text-align:center;
color:#8acadf;
}

.voirbleu  a{

color:#8acadf;
}

.voirbleu:hover {
margin-bottom:20px;
padding-left:25px;
background:url(img/savoirplus-hover.png) left center no-repeat;
color:#333;
font-family:Roboto, sans-serif;
text-decoration:none;
}

.miniature {
float:left;
}

.minidroite {
background-color:#000;
float:left;
}

.hauteur {
padding-bottom:15px;
padding-top:15px;
}

.concert p {
margin-top:-26px;
color:#797979;
font-family:Roboto, sans-serif;
text-align:center;
padding-bottom:20px;
font-weight:600;
}

.blocdroit p {
color:#797979;
font-size:14px;
font-family:Roboto, sans-serif;
padding-top:10px;
}

.texteconcertinfo p {
color:#797979;
font-size:14px;
font-family:Roboto, sans-serif;
}

.icon {
vertical-align:-10px;
margin-right:12px;
}

.contenu {
max-width:1200px;
margin-left:auto;
margin-right:auto;
}

.marge {
padding-left:10px;
padding-right:10px;
}

.titre-h1 h1 {
color:#333;
font-weight:300;
font-size:25px;
}

.titre-h2 h2 {
color:#9bd0e2;
font-weight:300;
font-size:21px;
margin-top:9px;
}

.titre-h3 h3 {
color:#9bd0e2;
font-weight:500;
font-size:17px;
font-family:Roboto, sans-serif;
margin-top:-19px;
}

.date {
vertical-align:6px;
font-family:Roboto, sans-serif;
display:inline-block;
margin-bottom:16px;
}

.dateinfo {
font-family:Roboto, sans-serif;
display:inline-block;
font-size:12px;
font-weight:700;
text-align:center;
}

.milieu {
text-align:center;
}

.droite {
text-align:right;
display:inline-block;
}

.icogrand {
text-align:center;
}

.calendrier-icon {
vertical-align:middle;
width:24px;
margin-right:21px;
}

#croplien {
color:#FFF;
}

#croplien:hover {
color:#902929;
}

#txtrouge {
color:#902929;
text-decoration:none;
float:left;
font-size:13px;
text-align:center;
}

#txtblanc {
color:#902929;
text-decoration:none;
float:left;
}

/*
.menu-laudate a {
position:relative;
display:inline-block;
outline:none;
color:#000;
text-decoration:none;
text-transform:normal;
letter-spacing:1px;
font-weight:400;
text-shadow:0 0 1px rgba(255,255,255,0.3);
font-size:11px;
font-family:sans-serif;
margin:1px 5px;
}

.menu-laudate a:hover {
outline:none;
color:#373737;
}

.menu-laudate a:focus {
outline:none;
}

.menu-laudate a {
	padding: 8px 0;
}

.menu-laudate a::after {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	height: 4px;
	background: rgba(0,0,0,0.1);
	content: '';
	opacity: 0;
	-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
	-moz-transition: opacity 0.3s, -moz-transform 0.3s;
	transition: opacity 0.3s, transform 0.3s;
	-webkit-transform: translateY(10px);
	-moz-transform: translateY(10px);
	transform: translateY(10px);
}

.menu-laudate a:hover::after,
.menu-laudate a:focus::after {
	opacity: 1;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	transform: translateY(0px);
}

*/

/*
.menu-laudate {
    display: inline-block;
    position: relative;
    font-family: "MuseoSans_500";
    font-weight: 500;
    text-transform: uppercase;
    background: #F4DE9F;
}

.menu-laudate:hover {
    background: #FFF1C2;
}

.menu-laudate a {
    display: inline-block;
    height: 20px;
    padding: 10px;
    text-decoration: none;
    color: #645548;
}
/* Hide submenus by default */ /*
.sub-menu {
    display: none;
    position: absolute;
    width: 150px;
    top: 40px;
}

.sub-menu .menu-laudate {
    width: 100%;
}/*
/* The second level sub-menu should be moved to the right *//*
.sub-menu .menu-laudate > .sub-menu {
    top: 0;
    left: 150px;
}

/* Show submenus on hover *//*
.menu-laudate:hover > .sub-menu {
    display: block;
}


#header a {
color:#333;
}


*/
.centrer { text-align:center; } 

#focus { 
width:100%;

background:url(img/separation.png)bottom center repeat-x;
}

#explication {color: #333;
font-weight: 100;
font-size: 40px;
font-family: 'Roboto Slab', serif;}
.concert img {
width:100%;
position:relative;
}

/* formulaire */

.screenReader { left: -9999px; position: absolute; top: -9999px; }
.thanks { background: #F2F3F6; border: 1px solid #7E8AA2; padding:10px; }

/*****Forms*****/






/*NAV */


/*
#nav {
         position: relative;
      }
      #nav li {
         display: inline;
      }
      #nav li ul {
        display: none;
      }
      #nav li:hover ul {
        display: inline;
        position: absolute;
        top: 1em;
        left: 1em;
      }
      #nav li ul li {
         display: inline;
         position: relative;
      }
*/


/*
#menu-laudate-menu li { display:inline;}

ul li ul {
  position: absolute;
  width: 10em;
  left: 1px;}



nav ul a {
position:relative;
display:inline-block;
outline:none;
color:#000;
text-decoration:none;
text-transform:normal;
letter-spacing:1px;
font-weight:400;
text-shadow:0 0 1px rgba(255,255,255,0.3);
font-size:11px;
font-family:sans-serif;
margin:1px 5px;
}

nav a:hover {
outline:none;
color:#373737;
}

nav a:focus {
outline:none;
}

.cl-effect-3 a {
	padding: 8px 0;
}

.cl-effect-3 a::after {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	height: 4px;
	background: rgba(0,0,0,0.1);
	content: '';
	opacity: 0;
	-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
	-moz-transition: opacity 0.3s, -moz-transform 0.3s;
	transition: opacity 0.3s, transform 0.3s;
	-webkit-transform: translateY(10px);
	-moz-transform: translateY(10px);
	transform: translateY(10px);
}

.cl-effect-3 a:hover::after,
.cl-effect-3 a:focus::after {
	opacity: 1;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	transform: translateY(0px);
}

/*     */


.menumenu { float:right;/*margin-right:100px;*/ }


#btn1 { float:right;margin-top:7px;}




@media screen and (max-width: 630px){
#btn1 { display:none;}
.menumenu { float:none; }
}








#mobile-menu {
display: none;
visibility: hidden;
}

@media only screen and (max-width: 400px) {
#mobile-menu { background: url("images/icon-mobile.png") no-repeat scroll 0 0 transparent; cursor: pointer; display: inline-block; float: right; height: 30px; margin: 12px; width: 41px; visibility: visible; }
#nav_menu-2 { display: none; }
}

/* Make sure main menu re-appears when scaled up */
@media only screen and (min-width: 401px) {
#nav_menu-2 {
display: block !important;
}
}





@media screen and (max-width: 380px){
#btn-billet {
display:none;
}
}

@media screen and (max-width: 970px){
#blocblanc {
position:relative;
top:100%;
width:100%;
margin:0;
}

.flex-control-nav {
display:none;
}
}


.afficheindex { 
  border-bottom : 1px solid #bbb; 
  overflow:hidden;
  padding:8px;
  padding-bottom:2px;
  background:#fff;
}


#minigauche {
  float:left; 
  width:30.1%;
}
#minidroite { 

  overflow:hidden;
}

@media screen and (max-width: 480px) {
   #minigauche { 
    float: none;
    margin-right:0;
    width:auto;
    border:0;
	margin-bottom:-5px;
  }
}


input[type="button"] {padding:0;border:0;background-color:none;width:auto;}



input { width:100%;background-color:#f0eded;
border: 0px solid;
height:35px;
color:#3f3e3e;
padding-left:25px;
padding-right:25px;
margin-bottom:10px;
margin-top:10px;
font-size:14px;
}


textarea:focus, input:focus{
    outline: 0;
}

 
::-webkit-input-placeholder { /* WebKit browsers */
    color:    #3f3e3e;font-size:14px;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #3f3e3e;font-size:14px;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #3f3e3e;font-size:14px;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #3f3e3e;font-size:14px;
}



hr { width:100%;color: #6a1b63;
background-color: #6a1b63;
height: 1px;
border: 0;margin-top:20px;margin-bottom:20px;}



select{-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none; border:0;background-color:#f0eded;height:35px;padding-left:15px;padding-right:15px;width:100%;font-size:14px;}
	select::-ms-expand {
    display: none;border-radius:none;border:none;
}
	
	
	input[type=checkbox],
   input[type=radio] {
     display: inline-block;
     font-size: 15px;
     line-height: 1em;
     margin: 0 0.25em 0 0;
     padding: 0;
     width: 1.25em;
     height: 1.25em;
     -webkit-border-radius: 0.25em;
     vertical-align: text-top;
   }
   
   input[type=radio] {
      -webkit-border-radius: 2em;
    }

   input[type=checkbox]:checked {
     background: url("data:image/png,%89PNG%0D%0A%1A%0A%00%00%00%0DIHDR%00%00%008%00%00%008%08%02%00%00%00'%E4%ACI%00%00%00%19tEXtSoftware%00Adobe%20ImageReadyq%C9e%3C%00%00%04%FEIDATx%DA%EC%98%DFo%1BE%10%C7g%ED%E4l%E7~%F8%9C%8B%7F%C5%8DS%D2%26P%01UQ%1E%10%12R%11%12B%AAx%E0%8D'%FED%D47J_%10%FF%00%20%F5%01%15%119!n%1C'%25%C9%D9%17%FBn%EFb%2F%D3Y%9Du%89%83%E4%CD%0FP%D1%ADV%D1%C6%3B%E7%FB%F8%BB%B33%B3%CB677%E1mh%19xKZ%0A%9A%82%A6%A0)h%0A%9A%82%A6%A0Wjs%D7y%98%C5%03q%13f7%0F%CA%A8g%12%CB1%26%08A%83%E4bM%2C'f%13%CB%5B%07e%F4%0C%F6y%FA%9B%A1w%9F%25%FA8%A6%9CK%F4%89Y%14%9B%89%5B%05%95%94%1A%C0%02%F5%3C%E1%22A%000%00%F0ip%16%7F%2F%CE%16%00t%1Ad%08%11g%87%D4A%9D5%BB%BC%BC%ACJi%018%00%15%80%3A%C0%E3%93%93Q%3E%9Fc%2C%9BX%FA%2C%C1%15%01%96%00%AA%00%CBB%7C%EA%BA%BCP%D0hJ%C4%94j%A0%F5z%7Dv%D0yR%08)%F1%C7%AD%02%3C%E9v%1F%ED%EE%3E%1C%0E%5D%DB%96%8B%3B%22K%042%E9%97%AC%00%AC%09%F1M%AB%B5%D1%ED6%18%EB%1B%06%90%B4!%B1%8ETX%15%40%A5N%16%89%84%94_v%BB%D5N%A7%83%9Fp%FE%81%EF%F7K%25%60L%FE%18%83(%9B%00%1BB%7C%D5jA%AF%B7%8F%F2%7B%DE2c%87%86%E1%93%93%84%09%87%9E%E9%ED%B5ZmF9'%0B%8A%0F%3C98%40%CA.%BD%AF%8Fd%9Co%F8%FE%90tE%BF%2C%014%00%D6%85%F8%7C%7B%3B%EA%F5%DA%24%1E%C2U%3C%AF%94%C9%B4t%DD%A3%7F%A38%08%DC%A4%A2%2C%A1%E8c%D7%FD%A8%DD%EE%10%A5l%92u%CD%F7%C1%B6M%C6P%F2w%84%F8x%7B%3B%24J%D9F%B4%99%9A%9E%E7%17%0A%7F%E4%F3%B8%F9%F8m(*%23%8E%DC%EF%A3%5C%EE%91%EF%9B%9C%F7%13%B3%92%B5%E1%FB%E3b%D1%16%E2%C1%CEN%92R6%F4%EC%C8%B2%9E%D5j%7F%01%9C%12%E8%ECn%9A%ADV%AB%B3%D8%89XTt%C1%1C%C0%89m%7F%E8%FB%C6e%AC%15%DF_t%DD%B0%DF%BF%40%89%1Bk%DE%B2%9E%DE%BD%DBf%EC(%01%0A7%0B%0Aq%8E%91A%0A%89%FB%C5%E2%7BA%A0O%B1%8E8%1Fr~8E%99%B3%AC%E7%AB%AB-%C6%D0%B3O%12%3E%3A%2Bh%A5R%99%3D%98%89%F3%7DP%2C%DEC%5D%C30%C9%CA%A9_%A0%D4%2C%EB%A7f%F3w%C6v%01%5E%03x%8A%EB%AE%06%3A%C9%E6%E3D%60g%C5b%23%08.%B0%5E%A44%CD_%9B%CD%97%8Cm%03%A0%9C.%C9%A9%14%9B%DE%BC%AB%5C._AQ%20g%5D%A0%C0%3E%B6%ACr%10%8C%C3%90O%D9c%2C3Mskee%9F%B1%1D%00%8C%A6G%94l%23E%CA%EB%D6%A3%E2%16%2CoFQY%13%15(%9A%E2cw(%5E%BE%FF%EAU%E8y%87%97%D9%A3%C6%E8%15%A8w%CF4%7B%B4%D3%03%92st%85%5C%BF%B4%B4%A4D)%93%93%CC%A2%EF%0A%F1%C9%DE%5E%E4y%ED%7F~%AAO%AC%0D%CE%915%A0%1C1I%9EJ%ACj%A0%1A%15%25e%CA%E3H%F9%05R%9E%9E%B6%A7%FC2%7F~%E3K%D6%7BApD%AC%01%CD%9E%A9%E6z%C7qf%07%C5PoSuw_%88%AF%3B%9D%B3)J%DC%E3%A6a%2Ch%DA%858%20Y78o%1B%86G%25%A9r%1C%9D%11T%A6%A5%02%816%84%F8v%7F%9F%5DF9o%18%5B%F5%FA%B1i%96%C3p%9A%D5%0C%C3u%CE_%18%86K%AC%A1RQ%B2%B8%B88%7B%99%97%A3m%F4%D9%E9%E9%83%E3%E3%FD%F3%09%F0%0D%A5%AE%FFR%AF%EF1%86%89%A7g%18w87%A2(%C9%8A%8B%EE%84%A1%97%CB%BD%D44%D5%98%AF%00%9A%A1%D8%89%A2%06%9A%B6%C2%18%D6%1F~%CC*)%7F%AC%D5~KDu%D70%EE%A3%AE1%ABF%F5%E1%9F%8E%F3%DC%B2%AE%90%9C%14%40Y%7C%A6%C3%BD%E2%16%0Aw%B0%9C%23V%AC%89%B2%BA%FE%7D%AD%26s%0F%96%7F%C7%14%D5%03%2C%3E%0Cc%23%0C%CD(%0A%88%F2%B5%E3%3C%2B%95%3Aq%D8%0F%95%7C%B4%84%95%B9%CA)%5E%96%26(C7%9Fw2%99U%DF%0Ft%FD%BBju%8Br%8F%84%90u1%A7%B5n%EB%FAz%18.E%D1%8E%E3%FC%60%DB%E8%D6%07T%94%0C%15w%BD%C2)T%9Ew%87%24%18%10%CA%A1mo%CE%CD%BD%D0u%97*7%FC%BC%17%07%A6%90%96%15%C78%D5%AEV%1F%0E%06%3F%D3%1E%3A%A6%3ET%CF%F5lmmM%F5%B8%9C%A3h*%CF%C1Z%7C%CC%18%C4Ag%14%EF%BC%02%15%03%3A%0D%B2%84.O%D5%838%8E*e%26%B5s%BD%88%8F%ED%F2%2C%2F%0B%D3%C9%CDB%94%D0I%C4%25%92%1F_%40%8C%CE%9B%DD%EE%05%C4%84uL%0A%C9%3AZ%5Cv%A53%8E%0F%C4%7C%CAl%FC%EF%5C%E9H%D6%D1%0C%B7_%E3%FF%FC%92L%B5x%BB~%8D%97%5E%E4%A6%A0)h%0A%9A%82%A6%A0)%E8%FF%1E%F4o%01%06%00%DBBF5c%12Wd%00%00%00%00IEND%AEB%60%82") no-repeat center center;
     -webkit-background-size: 28px 28px;
   }
   
   input[type=radio]:checked {
      background: url("data:image/png,%89PNG%0D%0A%1A%0A%00%00%00%0DIHDR%00%00%008%00%00%008%08%02%00%00%00'%E4%ACI%00%00%00%19tEXtSoftware%00Adobe%20ImageReadyq%C9e%3C%00%00%04)IDATx%DA%EC%99%DFo%DB6%10%C7IY%B6%E5%DF%89%DD%FChf%23%C0%DE%BA%3D%E6%0FX%81%BE%F6%FF%DD%5E%F7%D8%F7%01-0%F4%07%10%BF%AC%F1%8C%DA%B1%23%CB%94x%3D%1Cq%04e%25-%958%DB%82I8%10%B2M%8A%1F%7D%C9%3B%1Eiyqq!%9E%C2%15%88'rU%A0%15h%05Z%81V%A0%FF%13%D0%F0%E1%8F%90%1Eu%E0%DF%02%95%85%D2%DC%C8%3C%1C%E4A%E1%01%D0%E1%BD%11%25O%1D%C9%A5%BCMH4%CD%A5%2C%A0%3F%16%A8t%40k%5C%06%8E%D9%0A%16%D1ZF%DFd%F7%9D%0FaYJ%AB_%8D-t%CA%1DP%C4J%B9%0C%98%D2%BC%40Y%D6%F0%1E%94%01%93%A15%84%A8%93%99%8F%01%C7%11%A3bJ%A6%C8%B6t%2F%19%B7%2CkX6%98%19%CA%3A!%A25%C9%1AL%5Cs%403%E6CK%E8%A7m~%1Eg%A5%86%1E%00J%05%A0%80%85D%BEH%88%16%9B%C15%13%40%F0p%1B%C4%98%C5%DE%99%BE%A5%26k%89%A1%B73%D2P%22%5C%5B%88%8E%10%5D%BAi%13w%C3Q%14)7B%DCP%E5%22(%F0%FB%C0~%15%05G%CE%3A%83%22%E2%40%88%BE%10%3D!%C6q%FCb6%3B%B9%BE%EE%24(%A2X7%9B%7F%F5z%EF%9E%3D%BBl%B5%AE%A9%95d!3%C7%60%EF%8A%06%AC%E8%0E%E5%A1%10%23%AD%7F%B9%BC%3C%9A%CFgB%7C%A4%B1%C6%AB%99%24%FD%24y9%9B%5D%0D%87%BFO%26%B5%20%10y%D0%D4%09%5B%3EW%ED%F4%F4%D4%C7%DFw%B4%EC%90%8A%07B%1Ci%FD%FA%FD%FB%60%B9%FC%40%A3%9C9%8E%82%1F%11%7D%88J%AFV%D3%83%03%25e%CAq%20%CD%8B%0A%1E%A2%D6NNN%3C'%A8%F1%F4%88%A6c%97F%7C(%C4%AB%E9%14)%A7w%B7%5Dbe%A5~P%EA%B2%DF%DFr%A8R%B7%B1%EEa%8EB%DE%E5%8D%AE%88%3B%89%E3%E3%F9%FC%ED%F7%9A%E3k%BC%98%CF'%A3%D1%AA%D5Zsp%08%EE%C8%0A%1E%04%BA%E3%F8uv%FC%9Fq%0A%FA%B5%BD%A2%CA%1F%C6c%1B%C2%EC2%06%8F%01jc%BE%09RG%EB%F5G%BF%B6%E8%F8%3F%AE%D7%0D%00w%F5%92%8E%D7%EFm%E8!%1F%01%8C%7B%B5%94%DA%FA%81b%B5H%A9%00%40%DE6%E8%3E%A0O'%C3%F7W%D4%A6%95%D6a7a%D8P*%F1%E8%A6A%953%00%1BA%ED%03%F79G5%E7l%99%13%AE%91%EFs%BB%DD%5B%2C%7C%40%7BT9%01H%0B%2B%93%F6%1Cz%F0%BBP%0C%8D%DD%00(%80-%C0%06%20%06%F8%E3%F0%F0%C8o%E0%B0%1AV%8E%A9%E1%96%1E%92%D2%033%F0%BD%7C%15%D5%2C%A4%22-M%B6%F1%A9%D9%FC%3C%18%8C%17%8B%E97%9B%8FQ%CE%C1%00%2B%DF%20(5%B7%01_%7B%2BZ%1B%8DF%9EYs%E0%EC%3Dj%7C3%EBt~%BA%B9%E9%A6%E9%F2n%CA0%8A~%3B%3B%C3%E5tAqjM%89%DF%86q%7DA%87%C3%E1w%3DI%16p%ED%F6%08%BB%C1%B5q%92%A6%E7%944e%BC%DC7)_9G%B8~%FF%D7%E7%CF%AF%A4%FCB%A0%2B%1A%0AW%D7%9D%DC%F4%FE%A0.n%90%DF%E2%19%25%B0%BFO%9D%CE%A2%DD%C6%A1%99h%7D%AE%F5%19f-%F5%FA%B2%DB%7Ds%7C%FCf0%F8%5B%88%2Fd%2BGN%9B%9D%C0%1E%D3%3C%60%F1%94%B3m%B2%3F)%EAx%15E%7FF%D1N%E2%1C%93~kB4%16%B3%96%8A%85%DCg%E2l%23%94%A0%0E%DC%E0%9A2P%C4%99%BC%BB%151ngpc%D6%D2%80f%8E%9C%FBTT%B0%A8%99%F3%A5%E68%B0!%CA%5B7w%09%E3%9A%9B-Sj%EFU%BEtR%B2%B3%90%80%B3%833%F9%94%CD%89%84%B3%40l%F3%DBe%C5%DF%EB2r%96%D8%8A%80%83%EB.%AA)%0B%19%B2%9C%D2%D1%DB%1E%40(g%ED%D5%E5)%CB%ED%EB!%1F%FF%0D%8A9%FF%A89N%E6%82%BAk%AF%BBC*KY%FA%00%02%9C%20%60%BA%0F%B8%FC%F6!%99.L%CA%C7%3D%24%13%F9%E38%E9%10%C8%C2Q%05%14%EA%FF%A3%C7%8EE%88%FF%F4A%EE~!%AA%3F%1B*%D0%0A%B4%02%AD%40%2B%D0%A7%07%FAU%80%01%00%CB%CE%9B*%C4!%CE%AD%00%00%00%00IEND%AEB%60%82") no-repeat center center;
      -webkit-background-size: 28px 28px;
    }
	
	
	
	.imgClass { 
    background: url(img/send.png);
    background-position:  0px 0px;
    background-repeat: no-repeat;
    width: 71px;
    height: 28px;
    border: 0px;
    background-color: none;
    cursor: pointer;
    outline: 0;
}


textarea{width: 90%;
background-color: #f0eded;
border: 0px solid;
height: 35px;
color: #3f3e3e;
padding-left: 25px;
padding-right: 25px;
margin-bottom: 10px;
margin-top: 10px;
font-size: 14px;
padding-top: 10px;
padding-bottom: 10px;
}

#info {overflow:hidden; }



div.wrapper{
	position:relative; /* important(so we can absolutely position the description div */ 
}
div.description{
	position:absolute; /* absolute position (so we can position it where we want)*/
	bottom:0px; /* position will be on bottom */
	left:0px;
	display:none; /* hide it */
	/* styling bellow */
}

.instaeffet{
opacity:1.0;
filter:alpha(opacity=100); /* For IE8 and earlier */
-webkit-transition: opacity 0.8s, -webkit-transform 0.8s;
	-moz-transition: opacity 0.8s, -moz-transform 0.8s;
	transition: opacity 0.8s, transform 0.8s;
}

.instaeffet:hover
{
opacity:0.7;
filter:alpha(opacity=70); 

}
.lab
{
opacity:0.4;
filter:alpha(opacity=40); /* For IE8 and earlier */
-webkit-transition: opacity 0.8s, -webkit-transform 0.8s;
	-moz-transition: opacity 0.8s, -moz-transform 0.8s;
	transition: opacity 0.8s, transform 0.8s;
}
.lab:hover
{
opacity:1.0;
filter:alpha(opacity=100); /* For IE8 and earlier */
}
