/*reset*/
body {
	font-size:62.5%;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}
button {
	cursor:pointer;
}
/*general*/

*{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
}
body{
	background: #000 url(img/body_bg.jpg) no-repeat center 0;
	color:#FFF;
}
input[type=text], input[type=password], select, textarea{
	padding-left:3px;
	color:#FFF;
}
/* */
#header{
	width:990px;
	margin:auto;
}
#pl_header{
	height:217px;
	width:990px;
	position:relative;
	z-index:100;
}
#pl_slide-home{
	height:408px;
	width:990px;
	position:relative;	
	z-index:101;
	margin-top:-40px;
}
#header h1.logo{
	display:none;
}
#wrap_middle.index{
	width:100%;
	background:url(img/index_bg_wrap.png) repeat-x 0 0;
}
#middle.index{
	width:990px;
	margin:auto;
}
#wrap_footer{
	width:100%;
	background:#000 url(img/footer_bg_wrap.png) repeat-x 0 0;
	
}
#footer{
	width:990px;
	margin:auto;
}

/** Row1 
	Row1 
	Row1 **/
#middle.index div.row1{
	width:990px;
	height:330px;
	background:url(img/index_bg_row1.png) repeat-x 0 0;
	border-bottom:2px #00FFE6 solid ;
}
/* Row1 - Col */
#middle.index div.row1 div.col{
	background: url(img/index_bg_row1_col.png) no-repeat right 0;
	height:220px;
	float:left;
	position:relative;
	padding:110px 20px 0 20px;
}
#middle.index div.row1 div.col{
	color:#A5A5A5;
	font-family:Arial, Helvetica, sans-serif;
	line-height:15px;
}
#middle.index a.masinfo{
	background:url(img/index_bg_row1_a_masinfo.png) no-repeat 0 0;
	width:56px;
	height:19px;
	display:block;
	overflow:hidden;
	text-indent:500px;
	line-height:500px;
	position:absolute;
	bottom:-8px;	
	left:20px;
}

/* Row1 - Col1 */
#middle.index div.row1 div.col.col1{
	width:235px;
	text-align:right;
}
#middle.index div.row1 div.col.col1 a.sitios{
	background:url(img/index_row1_col1_a_sitios.png) no-repeat 0 0;
	width:248px;
	height:118px;
	display:block;
	overflow:hidden;
	text-indent:5000px;
	line-height:5000px;
	position:absolute;
	top:-15px;
	left:0px;
}
#middle.index div.row1 div.col.col1 a.masinfo{
	right:20px;
	left:auto;

}
#middle.index div.row1 div.col.col1 ul{
	color:#00FFE6;
	margin-top:10px;
}
#middle.index div.row1 div.col.col1 ul li{
	float:right;
	font-style:italic;
	line-height:15px;
}
/* Row1 - Col2 */
#middle.index div.row1 div.col.col2{
	width:210px;
}
#middle.index div.row1 div.col.col2 a.soporte{
	background:url(img/index_row1_col2_a_soporte.png) no-repeat 0 0;
	width:232px;
	height:118px;
	display:block;
	overflow:hidden;
	text-indent:5000px;
	line-height:5000px;
	position:absolute;
	top:-15px;
	left:20px;
}
#middle.index div.row1 div.col.col2 h3{
	color:#00FFE6;
	font-weight:bold;
	font-style:italic;
	margin:10px 0 0 0;
}
#middle.index div.row1 div.col.col2 ul{
	color:#00FFE6;
	margin-top:0;
}
#middle.index div.row1 div.col.col2 ul li{
	line-height:15px;
}
/* Row1 - Col3 */
#middle.index div.row1 div.col.col3{
	width:425px;
}
#middle.index div.row1 div.col.col3 a.sistemas{
	background:url(img/index_row1_col3_a_sistemas.png) no-repeat 0 0;
	width:373px;
	height:118px;
	display:block;
	overflow:hidden;
	text-indent:5000px;
	line-height:5000px;
	position:absolute;
	top:-15px;
	left:20px;
}
#middle.index div.row1 div.col.col3 h3{
	color:#00FFE6;
	font-weight:bold;
	font-style:italic;
	margin:10px 0 0 0;
}
#middle.index div.row1 div.col.col3 ul{
	margin-top:0;
}
#middle.index div.row1 div.col.col3 ul.blue{
	color:#00FFE6;
	width:230px;
}
#middle.index div.row1 div.col.col3 ul.blue li{
	float:left;
	margin-right:5px;

}

/** Row2
	Row2
	Row2 **/
