/* CSS Document */


body{
	font-family: "Lucida Grande","Lucida Sans Unicode", Garuda, Arial, Verdana, sans-serif;
	background:url(../../img/bg_page.jpg) no-repeat center 0 #f7f7f7;
	margin:0;
	padding:0;
}

.clearer{
	clear:both;
}

#main{
	margin:25px auto 0 auto;
	width:980px;
}

#main .roundedTop{
	background:#fff;	
}

#main .roundedTop .left{
	float:left;
	width:7px;
	height:7px;
	background:url(../../img/round_Topleft.gif) no-repeat;
}

#main .roundedTop .right{
	float:right;
	width:7px;
	height:7px;
	background:url(../../img/round_Topright.gif)  no-repeat right top;
}

#main .roundedBottom{
	background:#fff;
	border:1px solid #fff;;
}

#main .roundedBottom .left{
	float:left;
	width:7px;
	height:7px;
	background:url(../../img/round_Bottomleft.gif) no-repeat bottom left;
}

#main .roundedBottom .right{
	float:right;
	width:7px;
	height:7px;
	background:url(../../img/round_Bottomright.gif)  no-repeat right bottom;
}

#main .middle{
	background:#fff;
}

#main .middle .visual{
	background: url(../../img/mainVisual.gif) no-repeat right top #fff;
	height:425px;
	padding-left:25px
}

#main .middle .visual h1{
	margin:0;
	padding:154px 0 0 0;
	text-indent:-9999px;

}

#main .middle .visual h1 a{
	background: url(../../img/logo_hipoCloud.gif) no-repeat;
	display:block;
	width:240px;
	height:36px;

}

#main .middle .visual h2{
	font-size:18px;
	font-weight:normal;
}

#main .middle .visual blockquote{
	font-size:13px;
	width:580px;
	margin:0;
	padding:0;
}

#main .middle ul{
	margin:0;
	padding:0 0 0 25px;
	list-style:none;
	background: url(../../img/bg_menu.jpg) repeat-x;
	height:35px;
}

#main .middle ul li{
	float:left;
	font-size:12px;
	border-right:1px solid #ededed;
}

#main .middle ul li a{
	color:#000;
	text-decoration:none;
	font-weight:bold;
	display:block;
	padding: 10px 18px;
}

#main .middle ul li a:hover{
	background:url(../../img/bg_menu_select.jpg) repeat-x;
}

#main .middle ul li.select{
	background:url(../../img/bg_menu_select.jpg) repeat-x;
}

#main .middle ul li.dropdown{
	background:url(../../img/bg_dropdown.jpg) repeat-x;
}

#main .middle ul li.dropdown img{
	border:0;
	margin-top:5px;
}

#main .middle .download, #main .middle .news{
	float:left;
	width:445px;
	padding-left:30px;
	padding-bottom:30px;
}

#main .middle .sepVert{
	float:left;
	width:2px;
	height:222px;
	background:url(../../img/sepVert.jpg) no-repeat;
	margin-top:25px;
}

#main .middle .download h3, #main .middle .news h3{
	color:#FF6600;
	font-size:22px;
	font-weight:normal;
}

/*for ie explorer*/

* html #main .middle .download h3, * html #main .middle .news h3{
	color:#FF6600;
	font-size:22px;
	font-weight:normal;
	margin-top:30px;
}

#main .middle .download p{
	font-size:12px;
	padding-right:15px;
}

#main .middle .news h4{
	background:url(../../img/bullet-news.gif) no-repeat 0 7px;
	font-weight:normal;
	padding-left:12px;
}

#main .middle .news p{
	font-size:12px;
	padding:0 20px 0 8px; 
}

#main .middle .downloadButton{
	margin:0 0 0 45px;
}

#main .middle .downloadButton a{
	display:block;
	width:228px;
	height:48px;
	background:url(../../img/down_Button.gif) no-repeat;
	text-decoration:none;
	color:#000;
	font-size:18px;
	font-weight:bold;
	padding: 14px 0 0 70px;
}

#main .middle .downloadButton a span{	
	font-size:11px;
	font-weight:normal;
	padding-left:20px;
	display:block;
	* margin-top:-1px;
}

#main .middle .news a{
	font-size:12px;
	padding-left:10px;
	color:#666;
}

#main .middle .news a:hover{
	color:#E97E50;
}

#main p.info{
	text-align:center;
	font-size:12px;
	color:#666;
}

#main p.info a{
	color:#000;
}

#main p.info a:hover{
color:#666;
}


/*********Fin estilos homesite***************/

