
/* +--------------------------------------------------------------------------+
// 2020 rohy / 
// +-------------------------------------------------+
// $Id: opacam.css,v 1.0 2020-09-27 11:51:45 */


/* ---------------------------------------------------------------------------*/
/* ---------------------------------------------------------------------------*/
/*                         ATTRIBUTS GENERAUX                                 */
/*                                                                            */
/*                     attrbitus generaux de la page                          */
/* ---------------------------------------------------------------------------*/

/* 

---------------------------------------------------------------------------*/

html{width:100%;height:100%;left:0;top:0;margin:0;padding:0;}
body{
width:100%;
height:100%;
margin:0;
padding:0;
border:0;
left:0;
top:0;
/*
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
*/

}

#jiaby{
width:100%;
height:100%;
margin:0;
padding:0;
border:0;
left:0;
top:0;
background-color:#ffffff;

}


#loha{
width:100%;
height:60px;
margin:0;
padding:10px 0px 10px 0px;
border:0;
left:0;
color:#ffffff;
background-color:#003366;
/*background-color:#cccccc;*/
}

#loha h2{

 margin:14px 0px 14px 90px;
  padding:0px;
  font-family : Arial, sans-serif;
  font-size:28px;

/*background-color:#cccccc;*/
}


#miverina a{

 margin:15px 25px 0 0;
  padding:0;
  font-family : Arial, sans-serif;
  font-size:12px;
  font-weight:bold;
  color:#ffffff;
float:right;
/*background-color:#cccccc;*/
}

#lohateny{
width:90%;
height:100px;
margin:0;
padding:5px 0px 5px 90px;
border:0;
left:0;
font-family : Arial, sans-serif;
  font-size:18px;
/*background-color:#993399;*/
}


#lohateny h2{

 margin:14px 0px 14px 0px;
  padding:0px;
  font-family : Arial, sans-serif;
  font-size:28px;

/*background-color:#cccccc;*/
}

#safidy{
  font-family : Arial, sans-serif;
  font-size:20px;
width:100%;
height:45px;
margin:0;
padding:0;
border:0;
left:0;

/*background-color:#330033;*/
}

#safidy1{
height:45px;
margin-left:90px;
padding:0;
border:0;

/*background-color:#330033;*/
}

.safidy{
width:350px;
height:45px;
padding:15px 0 0 0;
text-align:center;
border:1px solid rgba(51, 51, 51, 0.1);
float:left;
color:#003366;
/*background-color:#330033;*/
}

 .safidy:hover{
 background-color:#cccc66;
 color:#ffffff;
  }


#fafana{
width:100%;

margin:15px 0 15px 0 ;
padding:0;
border:0;
left:0;

background-color:#cccc66;
clear:both;
}

#fafana1{
width:90%;
height:30px;
margin-left:90px;
padding:0;
border:0;

/*background-color:#cccc66;*/
/*background-color:#cccc66;*/

}

#fafana2{
width:90%;

margin-left:90px;
padding:0;
border:0;

background-color:#ffffff;
/*background-color:#cccc66;*/

}


#fafana3{
width:90%;
height:30px;
margin-left:90px;
padding:0;
border:0;

/*background-color:#cccc66;*/
/*background-color:#cccc66;*/

}

.eto{

width:350px;
height:50px;
background:#ffffff;
border:none;
font-family : Arial, sans-serif;
font-size:16px;

}

.eto:hover{
color:#cccc66;
}

#b_stat{
height:80px;
padding:30px;
font-family : Arial, sans-serif;
font-size:20px;
color:#ffffff;
  } 
   
  
  
#b_input_rec{
 width: 750px;
border: 1px solid #cccccc;
height:45px;
box-shadow: 3px 3px 10px 1px #7b7b7b;

  }  
  
  
#b_input_rec_form{
height:25px;
padding:10px;
font-family : Arial, sans-serif;
  font-size:25px;
  width: 685px;
  border:none;
  
  } 
 
#b_input_rec_btn{
width:45px;
height:45px;
padding:0px;

background-color:#cccccc;
font-family : Arial, sans-serif;
font-size:35px;


}
 
#b_input_rec_btn:hover{

background-color:#99ccff;

}
 
.col{
float: left;
width:25%;
}


#valiny{
width:90%;
margin-left:90px;
padding:10px;
border:0;
left:0;

/*background-color:#ff9900;*/

}

.hita{
background-color:#cccccc;
display:inline;
}

#resultat{

height:25px;
bottom:0px;
left:70px;
margin:0;
padding:5px 20px;
border: 2px solid #cccccc;

border-radius:24px;
background-color:#ffffcc;

-moz-box-shadow: 1px 1px 5px #666666;
-webkit-box-shadow: 1px 1px 5px #666666;
box-shadow: 1px 1px 5px #666666;

}

#resultat2{

height:25px;

left:90px;
margin:0;
padding:5px 20px;
border:3px;

border-radius:24px;
background-color:#ccccff;

}

#talatalana{
width:100%;

margin:0;
padding:0;
border:0;
left:0;

/*background-color:#ff9900;*/

}

#talatalana1{
width:90%;
/*height:400px;*/
margin-left:90px;
padding:0;
border:0;
/*background-color:#ff9900;*/

/*background-color:#ff9900;*/
clear:both;
}

#talatalana1 img{
height:250px;
margin:10px 30px 2px 0;
-moz-box-shadow: 1px 1px 5px #666666;
-webkit-box-shadow: 1px 1px 5px #666666;
box-shadow: 1px 1px 5px #666666;
}



#talatalana2{
width:90%;
/*height:400px;*/
margin-left:90px;
padding:0;
border:0;
/*background-color:#ff9900;

background-color:#ff9900;*/
clear:both;
}

#talatalana2 img{
height:250px;
margin:10px 30px 2px 0;
-moz-box-shadow: 1px 1px 5px #666666;
-webkit-box-shadow: 1px 1px 5px #666666;
box-shadow: 1px 1px 5px #666666;
}

.lohatalana{
font-family:'Open Sans',sans-serif;
color:#ffffff;
font-weight: 600;
font-size: 20px;

padding:15px;
border:0;
background-color:#003399;
height:25px;
/*background-color:#ff9900;*/
}


.ta{
width:250px;
/*width:18%;*/
padding:0;

float:left;
font-family : Arial, sans-serif;
font-size:14px;
/*
border:1px solid #003399;
background-color:#ff9900;*/
}



#ora{
width:100%;

margin:0;
padding:1px 0 1px 0;
border:0;
left:0;
background-color:#ffcccc;

font-family : Arial, sans-serif;
font-size:14px;
/*background-color:#ffffff;*/
clear:both;
}


#fifandraisana{
width:100%;

margin:0;
padding:15px 0 10px 0;
border:0;
left:0;
background-color:#ffffff;

font-family : Arial, sans-serif;
font-size:14px;
/*background-color:#cccc66;*/
}

#marika{
width:100%;

margin:0;
padding:1px 0 1px 0;
border:0;
left:0;
background-color:#cccccc;

font-family : Arial, sans-serif;
font-size:14px;
/*background-color:#cccc66;*/
}