/*General starts*/
	.bodyClass{
		margin: 0px;
		background-color: #E1E1E1;
	}
	.hiddenData{
		display: none;
	}
	#headerContainer, #bodyContainer, #footerContainer {
		width: 750px;
		margin: auto;
		}
	.imgArroba{
		display: inline;
		background-image: url(../imgs/arroba.gif);
		background-repeat: no-repeat;
		background-position: bottom left;
		padding: 0px 0px 0px 7px;
	}

	.formLogin{
		display: block;
		clear: both;
		padding: 0px 0px 0px 3px;
	}

	.textField{
		border: none;
		border-left: thin solid #A7A7A7;
		border-right: thin solid #A7A7A7;
	}
	textarea {
		font-size: 10px;
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		margin: 0px;
		padding: 0px;
	}
	/*General ends*/

	/*Header starts*/
	#headerContainer {
		padding: 0px;
		height: 87px;
		background-color: #ffffff;
	}

	span.arroba:before {
	content: "\40";
	}

	.contained {
		display: block;
		float: left;
		width: 579px;
		height: 87px;
		}

	#headerContainer div.logo {
		display: inline; /*se usa inline para alinear Logo y hMenu, si se usa block IE renderea mal los pixeles*/
		float: left;
		width: 141px;
		height: 55px;
		background-image: url("../imgs/wsLogo.gif");
		background-repeat: no-repeat;
		margin: 17px 0px 0px 30px;
		clear: left;
	}

	/*Header ends*/


	#vMenu,#menuSection {
		display: block;
		float: left;
		height: 267px;

		}

	#vMenu {
		width: 174px;
		background-color: #30B8DE;
		}

	#menuSection {
		width: 576px;
		float: right;
		clear: right;
		background-color: #01A101;
		}

	#content {
		display : block;
		float: left;
		clear: both;
		min-height: 220px;
		padding-top: 1px; /* ajuste para Gecko para alinear bloques Menu Section y Content*/
		width: 750px;
		background-image: url(../imgs/page_bodybg.png);
		background-repeat: repeat-y;
		}





	.containedRight {
			/*float: right;*/

			clear: right;
		}

	.containedBlock	{
			width: 100%;
			height: 100%;
			background-repeat: no-repeat;
			background-position: top left;
		}
	/*Block BG Definition starts*/
	#blockPPrincipal {
			background-image: url(../imgs/banPrincipal.jpg);
		}
	#blockPuntoDoc {
			background-image: url(../imgs/banPuntoDoc.jpg);
		}
	#blockCatalogos {
			background-image: url(../imgs/banCatalogos.jpg);
		}
	#blockMovil {
			background-image: url(../imgs/banMovil.jpg);
		}
	#blockDesarrollos {
			background-image: url(../imgs/banDesarrollos.jpg);
		}
	#blockDiseno {
		background-image: url(../imgs/banDiseno.jpg);
		}
	#blockServidores {
			background-image: url(../imgs/banServidores.jpg);
		}

	#blockWebservice {
			background-image: url(../imgs/banWebservice.gif);
		}

	#blockServices {
			background-image: url(../imgs/banServicios.gif);
		}

	#blockProducts {
			background-image: url(../imgs/banProductos.jpg);
		}

	#blockContact {
			background-image: url(../imgs/banContacto.jpg);
		}

	#contactoContainer
	{
		position: absolute;
		margin: 15px 0px 0px 20px;
		padding: 0px;
	}

	#blockContact.containedBlock form ul li label.loginBox{
		font-size: 11px;
		color: White;
		width: 120px;
		margin: 0px 0px 0px 3px;
		padding: 0px;

	}
	#blockContact.containedBlock form {
		width: 546px;
		height: 216px;
		margin: 0px 0px 0px 5px;
		padding: 0px;
	}
	#blockContact.containedBlock form ul li label.loginBox.snd-Label{
		color: White;
		width: 80px;
		margin: 0px;
		padding: 0px 0px 0px 10px;
	}

	#blockContact.containedBlock form input.btnLogin{
		width: 60px;
		margin : 3px 0px 0px 122px;
		padding-top: 1px;
		border: 1px solid #c6e2f1;
		background-color: white;
		background-image: url(../imgs/btnBgInput.gif);
		font-size: 11px;
		height: 18px;
		color: #444444;
		}

	#blockContact.containedBlock form input[class~="btnLogin"]{
		margin : 3px 0px 0px 124px;
		padding-top: 0px;
		}



	#blockDataTitle{
		display: block;
		clear: both;
		}

	#blockContact.containedBlock form ul li textarea.textField{
		background-image: url(../imgs/bgMensage.gif);
		border: thin solid #A7A7A7;
		margin-left: -3px;/* ajuste para alinear con IE*/

	}
	#blockContact.containedBlock form ul li textarea[class~="textField"]{/* ajuste para alinear con IE*/
		margin-left: 0px;
	}

	.tagSelect{
		width: 135px;
		padding-top: 0px;
		font-family: Verdana;
		background-color: #EEF6FB;
	}
	#blockContact.containedBlock form ul li select.tagSelect{/* ajuste para alinear*/
		margin-left: -3px;
	}
	#blockContact.containedBlock form ul li select[class~="tagSelect"]{/* ajuste para alinear*/
		margin-left: 0px;
	}


	/*Block BG Definition ends*/


	.cornerRight{
		width: 35px;
		height: 35px;
		background-image: url(../imgs/cornerRight2.png);
		background-repeat: no-repeat;
		background-position: bottom right;
		position: absolute;
		margin:232px 0px 0px 541px;
	}

	#content{
			display: block;
			clear: both;
			height: 220px;
	}

	ul,li{
		margin: 0px;
		padding: 0px;
		color: White;
		}

	#vMenu ul li{
		font: 12px Verdana;
		list-style-type: none;
		display: block;
		width: 100%;
		float: left; /*necesario para IE sino muestra 1px de margin entre items del vMenu*/
		margin: 0px;
		padding: 0px;
		}

	#vMenu ul li a{
			border-bottom: 1px dashed white;
			padding-top: 9px;
			height: 25px;
			padding-left: 15px;
			font-style: normal;
			font-weight: normal;
			color: #ffffff;
			display: block;
			text-decoration: none;
		}

	#vMenu ul li a:hover{
			background-color: #01A101;
		}

	#sctTitles{
		display: block;
		padding-top:5px;
		width: 169px;
		font: 11px Verdana;
		color: #ADD8E6;
		font-weight: bold;
		border-bottom: 1px dashed white;
		list-style-type: none;
		height: 16px;
		background-color: #017dc3;
		padding-left: 5px;
	 }