#main .middleInt{
	background:#fff;
}

#main .middleInt .visual{
	background: url(../../img/Int_Visual.jpg) no-repeat right top #fff;
	height:140px;
	padding-left:25px
}

#main .middleInt .visual h1{
	margin:0;
	padding:42px 0 0 0;
	text-indent:-9999px;

}

#main .middleInt .visual h1 a{
	background: url(../../img/logo_hipoCloud.gif) no-repeat;
	display:block;
	width:240px;
	height:36px;

}

#main .middleInt ul{
	margin:25px 0 0 0;
	padding:0 0 0 25px;
	list-style:none;
	height:35px;
}

#main .middleInt ul li{
	float:left;
	font-size:12px;
	border-right:1px solid #ededed;
}

#main .middleInt ul li a{
	color:#000;
	text-decoration:none;
	font-weight:bold;
	display:block;
	padding: 10px 18px;
}

#main .middleInt ul li a:hover{
	background:url(../../img/bg_menu_select.jpg) repeat-x;
}

#main .middleInt ul li.select{
	background:url(../../img/bg_menu_select.jpg) repeat-x;
}

#main .middleInt ul li.dropdown{
	background:url(../../img/bg_dropdown.jpg) repeat-x;
}

#main .middleInt ul li.dropdown img{
	border:0;
	margin-top:5px;
}

#main .middleInt .detailproducts{
	padding-top:20px;
}

#main .middleInt .detailproducts .description{
	float:left;
	width:760px;
	margin-left:30px;
}

#main .middleInt .detailproducts .description .info {
	width:760px;
	margin-left:30px;
	text-align: justify;
	font-size: 12px;	
	float:left;
	background:url(../../img/seo_phpAuction_background.jpg) no_repeat 0 7px);
}


#main .middleInt .detailproducts .description .info  a{
  	color:#FF6600;
}

#main .middleInt .detailproducts .description .offer  a{
  	color:#FF6600;
}

#main .middleInt .detailproducts .description .content a{
  	color:#FF6600;
}



#main .middleInt .detailproducts .description  p .content {
	width:760px;
	margin-left:30px;
	text-align: justify;
	font-size: 12px;	
	float:left;
	color: #333;
}

#main .middleInt .detailproducts .description  .offer {
	width:760px;
	margin-left:30px;
	text-align: justify;
	font-size: 12px;	
	float:left;
	color: #555;
}

#main .middleInt .detailproducts .description  .offer  ul  {
	color: #111;
}

#main .middleInt .detailproducts .description  .offer ul li{
	list-style:none;
	background:url(../../img/bullet_requirements.gif) no-repeat 0 7px;
    padding-left: 12px;  
	clear: both;
}

#main .middleInt .detailproducts .description .offer a{
    color: #111;
}

#main .middleInt .detailproducts .description .offer a:hover{
    color: #111;
	background:url(../../img/bullet_requirements.gif) no-repeat 0 7px;
    padding-left: 12px;  
    text-decoration: none;
}


#main .middleInt .content ul li{
	list-style:none;
	background:url(../../img/bullet_requirements.gif) no-repeat 0 7px;
    padding-left: 12px;  
	clear: both;
}


#main .middleInt .detailproducts .description  .content  ul  {
	color: #111;
}

#main .middleInt .detailproducts .description  .content ul li{
	list-style:none;
	background:url(../../img/bullet_requirements.gif) no-repeat 0 7px;
    padding-left: 12px;  
	clear: both;
}


#main .middleInt .detailproducts .description h2{
	color:#666;
	font-size:22px;
	margin:0;
	padding:0;
	font-weight:normal;
}

#main .middleInt .detailproducts .description h3 span{
	color:#333;
	font-size:17px;
	margin:0;
	padding:0;
	font-weight:normal;
}


#main .middleInt .products{
	padding-top:20px;
}

.sepTop{
	padding-top:10px;
}

#main .middleInt .products .banner{
	float:left;
	width:390px;
	margin-left:35px;
}

#main .middleInt .products .banner .sepLeft{
	margin-left:25px;
}



#main .middleInt .products .description{
	float:left;
	width:460px;
	margin-left:30px;
}


#main .middleInt .products .description h2{
	color:#666;
	font-size:22px;
	margin:0;
	padding:0;
	font-weight:normal;
}

#main .middleInt .products .description h2 span{
	color:#000;
}

#main .middleInt .products .description p{
	font-size:12px;
	margin:15px 0;
	padding:0 25px 0 0;
}

