@charset "utf-8";
/* CSS Document */
/* undohtml.css */
/* (CC) 2004 Tantek Celik. Some Rights Reserved.             */
/*   http://creativecommons.org/licenses/by/2.0                   */
/* esta hoja de estilos esta bajo una licencia de Creative Commons */

/* Proposito: desahacer algunos de los estilos por defecto de los navegadores*/


/* los subrayados de los enlaces tienden a hacer el texto mas dificil de leer porque oscurecen las formas de la parte de abajo de las palabras*/
:link,:visited { text-decoration:none; }

/* quitamos los marcadores de lista ( puntos ) por defecto, porque generalmente usamos las listas por motivos semanticos*/
ul,ol { list-style:none }

/* evitamos los tamaños inconsistentes por defecto que los navegadores aplican a los titulos*/
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }


/* quitar la inconsistencia entre navegadores de los margin y padding por defecto en ul y ol*/
/* el espaciado por defecto en los titulos ni encaja ni se alinea con el espacio entre lineas, así que nos libramos de el*/
/*colocamos a cero los espaciados alrededor de pre, form, body, html, p, blockquote tambien en en los elementos de formulario quitamos sus margenes y rellenos */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin:0; padding:0 }

/* A alguien le han parecido alguna vez una buena idea los bordes azules alrededor de las imagenes enlazadas o visitadas? */
a img,:link img,:visited img { border:none }

/* quitamos la fuente itálica por defecto de la etiqueta address*/
address { font-style:normal }
body{
	padding-left:50%;
	background-color:#CCCCCC;	
}

#contenedor{
position:absolute;
width:974px;
height:731px;
background-image: url(../imagenes/fondo-p-principal.jpg);
background-repeat:no-repeat;
margin-left:-487px;
}
#contenedor-surkeando{
position:absolute;
width:974px;
height:731px;
background-image: url(../imagenes/f.surkeando1.jpg);
background-repeat:no-repeat;
margin-left:-487px;
}
#contenedor-quienes{
position:absolute;
width:974px;
height:731px;
background-image: url(../imagenes/f-quienes.jpg);
background-repeat:no-repeat;
margin-left:-487px;
}
#contenedor-tienda{
position:absolute;
width:974px;
height:731px;
background-image: url(../imagenes/f-tienda.jpg);
background-repeat:no-repeat;
margin-left:-487px;
}
#contenedor-modelos{
position:absolute;
width:974px;
height:731px;
background-image: url(../imagenes/f-modelos3.jpg);
background-repeat:no-repeat;
margin-left:-487px;
}
#chicos{
	position:absolute;
	width:410px;
	height:307px;
	margin:190px 0 0 30px;
	border:thin solid #333333;	
}
#chicas{
	position:absolute;
	width:307px;
	height:410px;
	margin:190px 0 0 30px;
	border:thin solid #333333;	
}
#cerrar{
	position:absolute;
	width:322px;
	height:179px;
	margin:456px 0 0 515px;
	
}
h1{
position:absolute;
width:221px;
height:244px;
margin: 0;
}
h2{
position:absolute;
width:188px;
height:238px;
margin: 314px 0 0 0;
}
h3{
position:absolute;
width:216px;
height:337px;
margin: 0 0 0 758px;
}
h4{
position:absolute;
width:216px;
height:230px;
margin: 352px 0 0 758px;
}
h5{
position:absolute;
width:316px;
height:73px;
margin: 0px 0 0 374px;
}
.b-registro{
position:absolute;
width:35px;
height:45px;
margin:130px 0 0 720px;
}
#txtsomos{
position:absolute;
width:485px;
height:666px;
margin:31px 0 0 22px;
background-image:url(../imagenes/imgtxtsomos.jpg);
}
.txtsomos{
	position:absolute;
	width:440px;
	margin-top:40px;
	margin-left:20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}
.somos{
position:absolute;
width:383px;
height:509px;
margin:95px 0 0 558px;
}
.cierrasomos{
position:absolute;
width:240px;
height:77px;
margin:11px 0 0 634px;
}
.correosurco{
position:absolute;
width:355px;
height:62px;
margin:100px 0 0 466px;
}
.regresarsurkeando{
position:absolute;
width:198px;
height:80px;
margin:651px 0 0 776px;
}
.mueble{
position:absolute;
width:562px;
height:382px;
margin:307px 0 0 408px;
}
.cierratienda{
position:absolute;
width:210px;
height:175px;
margin:549px 0 0 54px;
}
#txttienda{
position:absolute;
width:563px;
height:265px;
margin:35px 0 0 408px;
background-image:url(../imagenes/ftxt.jpg)

}
.txt{
	width:530px;
	margin-top:20px;
	margin-left:17px;
	text-align: justify;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}
#uno_muestra{
position:absolute;
	width:350px;
	height:450px;
	margin-top:35px;
	margin-left:12px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: justify;
	text-indent: 2px;
	color: #000066;
	
}
#test4 {
	width: 350px;
	height: 450px;
	background-color: #FFFFFF;
	/*border: medium solid #030;	*/
	
}
#txt_presentacion{
	width:300px;
	height:450px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
	text-indent: 2px;
	color: #000000;
	padding-left:10px;
	padding-right:10px;
}