html {font-family: Calibri;font-size: 12pt;color: #000000;}
body{/*background: url(../images/bc2.jpg) no-repeat fixed 100%;*/}
.wrapper {float:left;width: 100%;max-width: 1200px;margin: 0px 0px 0px 55px;padding: 0.02% 10px 1px 10px;border: 0px black solid;background-color: #F5F4F4;height:auto;box-shadow: 0 5px 5px rgba(0,0,0,0.50),0 5px 5px rgba(0,0,0,0.90);}
.row:after {content: "";clear: both;display: block;}
/*ul li {list-style-type: none;}	
ul#navmenu, ul.sub1, ul.sub2 {list-style-type: none;font-size: 11pt;margin-left: 75px;}
ul#navmenu li {width: 120px;text-align: center;position: relative;float: left;margin-right: 5px;}		
ul#navmenu a {color: #333333;font-family: Comic Sans MS;text-decoration: none;display: block;width: 120px;height: 35px;line-height: 35px;background-color: #D7D4D4;border: 1pxsolid #CCC;border-radius: 0px;/*box-shadow: 0 5px 5px rgba(0,0,0,0.50),0 5px 5px rgba(0,0,0,0.90);*/}
/*ul#navmenu .sub1 li{top: 10px;}
ul#navmenu .sub1 a {margin-top: 2px;}
ul#navmenu .sub2 a {margin-left: 10px;}
ul#navmenu li:hover > a {background-color: #F5F4F4;}
ul#navmenu li:hover a:hover {background-color: #666666;color: #FFFFFF;box-shadow: 0 5px 5px rgba(0,0,0,0.50),0 5px 5px rgba(0,0,0,0.90);}
ul#navmenu ul.sub1 {display: none;position: absolute;top: 26px;left: -100px;}
ul#navmenu ul.sub2 {display: none;position: absolute;top: 26px;left: -50px;}
ul#navmenu li:hover .sub1 {display: block;}
ul#navmenu .sub1 li:hover .sub2 {display: block;margin-left: 123px;margin-top:-36px;}*/
label{width: 80px;margin-left: 0px;margin-right: -25px;}
a:link {color:#000000; background-color: transparent; text-decoration:none}
a:visited {color:#660099; background-color:transparent; text-decoration:none}
a:hover {color:#333333; background-color:transparent; text-decoration:underline}
a:active {color:yellow; background-color:transparent; text-decoration:underline}
h1 {text-align: center;font-family: Sans;height: 50px;color: #333333;background-size: 20%;background-repeat: no repeat;margin-top: 3px;}
h2 {text-align: center;font-family: Sans;font-size: 13pt;height: 10px;color: #000000;background-size: 100%;width:100%}
h3 {text-align: left;font-family: Sans;font-size: 11pt;height: 10px;color: #000000;background-size: 100%;width:100%}
h4{text-align: left;font-family: Sans;width:100%}
#formME{float:left}
tr img {border-bottom-color: red;border-radius: 2px;height: 100px;width: 100px/* box-shadow: 2px 2px 2px 2px #666666; */} 
td{padding: 0px;margin:0px 0px 0px 10px;}
input:hover{border-color: #333333;}
.SubMain{margin:0px 20px;}
.gallery{margin-left: 8px;}
.menu ul {list-style-type: none;font-family: Candara;font-size: 11pt;color: #000000;padding: 15px 32px;}
.sociel {float:left;width: 100%;height:10px;}
.sociel a img{border-radius: 25px;height: 25px;width: 25px;border-color: #f5f4f4;}
.sociel a img:hover{transform:scale(1.2);box-shadow: 0 5px 5px rgba(0,0,0,0.50),0 5px 5px rgba(0,0,0,0.90);}
.label:hover{background-color: #D7D4D4;color: #000;border-radius: 10px;}
.Info_personal{	float:left;margin-left: -70px;	}
.gender {width : 75px;float: right;}
.gender_field {width: 75px; margin-left:-70px;}
.right_symbol{color: #D7D4D4;}
.darrow {font-size: 11px;position: absolute;top: 5px;left: 4px;}
.left_arr {color: #000;font-size: 15px;position: absolute;top: 2px;left: 8px;}
.td{border-radius: 2px;height: 150px;width: 150px}

[class*="col-"] {
    width: 100%;
} {float: left;}
@media only screen and (min-width : 320px){
    /* For mobile phones: */
    .col-p-1 {width: 8.33%;}
    .col-p-2 {width: 16.66%;}
    .col-p-3 {width: 25%;}
    .col-p-4 {width: 33.33%;}
    .col-p-5 {width: 41.66%;}
    .col-p-6 {width: 50%;}
    .col-p-7 {width: 58.33%;}
    .col-p-8 {width: 66.66%;}
    .col-p-9 {width: 75%;}
    .col-p-10 {width: 83.33%;}
    .col-p-11 {width: 91.66%;}
    .col-p-12 {width: 100%;}

}
@media only screen and (min-width: 600px) {
    /* For tablets: */
    .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%;}
}
@media only screen and (min-width: 768px) {
    /* For desktop: */
    .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%;}
}
#searchBar {border-right: none;font-size: 15px;padding: 7px;outline: none;width: 200px;box-shadow: 0 5px 5px rgba(0,0,0,0.50),0 5px 5px rgba(0,0,0,0.90);border-radius: 0px;}
#searchBtn {font-size: 15px;padding: 7px;background: #D7D4D4;color: #333333;border-radius: 0px;box-shadow: 0 5px 5px rgba(0,0,0,0.50),0 5px 5px rgba(0,0,0,0.90);font-weight: bold;cursor: pointer;}
#Btn {font-size: 12px;background: #D7D4D4;font-weight: bold;height: 25px;width : 75px;color: #333333;cursor: pointer;box-shadow: 0 5px 5px rgba(0,0,0,0.50),0 5px 5px rgba(0,0,0,0.90);border-radius: 4px;}
#footer{background-color: #D7D4D4;height:180px;text-align: center;clear:both;box-shadow: 0 5px 5px rgba(0,0,0,0.50),0 5px 5px rgba(0,0,0,0.90);border-radius: 0px;font-family:Sans;font-size: 9pt;padding:15px 0px 15px;margin-bottom: 5px;}
#cont{float:left;margin-bottom: 20px;text-align:center;}
#header {float:left;width: 100%;background-color: #D7D4D4;color: #FFFFFF;text-align: center;font-family: Comic Sans MS;font-size: 18pt;box-shadow: 0 5px 5px rgba(0,0,0,0.50),0 5px 5px rgba(0,0,0,0.90);border-radius: 0px;background-size: 100%;height:140px; margin-top: 5px;margin-bottom: 15px;}
#label{width: 120px;margin-left: 90px;margin-right: 5px;float:left;text-align:right;}
#btn{border:none; background-color:#F5F4F4; padding:0px 0px; margin:3px 0px}
#btn:hover{cursor:pointer; transform:scale(1); color:green}
#list_btn{border-top:none;border-left:none;border-right:none; border-bottom-color:red;background-color:#F5F4F4;padding:5px 0px;font-size:12pt;}
#list_btn:hover{border-top:none;border-left:none;border-right:none; border-bottom-color:green;-webkit-transition:all .5s;-moz-transition:all .5s;transition:all .5s;cursor:pointer; transform:scale(1);}
#topBtn{border:none;background-color:#F5F4F4;font-weight:bold;font-family:Sans;font-size:13pt;font-style:italic}
#topBtn:hover{cursor:pointer; transform:scale(1); color:green;}
#MyProfile{margin-left:10px;border-radius:30px}
#MyProfile:hover{transform:scale(1.3);}
#tdDesc{padding:0px 5px;}
#editBtn{border:none; background: url(../images/bc2.jpg);color:#FFF;height:30px;width:90%;font-family: Sans;font-size:12pt;font-style:italic}
#editBtn:hover,#editDel:hover,#editDel2:hover{cursor:pointer;}
#editDel{border:none;background-color:#000;color:#FFF;height:30px;width:43%;font-family: Sans;font-size:12pt;font-style:italic;margin-left:-170px}
#editDel2{border:none;background-color:#000;color:#FFF;height:30px;width:10%;font-family: Sans;font-size:12pt;font-style:italic;margin-left:350px}
#NotificationErro{color:#F00; margin-left:150px;font-style:italic}
#NotificationOk{color:#0F0; margin-left:150px;font-style:italic}
#bodyDiv{float:left; width:100%}
#prof_business,#personal_info{float:left;width:49%;background:#fcf;border:1px solid #ccc;border-radius:20px;height:200px;margin-left:5px}
#label_business_info{float:left;text-align:right;width:30%;padding:5px 0px;color:blue}
#business_info_output{float:left;text-align:left;width:70%;padding:5px 0px 5px 30px;font-weight:bold}
#info_button{border:none;background:#fcf;font-size:12pt;font-style:italic; margin-left:3px}
#info_button:hover{border-bottom:3px solid green;cursor:pointer;}
#display_Info{float:left;width:98.5%;background:#fcf;border:1px double #ccc;border-radius:20px;height:230px;margin:0px -5px 0px 5px}
#displayarea{border-radius:10px;margin-left:5px;margin-top:5px;text-align:justify}
#profileMe{width:60px;height:60px;border-radius:30px}
#profileMe:hover{transform:scale(1.3);}
#prof{float:left;width:100%}
#myProd{float:left;width:90.5%;background:#fff;}
#myProdHead{width:90%;float:left;background:#D7D4D4;border-radius:10px;font-family: Comic Sans MS;}
#myProdPict{width:10%;background: #fff; float:left;text-align:center;border-radius:10px 0px 0px 10px}
#myProdDescri{float:left;width:88%;}
#checkBoxDelete{width:2%;float:left;}
#item_nam{border-top:none;border-left:none;border-right:none;background:#fff; margin-bottom:-10px;font-style:italic;font-weight:bold;}
#item_nam:hover{background:#F5F4F4;cursor:pointer}
#myProd_descrip{float:left;width:100%;margin:0px 0px 1px 0px}
#myProd_descrip:hover{background:#F7F4F4;}
#item_name{float:left;font-style:italic;font-weight:bold;}
#item_descr{margin-left:5px;}
#item_price{font-style:italic;font-weight:bold;font-family:Sans;}