#main .middleInt .products .description .price p {
	font-size:13px;
	float:left;
	width:460px;
	margin-left:30px;
    color:#666;
}


#main .middleInt .products .learnMore{
	background: url(../../img/bg_buttonLeft.gif) no-repeat;
	width:150px;
}

#main .middleInt .products .learnMore a{
	background: url(../../img/bg_buttonRight.gif) no-repeat right top;
	display:block;
	padding:10px 20px 12px 20px;
	font-size:15px;
	text-decoration:none;
	color:#000;
	cursor:pointer;
}

#main .middleInt .products .learnMore a:hover{
	text-decoration:underline;
}

#main .middleInt .products .sepHorz{
	height:3px;
	background:url(../../img/sepHorz.jpg) no-repeat center top;
	clear:both;
	font-size:0;
}

.contact2 {
	font-weight:bold;
    margin-left: 30px;
	font-size: 12px;
}

.contact2 a{
	color:#000;
}

.contact2 a:hover{
   color:  #999;
}

/*About Us*/
#main .middleInt .leftContent{
	float:left;
	width:620px;
	padding:15px 0 0 65px;
}

#main .middleInt .leftContent h2{
	color:#666;
	font-size:18px;
	margin:0;
	padding:0 0 25px 0;
	font-weight:normal;

}

#main .middleInt .leftContent span{
	color:#000;
}

#main .middleInt .leftContent .aboutUsBox{
	height:335px;
	background:#F9F9F8;
}
#main .middleInt .leftContent .aboutUsBox .tab-menu{
	float:left;
	width:110px;
	margin:10px 0 0 15px;
	}
	
#main .middleInt .leftContent .aboutUsBox .tab-menu h3.tabOn {
	font-size:11px;
	font-weight:normal;
	display:block;
	width:80px;
	height:80px;
	background:#FECA2C;
	color:#333;
	cursor:pointer;
	padding-left:5px;
	margin: 5px 0;
	}
	
#main .middleInt .leftContent .aboutUsBox .tab-menu h3.tabOff {
	font-size:11px;
	font-weight:normal;
	display:block;
	width:40px;
	height:40px;
	background:#EFEFEA;
	color:#333;
	cursor:pointer;
	padding-left:5px;
	margin: 5px 0;
	}
	
#main .middleInt .leftContent .aboutUsBox .contentFromtab-menu{
	float:right;
	width:470px;
	padding: 15px 25px 0 0;
	background: url(../../img/bullet-begin.gif) no-repeat top left;

}

#main .middleInt .leftContent .aboutUsBox .contentFromtab-menu p{
	font-size:11px;
	margin:0;
	padding:0 0 10px 0;
	color:#666;
}

#main .middleInt .leftContent .aboutUsBox .contentFromtab-menu p span{
	color:#000;
	}

#main .middleInt .rightContent{
		float:right;
		width:245px;
		background: url(../../img/bg_colRight.gif) #EFEFEA;
		margin-right:8px;
		padding:15px 10px 15px 10px;
}

#main .middleInt .rightContent h4{
	color:#fff;
	font-weight:normal;
	background:#D2D2D2;
	margin:10px 0;
	padding:6px;
	}
#main .middleInt .rightContent .image-area-cv{
	width:73px;
	height:85px;
	background:#fff;
	padding:6px;
	float:left;
	border:1px solid #E9E9E9;
	text-align:center;
	margin: 0 8px 5px 0;
	}
#main .middleInt .rightContent .image-area{
	background:#fff;
	padding:6px;
	border:1px solid #E9E9E9;
	text-align:center;
	margin: 0 8px 5px 0;
	}
#main .middleInt .rightContent .image-area a img, #main .middleInt .rightContent .image-area-cv a img{
	border:none;
}

#main .middleInt .rightContent h5.name{
	display:inline;
	font-size:13px;
	margin:0;
	}
	
#main .middleInt .rightContent h5.job-post{	
	font-size:11px;
	font-weight:normal;
	margin:0 0 10px 0;
}
#main .middleInt .rightContent p{
	display:inline;
	color:#666;
	font-weight:normal;
	font-size:11px;
	}
	
#main .middleInt .rightContent .viewMore{
	text-align:right;
	padding-right:5px;
	}

#main .middleInt .rightContent .viewMore a{
	font-size:11px;
	color:#2A8BCD;
	background:url(../../img/bullet-more.gif) no-repeat right 5px;
	padding-right:10px;
	}
#main .middleInt .rightContent .viewMore a:hover{
	color:#000;
	background:url(../../img/bullet-moreOn.gif) no-repeat right 5px;
	}