/* CSS Document */
/*----------------------------------------------------
author: MOCCA MARKETING WEB
email: cristian@mocca.com.co
website: www.mocca.com.c
------------------------------------------------------*/

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image:url(../imagenes/backgrounds/home.jpg);
	background-repeat:repeat-x;
	text-align:center;
}
#apDiv3 {
	position:absolute;
	margin:auto; 
	top:0px;
	width:1200px;
	height:1000px;
	#width:1000px;
	#height:1000px;
	z-index:1;
	text-align:right;
}
#submenu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
}
a:link {
	color: #333333;
	text-decoration: none;
}
a:visited {
	color: #333333;
	text-decoration: none;
}
a:hover {
	color: #FF6699;
	text-decoration: none;
}
a:active {
	color: #FF6699;
	text-decoration: none;
}.textos {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	margin: 9px;
	padding: 9px;
}
.back_contact {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	background-image: url(../imagenes/registros.jpg);
	background-repeat: repeat-x;
	background-position: center bottom;
	padding: 9px;
	margin: 9px;
}
input {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	background-color: #EEEEEE;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	background-color: #F9F9F9;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
menu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	background-color: #EEEEEE;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.list {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	background-color: #EEEEEE;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.boton {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	background-color: #CCCCCC;
	border: 1px solid #666666;
}
.textos {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
}
.linea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999999;
	padding: 8px;
}
.menu_inf {
	color: #999999;
	padding: 8px;
}
.imagen_empresa {
    width:480px;
    height:527px;
	/*float:left;*/
	float:right;
	background-image:url(../imagenes/empresa/mujer_empresa.png);
}

.imagen_contacto {
    width:465px;
    height:500px;
	/*float:left;*/
	float:right;
	background-image:url(../imagenes/der_form.jpg);
}
.info_empresa {
    width:360px;
    height:280px;
	/*float:left;*/
	float:left;
	padding-top:20px;
	padding-left:30px;
	padding-right;30px;
	text-align:justify;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #666666;
}
.banner_marcas {
    width:360px;
    height:200px;
	/*float:left;*/
	float:left;
	padding-left:30px;
	padding-right;30px;
	text-align:justify;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #666666;
}
.cuerpo_contacto {
    width:390px;
    height:550px;
	/*float:left;*/
	float:left;
	padding-left:30px;
	padding-right;30px;
	text-align:justify;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #666666;
}

/* estilos actividad tallas */
/* login_01 */
.imagen_ppl{
    width:900px;
    height:500px;
	float:left;
}

.imagen_login {
    width:900px;
    height:500px;
	float:left;
	background-image:url(../images/images_tallas/back_login.jpg);
}

.campo_usuario {
    width:250px;
    height:15px;
	float:left;
	margin-top:235px;
	margin-left:315px;
	background-color:#FFFFFF;
	border:#FFFFFF;
}

.campo_contraseņa {
    width:250px;
    height:15px;
	float:left;
	margin-top:16px;
	margin-left:315px;
	background-color:#FFFFFF;
	border:#FFFFFF;
}
.btn_sino_estas {
    width:270px;
    height:20px;
	float:left;
	margin-top:18px;
	margin-left:285px;
}
.btn_continuar {
    width:66px;
    height:21px;
	float:left;
	margin-top:50px;
	margin-left:564px;
}
.btn_continuar_03 {
    width:66px;
    height:21px;
	float:left;
	margin-top:93px;
	margin-left:564px;
}

.btn_continuar_02 {
    width:66px;
    height:21px;
	float:left;
	margin-top:93px;
	margin-left:564px;
}

/* login_02 */
.imagen_login_02 {
    width:900px;
    height:500px;
	float:left;
	background-image:url(../images/images_tallas/back_login_02.jpg);
}

/*.btn_continuar_02 {
    width:66px;
    height:21px;
	float:left;
	margin-top:50px;
	margin-left:565px;
}*/
.campo_nombre {
    width:250px;
    height:15px;
	float:left;
	margin-top:153px;
	margin-left:315px;
	background-color:#FFFFFF;
	border:#FFFFFF;
}

