﻿/*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:Tahoma, Geneva, sans-serif;
}
body{
	background:#010617 url(img/bg_body.jpg) no-repeat center 0;
	color:#FFF;
}
input[type=text], input[type=password], select, textarea{
	padding-left:3px;
	color:#FFF;
}
/* */
#middle span.moni{
	position:absolute;
	top:345px;
	right:0px;
	background:url(img/bg_moni.png) no-repeat 0 0;
	width:390px;
	height:295px;
	display:block;
	z-index:-1;
}
#middle{
	width:990px;
	margin:auto;
	overflow:hidden;
	position:relative;
}
#middle div.row1{
	width:990px;
}
#middle h1.logo{
	background:url(img/bg_h1_logo.png) no-repeat 0 0;
	text-indent:5000px;
	line-height:5000px;
	display:block;
	overflow:hidden;
	width:515px;
	height:144px;
	float:left;
	margin:135px 0 0 230px;
}
#middle h2.soluciones{
	background:url(img/bg_h2_soluciones.png) no-repeat 0 0;
	text-indent:5000px;
	line-height:5000px;
	display:block;
	overflow:hidden;
	width:366px;
	height:32px;
	float:left;
	clear:both;
	margin:26px 0 0 68px;
}
#middle p{
	font-size:12px;
}
#middle div.text1{
	float:left;
	width:260px;
	padding-left:10px;
	margin:28px 0 0 50px;
	color:#000;
	line-height:17px;
	position:relative;
}
a.verport{
	display:block;
	width:196px;
	height:60px;
	background:url(img/bg_ver_portf.png) no-repeat 0 0;
	overflow:hidden;
	text-indent:5000px;
	line-height:5000px;
}
div.verport{
	position:absolute;
	bottom:-60px;
	left:0;
	display:block;
	width:196px;
	height:60px;
}
#middle div.sistema{
	float:left;
	width:235px;
	clear:both;
	margin:109px 0 0 59px;
	color:#000;
	text-align:right;
}
#middle div.sistema h3.sistema{
	background: url(img/bg_h3_sistemas.png) no-repeat 0 0;
	text-indent:5000px;
	line-height:5000px;
	display:block;
	overflow:hidden;
	width:234px;
	height:20px;
	margin: 0 0 15px 0;
}
#middle div.sistema h4{
	font-weight:bold;
	font-size:12px;
	margin:16px 0 0 0;
}
#middle div.sistema h4.blue{
	color:#00649B;
}
#middle div.sistema ul li{
	color:#00649B;
	font-size:12px;
}
#middle div.sistema ul.inline{
	width:220px;
	float:right;
}
#middle div.sistema ul.inline li{
	color:#000;
	float:left;
	margin-left:5px;
}
#middle div.sitios{
	float:left;
	width:260px;
	margin:19px 0 0 30px;
}
#middle div.sitios h3.sitios{
	background: url(img/bg_h3_sitios.png) no-repeat 0 0;
	text-indent:5000px;
	line-height:5000px;
	display:block;
	overflow:hidden;
	width:263px;
	height:48px;
	margin:0 0 19px 0;
}
#middle div.sitios p{
	color:#000;
}
#middle div.sitios ul.inline{
	width:205px;
	margin:10px 0 0 0;
}
#middle div.sitios ul.inline li{
	color:#00649B;
	float:left;
	margin-left:5px;
	font-size:12px;
	font-weight:bold;
}
#middle div.dis_sop{
	float:right;
	width:205px;
	margin:134px 90px 0 0;
}
#middle div.dis_sop h3.dis{
	background:url(img/bg_h3_dis_graf.png) no-repeat 0 0;
	text-indent:5000px;
	line-height:5000px;
	display:block;
	overflow:hidden;
	width:194px;
	height:20px;
	margin:0 0 19px 0;
}
#middle div.dis_sop p{
	margin-bottom:28px;
	font-style:italic;
	font-weight:bold;
}
#middle div.dis_sop h3.soporte{
	background:url(img/bg_h3_soporte_tecnico.png) no-repeat 0 0;
	text-indent:5000px;
	line-height:5000px;
	display:block;
	overflow:hidden;
	width:194px;
	height:25px;
	margin:0 0 19px 0;
}
#middle div.dis_sop ul li{
	float:left;
	clear:both;
	display:block;
	width:194px;
	font-size:12px;
	font-style:italic;
	font-weight:bold;
}

