/***** CSS DE ESTRUCTURA Y CONTENIDO GENERAL *****/

*{
	margin: 0;
	padding: 0;
}

a {
	outline:none;
}

/***** ETIQUETAS HTML *****/
body.fondo1 {
	background-color: #FFFFFF;
	background-image: url(../images/fondo.jpg);
	background-repeat: repeat-x;
}
body.fondo2 {
	background-color: #FFFFFF;
	background-image: url(../images/fondo2.jpg);
	background-repeat: repeat-x;
}

h2 {
}

/*** CAPAS DE ESTRUCTURA GENERAL ***/

#web {			/*Capa contenedora principal*/
   background-image: url(../images/fondo_pagina.jpg);
	background-repeat: no-repeat;
	width: 860px;	/*Tamaņo de la capa web*/
	min-height: 400px;
	margin: auto;	/*Ajusta al centro*/
	font-size: 10px;	/*Tipo de fuente general a toda la pagina*/
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	position: relative;
}
#web2 {			/*Capa contenedora principal para avisos legales*/
	background-image: url(../images/fondo_pagina2.jpg);
	background-repeat: no-repeat;
	width: 860px;	min-height: 500px;/*Tamaņo de la capa web*/
	margin: auto;	/*Ajusta al centro*/
	font-size: 10px;	/*Tipo de fuente general a toda la pagina*/
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	position: relative;
}

#cabecera {
	width: 860px;
	height: 99px;
}

#cabecera a.linklogo {
	   display: block;
		position: absolute;
		width: 218px;
		height: 21px;
		left: 1px;
		top: 35px;
}
#cabecera a.linklogo img{
	border:none;
}
.sinestilos {
	visibility: hidden;
	width: 300px; float:left; display: inline;
}

#flash {
	width: 410px;
	height: 242px;
}

.bloque1 {
	width: 860px;
	float: left;	display: inline;
}
.bloque2 {
	width: 860px;
	float: left;	display: inline;
	margin-top: 70px;
}
.bloque3 {
	background-color: #F7F7F7;
	width: 814px;
	float: left;	display: inline;
	padding: 19px 24px 19px 21px;
	margin-top: 35px;
}
.bloque4 {
	position: relative;
	width: 860px;
	float: left;	display: inline;
	margin-top: 40px;
}


.columna_izq {
	width: 410px;
	float: left;	display: inline;
	margin: 0 0 0 0;
}
.columna_izq2 {
	width: 387px;
	float: left;	display: inline;
	margin: 0 0 0 0;
}
.columna_der {
	width: 410px;
	float: left;	display: inline;
	margin: 0 0 0 40px;
	position: relative;
}
.columna_der2 {
	width: 387px;
	float: left;	display: inline;
	margin: 0 0 0 40px;
}

#pie {
	float: left; display: inline;
	width: 860px;	height: 35px;
	margin-top: 10px;
}

/*** CLASES GENERALES ***/
/*** CLASES GENERALES ***/

/*** posicion ***/
.precio_basico {
	background: url(../images/precio_basico.jpg) no-repeat;
	width: 410px;	height: 55px;
	margin-top: 13px;
}
.precio_personalizado {
	background: url(../images/precio_personalizado.jpg) no-repeat;
	width: 410px;	height: 55px;
	margin-top: 13px;
}
.precio_video {
	background: url(../images/precio_video.jpg) no-repeat;
	width: 410px;	height: 55px;
	margin-top: 13px;
}

a.otras_soluciones {
	background: url(../images/otras_soluciones.gif) no-repeat;
	float: left; display: inline;
	width: 323px; height: 48px;
	margin-top: 20px;	padding: 17px 0 0 87px;
	font: bold 13px Verdana; color: #666; text-decoration: none;
}
a.otras_soluciones:hover {
	background-position: 0px -65px;
}