/*	.hMenuCnrImg{
		height: 100%;
		background-image: url(../imgs/hMenuFirstChild.gif);
		background-position:  left bottom;
		background-repeat: no-repeat;
		padding-left: 15px;
	}*/

	#hMenu ul {
	/*	background-image: url(../imgs/hMenuFirstChild.gif);
		background-position: left top;
		background-repeat: no-repeat;*/
		background-color: #017dc3;
		display:block;
		float: right;
		width: 100%;
		height: 19px;

		 }

	#hMenu ul li {
	display: block;
	float: left;
	height: 19px;
	}

	#hMenu ul li a{
		display:inline;
		float: left;
		height: 16px;
	 	font: 11px Verdana;
		border-left : 1px solid white;
		margin-top: 0px;
		padding : 3px 13px 0px 13px;
		text-decoration: none;
		color: white;
	}

	 #hMenu ul li:first-child a , #hMenu ul li.ie-first-child a {
	 	display:block;
		float: left;
		border-left: none;
		padding-left: 30px;

		}

	#companyInfo{
		display: block;
		float: right;
		height: 48px;
		text-align: right;
		font: 9px Verdana;
		padding: 20px 20px 0px 0px;
	}
	/*@media print{
			#headerContainer div.logo {
		float: left;
		width: 141px;
		height: 55px;
		background-image:none;
		background-repeat: no-repeat;
		margin-left: 29px;
		margin-top: 17px;
	}
	}*/
