/********************************************
*                                           *
*   Copyright 2009 - Osona Disseny Web      *
*   Tots els drets reservats                *
*                                           *
********************************************/

/* ESTILS DE LES PÀGINES DE HOSTING */
#mthosting, #mtcomparativahostings {background: url(../img/icons/48/db/database.png) no-repeat left center;}
#mtpersonal {background: url(../img/icons/48/users/male_user.png) no-repeat left center;}
#mtprofessional {background: url(../img/icons/48/users/business_male_female_users.png) no-repeat left center;}
#mtcorreu {background: url(../img/icons/48/email/yellow_mail.png) no-repeat left center;}
#mtblocs {background: url(../img/icons/48/logos/wordpress.png) no-repeat left center;}
#mtplus {background: url(../img/icons/48/stars/star_full.png) no-repeat left center;}
#mtmultihosting {background: url(../img/icons/48/office/office_folders.png) no-repeat left center;}

.pla, .pla-right {
	float: left;
	width: 280px;
	height: 400px;
	margin-bottom: 30px;
	background: url(../img/hosting/bg-pla.gif) no-repeat left top;
	padding: 0px 10px 0px 10px;
}
.pla {margin-right: 30px;}

.pla h2, .pla-right h2 {padding-left: 40px; padding-top: 10px; font-weight: normal !important; font-size: 18px;}
.pla p, .pla-right p {height: 60px;}

.destacat {background: url(../img/hosting/bg-pla2.gif) no-repeat left top !important;}

/* Icones amb els títols */
#tpersonal {background: url(../img/icons/32/users/male_user.png) no-repeat left center;}
#tprofessional {background: url(../img/icons/32/users/business_male_female_users.png) no-repeat left center;}
#tcorreu {background: url(../img/icons/32/email/yellow_mail.png) no-repeat left center;}
#tblogs {background: url(../img/icons/32/logos/wordpress.png) no-repeat left center;}
#tplus {background: url(../img/icons/32/stars/star_full.png) no-repeat left center;}
#tmultihosting {background: url(../img/icons/32/office/office_folders.png) no-repeat left center;}
#tcomparativa {background: url(../img/icons/32/db/database.png) no-repeat left center;}
#tpersonal-subactiu {background: #3080C7 url(../img/icons/32/users/male_user.png) no-repeat left center;}
#tprofessional-subactiu {background: #3080C7 url(../img/icons/32/users/business_male_female_users.png) no-repeat left center;}
#tcorreu-subactiu {background: #3080C7 url(../img/icons/32/email/yellow_mail.png) no-repeat left center;}
#tblogs-subactiu {background: #3080C7 url(../img/icons/32/logos/wordpress.png) no-repeat left center;}
#tplus-subactiu {background: #3080C7 url(../img/icons/32/stars/star_full.png) no-repeat left center;}
#tmultihosting-subactiu {background: #3080C7 url(../img/icons/32/office/office_folders.png) no-repeat left center;}
#tcomparativa-subactiu {background: #3080C7 url(../img/icons/32/db/database.png) no-repeat left center;}

.caracteristica {background: url(../img/hosting/bg-car.png) no-repeat center center; float: left; width: 70px; height: 47px; text-align: center; padding: 8px 5px 0px 0px; margin: 0px 0px 10px 15px;}
.mescaracteristiques {background: #a3d5ff; color: #333333 !important; display: block; clear: left; padding: 5px 0px 5px 10px;}
.destacat .mescaracteristiques {background: #3080C7 !important; color: #ffffff !important; display: block; clear: left; padding: 5px 0px 5px 10px;}
.nota {font-size: 10px; color: #999999;}
.contractar {display: block; padding: 3px 3px 3px 45px; line-height: 30px;}
.linux {background: url(../img/hosting/bg-linux.gif) no-repeat left center; margin-top: 10px;}
.windows {background: url(../img/hosting/bg-windows.gif) no-repeat left center; margin-top: 5px; margin-bottom: 10px;}
.blog {background: url(../img/hosting/bg-blog.gif) no-repeat left center; margin: 10px 0px 10px 0px;}
.mail {background: url(../img/hosting/bg-mail.gif) no-repeat left center; margin: 10px 0px 0px 0px;}
.anti {background: url(../img/icons/32/warning/security.png) no-repeat left center; margin-top: 5px; margin-bottom: 10px;}
.preu {float: right; text-align: right; padding-right: 10px; font-size: 20px;}

/* ESTIL DE LES TAULES DE CARACTERÍSTIQUES */
.caracteristiques-pla {border-collapse: collapse; width: 650px; text-align: center; vertical-align: middle; margin: 20px auto;}
.caracteristiques-pla .celalinux {background: #3080C7 url(../img/icons/32/logos/penguin.png) no-repeat 10px center;}
.caracteristiques-pla .celawindows {background: #3080C7 url(../img/icons/32/logos/windows.png) no-repeat 10px center;}
.caracteristiques-pla .celalinux, .caracteristiques-pla .celawindows {width: 180px; color: #ffffff; font-size: 16px;}
.caracteristiques-pla .celacar {text-align: left;}
.caracteristiques-pla .titol {background: #68B2EF !important;}
.caracteristiques-pla h3 {color: #ffffff; font-size: 18px; padding-left:  0px !important; margin-top: 5px !important;}
.caracteristiques-pla tr th{height: 40px;}
.caracteristiques-pla .odd {background: #EFF8FF;}
.caracteristiques-pla tr td {padding: 5px; border: 1px dotted #3080c7; line-height: 12px;}
.caracteristiques-pla tbody tr:hover {background: #BFE2FF;}
.caracteristiques-pla tbody .titol:hover {background: #68B2EF !important;}

.thcomp {background: #3080c7; color: #ffffff; font-size: 10px; height: auto;}