@charset "utf-8";




/* Reset.css */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;vertical-align: baseline;}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {display: block;}
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ""; content: none; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
html {overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

/*** H prop ***/
h20
{
 color:#888888;
    font-size: 10pt;
    font-family: sans-serif;
    text-align: center;
    
}

h21
{
 color:#000000;
    font-size: 10pt;
    font-family: sans-serif;
    
}
h22
{
 color:#000000;
    font-size: 12pt;
   font-weight: bold;
    font-family: sans-serif;
    
}

h23
{
 color:#ffffff;
    font-size: 10pt;
   font-weight: bold;
    font-family: sans-serif;
    
}

h24
{
 color:#851f82;

    
}



/*** edit-cook ***/

#cookieChoiceInfo {           
  background-color: #000; 
    font-family: arial, serif;
  font-size: 10pt; 
  color: #fff;               
  padding: 50px;  
  opacity: .9; 
}
#cookieInfoLink {                      
  color: #E00;
  text-decoration: underline;
}
#cookieInfoLink:hover {
  color: #F44;
  text-decoration:none; 
}
#cookieChoiceDismiss { 

  background-color: #851f82;
  color: #FFF;
  text-decoration: none;
  font-weight: 600;
  font-size: 16px;
  padding: 3px 10px;
  border-radius:  3px;
}
#cookieChoiceDismiss:hover {
  background-color: #c845ff;
}

