@charset "utf-8";
/* Autor: Eduardo Yupanqui */

body{
	background:#000000 fixed top center no-repeat;
	margin:10px;
}
p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#fff;
	margin:6px;
	line-height:18px;
}
.piepagina{
	text-align:center;
	margin:5px;
	line-height:normal;
}
.textopieizq{
	margin:1px;
	line-height:normal;
}
.texto-import{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	line-height:normal;
	font-style:italic;
	display:block;
	border-top:#C90 solid 4px;
	border-bottom:#C90 solid 4px;
	color:#754F00;
	padding:4px 0;
}
.titulo-nosotros{
	display:block;
	margin:14px 0;
	border-bottom:1px #333333 solid;
	background:url(../imagenes/titulo-nosotros.jpg) no-repeat left;
	padding:6px 0;
	text-indent:-8000px;
}
.titulo-clientes{
	display:block;
	margin:14px 0;
	border-bottom:1px #333333 solid;
	background:url(../imagenes/titulo-clientes.jpg) no-repeat left;
	padding:6px 0;
	text-indent:-8000px;
}
.titulo-productos{
	display:block;
	margin:14px 0;
	border-bottom:1px #333333 solid;
	background:url(../imagenes/titulo-productos.jpg) no-repeat left;
	padding:6px 0;
	text-indent:-8000px;
}
.titulo-links{
	display:block;
	margin:14px 0;
	border-bottom:1px #333333 solid;
	background:url(../imagenes/titulo-nuestros-amigos.jpg) no-repeat left;
	padding:6px 0;
	text-indent:-8000px;
}
.titulo-contacto{
	display:block;
	margin:14px 0;
	border-bottom:1px #333333 solid;
	background:url(../imagenes/titulo-contacto.jpg) no-repeat left;
	padding:6px 0;
	text-indent:-8000px;
}
.titulo-mision{
	display:block;
	margin:14px 0;
	border-bottom:1px #333333 solid;
	background:url(../imagenes/titulo-mision.jpg) no-repeat left;
	padding:6px 0;
	text-indent:-8000px;
}
.titulo-vision{
	display:block;
	margin:14px 0;
	border-bottom:1px #333333 solid;
	background:url(../imagenes/titulo-vision.jpg) no-repeat left;
	padding:6px 0;
	text-indent:-8000px;
}
.titulo-t-shirts{
	display:block;
	margin:14px 0;
	border-bottom:1px #333333 solid;
	background:url(../imagenes/titulo-t-shirts.jpg) no-repeat left;
	padding:6px 0;
	text-indent:-8000px;
}
.titulo-board-shorts{
	display:block;
	margin:14px 0;
	border-bottom:1px #333333 solid;
	background:url(../imagenes/titulo-board-shorts.jpg) no-repeat left;
	padding:6px 0;
	text-indent:-8000px;
}
.titulo-clientes-originales{
	display:block;
	margin:14px 0;
	border-bottom:1px #333333 solid;
	background:url(../imagenes/titulo-clientes-originales.jpg) no-repeat left;
	padding:6px 0;
	text-indent:-8000px;
}
.titulo-clientes-extremos{
	display:block;
	margin:14px 0;
	border-bottom:1px #333333 solid;
	background:url(../imagenes/titulo-clientes-extremos.jpg) no-repeat left;
	padding:6px 0;
	text-indent:-8000px;
}

p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	margin:6px;
	line-height:18px;
}
.piepagina{
	text-align:center;
	margin:2px;
	line-height:normal;
}