#middle.index div.row2{
	width:990px;
	height:317px;
	background:url(img/index_bg_row2.png) repeat-x 0 0;
	border-bottom:2px #00FFE6 solid ;
}
#middle.index div.row2 div.col1{
	float:left;
	width:285px;
}
#middle.index div.row2 div.col1 h3{
	background:url(img/index_bg_row2_col1_h3.png) no-repeat 51px 0;
	width:285px;
	height:59px;
	display:block;
	overflow:hidden;
	text-indent:5000px;
	line-height:5000px;
}
#middle.index div.row2 div.col1 ul{
	width:285px;
}
#middle.index div.row2 div.col1 ul li{
	width:245px;
	padding:16px 0 0 40px;
	height:70px;
	background: url(img/index_bg_row2_col1_li.png) no-repeat 0 0;
	position:relative;
}
#middle.index div.row2 div.col1 ul li.selected{
	background: url(img/index_bg_row2_col1_li_selected.png) no-repeat 0 0;
}
#middle.index div.row2 div.col1 ul li a{
	position:absolute;
	top:0;
	left:0;
	display:block;
	overflow:hidden;
	width:285px;
	height:86px;
	line-height:5000px;
	text-indent:5000px;
}
#middle.index div.row2 div.col1 ul li .vin{
	color:#00FFE6;
	font-weight:bold;
	font-style:italic;
	position:absolute;
	left:30px;
	top:12px;
}
#middle.index div.row2 div.col1 ul li h4{
	color:#FFF;
	line-height:12px;
	font-weight:bold;
	font-style:italic;
	width:215px;
	display:inline-block;
	vertical-align:top;
	margin-bottom:10px;
}
#middle.index div.row2 div.col1 ul li p{
	line-height:12px;
	width:215px;
	display:inline-block;
	color:#C9C9C9;
}
#middle.index div.row2 div.col1 ul li.selected p{
	color:#4F4F4F;
}
/* Row2 - Col2 */
#middle.index div.row2 div.col2{
	width:670px;
	height:282px;
	float:left;
	padding:35px 0 0 20px;
	position:relative;
}
#middle.index div.row2 div.col2 h2{
	font-size:22px;
	font-style:italic;
	margin-bottom:5px;
}
#middle.index div.row2 div.col2 h3{
	color:#80E8E5;
	font-size:15px;
	line-height:15px;
	font-style:italic;
	margin-bottom:15px;
}
#middle.index div.row2 div.col2 img{
	float:left;
	margin-top:3px;
	margin-right:20px;
}
#middle.index div.row2 div.col2 p{
	width:400px;
	float:left;
	line-height:14px;
}
#middle.index div.row2 div.col2 a.masinfo{
	right:30px;
	left:auto;
}

/** Row3
	Row3
	Row3 **/

#middle.index div.row3{
	width:990px;
	height:370px;
	background:url(img/index_bg_row3.png) repeat-x 0 0;
}

#middle.index div.row3 div.col1{
	float:left;
	width:490px;
	margin:0 0 0 30px;
}
#middle.index div.row3 fieldset legend{
	background:url(img/bg_legend.png) no-repeat 0 0;
	width:240px;
	height:13px;
	float:left;
	margin:20px 0 25px 150px;;
	color:#FFF;
	display:block;
	overflow:hidden;
	line-height:5000px;
	text-indent:5000px;
}
#middle.index div.row3 fieldset dl{
	width:490px;
}
#middle.index div.row3 fieldset dl dt{
	width:150px;
	float:left;
	display:block;
	clear:both;
	height:21px;
	margin-bottom:12px;
}
#middle.index div.row3 fieldset dl dd{
	width:330px;
	float:left;
	display:block;
	height:21px;
	margin-bottom:12px;

}
#middle.index div.row3 fieldset dl dt label{
	line-height:5000px;
	display:block;
	overflow:hidden;
	width:132px;
	height:17px;
	float:right;
	margin-right:10px;
}
#middle.index div.row3 fieldset dl dt label.empresa{
	background:url(img/bg_label_empresa.png) no-repeat right 0;
}
#middle.index div.row3 fieldset dl dt label.telefono{
	background:url(img/bg_label_telefono.png) no-repeat right 0;
}
#middle.index div.row3 fieldset dl dt label.email{
	background:url(img/bg_label_email.png) no-repeat right 0;
}
#middle.index div.row3 fieldset dl dt label.consulta{
	background:url(img/bg_label_consulta.png) no-repeat right 0;
}
#middle.index div.row3 fieldset dl dd input{
	background:#00524A;
	height:21px;
	width:325px;
	border:none;
}
#middle.index div.row3 fieldset dl dd.textarea{
	height:90px;
}
#middle.index div.row3 fieldset dl dd textarea{
	background:#00524A;
	width:325px;
	height:85px;
	border:none;
	font-size:12px;
}
#middle.index div.row3 fieldset button{
	background:url(img/bg_bt_enviar.png) no-repeat 0 0;
	text-indent:5000px;
	line-height:5000px;
	display:block;
	overflow:hidden;
	width:82px;
	height:20px;
	margin:0 35px 19px 0;
	
	float:right;
	border:none;
}

