body { background-color:#fcfcfc; background:#edecec url(../img/bg_site.png) repeat-x; height: 100%;
margin: 0;
}

#wrapper {
	text-align: left;
	margin: 0px auto;
	padding: 0px;
	border:0;
	width: 988px;
	/*background: url("/path/to/your/background_cols.gif") repeat;*/
	font-family:Tahoma, sans-serif;
	color:#939393;
	font-size:13px;
	line-height:1.4;
}

.header {
	margin: 0 0 15px 0;
	/*background: yellow;*/ }
	.logo {width:100%; background:url(../img/header_logo-trans.png) no-repeat; height:61px;}
	#inicio { width:100%; background:url(../img/menu01-trans.png) no-repeat; height:86px;}
	#demo { width:100%; background:url(../img/menu02.png) no-repeat; height:86px;}
	#ventajas { width:100%; background:url(../img/menu03.png) no-repeat; height:86px;}
	#comprar { width:100%; background:url(../img/menu04.png) no-repeat; height:86px;}
	#contacto { width:100%; background:url(../img/menu05.png) no-repeat; height:86px;}
	
	.espacioHeader { width:265px; float:left;}
	#linkComun a{ text-align:center; float:left; font-family:Tahoma, sans-serif; color:#FFFFFF; font-size:17px; width:129px; padding:15px 0 0 0; text-decoration:none}
	#linkComun a:hover{ text-decoration:none; color:#ffeb00;}
	#linkComun a.selected{ color:#f4a33c; }
	
.contenedor { background-color:#FFFFFF; padding:0 0 100px 0; float:left;}	

#side-banner {
	float: left;
	width:100%;
	background-color:#FFFFFF;
}

#side-banner img {margin: 0;
float:left;
text-align: center;
vertical-align: middle;
}	

#side-a {
	float: left;
	width: 291px;
	background-color:#FFFFFF;
	height:100%;
}

#side-a img{
	margin:18px 0 0 41px;
}

#side-b {
	float: right;
	width: 291px;
	background-color:#FFFFFF;
	height:100%;
}

#side-b img { margin:30px 0 0 23px;}



.titParrafo { font-size:19px; margin:35px 0 0 0 ;}

#content { 
	float: left;
	width: 406px;
	background-color:#FFFFFF;
	height:100%;
}

	#content p{
	text-align:justify;
	width:95%;
	}

/**********VENTAJAS**********/

#lado1 {
	float: left;
	width:381px;
	padding:0 42px 0 71px;
	background-color:#FFFFFF;
	height:100%;
}

.bloqueVentaja{ float: left; width:100%; margin:0 0 10px 0;}

	.bloqueV01{ float: left; width:32px; padding:35px 0 0 0;}
	.bloqueV02{ float: left; width:322px; padding:0 0 0 22px;}
		.bloqueV02 p{ text-align:justify;}

.clear {clear:both;}

#footer {
	clear: both; background-image:url(../img/bg_footer.png);
	background-repeat:no-repeat;
	height:57px;
	color:#dddddd;
	font-family:Tahoma,sans-serif;
	font-size:11px;
	line-height:16px;
	padding:22px 110px 5px 190px;
	text-align:center;
}

#lado2 {
	float: left;
	width:381px;
	padding:0 81px 0 32px;
	background-color:#FFFFFF;
	height:100%;
}

/**************/

/***********CONTACTO**********/

#lado3 {
	float: left;
	width:491px;
	padding:0 42px 0 61px;
	background-color:#FFFFFF;
	height:100%;
}

#lado4 {
	float: left;
	width:291px;
	padding:0 42px 0 61px;
	background-color:#FFFFFF;
	height:100%;
}

.recuadroContacto{
	float: left;
	width:191px;
	height:71px;
	padding:23px;
	font-size:13px;
	background-image:url(../img/bg_recuadro02.png);
	background-repeat:no-repeat;
	text-align:justify;
	margin:50px 0 0 0;
	line-height:15px;
}

	.recuadroContacto a{
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
	}
	
/*********************************/

/***********************CONTACTO FORM*************************/

.bloque_1_contacto {
	float:left;
	font-family:Tahoma, sans-serif;
	color:#939393;
	text-align:left;
	width:390px;
	height:282px;
	padding:0px 0px;
	font-size:11px;
	padding-top:15px;
	padding-left:23px;
	border:0px outset #ccc;
	margin-right: 1px;
	margin-bottom:80px;
	/*border-right-color:#dedede; border-right-style:solid; border-right-width:1px;*/
}

.cssform p{
	width: 300px;
	clear: left;
	margin: 0;
	padding: 0px 0 8px 0;
	padding-left: 155px; /*width of left column containing the label elements*/
}

.cssform p#primero{
	margin-top: 15px;
}


.cssform label{
	float: left;
	margin-left: -135px; /*width of left column*/
	width: 100px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
	font-size:13px;
	color:#939393;
	/*font-weight:bold;*/	
	margin-top:0px;
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
	width: 264px;
	height: 26px;
	padding:4px;
	color:#939393;
	border:2px solid #ddd;
	background:url(../img/bg_campos.png) no-repeat;
	color:#939393;
	font-family:Tahoma,sans-serif;
	font-size:13px;
}

.cssform textarea{
	width: 264px;
	height: 142px;
	padding:4px;
	color:#939393;
	border:2px solid #ddd;
	background:url(../img/bg_comentarios.png) no-repeat;
	color:#939393;
	font-family:Tahoma,sans-serif;
	font-size:11px;
}



.input_enviar {
	margin-left: 173px;
	background-image: url(../img/enviar.png);
	width:107px;
	height:30px;
	border: 0px;
}


/*******************/

#footer a {
color:#939393;
cursor:pointer;
text-decoration:none;
font-weight:bold;
}

#footer a:hover {
border-bottom:1px dotted #939393;
}

#footer2 { 	text-align:center; padding:0 0 30px 0;}

.button {
	display:block;
	height:50px;
	text-indent:-9999px;
	margin-left:38%;
	width:250px;
}
.button a {
	display:block;
	height:100%;
	background:url(../img/solicitar-info-button.png) no-repeat top left;
	outline:none;
}
.button a:hover {
	background-position:0 -50px;
}

.button_beneficios {
	display:block;
	height:50px;
	text-indent:-9999px;
	margin-left:38%;
	width:250px;
}
.button_beneficios a {
	display:block;
	height:100%;
	background:url(../img/beneficios-button.png) no-repeat top left;
	outline:none;
}
.button_beneficios a:hover {
	background-position:0 -50px;
}

.requerimientos{
	padding-left:42px;
}