/*** link color ***/
a { color: #ffffff; }
a:active { color: #ffffff; }
a:visited { color: #ffffff; }

/*** table propriety ***/
table {
	margin: 2px auto;
	width: 80%;
	border-collapse: collapse;
	table-layout: fixed;
	border: 2px solid #bbb;
	font: 100% Arial, serif;
}

caption {
	text-align: left;
	font: 1.4em Arial, sans-serif;
	color: #444;
	padding-bottom: 4px;
	text-transform: uppercase;
}

thead {
	background: #eee;
}

th {
	padding: 5px;
	border-bottom: 1px solid #bbb;
	vertical-align: middle;
    text-align: center;
	width: 25%;
}

tbody {
	background: #ddd;
}

td {
	width: 110px;
	border-bottom: 1px solid #bbb;
	padding: 5px;
	vertical-align: top;
    text-align: left;
	border-right: 1px solid #bbb;
}

td[colspan="2"] {
	width: 220px;
	text-align: center;
}



#center-p-cook
{
  width:80%;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  background-color: #000000;
  
}

#center-p-txt
{
    width:80%;
    font-family: arial, serif;
    text-align: center;
    color:#ffffff;
    margin-left: auto;
    margin-right: auto;
    padding: 0 auto;
    margin-top: 0 auto;
    margin-bottom: 0 auto;
  
}

#center-cont
{
  width:80%;
  font-family: arial, serif;
    text-align: center;
    color:#888888;
  margin-left: auto;
  margin-right: auto;
  padding-top: 20px;
  margin-top: 0 auto;
  margin-bottom: 0 auto;
  
}

.tab-center
{
  margin-left: auto;
  margin-right: auto;
}

/*** line ***/
#line-or
{
    width:80%;
    height:1px;
    margin-left: auto;
    margin-right: auto;
    background: #eeeeee;
    
}

/*** back ***/
#background-img{
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: url(../img/back.gif) no-repeat center top;
	position: fixed;
	z-index: -1;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

/*** fig log ***/
#lslogimg
{
    max-width: 400px ;
    max-height: 294px;
    margin-top: 20px;
    margin-left:auto;
    margin-right: auto;
    padding-bottom: 10px;
    background-color: transparent;
}

#int-back
{
    width: 100%;
    height: 294px;
    margin-left:auto;
    margin-right: auto;
    padding-bottom: 20px;
    background-image: linear-gradient(to top left, #cccccc 5%, #ffffff 50%);
}

#l-st
{
    width: 100%;
    height: 5px;
    margin-left:auto;
    margin-right: auto;
    padding-top: 5px;
    padding-bottom: 20px;
    border-radius: 6px;
    background-image: linear-gradient(to top left, #531251 5%, #851f82 50%);
}

/*** Content Fig ***/
#cont_fig
{
	width: 100%;
	display: inline-block;
	float: none;
    padding-top: 30px;
	text-align: center;
	margin: 0 auto;
	padding: 0 auto;
}

#cont_fig .box-gcel
{
	display: inline-block;
	float: none;
	width: 220px;
	height: 300px;
	margin-left: 2%;
    margin-right: 2%;
    margin-top: 4%;
	text-align:center;
	background-color:transparent;
    box-shadow: 0px 10px 10px #aaaaaa;
    border: 1px solid;
    border-radius: 5px 5px 5px 5px;
    border-color: #cccccc;
}

#cont_fig .box-int-purple
{
	display: inline-block;
	float: none;
	width: 210px;
	height: 80px;
    margin-top: 5px;
	margin-left: auto;
    margin-right: auto;
	text-align:center;
    color: #ffffff;
    font-size: 15pt;
    font-family: Impact, fantasy;
    line-height: 80px;
    letter-spacing: 1px;
	background-color:#851f82;
    background-image: linear-gradient(to top left, #531251 5%, #851f82 50%);
}

#cont_fig .box-int-blu
{
	display: inline-block;
	float: none;
	width: 210px;
	height: 80px;
    margin-top: 5px;
	margin-left: auto;
    margin-right: auto;
	text-align:center;
    color: #ffffff;
    font-size: 15pt;
    font-family: Impact, fantasy;
    line-height: 40px;
    letter-spacing: 1px;
	background-color:#008bd2;
    background-image: linear-gradient(to top left, #014c72 5%, #008bd2 50%);
}

#cont_fig .box-int-green
{
	display: inline-block;
	float: none;
	width: 210px;
	height: 80px;
    margin-top: 5px;
	margin-left: auto;
    margin-right: auto;
	text-align:center;
        color: #ffffff;
    font-size: 15pt;
    font-family: Impact, fantasy;
    line-height: 40px;
    letter-spacing: 1px;
	background-color:#4aad33;
    background-image: linear-gradient(to top left, #2e6b20 5%, #4aad33 50%);
}

#cont_fig .box-int-orange
{
	display: inline-block;
	float: none;
	width: 210px;
	height: 80px;
    margin-top: 5px;
	margin-left: auto;
    margin-right: auto;
	text-align:center;
        color: #ffffff;
    font-size: 15pt;
    font-family: Impact, fantasy;
    line-height: 40px;
    letter-spacing: 1px;
	background-color:#ec6807;
    background-image: linear-gradient(to top left, #a54805 5%, #ec6807 50%);
}

#cont_fig .box-int-red
{
	display: inline-block;
	float: none;
	width: 210px;
	height: 80px;
    margin-top: 5px;
	margin-left: auto;
    margin-right: auto;
	text-align:center;
        color: #ffffff;
    font-size: 15pt;
    font-family: Impact, fantasy;
    line-height: 40px;
    letter-spacing: 1px;
	background-color:#e63413;
    background-image: linear-gradient(to top left, #a0240d 5%, #e63413 50%);
}

#cont_fig .box-int-yellow
{
	display: inline-block;
	float: none;
	width: 210px;
	height: 80px;
    margin-top: 5px;
	margin-left: auto;
    margin-right: auto;
	text-align:center;
    color: #000000;
    font-size: 15pt;
    font-family: Impact, fantasy;
    line-height: 40px;
    letter-spacing: 1px;
	background-color:#ffde00;
    background-image: linear-gradient(to top left, #a08c02 5%, #ffde00 50%);
}

#cont_fig .box-int-fuxia
{
	display: inline-block;
	float: none;
	width: 210px;
	height: 80px;
    margin-top: 5px;
	margin-left: auto;
    margin-right: auto;
	text-align:center;
        color: #ffffff;
    font-size: 15pt;
    font-family: Impact, fantasy;
    line-height: 40px;
    letter-spacing: 1px;
	background-color:#ff00ea;
    background-image: linear-gradient(to top left, #b600a7 5%, #ff00ea 50%);
}

#cont_fig .box-int-black
{
	display: inline-block;
	float: none;
	width: 210px;
	height: 80px;
    margin-top: 5px;
	margin-left: auto;
    margin-right: auto;
	text-align:center;
        color: #ffffff;
    font-size: 15pt;
    font-family: Impact, fantasy;
    line-height: 40px;
    letter-spacing: 1px;
	background-color:#000000;
    background-image: linear-gradient(to top left, #000000 5%, #333333 50%);
}

#cont_fig .box-cont
{
	display: inline-block;
	float: none;
	width: 210px;
	height: 205px;
    margin-top: 5px;
	margin-left: auto;
    margin-right: auto;
    font-family: arial, serif;
    font-size: 10pt;
    color: #888888;
	text-align:left;
	background-image: linear-gradient(to top left, #dddddd 5%, #ffffff 20%);
}


/*** Responsive Img ***/
.img-responsive {
  display: inline-block;
  height: auto;
  max-width: 100%;
}

/*** txt justify ***/
.txt-just
{
  width:80%;
    margin: auto;
  height: auto;
  text-align: justify;
    font-family: sans-serif;
}