#middle.index div.row3 div.col2Sub a.bnr-banco-de-alimentos{
	float:right;
	width:424px;
	height:52px;
	display:block;
	overflow:hidden;
	line-height:50px;
	text-indent:430px;
	margin:8px 47px 0px 0px;
	background:url(img/bnr-banco-de-alimentos-424x52.jpg) no-repeat 0 0;
}

#middle.index div.row3 div.col2Sub a.bnr-qr{
	float:left;
	width:424px;
	height:52px;
	display:block;
	overflow:hidden;
	line-height:50px;
	text-indent:430px;
	margin:8px 0px 0px 47px;
	background:url(img/bnr-qr-424x52.jpg) no-repeat 0 0;
}

/*#middle.index div.row3 div.col2SubPopup{
	width:424px;
}*/

#middle.index div.row3 div.col2SubPopup a.bnr-qr2{
	float:left;
	width:424px;
	height:219px;
	/*display:none;*/
	overflow:hidden;
	line-height:150px;
	text-indent:430px;
	margin:306px 0px 0px -473px;
	background:url(img/bnr-qr-pop-424x219.jpg) no-repeat 0 0;
	position:absolute;
	z-index:100;
}

#middle.index div.row3 div.col2{
	float:right;
	width:450px;
	margin:-265px 0px 0px 20px;
}
#middle.index div.row3 div.col2 h3{
	background:url(img/index_bg_row3_col2_h3.png) no-repeat 0 0;
	display:block;
	overflow:hidden;
	line-height:31px;
	text-indent:450px;
	width:450px;
	height:31px;
	margin:286px 0 0 0;

}
#middle.index div.row3 div.col2 ul.clientes{
	display:block;
}
#middle.index div.row3 div.col2 ul.clientes li{
	float:left;
	display:block;
	margin-left:5px;
	height:67px;
	width:100px;

}
#middle.index div.row3 div.col2 ul.clientes li a{
	display:block;
	height:67px;
	width:100px;
	text-indent:5000px;
	line-height:5000px;
	overflow:hidden;
}
#middle.index div.row3 div.col2 ul.clientes li a.ormay{
	background:url(img/clientes/index_clientes_ormay.png) no-repeat 0 0;
}
#middle.index div.row3 div.col2 ul.clientes li a.ormay:hover{
	background:url(img/clientes/index_clientes_ormay.png) no-repeat 0 -67px;
}
#middle.index div.row3 div.col2 ul.clientes li a.keller{
	background:url(img/clientes/index_clientes_keller.png) no-repeat 0 0;
}
#middle.index div.row3 div.col2 ul.clientes li a.keller:hover{
	background:url(img/clientes/index_clientes_keller.png) no-repeat 0 -67px;
}
#middle.index div.row3 div.col2 ul.clientes li a.forbat{
	background:url(img/clientes/index_clientes_forbat.png) no-repeat 0 0;
}
#middle.index div.row3 div.col2 ul.clientes li a.forbat:hover{
	background:url(img/clientes/index_clientes_forbat.png) no-repeat 0 -67px;
}
#middle.index div.row3 div.col2 ul.clientes li a.carrizodental{
	background:url(img/clientes/index_clientes_carrizo.png) no-repeat 0 0;
}
#middle.index div.row3 div.col2 ul.clientes li a.carrizodental:hover{
	background:url(img/clientes/index_clientes_carrizo.png) no-repeat 0 -67px;
}
#middle.index div.row3 div.col2 ul.clientes li a.piumetto{
	background:url(img/clientes/index_clientes_piumetto.png) no-repeat 0 0;
}
#middle.index div.row3 div.col2 ul.clientes li a.piumetto:hover{
	background:url(img/clientes/index_clientes_piumetto.png) no-repeat 0 -67px;
}
#middle.index div.row3 div.col2 ul.clientes li a.academiaarguello{
	background:url(img/clientes/index_clientes_academia.png) no-repeat 0 0;
}
#middle.index div.row3 div.col2 ul.clientes li a.academiaarguello:hover{
	background:url(img/clientes/index_clientes_academia.png) no-repeat 0 -67px;
}
#middle.index div.row3 div.col2 ul.clientes li a.compumed{
	background:url(img/clientes/index_clientes_compumed.png) no-repeat 0 0;
}
#middle.index div.row3 div.col2 ul.clientes li a.compumed:hover{
	background:url(img/clientes/index_clientes_compumed.png) no-repeat 0 -67px;
}
#middle.index div.row3 div.col2 ul.clientes li a.electronicafutura{
	background:url(img/clientes/index_clientes_futura.png) no-repeat 0 0;
}
#middle.index div.row3 div.col2 ul.clientes li a.electronicafutura:hover{
	background:url(img/clientes/index_clientes_futura.png) no-repeat 0 -67px;
}
#middle.index div.row3 div.col2 ul.clientes li a.maglione{
	background:url(img/clientes/index_clientes_maglione.png) no-repeat 0 0;
}
#middle.index div.row3 div.col2 ul.clientes li a.maglione:hover{
	background:url(img/clientes/index_clientes_maglione.png) no-repeat 0 -67px;
}
#middle.index div.row3 div.col2 ul.clientes li a.empresalud{
	background:url(img/clientes/index_clientes_empresalud.png) no-repeat 0 0;
}
#middle.index div.row3 div.col2 ul.clientes li a.empresalud:hover{
	background:url(img/clientes/index_clientes_empresalud.png) no-repeat 0 -67px;
}
#middle.index div.row3 div.col2 ul.clientes li a.entergestion{
	background:url(img/clientes/index_clientes_entergestion.png) no-repeat 0 0;
}
#middle.index div.row3 div.col2 ul.clientes li a.entergestion:hover{
	background:url(img/clientes/index_clientes_entergestion.png) no-repeat 0 -67px;
}
#middle.index div.row3 div.col2 ul.clientes li a.federalred{
	background:url(img/clientes/index_clientes_federalred.png) no-repeat 0 0;
}
#middle.index div.row3 div.col2 ul.clientes li a.federalred:hover{
	background:url(img/clientes/index_clientes_federalred.png) no-repeat 0 -67px;
}