.paso1, .paso2, .paso3 {
	float: left; display: inline;
	width: 312px; height: 53px;
	margin: 10px 0 0 0;
	padding: 18px 0 0 75px;
}
.paso1 {	background: url(../images/paso1.jpg) no-repeat #F7F7F7; margin: 19px 0 0 0;}
.paso2 {	background: url(../images/paso2.jpg) no-repeat #F7F7F7;}
.paso3 {	background: url(../images/paso3.jpg) no-repeat #F7F7F7;}

/*** diseņo ***/

/*** parrafos ***/
p.general {
	font: 12px Arial; color: #666;
	margin-top: 17px;
	
}
p.general2 {
	font: 12px Arial; color: #666;
	margin-top: 35px;
	
}
p.producto_de {
	float: right; display: inline;
	font: 11px Verdana; color: #666;
}
p.contacto {
	float: left; display: inline;
	width: 250px;
	font: 12px Arial; color: green;
	margin-top: 17px;
}
p.destacado {
	font: bold 13px Verdana; color: #666; line-height: 17px;
}
.rojo {
	color: #6C0003;
}
.verde {
	color: green;
}
/*** listas ***/ 
ul.caracteristicas {
	list-style: none;
	margin: 20px 0 0 10px;
	font: 12px Arial; color: #666;
}
ul.caracteristicas li {
	background: url(../images/punto.jpg) no-repeat;
	padding-left: 29px; margin: 13px 0 0 0;
	line-height: 17px;
}

/*** botones ***/

/*** imagenes ***/
.contenedor_ejemplo_izq {
	background: url(../images/contenedor_imagen_ejemplo.jpg) no-repeat;
	width: 190px; height: 135px;
	float: left; display:inline;
	margin: 16px 0 0 0;
}
.contenedor_ejemplo_der {
	background: url(../images/contenedor_imagen_ejemplo.jpg) no-repeat;
	width: 190px; height: 135px;
	float: left; display:inline;
	margin: 16px 0 0 30px;
}

/*** enlaces ***/
a.lightbox{
	border: none;
}
a.lightbox img{
	border: none;
}
a.nerv {
	font: bold 11px Verdana; color: #666;
	text-decoration: underline;
}
a.nerv:hover {
	text-decoration: none;
}
a.legal {
	float: left; display: inline;
	margin-left: 20px;
	font: 11px Verdana; color: #666;
	text-decoration: underline;
}
a.legal:hover {
	text-decoration: none;
}
a.ejemplo {
	background-image: url(../images/boton_ejemplo.gif);
	position: absolute;
	top: 214px; left:0px;
	width: 143px; height: 29px;
}
a.ejemplo:hover {	background-position: 0px -29px;}

a.ejemplo2 {
	background-image: url(../images/boton_ejemplo2.jpg);
	float: left; display: inline;
	width: 144px; height: 50px;
	margin: 18px 0 0 0px;
}
a.ejemplo2:hover {background-position: 0px -50px;}

a.contacto {
	background-image: url(../images/boton_comprar.gif);
	position: absolute;
	top: 214px; left:197px;
	width: 143px; height: 29px;
}
a.contacto:hover {background-position: 0px -29px;}

a.contacto2 {
	background-image: url(../images/boton_comprar2.jpg);
	float: left; display: inline;
	width: 144px; height: 50px;
	margin: 18px 0 0 50px;
}
a.contacto2:hover {background-position: 0px -50px;}

/*** Formularios ***/
form.contacto {
	margin-top: 10px;
}
form.contacto input.texto {
	height: 20px;
	margin: 9px 0 0 0;
}
form.contacto textarea {
	height: 112px;
	margin: 10px 0 0 0;
}
form.contacto label {
	font: 12px Arial; color: #999;
	margin: 14px 20px 0 11px;
	float: left; display: inline;
}
form.contacto input.texto, form.contacto textarea {
	background-color: #EAEAEA;
	width: 365px;
	border: none;
	overflow: hidden;
	font: 12px Arial; color: #999;
	padding: 4px 11px 0 11px
}
form.contacto input.requerido, form.contacto textarea.requerido {
	border: 1px solid red;
}
form.contacto select {
	font: 12px Arial; color: #666;
	width: 203px;
	margin: 10px 0 0 0;
	float: left; display: inline;
}
a.enviar {
	background: url(../images/boton_enviar.gif) no-repeat;
	float: right; display: inline;
	width: 83px; height: 28px;
	margin: 9px 0 0 0;
	border: none; 
	cursor: pointer;
}
a.enviar:hover {
	background-position: 0px -41px;
}
a.nav_sup {
	text-decoration: none; 	
	float: right; display: inline;
	font: bold 12px Verdana; color:#666;
	margin: 37px 20px 0 0;
}
a.nav_sup:hover { color: #888;}

/**** TABLAS ***/