/*---MAQUETACION---*/
#contenedor{
	width:1000px;
	margin:0 auto;
}
#menu-home{
	height:650px;
	background:url(../imagenes/logo-laloghost.png) no-repeat center;
	position:relative;
}
#menu-home li a.nosotros{
	width:70px;
	height:50px;
	display:block;
	text-indent:-8000px;
	background:url(../imagenes/nosotros.png) no-repeat;
	position:absolute;
	left:55px;
	top:293px;
}
#menu-home li a:hover.nosotros{
	background-position:-70px;
}
#menu-home li a.productos{
	width:70px;
	height:50px;
	display:block;
	text-indent:-8000px;
	background:url(../imagenes/productos.png) no-repeat;
	position:absolute;
	left:129px;
	top:293px;
}
#menu-home li a:hover.productos{
	background-position:-70px;
}
#menu-home li a.clientes{
	width:70px;
	height:50px;
	display:block;
	text-indent:-8000px;
	background:url(../imagenes/clientes.png) no-repeat;
	position:absolute;
	left:199px;
	top:293px;
}
#menu-home li a:hover.clientes{
	background-position:-70px;
}
#menu-home li a.links{
	width:70px;
	height:50px;
	display:block;
	text-indent:-8000px;
	background:url(../imagenes/links.png) no-repeat;
	position:absolute;
	left:730px;
	top:293px;
}
#menu-home li a:hover.links{
	background-position:-70px;
}
#menu-home li a.contacto{
	width:70px;
	height:50px;
	display:block;
	text-indent:-8000px;
	background:url(../imagenes/contacto.png) no-repeat;
	position:absolute;
	left:804px;
	top:293px;
}
#menu-home li a:hover.contacto{
	background-position:-70px;
}


/*----REDES SOCIALES----*/
.sociales{
	width:158px;
	margin:0 auto;
	padding-top:10px;
	padding-bottom:10px;
}
.sociales ul{
	margin:0;
	padding:0;
	list-style:none;
}
.sociales li a {
	width:32px;
	height:32px;
	display:block;
	float:left;
	margin-right:10px;
	text-indent:-8000px;
	
	-webkit-transition: all 260ms ease-in-out;
	-moz-transition: all 260ms ease-in-out;
	-ms-transition: all 260ms ease-in-out;
	-o-transition: all 260ms ease-in-out;
	transition: all 260ms ease-in-out;
}
.sociales li a.facebook{
	background:url(../imagenes/social-media-icons/facebook.png);
}
.sociales li a.facebook:hover {
	background-position:-32px;
}
.sociales li a.instagram {
	background:url(../imagenes/social-media-icons/instagram.png);
}
.sociales li a.instagram:hover {
	background-position:-32px;
}
.sociales li a.twitter{
	background:url(../imagenes/social-media-icons/twitter.png);
}
.sociales li a.twitter:hover{
	background-position:-32px;
}
.sociales li a.youtube{
	background:url(../imagenes/social-media-icons/youtube.png);
	margin-right:0px;
}
.sociales li a.youtube:hover{
	background-position:-32px;
}
/*************************************************/
.sociales li a.blog{
	margin-top:7px;
	background:url(../imagenes/blog.png) no-repeat;
}
.sociales li a:hover.blog{
	background-position:-35px;
}
.sociales li a.home{
	margin-top:7px;
	background:url(../imagenes/home.png) no-repeat;
}
.sociales li a:hover.home{
	background-position:-35px;
}
.sociales li a.mail{
	margin-top:7px;
	margin-right:0;
	background:url(../imagenes/mail.png) no-repeat;
}
.sociales li a:hover.mail{
	background-position:-35px;
}

/*------INTERNOS-------------*/
#cabecera{
	height:69px;
	background:url(../imagenes/logo-int.png) no-repeat left;
	background-position:50px;
}
#barra-menu{
	height:42px;
	padding-left:50px;
}
#cuerpo-sup{
	height:14px;
	background:url(../imagenes/adorno-sup.png) no-repeat;
}
#cuerpo-medio{
	background:#1C1C1C;
	padding:20px 30px;
}
#cuerpo-inf{
	height:14px;
	background:url(../imagenes/adorno-inf.png) no-repeat;
}
#texto-pie{
	width:730px;
	float:left
}
#sociales-pie{
	width:265px;
	float:left;
}
#col-izq{
	width:470px;
	margin-right:10px;
	float:left;
}
#col-der{
	width:460px;
	float:left;
}
/*---- FORMULARIOS ----*/

.rotulos{
	width:250px;
	float:left;
	display:block;
	text-align:right;
}
.campos{
	width:650px;
	float:left;
	display:block;
}
.entrada{
	border:1px solid #FFF005;
	background:#DDD200;
	padding:4px 10px;
}
.boton{
	width:200px;
	padding:8px 0;
	text-align:center;
	border:none;
	background:#fff;
	color:#000000;
	font-size:14px;
}