/** Portfolio **/
#header.portfolio div.row1{
	width:795px;
	border-bottom:1px #00FFE6 solid;
	margin:0 0 0 126px;
	position:relative;
}
#header.portfolio div.row1 label{
	background:url(img/portfolio_h2.png) no-repeat 0 0;
	width:212px;
	height:30px;
	display:block;
	float:left;
	overflow:hidden;
	text-indent:5000px;
	line-height:5000px;
	margin:0 0 0 70px;
}
#header.portfolio div.row1 select{
	float:left;
	width:158px;
	height:20px;
	padding-left:5px;
	margin:3px 0 0 0;
}
#header.portfolio div.row1 span.img_portfolio{
	background: url(img/img_portfolio.png) no-repeat 0 0;
	width:190px;
	height:63px;
	display:block;
	position:absolute;
	top:-16px;
	right:91px;
}
#header.portfolio div.row2{
	width:990px;
	height:460px;
	clear:both;
	background:url(img/portfolio_bg_header_row2.png) no-repeat 0 0;
	margin:0 0 0 -60px;
	padding:0 0 0 60px;
	overflow:hidden;
}
#header.portfolio div.row2 div.col1{
	float:left;
	width:280px;
}
#header.portfolio div.row2 div.col1 div.cont_logo{
	width:150px;
	height:120px;
	float:left;
	margin:60px 0 0 80px;
	line-height:120px;
	text-align:center;
}
#header.portfolio div.row2 div.col1 div.cont_logo img{
	vertical-align:middle;
}
#header.portfolio div.row2 div.col1 dl{
	margin:130px 0 0 10px;
	float:left;
}
#header.portfolio div.row2 div.col1 dl dt{
	color:#00AAB7;
	font-size:14px;
	font-style:italic;
	float:left;
	clear:left;
	line-height:15px;
	width:110px;
	margin:0 20px 3px 0;
	text-align:right;
}
#header.portfolio div.row2 div.col1 dl dd{
	float:left;
	font-size:12px;
	line-height:15px;
	color:#FFF;
	width:125px;
	margin-bottom:3px;
}
#header.portfolio div.row2 div.col1 dl dd.cod, #header.portfolio div.row2 div.col1 dl dd a{
	color:#00FFE6;
	text-decoration:none;
}
#header.portfolio div.row2 div.col1 dl dd a:hover{
	text-decoration:underline;
}


