/*  +-------------------------+
    |                         |
    |  CSS para snapshot      |
    |  Luis Ferreira          |
    |  Updated @ 2011-mar-24  | 
    |                         |
    +-------------------------+  */


/*  +--------------------+
    |  atributos gerais  |
    +--------------------+  */

html { 
	font-family: Tahoma,Verdana,Arial;
	color: rgb(56, 56, 56);
	background-color: rgb(230, 230, 230);
	margin: 0;
	padding: 15px;
} 

body { 
	font-family: Tahoma, Verdana, Arial;
	background-color: rgb(246, 246, 246);
	margin: 0 auto;
	padding: 0;
	width: 98%;
	border-width: 1px;
	border-color: rgb(164, 164, 164);
	border-style: solid;
	max-width: 1200px;
}

h1 { 
	font-family: Tahoma, Verdana, Arial;
	font-size : 140%;
	font-weight : normal;
	text-align : left;
	color : #FFFFFF;
	background: #4097B2;
	padding : 1.5em;
	margin : 0;
	border: 1px solid #4097B2;
	height : 20px;
} 

h2 { 
	font-family: Tahoma, Verdana, Arial;
	font-size: 80%;
	line-height: 130%;
	padding-left: 15px;
	margin: 2.5em;
	color: #116B9F;
	border-left: 10px solid #4097B2;
	background: rgb(246, 246, 246);
} 

li { 
	padding-left: 0;
	margin-left: 1.5em;
} 

hr { color: rgb(217, 217, 217); } 

a { color: rgb(74, 74, 74); }

p, ul, ol { 
	margin-top: 10px;
	margin-bottom: 10px;
} 

ul, ol { 
	padding-left: 0;
	margin-left: 0;
} 


/*  +-----------+
    |  classes  |
    +-----------+  */

#logo {
	float: right;
	border: 0;
	padding: 15px;
}

#bloco_img { 
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	padding: 15px;
} 

#index { 
	color: rgb(74, 74, 74);
	background-color: rgb(245, 245, 245);
	margin: -1px 0;
	width: 250px;
	border-right: 1px solid rgb(164, 164, 164);
	border-bottom: 1px solid rgb(164, 164, 164);
	float: left;
} 

#index h3 { 
	font-size: 70%;
	font-style: normal;
	color: rgb(74, 74, 74);
	padding: 5px 7px;
	margin: 0;
	border-width: 1px 0;
	border-style: solid;
	border-color: rgb(144, 144, 144);
	color: #116b9E;
	font-weight: bold;
	background: rgb(246, 246, 246);
}

#index li img { vertical-align : middle; } 

#index ul { 
	list-style-type : none;
	margin: 0;
	padding: 0;
} 

#index li { 
	list-style-type: none;
	line-height: 122%;
	display: block;
	font-size: 70%;
	padding: 3px 8px 5px;
	margin: 0;
	border-top: 1px solid rgb(223, 223, 223);
} 

#index td { font-size: 75%; padding: 2px;} 

#index a { 
	text-decoration : none;
	color: rgb(50, 50, 50);
} 

#index a:focus, #index a:hover { 
	text-decoration: underline;
	color: blue;
} 

#index ul { margin-left:1em; }

#content { 
	margin-left: 250px;
	padding: 0 3%;
	border: 1px solid rgb(246, 246, 246);
	border-left-color: rgb(164, 164, 164);
	font-size: 110%;
}

#content > h2:first-child { margin-top: 10px; } 

#content li, td, th { 
	font-size: 75%;
	text-align: justify;
	line-height: 150%;
}

.home {
	font-size: 75%;
	background-color: #CCFFCC;
	color: #03C;
	text-align: center;
	float: right;
	margin-right: 20px;
	padding: 4px 25px;
}

.home a { text-decoration : none; }

.home a:focus, .home a:hover { text-decoration: underline; }


/*  +-----------+
    |  tabelas  |
    +-----------+  */
	
table, td, th {
	font-size: 85%; 
	margin: auto;
	padding: 0;
	border: 1px solid rgb(164, 164, 164);
	border-collapse: collapse;
	text-align: center;
	empty-cells: show;
	padding: 1px;
}

caption {
	font-family: Tahoma, Verdana, Arial;
	font-size: 85%;
	margin: auto;
	padding: 1%;
	font-weight: bold;
	color: #116B9F;
}

th { 
	background-color: #4097B2;
	color: #FFFFFF;
	border: 1px solid #FFFFFF;
	font-weight: bold;
}


/*  +----------------------+
    |  definicao de cores  |
    +----------------------+  */

.bk1 { background: #FFFFFF; } 

.bk2 { background: #EAEAEA; }
 
.bk_red {
	font-weight: normal;
	color: #03C;
	background-color: #EEBBCC;
}

.bk_gre {
	background-color: #CCFFCC;
	color: #03C;
	font-weight: normal;
}

/*  +--------+
    |  pops  |
    +--------+  */
	
.ams      { color: #f90; } 

.decix    { color: #600; } 

.equinix  { color: #090; } 

.freeix   { color: #93C; } 

.linx     { color: #03C; } 

.sfinx    { color: #F3F; } 

.direct   { color: red; }

.americas { color: tomato; }

/*  +----------------------------+  */