/*Estilos para Microsite Windows Server 2008 - arsys.es */
/*Reseteo de Elementos ----------------------------------------------------------*/
* {
	margin:0;
	padding:0;
}
table {
   border-collapse:collapse;
   border-spacing:0;
}
fieldset,img {
   border:0;
}
address,caption,cite,code,dfn,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:'';
}

/*Elementos Principales-------------------------------------------------------------*/

body {
	font: 62.5% Arial, Helvetica, sans-serif; 
	color: #5e5e5e;
	text-align: center;
	background-color: #f4f4f4;
}

#container {
	background-color: #fff;
	text-align: left;
	margin: 0 auto;
	width: 94em; /*940px*/
	border-left: 1px solid #e5e5e5;
	border-right: 1px solid #e5e5e5;
}

.clear{
	clear:both;
}

hr {
	display : none;
}

abbr,acronym { 
	border-bottom: 1px dotted #bcbcbc;
}

/*Enlaces----------------------------------------------------------------------------*/
a {
	text-decoration: underline;
	color: #0182c3;
}

a:hover {
	text-decoration: underline;
	color: #f86b48;
}

/*Cabecera---------------------------------------------------------------------------*/
#header {
	padding: 3em 0 0 6em;
	margin: 0 0 1.5em 0;
}

#header #logo {
	float: left;
	margin: 0 18.5em 1em 0 ;
}

#header ul {
	font-weight: bold;
	margin: 1.8em 0 0 0;

}

#header ul li{
	float: left;
	padding: 0 0.6em;
	background: url(../img/menu-separator.gif) no-repeat right top;
	font-size: 1.2em;
}

#header ul li a{
	text-decoration: none;
}

#header ul li#last {
	background: none;
	padding: 0 0 0 0.6em;
}
/*Promo grande---------------------------------------------------------------------------*/
#promo {
	background-color: #585858;
	float: left;
}

#product {
	width: 55em;
	float: left;
}

h1 {
	padding: 1.7em 0 0 5.4em;
	color: #fff;
   }
   
h2 {
	font: 2.3em Georgia, "Times New Roman", Times, serif;
	color: #fff;
	padding: 0.4em 0 0 2.8em;
}

#specialText {
	background: #1780b3 url(../img/bg-promo.gif) no-repeat left top;
	width: 39em;
	height: 16em;
	float: right;
}
   
#specialText h2{
	font-size: 2.4em;
	padding: 1.3em 2.6em 0 3.5em;
	line-height: 1.4em;
}

/*Columna Principal----------------------------------------------------------------------------------*/
#mainColumn {
	float: left;
	width: 49em;
	padding: 2.9em 0 0 6.5em;
}

h3 {
	text-transform: uppercase;
	font-size: 1.5em;
	line-height: 2.5em;
	font-weight: bold;
	margin: 0 0 0.5em -0.5em;
	padding: 0.2em 0 0.2em 0.5em;
	line-height: 1.3em;
	color: #f86b48;
	border-bottom: 1px dotted #f86b48;
}

p, li {
	font-size: 1.2em;
	line-height: 1.5em;
	padding: 0 0 0.5em 0;
}

#mainColumn ul li {
	padding: 0 0 0.5em 1em;
	margin: 0 0 0 1em;
	background: url(../img/bullet.gif) no-repeat left 0.5em;
}

#mainColumn ul li ul {
	padding: 0.5em 0 2em 0;
}

#mainColumn ul li ul li {
	font-size: 1em;
	padding: 0 0 0.5em 0.8em;
	margin: 0 0 0 1em;
	background: url(../img/bullet-sec.gif) no-repeat left 0.5em;
}

.specialInfo { 
	margin: 2.3em 0 0 0;
	padding: 0.6em 0 0.8em 0.8em;
	font-size: 1.3em;
	border: 2px dotted #bfbfbf;
}

#beta {
	margin: 2.5em 0 3.5em 0;
	padding: 0.6em 2em 0.8em 2em;
	background-color: #f3f1e7;
	border-top: 6px solid #f86b48;
}

h4 {
	font-size: 1.5em;
	font-weight: bold;
	text-transform: none;
	color: #505050;
	padding: 0.6em 0 0.6em 0;
}


#mainColumn h4{
	display: inline;
	position: relative;
	top: -2.5em;
}

#freeDemo {
	display: inline;
	position: relative;
	top: -0.5em;
	left: 265px;
	}

#explication {
	position: relative;
	top: -1.5em;
	width: 36em;
}

form {
	margin: -1em 5em 1em 0;
	background-color: #e3e2d6;
	padding: 0.5em 2.5em 1.5em 2.5em; 
}

#mailOk {
	margin: -1em 5em 1em 2em;
	background-color: #e3e2d6;
	padding: 1em 2.5em 1em 2.5em; 
}

legend {
	visibility: hidden;
}
form label {
	font-size: 1.2em;
	font-weight: bold;
}

input {
	font-size: 1.1em;
	padding: 0.2em 0.2em 0 0.2em;
	margin: 0.4em 0 0 0.2em;
}

#submit {
	font-size: 1em;
	padding: 0.1em 0.3em;
	width: 10em;
	margin: 0.3em 0 0 4em;
}

#legal {
	padding: 0 0 0 0.9em;
	margin:1.5em 0 0.8em 0;
	font-size: 1em;
	background: url(../img/bullet-link.gif) no-repeat left 0.5em;
}

/*Columna Secundaria----------------------------------------------------------------------------------*/
#secundaryColumn {
	float: right;
	width: 38em;
	margin: 0 0 3.5em 0;
}

.outstanding {
	border-top: 0.6em solid #1780b3;
	margin: 3.5em 5.6em 0 5.5em;
	padding: 0.6em 1.2em 1.2em 1.2em;
	background-color: #f0f5f9;
}

.outstanding p a {
	padding: 0 0 0 0.7em;
	margin: 0 0 1.5em 0;
	font-weight: bold;
	text-align: right;
	background: url(../img/bullet-link.gif) no-repeat left 0.5em;
}

.toCenter {
	text-align: center;
}

.toRight {
	float: right;
}

/*Footer----------------------------------------------------------------------------------*/
#footer{
	border-top: 0.1em dotted #bfbfbf;
	margin: 0 5.8em 0 6em;
	padding: 1em 1em 1em 1em;
	}

#footer p {
	background: url(../img/footer-separator.gif) no-repeat 5em top;
	float: left;
}

#footer p a {
	margin: 0 1em 0 0;
	}

#footer #copy {
	float: right;
	text-align: right;
	background: none;
}

#footer a {
	text-decoration: none;
	font-weight: bold;
}

#footer a:hover{
	font-weight: bold;
}

#footer p {
	font-size: 1.1em;
	margin: 0.6em 0 0 0.3em;
}
