/**
* home.css - Style used in home page - Página de estilo usada no home do site.
*
* @author Michel Phillipe - Thiago de Jesus
* @licence Othos Telecomunicações
* @version v 1.0 11/02/2010
* @package Home
* @access public
*/


@CHARSET "UTF-8";

a {
	text-decoration: none;	
	color:black;
}

#LeftContent {
	float:left;
	position:relative;
	width:760px;
}

#rightContent{
	position:relative;
	float:left;
	width:170px;
}

div.productItem{
	font-family: font-family:Lucida Sans Unicode,sans-serif;
	font-size: 24px;
	float:left;
	color:#AAAAAA;
	margin-top: 10px;
	width:175px;
	height: 71px;
}

div.productItemSelected{
	font-size: 24px;
	float:left;
	width:175px;
	height:71px;
	margin-top: 10px;
	background: url(../../images/abas-produtos.png)  left top no-repeat;
}

div.productItemText{
	vertical-align: middle;
	text-align: center;
	width: 175px;
	height: 60px;
	margin-top: 12px;
}

div.productItemText:HOVER{
	margin-top: 12px;
	vertical-align: middle;
	text-align: center;
	width: 175px;
	height: 60px;
	color: #787878;
	cursor: pointer;
}

div.productItemTextSelected{
	margin-top: 12px;
	vertical-align: middle;
	text-align: center;
	width: 175px;
	height: 60px;
	color:#ff6600;
}

#productsContainer{
	width: 740px;
	margin-left:15px;
	position:relative;
}

#productAbout{
	width:725px;
	background: url(../../images/divisoria-produtos.png)  left top no-repeat;
	z-index: -1;
	position:relative;
}

#productsMenu{
	height:61px;
	margin-left: 10px;
	width: 760px;
}

#productDescription{
	margin-left:25px;	
	margin-top: 30px;
	font-size: 20px;
	color:#787878;
}

#productCategoryDescription{
	margin-top: 0px;
	font-size: 20px;
	color:#787878;
}


#leftDescription{
	width:355px;
	float:left;
	margin-top:0px;
}

#rightDescription{
	width:350px;
	float:left;
	margin-top:0px;

}

#itemContainer{
	width:300px;
	margin-left: 20px;
	margin-top: 50px;
}

itemWorkContainer{
	width:200px;
	margin-left: 10px;
	margin-top: 50px;
}

#itemIcon{
	float:left;
	width:72px;
	height: 110px;
}

#itemTitle{
	color:#F78B2B;
	font-size:14px;	
	font-weight:bold;
	
}

#itemText{
	color:#8A8A8A;
	font-size:12px;	
	margin-top: 10px;
}

#itemTextDownload{
	color:#8A8A8A;
	font-size:12px;	
	margin-top: 7px;
}

#clock{
	background: url(../../images/descriptionIcons/icon-clock.png)  left top no-repeat;
	height: 70px;
	width: 57px;
}

#help{
	background: url(../../images/descriptionIcons/icon-help.png)  left top no-repeat;
	height: 70px;
	width: 90px;
}

#headset{
	background: url(../../images/descriptionIcons/icon-headset.png)  left top no-repeat;
	height: 70px;
	width: 57px;
}

#sms{
	background: url(../../images/descriptionIcons/icon-sms.png)  left top no-repeat;
	height: 70px;
	width: 57px;
}

#paper{
	background: url(../../images/descriptionIcons/icon-paper.png)  left top no-repeat;
	height: 70px;
	width: 57px;
}

#locker{
	background: url(../../images/descriptionIcons/icon-locker.png)  left top no-repeat;
	height: 70px;
	width: 57px;
}

#signs{
	background: url(../../images/descriptionIcons/icon-signs.png)  left top no-repeat;
	height: 70px;
	width: 57px;
}

#book{
	background: url(../../images/descriptionIcons/icon-book.png)  left top no-repeat;
	height: 70px;
	width: 57px;
}

#userok{
	background: url(../../images/descriptionIcons/icon-userok.png)  left top no-repeat;
	height: 70px;
	width: 57px;
}

#chip{
	background: url(../../images/descriptionIcons/icon-gsm.png)  left top no-repeat;
	height: 70px;
	width: 57px;
}

#coins{
	background: url(../../images/descriptionIcons/icon-coins.png)  left top no-repeat;
	height: 70px;
	width: 57px;
}

#world{
	background: url(../../images/descriptionIcons/icon-world.png)  left top no-repeat;
	height: 70px;
	width: 70px;
}

#worldP{
	background: url(../../images/icon-worldp.png)  left top no-repeat;
	height: 70px;
	width: 70px;
	float:left;	
}

#othos{
	background: url(../../images/descriptionIcons/icon-othos.png)  left top no-repeat;
	height: 100px;
	width: 100px;
	float:left;	
}

#textInstitutional{
	width: 690px;	
}

#buttonsContainer{
	position:relative; 
	left:20px;
}

#imageRightVoip {
margin-left:-4px;
margin-top:60px;
}
