*{margin:0; padding:0; border:0;}

body{     height:100%; background-color:#000;  background-image:url(partes/fondo.jpg);  background-repeat:no-repeat;  background-position:right bottom;  line-height:1;}
a img{border:0px;}
body, p, em, h1, h2, h3, ul, li{font-family:Verdana,Arial,Helvetica,sans-serif;}
h3{color:#666; text-align:left; font-size:11px; font-weight:100;}
h1{color:#666; text-align:left; font-size:18px; font-weight:800;}
p{color:#B6B6B6; text-align:left; font-size:11px; line-height:18px;}

#contenedor{height:auto; width:870px;}
#logo{padding:20px 0px 0px 95px; float:left; height:72px; width:271px;}
#pielogo{padding:57px 0px 0px 0px; float:left; height:20px; width:380px;}
.titulo_seccion{margin:0px 0px 0px 320px; float:left; height:29px; width:541px; border-bottom-color:#333; border-bottom-style:solid; border-bottom-width:1px;}

html>body #pie{padding:5px 0px 0px 0px;}
#pie{margin:40px 0px 100px 320px; padding:0px 0px 150px 0px; clear:left; height:35px; width:541px; border-top-color:#333; border-top-style:solid; border-top-width:1px;}

html>body #data_inicio{margin:10px 0px 0px 155px;}
#data_inicio{margin:0px 0px 0px 155px; height:auto; width:360px; float:left;}

/*........... ESTILOS EN SECCION PORTFOLIO .................*/
#campaņa{margin:10px 0px 10px 155px; height:auto; width:541px; float:left;}
#campaņa h1 {color:#666; text-align:left; font-size:11px; font-weight:900;}
#cont_campaņa {margin:0px 0px 0px 155px; height:auto; width:541px; float:left;}


#celular {	background-image:url(partes/celular.jpg);
			background-repeat:no-repeat;
			float:right;
			height:458px;
			width:240px;
			margin:0 0 0 10px;
			padding:90px 0 0 0px;
			
}

#campaņa ul	{	margin:20px 0;
				padding:0;
				line-height:0;
				font-size:0;				
}

#campaņa ul li	{	margin:0;
					padding:2px 0;
					line-height:1.5em;
					clear:both;
					display:block;
					font-size:11px;
					color:#7d7d7d;
}
#campaņa ul li a	{	color:#7d7d7d;
						text-decoration:none;
						font-weight:normal;
}
#campaņa ul li a:hover	{	color:#fff;
}

#cont_campaņa h2	{	font-size:12px;
						color:#00acee;
						margin:25px 0 5px 0;
						padding:0px;
						line-height:1.5em;
}
#cont_campaņa p	{	font-size:11px;
					color:#fff;
					margin:5px 0;
					line-height:1.2em;
}