#middle div.servicios{
	float:right;
	margin:23px 15px 0 0;
	text-align:right;
}
#middle div.servicios h5{
	font-style:italic;
	font-weight:bold;
	font-size:12px;
}
#middle div.servicios ul li{
	color:#00FFE6;
	font-size:12px;
	font-style:italic;
	font-weight:bold;
}

#middle div.row2{
	clear:both;
	width:990px;
}
#middle div.row2 div.fieldset{
	float:right;
	border-top:2px #008074 solid;
	width:490px;
	margin:15px 80px 0 0;
}
#middle div.row2 fieldset{
	float:right;
	width:490px;
}
#middle div.row2 fieldset legend{
	float:right;
	font-size:12px;
	font-weight:bold;
	margin:10px 75px 12px 0;
	color:#FFF;
}
#middle div.row2 fieldset dl{
	width:490px;
}
#middle div.row2 fieldset dl dt{
	width:150px;
	float:left;
	display:block;
	clear:both;
	height:21px;
	margin-bottom:12px;
}
#middle div.row2 fieldset dl dd{
	width:330px;
	float:left;
	display:block;
	height:21px;
	margin-bottom:12px;

}
#middle div.row2 fieldset dl dt label{
	line-height:5000px;
	display:block;
	overflow:hidden;
	width:132px;
	height:17px;
	float:right;
	margin-right:10px;
}
#middle div.row2 fieldset dl dt label.empresa{
	background:url(img/bg_label_empresa.png) no-repeat right 0;
}
#middle div.row2 fieldset dl dt label.telefono{
	background:url(img/bg_label_telefono.png) no-repeat right 0;
}
#middle div.row2 fieldset dl dt label.email{
	background:url(img/bg_label_email.png) no-repeat right 0;
}
#middle div.row2 fieldset dl dt label.consulta{
	background:url(img/bg_label_consulta.png) no-repeat right 0;
}
#middle div.row2 fieldset dl dd input{
	background:#00524A;
	height:21px;
	width:325px;
	border:none;
}
#middle div.row2 fieldset dl dd.textarea{
	height:90px;
}
#middle div.row2 fieldset dl dd textarea{
	background:#00524A;
	width:325px;
	height:85px;
	border:none;
	font-size:12px;
}
#middle div.row2 fieldset button{
	background:url(img/bg_bt_enviar.png) no-repeat 0 0;
	text-indent:5000px;
	line-height:5000px;
	display:block;
	overflow:hidden;
	width:68px;
	height:19px;
	margin:0 35px 19px 0;
	
	float:right;
	border:none;
}
#middle div.row2 div.dir{
	float:left;
	width:266px;
	margin:119px 0 0 38px;
}
#middle div.row2 div.dir span.logo{
	background:url(img/bg_span_logo2.png) no-repeat 0 0;
	text-indent:5000px;
	line-height:5000px;
	display:block;
	overflow:hidden;
	width:151px;
	height:62px;
	float:right;
}
#middle div.row2 div.dir p{
	display:block;
	clear:both;
	font-size:12px;
	text-align:right;
	margin-right:10px;
}
#middle div.row2 div.dir p.blue, #middle div.row2 div.dir p.blue a{
	color:#00FFE6;
	text-decoration:none;
}
#wrap_footer{
	border-top:1px #00FFE6 solid;
	width:100%;
}
#footer{
	margin:auto;
	width:990px;
	text-align:center;
	height:60px;
	line-height:60px;
}
#footer a.facebook{
	background:url(img/bg_facebook.png) no-repeat 0 0;
	line-height:5000px;
	display:inline-block;
	overflow:hidden;
	width:88px;
	height:25px;
	margin:0 7px;
	vertical-align:text-bottom;
}
#footer a.delectus{
	background:url(img/bg_delectus.png) no-repeat 0 0;
	line-height:5000px;
	display:inline-block;
	overflow:hidden;
	width:141px;
	height:35px;	
	margin:0 7px;
	vertical-align:middle;
}
#footer span{
	color:#00FFE6;
	font-size:12px;
}