/*
// ****************************************************************** //
// gdvboot.css [Arquivo CSS boot default GDView System]               //
// @copyright (c) 2017-04-24 > Marcelo da Cunha > GDVIEW              //   
// ****************************************************************** //
*/

/**********************************************************************/
/*** RESET ************************************************************/
/**********************************************************************/
*, *:before, *:after{
   margin: 0;
   padding: 0;
   outline: 0;
   font-family: 'Open Sans', sans-serif;
   font-size: 1em;
   font-weight: 400;
   line-height: 1.2;
   letter-spacing: 0em;
   box-sizing: border-box;
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
}

/**********************************************************************/
/*** DEFAULT ELEMENTS *************************************************/
/**********************************************************************/
html, body {height: 100%;}
body{background-image: linear-gradient(to bottom right, #0098DA, #53CAE7);}
h1{font-size: 2em; font-weight: 400;}
h2{font-size: 1.8em; font-weight: 600;}
h3{font-size: 1.5em; font-weight: 800;}
p{margin-bottom: 15px;}
p:last-child{margin-bottom: 0;}
b, strong{font-weight: bold;}
mark{padding: 5px 10px; background-color: #eee;}
ul{list-style: none;}
img{border: none; max-width: 100%; vertical-align: middle;}
small{font-size: 0.75em; color: #555;}
a{text-decoration: none;}
a img{border: 0;}

/**********************************************************************/
/*** MEDIAS ***********************************************************/
/**********************************************************************/
object, embed, video, iframe, iframe[style]{max-width: 100%; height: auto;}

/**********************************************************************/
/*** CONTAINER ********************************************************/
/**********************************************************************/
.container{float: left; width: 100%; margin: 0 auto; padding: 10px;}

/**********************************************************************/
/*** GENERAL USE ******************************************************/
/**********************************************************************/
.textshadow{text-shadow: 1px 1px 0 #ccc;}
.boxshadow{-webkit-box-shadow: 5px 5px 5px 5px rgba(0,0,0,0.2); -moz-box-shadow: 5px 5px 5px 5px rgba(0,0,0,0.2); box-shadow: 5px 5px 5px 5px rgba(0,0,0,0.2);}
.radius{-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.round{-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;}
.last{margin-right: 0 !important;}
.clear{clear: both;}
/*text align*/
.al-left{text-align: left;}
.al-center{text-align: center;}
.al-right{text-align: right;}
/*float*/
.fl-left{float: left;}
.fl-right{float: right;}
.fl-none{float: none;}
/*display*/
.ds-block{display: block;}
.ds-inblock{display: inline-block;}
.ds-inline{display: inline;}
.ds-none{display: none;}
.ds-flex{display: flex;}
/*objects*/
.obj-center{display: block; margin: 0 auto;}
/*dividor*/
.divisor-top{margin-top: 20px; margin-bottom: 0px}
.divisor-btm{margin-top: 0px; margin-bottom: 20px}

/**********************************************************************/
/*** BACKGROUND COLORS ************************************************/
/**********************************************************************/
.bg-white{background-color: white;  color: #444;}
.bg-gray{background-color: #ccc;  color: #444;}
.bg-graydark{background-color: #333; color: white;}
.bg-graylight{background-color: #eee; color: white;}
.bg-orange{background-color: #F58634; color: white;}
.bg-orangedark{background-color: #C2580A; color: white;}
.bg-orangelight{background-color: #F8AD76; color: white;}
.bg-yellow{background-color: #FFC12C; color: #EEE;}
.bg-yellowdark{background-color: #CB8E01; color: white;}
.bg-yellowlight{background-color: #FFE6AA; color: #333;}
.bg-brown{background-color: #6E5B44; color: white;}
.bg-browndark{background-color: #4B3E2E; color: #444;}
.bg-brownlight{background-color: #C0AE98; color: #444;}
.bg-green{background-color: #676403; color: white;}
.bg-greendark{background-color: #444202; color: #444;}
.bg-greenlight{background-color: #E9E307; color: #444;}

/**********************************************************************/
/*** FORMS ************************************************************/
/**********************************************************************/
fieldset{border: 0;}
label{display: block; margin-bottom: 15px;}
input,select,textarea,input.btn{padding: 5px; border: 1px #ccc solid; width: 100%;
                                -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}

/**********************************************************************/
/*** FONT WEIGHT ******************************************************/
/**********************************************************************/
.font-thin{font-weight: 100 !important;}
.font-light{font-weight: 300 !important;}
.font-normal{font-weight: 400 !important;}
.font-bold{font-weight: 700 !important;}

/**********************************************************************/
/*** FONT SIZE ********************************************************/
/**********************************************************************/
.fontzero{font-size: 0em !important;}
.fontsize1{font-size: 1em;}
.fontsize1b{font-size: 1.5em;}
.fontsize2{font-size: 2em;}
.fontsize2b{font-size: 2.5em;}
.fontsize3{font-size: 3em;}
.fontsize3b{font-size: 3.5em;}

/**********************************************************************/
/*** PADDING **********************************************************/
/**********************************************************************/
.pad-top-p{padding-top: 5px;}
.pad-top-m{padding-top: 15px;}
.pad-top-g{padding-top: 25px;}
.pad-btm-p{padding-bottom: 5px;}
.pad-btm-m{padding-bottom: 15px;}
.pad-btm-g{padding-bottom: 25px;}
.pad-lef-p{padding-left: 5px;}
.pad-lef-m{padding-left: 15px;}
.pad-lef-g{padding-left: 25px;}
.pad-rig-p{padding-right: 5px;}
.pad-rig-m{padding-right: 15px;}
.pad-rig-g{padding-right: 25px;}

/**********************************************************************/
/*** MARGING **********************************************************/
/**********************************************************************/
.mar-top-p{margin-top: 5px;}
.mar-top-m{margin-top: 15px;}
.mar-top-g{margin-top: 25px;}
.mar-btm-p{margin-bottom: 5px;}
.mar-btm-m{margin-bottom: 15px;}
.mar-btm-g{margin-bottom: 25px;}
.mar-lef-p{margin-left: 5px;}
.mar-lef-m{margin-left: 15px;}
.mar-lef-g{margin-left: 25px;}
.mar-rig-p{margin-right: 5px;}
.mar-rig-m{margin-right: 15px;}
.mar-rig-g{margin-right: 25px;}

/**********************************************************************/
/*** SECTION **********************************************************/
/**********************************************************************/
.sectiontitle{float: left; width: 100%; margin-bottom: 30px; text-align: center;}
.sectiontitle h1{font-size: 2.4em; font-weight: 300; margin-bottom: 10px;}
.sectiontitle .tagline{font-size: 1.4em; font-weight: 300;}
.sectiontitle-nomargin, .articletitle-nomargin{margin: 0;}

/**********************************************************************/
/*** ARTICLE **********************************************************/
/**********************************************************************/
.articletitle{float: left; width: 100%; margin-bottom: 30px;}
.articletitle h1{font-size: 1.8em; margin-bottom: 2px;}
.articletitle .tagline{font-size: 1.1em;}

/**********************************************************************/
/*** BOX **************************************************************/
/**********************************************************************/
.box{display: inline-block; width: 100%; vertical-align: top;}
.box:before{clear: both;}
.box-line{float: left; width: 100%;}
.box-small{width: 22.75%; margin-right: 3%;}
.box-medium{width: 30%; margin-right: 5%;}
.box-large{width: 46.5%; margin-right: 7%;}
.box-full{width: 100%; margin: 0;}
.box1{width: 100%; margin: 15px 0 15px 0;}
.box2{width: 49%; margin: 1% 2% 1% 0;}
.box2:nth-of-type(2n+0){margin-right: 0;}
.box3{width: 32%; margin: 1% 2% 1% 0;}
.box3:nth-of-type(3n+0){margin-right: 0;}
.box4{width: 23.5%; margin: 1% 2% 1% 0;}
.box4:nth-of-type(4n+0){margin-right: 0;}
.box5{width: 18.4%; margin: 1% 2% 1% 0;}
.box5:nth-of-type(5n+0){margin-right: 0;}
.box_side{width: 70%; padding-right: 40px;}
.box_bar{width: 30%;}

/**********************************************************************/
/*** FLEX-BOX *********************************************************/
/**********************************************************************/
.flex-container{display: flex; display: -webkit-flex; flex-wrap: wrap; justify-content: space-around;}
.flex-item{margin: auto;} 

/**********************************************************************/
/*** VIDEO ************************************************************/
/**********************************************************************/
.video{width: 100%; margin: 0;}
.video-small{width: 40%; margin: 0 30%;}
.video-medium{width: 60%; margin: 0 20%;}
.video-large{width: 80%; margin: 0 10%;}

/**********************************************************************/
/*** BUTTONS **********************************************************/
/**********************************************************************/
.btn{display: inline-block; padding: 8px 15px; background: #333; border: 1px solid #222; 
     cursor: pointer; font-size: 1em; font-weight: 400; color: white; border-radius: 5px; 
     -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2), 0 1px 2px rgba(0,0,0,0.05); 
     -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2), 0 1px 2px rgba(0,0,0,0.05); 
     box-shadow: inset 0 1px 0 rgba(255,255,255,0.2), 0 1px 2px rgba(0,0,0,0.05);}
.btn:hover{text-decoration: none !important;}
.btn-big{font-size: 1.8em; padding: 20px 40px;}
.btn-blue{background-color: #59aed1; border-color: #4e99b7;}
.btn-blue:hover{background-color: #64c3ea; border-color: #59aed1}
.btn-green{background-color: #59ab66; border-color: #4b9157;}
.btn-green:hover{background-color: #66c475; border-color: #59aa66;}
.btn-yelow{background-color: #d1be5a; border-color: #b7a64e;}
.btn-yelow:hover{background-color: #d1bd59; border-color: #d1be5a;}
.btn-red{background-color: #b26a6a; border-color: #995b5b;}
.btn-red:hover{background-color: #cc7979; border-color: #b26a6a;}
.btn-orange{background-color: #f58634; border-color: #f58634;}
.btn-orange:hover{background-color: #f79d5b; border-color: #f58634;}

/**********************************************************************/
/*** TRIGGER **********************************************************/
/**********************************************************************/
.trigger{float: left; width: 100%; padding: 20px; padding-left: 65px; font-size: 1.2em; margin-bottom: 30px; -webkit-border-radius: 5px; -moz-border-radius: 5px; 
         border-radius: 5px; background-position: center left; background-repeat: no-repeat; background-size: 32px; background-position-x: 20px;}
.trigger-bottom{margin: 30px 0 0 0;}
.trigger-accept{background-color: #accc9a; color: #6b7f60; background-image: url(boot/accept.png);}
.trigger-infor{background-color: #9ab7cc; color: #60727f; background-image: url(boot/infor.png);}
.trigger-alert{background-color: #c6b247; color: #776b2b; background-image: url(boot/alert.png);}
.trigger-error{background-color: #e69f9f; color: #996a6a; background-image: url(boot/error.png);}

/**********************************************************************/
/*** SHORT ICONS ******************************************************/
/**********************************************************************/
.shorticon{padding-left: 30px; background-position: center left; background-repeat: no-repeat; background-size: 96% auto;}
.shorticon-sectiontitle{padding-left: 60px;}
.shorticon-facebook{background-image: url(boot/social/facebook.png);}
.shorticon-google{background-image: url(boot/social/google.png);}
.shorticon-twitter{background-image: url(boot/social/twitter.png);}
.shorticon-config{background-image: url(boot/icons/gears.png);}
.shorticon-mail{background-image: url(boot/icons/mail.png);}
.shorticon-section{background-image: url(boot/icons/section.png);}

/**********************************************************************/
/*** WIDGET ***********************************************************/
/**********************************************************************/
.widget{padding: 8px; margin: 8px; width: 680px; height: 400px; border: 1px solid #ccc;}

/**********************************************************************/
/*** PAGINATOR*********************************************************/
/**********************************************************************/
.paginator{font-size: 0.875em; text-align: center; background-color: #0098da; margin-top: 15px;}
.paginator ul{display: block; padding: 10px; text-align: center}
.paginator ul li{display: inline; padding: 10px;}
.paginator ul li a{color: #111;}
.paginator ul li a:hover{text-decoration: underline;}
.paginator .active{font-weight: bold;}