.imgGaleria	{	float:left; margin:0 5px 5px 0px; border:#ccc 1px solid;	}

.paginacion	{	clear:both;
				width:auto;
				display:block;
}
.floatLeft	{	float:left;
							clear:right;
							display:inline;
}
.floatRight	{	float:right;
				clear:right;
				display:inline;
}
.paginacion p a	{	cursor:pointer;	}
.paginacion p a:hover	{	color:#fff; }

/*........... BOTONES ANT & SIG CAMPAŅA .................*/

#botones_camp{float:left; height:66px; width:248px; padding:16px 0px 0px 0px;}
#botones_camp ul{height:67px; padding:4px 0px 0px 0px;}
#botones_camp li{float:left; padding:0px 0px 0px 0px; list-style-type:none;}
#botones_camp li a{background-position:center top; display:block; background-repeat:no-repeat; text-decoration:none;}
#botones_camp li a span{visibility:hidden}
#botones_camp li a.anterior{background:url('partes/camp_anterior.jpg'); background-repeat:no-repeat; height:66px; width:118px;}
#botones_camp li a.siguiente{background:url('partes/camp_siguiente.jpg'); background-repeat:no-repeat; height:66px; width:122px;}

#botones_camp li a.activo{background-position:center bottom; cursor:default;}
#botones_camp li a:hover{background-position:bottom;}
#botones_camp li a:hover.activo{cursor:default; background-position:bottom;}

/*........... ESTILOS EN SECCION COMO FUNCIONA .................*/
html>body #data_funcionamiento{margin:10px 0px 0px 155px;}
#data_funcionamiento{margin:0px 0px 0px 155px; height:auto; width:541px; float:left;}
#data_funcionamiento ul{padding:5px 0px 0px 15px; color:#666; text-align:left; font-size:11px; font-weight:100;}
#data_funcionamiento li{padding:0px 0px 5px 0px; list-style-type:disc;}

/*........... ESTILOS EN SECCION INFORMACION .................*/
#data_info{margin:0px 0px 0px 155px; height:auto; width:541px; float:left;}
#data_info h1 {color:#666; text-align:left; font-size:14px; font-weight:900;line-height:18px;}
#data_info h2 {color:#00ADEF; text-align:left; font-size:12px; font-weight:500;line-height:18px;}
#data_info ul {padding:5px 0px 0px 12px;color:#B6B6B6; text-align:left; font-size:11px; font-weight:100;}
#data_info li {padding:0px 0px 5px 0px; list-style-type:disc;}


/*........... LINKS EN SECCION INFORMACION .................*/
#data_info a:link {color:#00ADEF; text-align:left; font-size:11px; }
#data_info a:visited{color:#00ADEF; text-align:left; font-size:11px; }
#data_info a:active{color:#00ADEF; text-align:left; font-size:11px; }
#data_info a:hover{color:#006699; text-align:left; font-size:11px; }

/*........... LINKS EN PIE DE PAGINA .................*/
#pie a:link {color:#666; text-align:left; font-size:11px; font-weight:100;}
#pie a:visited {color:#666; text-align:left; font-size:11px; font-weight:100;}
#pie a:active {color:#666; text-align:left; font-size:11px; font-weight:100;}
#pie a:hover {color:#999999; text-align:left; font-size:11px; font-weight:100;}

/*........... CONTACTO .................*/
#data_form{margin:8px 0px 0px 155px; height:auto; width:250px; float:left;}
#enviar{font-family:Arial,Helvetica,sans-serif; font-size:12px; font-weight:800; color:#FFF; width:78px; height:22px; background-image:url(partes/bt_enviar.jpg); background-repeat:no-repeat; margin:5px 0px 20px 0px;}
#text1, #text2, #text3{font-family:Arial,Helvetica,sans-serif; font-size:11px; color:#333; width:220px; height:15px; background:#FFF; border:1px Solid #7A743F; vertical-align:text-top; margin:2px 0px 10px 0px;}
#textarea{font-family:Arial,Helvetica,sans-serif; font-size:11px; color:#333; width:220px; height:100px; background:#FFF; border:1px Solid #7A743F; text-align:left; vertical-align:text-top; margin-bottom:10px;}

/*........... BOTONERA IZQUIERDA .................*/
html>body #botones{padding:15px 0px 0px 0px;}
#botones{float:left; height:100px; width:166px; padding:0px 0px 0px 0px;}
html>body #botones ul{padding:0px 0px 0px 0px;}
#botones ul{height:100px; padding:0px 0px 0px 0px;}
#botones li{float:left; padding:0px 0px 5px 0px; list-style-type:none;}
#botones li a{background-position:center top; display:block; background-repeat:no-repeat; text-decoration:none;}
#botones li a span{visibility:hidden}
#botones li a.inicio{background:url('partes/bt_inicio.png'); height:25px; width:166px;}
#botones li a.informacion{background:url('partes/bt_informacion.png'); height:25px; width:166px;}
#botones li a.comofunciona{background:url('partes/bt_comofunciona.png'); height:25px; width:166px;}
#botones li a.portfolio{background:url('partes/bt_portfolio.png'); height:25px; width:166px;}
#botones li a.contacto{background:url('partes/bt_contacto.png'); height:25px; width:166px;}
#botones li a.activo{background-position:center bottom; cursor:default;}
#botones li a:hover{background-position:center;}
#botones li a:hover.activo{cursor:default; background-position:center bottom;}