/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/

/* CSS para Information.html - tela de entrada contendo principais informaçoes do Prestador */

div.infoWrapper {
	float: right;
	background: #FFF;
	padding: 20px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	width: 95%;
	-moz-box-shadow: 0 0 5px #ccc;
	-webkit-box-shadow: 0 0 5px #ccc;
	box-shadow: 0 0 5px #ccc;
	position: relative;
	min-height: 520px;
}

div.infoWrapper h2 {
	font-weight: bold;
	font-size: 1.5em;
	margin-bottom: 15px;
}
/* More information About Business */

div.businessRight h3, div.businessLeft h3 {
	margin-bottom: 10px;
}
div.businessRight {
	float: left;
	padding-left: 20px;
        padding-right: 20px;
	max-width: 300px;
	background: url(../images/bkgSeparator.png) top left no-repeat;
}
div.businessRight .horaLocal{
    font-size: 0.8em;
    font-style: italic;        
}
div.businessLeft {
    max-height: 580px;
    overflow: scroll;
}

div.businessLeft {
	float: left;
	max-width: 510px;      /*510px/880px;*/
	margin-right: 20px;
	margin-left: 20px;
}

table.listarServ {
    width: 95%;
    min-width: 469px;
}

div.listServices {
            margin-top: 10px;
            max-height: 355px;
            min-height: 85px;
            float: left;
            /*width: 98%;      //510px/880px;*/
            padding-right: 10px;
            overflow: auto;
        }

th.serviceName {
    width: 238px;            
}
.iconAjuda {
	display: inline-block;
	height: 12px;
	width: auto;
	vertical-align: middle;
	color: #626262;
	background: url(../images/icnInfo.png) no-repeat right;
	padding-right: 20px;
}
.infoicon {
	display: inline-block;
	height: 12px;
	width: 235px;                    /*auto;*/
	vertical-align: middle;
	color: #626262;
	background: url(../images/icnInfo.png) no-repeat right;
	padding-right: 20px;
}

.notInfo {
	display: inline-block;
	height: 12px;
	width: 235px;                   /* auto;*/
	vertical-align: middle;
	color: #626262;
	padding-right: 20px;
}
th.price, td.price {
            width: 60px;            
}
th.price{
    text-align: center;
}
th.duration, td.duration {
            width: 55px;            
}
td.duration, td.price{
    text-align: right;
}

table.listarServ th {
	color: #424d6a;
	text-align: left;
	padding-left: 10px;
	padding-bottom: 5px;
}

table.listarServ td {
	font-size: 0.8em;
	color: #626262;
	vertical-align: middle;
	padding: 5px 0 5px 10px;
}

table.listarServ td a {
	text-decoration: none;
}

table.listarServ tr.zebra {
	background: #efefef;
}

table.listarServ .dijitButton .dijitButtonNode {
	padding-right: 4px!important;
	padding-left: 4px!important;
}
div.listServices .mainAction{
        width: 80px;
}

.colRight {
    float: right;
}

@media screen and (max-width: 768px){        
    div.tracoSepara {
        height: 20px;
        display: block;
        background: url(../images/bkgSeparatorHorizontal.png) bottom no-repeat;
    }
}
@media screen and (max-width: 540px){        
    table.listarServ th.duration,table.listarServ td.duration, table.listarServ th.price, table.listarServ td.price{
        display: none;
    }
    table.listarServ {
	width: 100%;
        min-width: 300px;
    }
    
}
@media screen and (max-width: 480px){        
    div.listServices .mainAction{
        width: 80px;
    }
    .notInfo {
	width: 135px;                   /* auto;*/
    }
    .tracoSepara {
        display: block;
        
    }
   .infoicon {
	width: 170px;
    }
    table.listarServ .dijitButton .dijitButtonNode {
        width: 70px;
	padding-right: 2px!important;
	padding-left: 2px!important;
        margin-right: 10px;
    }
}
        /* eliminar as linhas a partir desta*/