@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,600,700|PT+Sans+Narrow:300,400,500,600,700|Ubuntu:300,400,500,700|Roboto:400,100,300,500,700|Roboto+Condensed:400,300,700|Archivo+Narrow|Open+Sans:400,300,600,700|Open+Sans+Condensed:300,700&subset=latin,latin-ext);
a { text-decoration:none; color:#333; }
a:hover { text-decoration:none; color:#333; }

/*H Tags*/
h1,h2,h3,h4,h5,h6 { padding:0px; padding-bottom:10px; margin:0px; font-family:inherit; font-weight:inherit; color:#008489; }

.opcbg_black { background:url(../images/bg-opacity.png) top left repeat; }

/* Background Colors */
.bgtransparent { background:none !important; }
.bggreen { background-color:#008944 !important; }
.bgpink { background-color:#6c0030 !important; }
.bgpurple { background-color:#7638de !important; }
.bgturkuaz { background-color:#008489 !important; }
.bgorange { background-color:#cb4d01 !important; }
.bgred { background-color:#b30e14 !important; }
.bgblue { background-color:#0580cc !important; }
.bgwhite { background-color:#FFF !important; }
.bgblack { background-color:#000 !important; }
.bglacivert { background-color:#00133f !important; }

/*Min Widt - Heights*/
.minh100 { min-height:100px; }
.minw100 { min-width:100px; }

/*Font Families*/
.fArial { font-family: 'Arial',sans-serif !important; }
.fSource { font-family: 'Source Sans Pro', sans-serif !important; }
.fPTSans {font-family: 'PT Sans Narrow', sans-serif !important;}
.fArchivo {font-family: 'Archivo Narrow', sans-serif !important;}
.fOpenSans {font-family: 'Open Sans', sans-serif !important;}
.fRoboto {font-family: 'Roboto', sans-serif !important;}
.fUbuntu { font-family: 'Ubuntu Condensed', sans-serif !important;}

/*Font Sizes*/
.fs11 { font-size:11px !important;}
.fs12 { font-size:12px !important;}
.fs13 { font-size:13px !important;}
.fs14 { font-size:14px !important;}
.fs15{ font-size:15px !important;}
.fs16 { font-size:16px !important;}
.fs17 { font-size:17px !important;}
.fs18 { font-size:18px !important;}
.fs19 { font-size:19px !important;}
.fs20 { font-size:20px !important;}
.fs21 { font-size:21px !important;}
.fs22 { font-size:22px !important;}
.fs23 { font-size:23px !important;}
.fs24{ font-size:24px !important;}
.fs25 { font-size:25px !important;}
.fs26 { font-size:26px !important;}
.fs27 { font-size:27px !important;}
.fs28 { font-size:28px !important;}
.fs29 { font-size:29px !important;}
.fs30 { font-size:30px !important;}
.fs31 { font-size:31px !important;}
.fs32 { font-size:32px !important;}
.fs33 { font-size:33px !important;}
.fs34{ font-size:34px !important;}
.fs35 { font-size:35px !important;}
.fs36 { font-size:36px !important;}
.fs37 { font-size:37px !important;}
.fs38 { font-size:38px !important;}
.fs39 { font-size:39px !important;}
.fs40 { font-size:40px !important;}

/*Font Weights */
.fw100 { font-weight:100 !important; }
.fw300 { font-weight:300 !important; }
.fw400 { font-weight:400 !important; }
.fw700 { font-weight:700 !important; }


/*Solid Borders*/
.brd-gray { border:1px #CCC solid !important; }

.brd-bot-ogray { border-bottom:1px #f3f3f3 solid;}
.brd-bot-gray { border-bottom:1px #CCC solid;}
.brd-bot-white { border-bottom:1px #FFF solid; }
.brd-bot-black { border-bottom:1px #000 solid; }
.brd-bot-ogray { border-bottom:1px #DDD solid; }

.brd-right-ogray { border-right:1px #f3f3f3 solid; }
.brd-right-gray { border-right:1px #CCC solid; }
.brd-right-white { border-right:1px #FFF solid; }
.brd-right-black { border-right:1px #000 solid; }
.brd-right-ogray { border-right:1px #DDD solid; }

.brd-top-ogray { border-top:1px #f3f3f3 solid; }
.brd-top-gray { border-top:1px #CCC solid; }
.brd-top-white { border-top:1px #FFF solid; }
.brd-top-black { border-top:1px #000 solid; }
.brd-top-ogray { border-top:1px #DDD solid; }

.brd-left-ogray { border-left:1px #f3f3f3 solid; }
.brd-left-gray { border-left:1px #CCC solid; }
.brd-left-white { border-left:1px #FFF solid; }
.brd-left-black { border-left:1px #000 solid; }
.brd-left-ogray { border-left:1px #DDD solid; }

/*Opacity*/
.ops20 { opacity:0.2; }
.ops30 { opacity:0.3; }
.ops40 { opacity:0.4; }
.ops50 { opacity:0.5; }
.ops60 { opacity:0.6; }
.ops70 { opacity:0.7; }
.ops80 { opacity:0.8; }
.ops90 { opacity:0.9; }

/*line heights*/
.lh15 { line-height:15px; }
.lh16 { line-height:16px; }
.lh17 { line-height:17px; }
.lh18 { line-height:18px; }
.lh19 { line-height:19px; }
.lh20 { line-height:20px; }
.lh21 { line-height:21px; }
.lh22 { line-height:22px; }
.lh23 { line-height:23px; }
.lh24 { line-height:24px; }
.lh25 { line-height:25px; }

/*General Classes*/
.hide{display:none !important;}
.clear{clear: both; }
.fleft{float: left; }
.fright{ float: right;}
.bosdiv5{ position: relative; width: 1px; height: 5px; }
.bosdiv10{ position: relative; width: 1px; height: 10px; }
.bosdiv20{ position: relative; width: 1px; height: 20px; }
.bosdiv30{ position: relative; width: 1px; height: 30px; }
.bosdiv40{ position: relative; width: 1px; height: 40px; }
.bosdiv50{ position: relative; width: 1px; height: 50px; }

/*Margins*/
.mtop-15 { margin-top:-20px !important; }
.mtop-20 { margin-top:-20px !important; }

.margin0 {  margin:0px !important;}
.margin5 { margin:5px; }
.margin10 { margin:10px; }
.margin15{ margin:15px !important; }
.margin20{ margin:20px; }


.mtop2 { margin-top:2px; }
.mtop5 { margin-top:5px; }
.mtop10 { margin-top:10px; }
.mtop15 { margin-top:15px; }
.mtop20 { margin-top:20px; }
.mtop25 { margin-top:25px; }
.mtop30 { margin-top:30px; }
.mtop40 { margin-top:40px; }
.mtop50 { margin-top:50px; }
.mtop60 { margin-top:60px; }
.mtop70 { margin-top:70px; }
.mtop80 { margin-top:80px; }
.mtop90 { margin-top:90px; }
.mtop100 { margin-top:100px; }
.mtop150 { margin-top:150px; }
.mtop200 { margin-top:200px; }

.mbot2 { margin-bottom:2px; }
.mbot5 { margin-bottom:5px; }
.mbot6 { margin-bottom:6px; }
.mbot7 { margin-bottom:7px; }
.mbot8 { margin-bottom:8px; }
.mbot10 { margin-bottom:10px; }
.mbot15 { margin-bottom:15px; }
.mbot20 { margin-bottom:20px; }
.mbot30 { margin-bottom:30px; }
.mbot40 { margin-bottom:40px; }
.mbot50 { margin-bottom:50px; }
.mbot80 { margin-bottom:80px; }

.mleft5 { margin-left:5px; }
.mleft10 { margin-left:10px; }
.mleft20 { margin-left:20px; }
.mleft30 { margin-left:30px; }
.mleft40 { margin-left:40px; }
.mleft50 { margin-left:50px; }
.mleft100 { margin-left:100px; }
.mleft130 { margin-left:130px; }
.mleft150 { margin-left:150px; }
.mleft200 { margin-left:200px; }

.mleft-20 { margin-left:-20px !important; }

.mright5 { margin-right:5px; }
.mright7 { margin-right:7px; }
.mright10 { margin-right:10px; }
.mright15 { margin-right:15px; }
.mright20 { margin-right:20px; }
.mright30 { margin-right:30px; }
.mright40 { margin-right:40px; }
.mright45 { margin-right:45px; }
.mright50 { margin-right:50px; }

/*Paddings*/

.pad0 { padding:0px; }
.pad5 { padding:5px; }
.pad10 { padding:10px; }
.pad15{ padding:15px; }
.pad20{ padding:20px; }
.pad25{ padding:25px; }
.pad30{ padding:30px; }

.ptop2 { padding-top:2px; }
.ptop3 { padding-top:3px; }
.ptop5 { padding-top:5px; }
.ptop8 { padding-top:8px; }
.ptop10 { padding-top:10px; }
.ptop15 { padding-top:15px; }
.ptop20 { padding-top:20px; }
.ptop30 { padding-top:30px; }
.ptop40 { padding-top:40px; }
.ptop50 { padding-top:50px; }
.ptop100 { padding-top:100px; }
.ptop150 { padding-top:150px; }

.pbot0 { padding-bottom:0px; }
.pbot2 { padding-bottom:2px; }
.pbot3 { padding-bottom:3px; }
.pbot5 { padding-bottom:5px; }
.pbot10 { padding-bottom:10px; }
.pbot15 { padding-bottom:15px; }
.pbot20 { padding-bottom:20px; }
.pbot30 { padding-bottom:30px; }
.pbot40 { padding-bottom:40px; }
.pbot50 { padding-bottom:50px; }

.pleft0 { padding-left:0px !important; }
.pleft5 { padding-left:5px; }
.pleft10 { padding-left:10px; }
.pleft15 { padding-left:15px; }
.pleft20 { padding-left:20px; }
.pleft30 { padding-left:30px; }
.pleft40 { padding-left:40px; }
.pleft50 { padding-left:50px; }

.pright0 { padding-right:0px !important; }
.pright3 { padding-right:3px; }
.pright5 { padding-right:5px; }
.pright10 { padding-right:10px; }
.pright15 { padding-right:15px; }
.pright20 { padding-right:20px; }
.pright30 { padding-right:30px; }
.pright40 { padding-right:40px; }
.pright50 { padding-right:50px; }

/*Text-Align*/
.talign_left { text-align:left !important;}
.talign_right { text-align:right !important;}
.talign_center { text-align:center !important;}


/*Text Color & Transparancy*/
.tcTransparent {-o-transition:.5s;   -ms-transition:.5s;   -moz-transition:.5s;   -webkit-transition:.5s; }
.tcwhite { color:#FFF; }
.tcgray { color:#333; }
.tclightgray { color:#EFEFEF; }
.tcblack { color:#000;}
.tcgreen { color:#008944; }
.tcpink { color:#de277d; }
.tcpurple { color:#7638de; }
.tcturkuaz { color:#008489; }
.tcorange { color:#cb4d01; }
.tcred { color:#b30e14; }
.tcblue { color:#0580cc; }
.tclightpink { color:#e49abc; }


/*BG Transparancy*/
bgTransparent { }

/*
a {
  color:blue; background:white;
  -o-transition:color .2s ease-out, background 1s ease-in;
  -ms-transition:color .2s ease-out, background 1s ease-in;
  -moz-transition:color .2s ease-out, background 1s ease-in;
  -webkit-transition:color .2s ease-out, background 1s ease-in;
  transition:color .2s ease-out, background 1s ease-in;
}
a:hover { color:red; background:yellow; }
*/

.shadowbox{
    -moz-box-shadow: 0 0 0.2em 0.2em  #b7bbac ;
    -webkit-box-shadow: 0 0 0.2em 0.2em #b7bbac;
     box-shadow: 0 0 0.2em 0.2em  #b7bbac ;

}
.roundbox2 {-moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius:2px; }
.roundbox3 {-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius:3px; }
.roundbox4 {-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius:4px; }
.roundbox5 {-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius:5px; }
.roundbox8 {-moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius:8px; }

.Lroundbox4 {-moz-border-radius: 4px 0px 0px 0px; -webkit-border-radius: 4px 0px 0px 0px; border-radius:4px 0px 0px 0px; }