.campo_email {
    width:250px;
    height:15px;
	float:left;
	margin-top:16px;
	margin-left:315px;
	background-color:#FFFFFF;
	border:#FFFFFF;
}
.campo_cedula {
    width:110px;
    height:15px;
	float:left;
	margin-top:18px;
	margin-left:315px;
	background-color:#FFFFFF;
	border:#FFFFFF;
}

.campo_ciudad {
    width:100px;
    height:15px;
	float:left;
	margin-top:18px;
	margin-left:60px;
	background-color:#FFFFFF;
	border:#FFFFFF;
}

.campo_telefono {
    width:110px;
    height:15px;
	clear:left;
	margin-left:315px;
	float: left;
	margin-top:17px;
	background-color:#FFFFFF;
	border:#FFFFFF;
	
}

.campo_usurio_02 {
    width:110px;
    height:15px;
	clear:left;
	margin-left:315px;
	float: left;
	margin-top:42px;
	background-color:#FFFFFF;
	border:#FFFFFF;
}

.campo_contrasena {
    width:110px;
    height:15px;
	clear:left;
	float:left;
	margin-top:20px;
	margin-left:315px;
	background-color:#FFFFFF;
	border:#FFFFFF;
}
.campo_confirm_contrasena {
    width:115px;
    height:15px;
	float:left;
	margin-top:20px;
	margin-left:50px;
	background-color:#FFFFFF;
	border:#FFFFFF;

}

/* IE7 Only */
* html .campo_confirm_contrasena {
    width:20px;
    height:15px;
	float:left;
	margin-top:800px;
	margin-left:50px;
	background-color:#FFFFFF;
	border:#FFFFFF;
}

/* IE6 Only */
* html .campo_confirm_contrasena {
    width:20px;
    height:15px;
	float:left;
	margin-top:800px;
	margin-left:50px;
	background-color:#FFFFFF;
	border:#FFFFFF;
}


/* invita_a_una_amiga */
.imagen_form_invita {
    width:900px;
    height:500px;
	float:left;
	background:url(../images/images_tallas/back_formulario_invita.jpg);
}

.imagen_nena_final {
    width:380px;
    height:500px;
	margin-left:200px;
	float:left;
	background:url(../images/images_tallas/nena_01.png);
}

.formulario_invita {
    width:300px;
    height:500px;
	float:left;
}

.back_formulario_invita {
    width:299px;
    height:479px;
	float:left;
	background-image:url(../images/images_tallas/back_formulrio_invita.png);
}
.texto_invita {
     margin-top:80px;
    width:299px;
    height:70px;
	float:left;
	background: url(../images/images_tallas/texto_invita.png);
	background-repeat:no-repeat;
}
.campo_textos {
    width:275px;
    height:20px;
	padding-bottom:5px;
	margin-left:13px;
	float:left;
	background-image:url(../images/images_tallas/campo_texto.png);
	background-repeat:no-repeat;
}

.separador {
    margin-top:10px;
    width:299px;
    height:10px;
	float:left;
	background: url(../images/images_tallas/separador_formulario_invita_02.png);
	background-repeat:no-repeat;
}

.texto_cuantas {
    margin-left:13px;
    margin-top:4px;
    width:200px;
    height:20px;
	float:left;
	background:url(../images/images_tallas/texto_cuantas_amigas_invitas_02.png);
	background-repeat:no-repeat;
}
.campo_texto_invita {
    margin-left:30px;
    width:200px;
    height:13px;
	float:left;
	background-color:#FFFFFF;
	border:#FFFFFF;
}

.btn_enviar {
    width:44px;
    height:20px;
	float:left;
}

/* banner_catalogo */
.banner_catalogo {
padding-left:500px;
    width:221px;
    height:1000px;
	float:left;
	
}
html>body.banner_catalogo {
padding-left:1000px;
    width:221px;
    height:1000px;
	float:left;
	
}