/** Portfolio - Col2 - **/
#header.portfolio div.row2 div.col2{
	width:710px;
	float:left;
	padding:15px 0 0 0;
}
#header.portfolio div.row2 div.col2 ul.sitios li{
	float:left;
	padding:2px;
	border:2px solid transparent;
	margin:0 5px 10px 0;
}
#header.portfolio div.row2 div.col2 ul.sitios li:hover{
	border:2px #00FFE6 solid;
}
#header.portfolio div.row2 div.col2 ul.sitios li a{
	border:none;
	text-decoration:none;
	font-style:italic;
	font-size:12px;
	color:#828282;
	background:#FFF;
	display:block;
	padding-bottom:3px;
}
#header.portfolio div.row2 div.col2 ul.sitios li img{
	border:3px solid #FFF;
	display:block;
}
#header.portfolio div.row2 div.col2 ul.sitios  li strong{
	color:#5ED1D1;
	margin:0 0 0 3px;
}
#header.portfolio div.row2 div.col2 ul.pager{
	float:left;
	clear:both;

}
#header.portfolio div.row2 div.col2 ul.pager li{
	float:left;
	margin-left:5px;
}
#header.portfolio div.row2 div.col2 ul.pager li a{
	width:10px;
	height:11px;
	display:block;
	background:url(img/bg_a_pager.png) no-repeat 0 0;
}
#header.portfolio div.row2 div.col2 ul.pager li.selected a{
	background:url(img/bg_a_pager.png) no-repeat 0 -11px;	
}
#header.portfolio div.row2 div.col2 span.ab_pager{
	float:right;
	font-size:13px;
	font-style:italic;
	margin:0 90px 0 0 ;
}
#header.portfolio div.row2 div.col2 span.ab_pager a{
	color:#008399;
	text-decoration:none;
	margin-right:10px;
}
#header.portfolio div.row2 div.col2 span.ab_pager strong{
	color:#00FFE6;
}
/** Porf Open **/
#header.portfolio.open div.row2 div.col2 div.content_img{
	text-align:center;
	display:block;
}
#header.portfolio.open div.row2 div.col2 ul.pager{
	float:right;
	margin:5px 120px 10px 0;
}
#header.portfolio.open div.row2 div.col2 p{
	background:url(img/bg_port_open_p.png) no-repeat 0 0;
	padding-left:13px;
	clear:both;
	width:490px;
	color:#828282;
	font-size:12px;
	line-height:12px;
	font-style:italic;
	margin:0 0 0 105px;

}
/*** Footer ***/
#footer ul.menu{
	height:45px;
	line-height:45px;
	margin-left:35px;
}
#footer ul.menu li{
	float:left;
	font-size:15px;
	font-style:italic;
	margin-right:10px;
	color:#00FFE6;
}
#footer ul.menu li a{
	color:#FFF;
	font-size:15px;
	font-style:italic;
	text-decoration:none;

}
#footer ul.menu li.selected a{
	color:#00FFE6;
	font-weight:bold;
}
#footer p{
	float:left;
	display:block;
	width:380px;
	clear:left;
	font-size:12px;
	color:#FFF;
	font-weight:bold;
	font-style:italic;
	line-height:15px;
	margin:15px 0 0 35px;
}
#footer p strong{
	color:#00FFE6;
}
#footer p span.p2{ 
float:right;
	display:block;
	width:380px;
	clear:left;
	font-size:12px;
	color:#FFF;
	font-weight:bold;
	font-style:italic;
	line-height:15px;
	margin: -5px 0px 0px 0px;
}

#footer p span.copy{ 
float:right;
	display:block;
	color:#63938A;
	font-size:11px;
	margin: -45px -558px 0px 0px;
}
#footer ul.links{
	float:left;
	margin: -75px 0px 0px 5px;
}
#footer ul.links li:first-child{
	border-left:1px #828282 solid;
}
#footer ul.links li{
	float:left;
	border-right:1px #828282 solid;
	padding:0 10px;
}
#footer ul.links li a{
	width:34px;
	height:43px;
	display:block;
	overflow:hidden;
	line-height:50px;
	text-indent:35px;
}
#footer ul.links li a.face{
	background:url(img/footer_bg_face.png) no-repeat 0 0;
}
#footer ul.links li a.carro{
	background:url(img/footer_bg_carro.png) no-repeat 0 0;
}
#footer ul.links li a.blog{
	background:url(img/footer_bg_blog.png) no-repeat 0 0;
}
#footer a.mdtlogo{
	float:right;
	background:url(img/footer_bg_mdtlogo.png) no-repeat 0 0;
	width:219px;
	height:43px;
	display:block;
	overflow:hidden;
	line-height:50px;
	text-indent:300px;
	margin: -74px 20px 0 0;
}

#footer a.pageRank{
	margin: 14px 0 0 -380px;
	float:left;
}