/*CONTENT DEFINITION STARTS*/


	.contentFirst{
		margin: 15px 0px 0px 15px;
	}
	#devBorder{
		width: 450px;
		height: 190px;
		float: left;
	}

	#loginBorder{ /*inclusion para IE* "does note support selector input[type='reset']*/
		margin: 0px 0px 0px 15px;
		width: 260px;
		height: 190px;
		float: left;
	}
	#loginBorder[class="borderContent"]{  /* definicion correcta usada por Gecko y no por IE*/
		float: left;
	}

	.borderContent {
		background-image: url(../imgs/blockBg2.gif);
		background-position: bottom right;
		background-repeat: no-repeat;
	}
	.blockTitle {
		background-repeat: no-repeat;
		padding: 0px 0px 20px 45px;
		font-family: Trebuchet MS;
		list-style-type: none;
		font-style: italic;
		font-weight: bold;
		overflow: visible;
	}
	.devTitle{
		background-image: url(../imgs/devIcon.gif);
	}
	.devTextBlock ul{
		padding-top: 20px;
		margin:0px;
	}
	.devTextBlock ul li{
		background-position: 2px 4px;
		background-repeat: no-repeat;
		font-family: Verdana;
		display: block;
		padding: 5px 0px 0px 30px;
		font-size: 10px;
		color: #626262;
		font-weight: normal;
		font-style: normal;
		overflow: hidden;
		line-height: 13px;
		}


	.devTextBlock ul li a.ie-first-line{
		font-family: Trebuchet MS;
		color: #017dc3 ;
		font-size: 14px;
		font-weight: bold;
		text-decoration: none;
	}



	#devItem1{
		background-image: url(../imgs/icoMicrotech.gif);
	}
	#devItem2{
		background-image: url(../imgs/icoPcservice.gif);
	}
	/*Login Block Starts*/
	.logTitle{
		background-image: url(../imgs/loginIcon.gif);
	}

	.darkGreyText{
		display: block;
		padding-top: 10px;
		font-family: Verdana;
		font-size: 10px;
		color: #626262;
	}
	.texLogin{
		margin-top: 10px;
		float: left;

	}
	.fgtPassword{
		padding: 0px 0px 0px 0px;
		margin: -15px 20px 0px 0px;
		float: right;

		}

	span[class~="fgtPassword"]{/*correcta para  Gecko*/
		clear:both;
		margin-top: 2px;
		margin-right:48px;
		}


	ul.loginBox{
		padding-top: 5px;
		display: block;
		float: left;
		width: 100%;
	}


	li.loginBox{
		display: block;
		float: right;
		width : 100%;
		padding-top: 3px;
		font-family: Verdana;
		font-size: 10px;
		color: #3F3F3F;
	}
	li.loginBox label, li.loginBox input{
		display: block;
		float: left;

		}
	li.loginBox label{
		padding-top: 3px;
		margin-left: 10px;
		width: 80px;
		}

	li.loginBox input.textField { /*inclusion para IE* "does note support selector input[type='reset']*/
		display : block;
		height: 20px;
		width: 120px;
		border: none;
		border-left: thin solid #A7A7A7;
		border-right: thin solid #A7A7A7;
		background-image: url(../imgs/bgInput.gif);
		}
	li.loginBox input[type="text"], li.loginBox input[type="password"] {/*correcta para  Gecko*/
		height: 20px;
		width: 120px;
		border: none;
		border-left: thin solid #A7A7A7;
		border-right: thin solid #A7A7A7;
		padding: 2px 2px 0px 2px;
		background-image: url(../imgs/bgInput.gif);
	}

		div#loginContainer input.btnLogin {/*inclusion para IE* "does note support selector input[type='reset']"*/
		display: block;
		float: right;
		width: 60px;
		margin : 3px 20px 2px 0px;
		padding-top: 1px;
		border: 1px solid #c6e2f1;
		background-color: white;
		background-image: url(../imgs/btnBgInput.gif);
		font-size: 11px;
		height: 18px;
		color: #444444;

		}

		input[type="submit"],input[type="button"],input[type="reset"]{
		border: 1px solid #c6e2f1;
		background-color: white;
		background-image: url(../imgs/btnBgInput.gif);
		font-size: 9px;
		color: #444444;
		}
		div#loginContainer input[type="submit"]{
		display: block;
		float: right;
		margin : 5px 48px 0px 0px;
		margin-bottom: 0px;
		padding-top: 0px;
		}

	/*Login Block Ends*/
/*CONTENT DEFINITION ENDS*/

