@charset "UTF-8";
/* work with w3pro.css by MOF */
/* ociTheme-500.css only backgrounds & colours */

  /* OCI Colors*/
  
  .o3-ocigrad {color:#440000 !important;background:transparent; background:linear-gradient(180deg,rgba(190, 214, 92,0.01), rgba(168,198,49,0.8))!important;}
	 /* similar bckgd */
  .o3-ocigradt {color:#440000 !important;background: linear-gradient(180deg,rgba(255,255,255,0.7),rgba(128, 194, 36,0.5))!important;}
   .o3-ocigradr {color:#440000 !important; background: linear-gradient(90deg,rgba(190, 214, 92,0.1),rgba(168,198,49,0.5))!important;}
  /* / OCI Colors*/
  
  /*Font-familyStyle
  https://www.w3schools.com/CSSref/playdemo.asp?filename=playcss_font-family*/
  
  
  /* / FontAndFont-familyStyle */
  
  .o3-tangerine {font-family: 'Tangerine',serif;}
  
  .o3-tnroman {font-family: "Times New Roman", Times, serif;}

  .o3-arialhss {font-family: Arial, Helvetica, sans-serif;}

  .o3-lucida {font-family: "Lucida Console", "Courier New", monospace;}  /*/FontStyle*/
  
  .o3-tahverdanaSS {font-family: Tahoma, Verdana, sans-serif;}
  
  .o3-verdana {font-family: Verdana, sans-serif;}
  
  .o3-georgia {font:  small-caps bold 12px/30px Georgia, serif;}

  .o3-impact {font-family: Impact;}
  
  .o3-smallcapv {font: small-caps 15px Verdana;}

  .o3-variant {font-variant: small-caps;}
  .o3-tangerine {font-family: 'tangerine',serif;}

/* / FontAndFont-familyStyle*/

/* fotos */

  .o3-picframe {
	width:100%; height:auto; padding: 0.01em;
	border:0em solid #ffffcc;border-radius: 4px;
   	box-shadow:0.7em 0.7em 3em #440000;
}

/* fotos */

/* ============== */


/* ============== */

/* CommonMedia */
/* =================================== */
/*	Media HTML5 CSS5 For mobile phones */
/* =================================== */
[class*="col-"] {
	width:100%; float:left;
}

/* UD 1280 - FHD 2559 - WQHD bigger */
@media only screen and (max-width:2560px) {
/* For desktops TV: */
    .col-u-1 {width:8.33%;}.col-u-2 {width:16.66%;}.col-u-3 {width:25%;}
    .col-u-4 {width:33.33%;}.col-u-5 {width:41.66%;}.col-u-6 {width:50%;}
    .col-u-7 {width:58.33%;}.col-u-8 {width:66.66%;}.col-u-9 {width:75%;}
    .col-u-10 {width:83.33%;}.col-u-11 {width:91.66%;}.col-u-12 {width:100%;}
}

/* desktop */
@media only screen and (max-width:1079px) {
/* For desktops & tablets: */
    .col-1 {width:8.33%;}.col-2 {width:16.66%;}.col-3 {width:25%;}
    .col-4 {width:33.33%;}.col-5 {width:41.66%;}.col-6 {width:50%;}
    .col-7 {width:58.33%;}.col-8 {width:66.66%;}.col-9 {width:75%;}
    .col-10 {width:83.33%;}.col-11 {width:91.66%;}.col-12 {width:100%;}
}

/* desktop */
@media only screen and (max-width:599px) {
/* For mobiles */
    .col-m-1 {width:8.33%;}.col-m-2 {width:16.66%;}.col-m-3 {width:25%;}
    .col-m-4 {width:33.33%;}.col-m-5 {width:41.66%;}.col-m-6 {width:50%;}
    .col-m-7 {width:58.33%;}.col-m-8 {width:66.66%;}.col-m-9 {width:75%;}
    .col-m-10 {width:83.33%;}.col-m-11 {width:91.66%;}.col-m-12 {width:100%;}
}

/* / common === */











  /*Others topnav fa*/
 

  .fa {
    padding: 10px 10px!important;
}


 /* / Others topnav fa*/
  
  
  
  /* w3- Variations*/

  /* / w3- Variations*/



/* Teemporary */

/* / Teemporary */