/*FOOTER DEFINITION STARTS*/
	#footerContainer {
		display: block;
		clear: both;
		height: 30px;
		background-color: transparent;
		border-top: 1px solid #f2f2f2;
		border-bottom: 5px solid #007EC1;
		padding: 8px 0px 0px 0px;
		background-image: url(../imgs/footer_bg.png);
		background-repeat: repeat-x;
		}
	#footerContent{
		display: block;
		float: left;
		width: 500px;
		height: 30px;
		background-image: url(../imgs/wsicon35px.png);
		background-repeat: no-repeat;
		padding: 0px 0px 3px 37px;
		margin: 0px 0px 0px 10px;
		}

	#footerContent ul li{
		display: block;
		float: left;
		clear: both;
		margin: 0px;
		padding: 0px;
		font: 9px Verdana;
		list-style-type: none;
		white-space: nowrap;
		color: #B6B6B6;
		}

	#footerContent ul li.ie-first-child {/*inclusion para IE* "does note support selector :firs-child*/
		color: #626262;
		}

/*FOOTER DEFINITION ENDS*/

	 a.blockData:hover, ul li a.blockData.active-menuItem {
		background-color: #01A101;
	}


	.active-menuSection	 {
		display: block;
	}


	.hMenuCorner{
		width: 19px;
		height: 19px;
		background-image: url(../imgs/hMenuCorner.gif);
		background-repeat: no-repeat;
		background-position: top left;
		position: relative;
		top: 68px;
		z-index: 999; /* opera fix*/
		}


.menuSectionText, .menuSectionText a, span.title {
	color: #ffffff;
	/*font-family: "Century Gothic", "URW Gothic L", "Trebuchet MS", "Verdana" , sans-serif;*/
	font-family: "Trebuchet MS", "Verdana" , sans-serif;
	line-height: 145%;
	font-size:14px;
	font-weight: normal;
	text-decoration: none;
	text-align: justify;
}
.menuSectionText {
	margin:15px 20px 20px 20px;
}
div.menuSectionText {
	position: absolute;
}
ul.menuSectionText li, .menuSectionText ul li {
	list-style-type: none;
}
.menuSectionText ul {
	margin:0px 0px 0px 0px;
}

#blockCatalogos ul.menuSectionText {
	margin:15px 0px 0px 20px;
	position: absolute;
}
#blockPuntoDoc ul.menuSectionText {
	margin:150px 0px 15px 20px;
	position: absolute;
}
#blockWebservice div.menuSectionText {
	width: 400px;
}
#blockMovil ul.menuSectionText {
	margin:150px 0px 15px 195px;
	position: absolute;
}
#blockMovil ul.menuSectionText li a.line1 {
	margin:0px 0px 0px 45px;
}
#blockMovil ul.menuSectionText li a.line2 {
	margin:0px 0px 0px 30px;
}
#blockMovil ul.menuSectionText li a.line3 {
	margin:0px 0px 0px 15px;
}

#blockDesarrollos ul.menuSectionText {
	margin:15px 0px 0px 20px;
	position: absolute;
}

#blockServidores ul.menuSectionText {
	margin:90px 0px 15px 65px;
	position: absolute;
}
#blockServidores ul.menuSectionText li a.line1 {
	margin:0px 0px 0px 95px;
}
#blockServidores ul.menuSectionText li a.line2 {
	margin:0px 0px 0px 76px;
}
#blockServidores ul.menuSectionText li a.line3 {
	margin:0px 0px 0px 59px;
}
#blockServidores ul.menuSectionText li a.line4 {
	margin:0px 0px 0px 45px;
}
#blockServidores ul.menuSectionText li a.line5 {
	margin:0px 0px 0px 35px;
}
#blockServidores ul.menuSectionText li a.line6 {
	margin:0px 0px 0px 23px;
}
#blockServidores ul.menuSectionText li a.line7 {
	margin:0px 0px 0px 15px;
}
#blockServidores ul.menuSectionText li a.line8 {
	margin:0px 0px 0px 8px;
}

#blockPPrincipal .menuSectionText {
	margin:15px 0px 0px 20px;
	width: 576px;
	position: absolute;
	font-size:20px;
	font-weight: normal;
	text-decoration: none;
	}
#blockPPrincipal .menuSectionText span.line1 {
	display: block;

}
#blockPPrincipal .menuSectionText .line1 {
	margin: 15px 0px 0px 30px;
}
#blockPPrincipal .menuSectionText .line2 {
	margin:0px 0px 0px 70px;
}

span.highlight {
	font-weight: bold;
}

#blockPPrincipal .menuSectionText span.title {
	font-style: italic;
	font-size:21px;
	font-weight: normal;
    text-decoration: none;
}
 span.title  {
	font-style: italic;
	font-size:14px;
	font-weight: bold;
	text-decoration: underline;
}

#blockPPrincipal .menuSectionText span.note {
	float: right;
	width: 400px;
	margin: 15px 20px 0px 0px;
	padding: 5px 5px 5px 5px;
	font-size:16px;
	line-height: 130%;
	text-align: right;
}

body {
	background-image: url(../imgs/page_topbg2.png);
	background-repeat: repeat-x;
	background-position: top left;
}
.bodyClass {
	background-color: #ffffff;
}
#blockProducts .menuSectionText ul,
#blockWebservice .menuSectionText ul {
	margin:0px 0px 0px 10px
}

#blockProducts .menuSectionText a,
#blockWebservice .menuSectionText,
#blockServices .menuSectionText a {
	font-size: 14px;
}

#blockContact .menuSectionText {
	font-size: 13px;
}
.menuSectionText input {
	background-color: #a1f1a1;
	border: 1px solid #a0a0a0;
	margin: 5px 0px 0px 0px;
	padding: 2px 3px 2px 3px;
}
#blockContact .menuSectionText.form {
	font-size: 13px;
	padding: 5px;
	background-color: #51c151;
}

/* THEY HAVE TO BE HERE AT THE BOTTOM*/
#blockContact.containedBlock form ul li input.textField{
		width: 130px;
	}

#blockContact.containedBlock form ul li input.textAsunto{
	width: 356px;
}
textarea#message {
	width: 360px;
	height:80px;
}

.footerIconsContainer{ /* Added to work in IE (problem right align)*/
	display: block;
	float: right;
	width: 180px;
	margin: 10px 5px 0px 0px;
	padding: 0px;
}
div[class~="footerIconsContainer"]{
	display: block;
	float: right;
	width: 170px;
	margin-right: 10px;
	padding: 0px;
}
#footerIconsContainer ul{
	padding: 0px;
	margin: 0px;
}
#footerIconsContainer ul li, #footerIconsContainer ul li a{
	display: block;
	line-height: 16px;
	font-size: 8px; /* inclusion para IE*/
	background-position: top right;
	background-repeat: no-repeat;
	height: 16px;
	width: 80px;
}

#footerIcon1{
	float: left;
	background-image: url(../imgs/xhtml10.png);
}
#footerIcon2{
	float: right;
	background-image: url(../imgs/all_browsers.gif);
}

.message, .error-message, .window-title, .btn-close {
	color: #fff;
	font-size: 10px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.window-title, .btn-close {
	color: #000;
	background-color: #a0a0a0;
}
.window-title {
	width: 100%;
	padding: 0px 0px 0px 4px;
	border: 1px solid #808080;
	margin: 0px 1px 0px 0px;
}

span.btn-close, span.window-title {
	display: block;
	float: right;
	position: absolute;
}
span.btn-close	{
	width: 8px;
	height: 10px;
	line-height: 10px;
	margin: 2px 0px 0px 207px;
	padding: 0px 0px 0px 3px;
	overflow: hidden;
	font-weight: bold;
	font-family: "Arial Bold", Helvetica, sans-serif;
	cursor: default;
	border:1px outset #000000;
}

.error-message-window {
	color: #791B1B;
	background-color: #fff;
	border:1px outset #000000;
}

input.error, select.error, textarea.error {
	color: #791B1B;
	border: 1px solid #791B1B ! important;
}

span.error-message-window {
	display: block;
	float: right;
	position: absolute;
	width: 220px;
	height: 100px;
	margin: 70px 0px 0px 109px;
	padding: 0px;
	overflow: hidden;
	z-index: 999;
}

span[class="error-message-window"] { /* the correct position, see IE select z-index bug */
	margin: 70px 0px 0px 169px;
}

.invisible{
	display: none ! important;
}

.error-message {
	color: #791B1B;
}
span.error-message {
	margin: 14px 0px 0px 0px;
	padding: 0px 0px 0px 5px;
	height: 86px;
	display: block;
	overflow: scroll ! important;
	overflow-y: scroll ! important;
	overflow-x: hidden ! important;
}

select {
	z-index: -1;
}

ul.liquidGrid li {
    display: block;
    float: left;
    font-size: 13px;
    padding: 10px 7px;
    color: #017dc3;
    font-family: Palatino, sans-serif;
}