@charset "UTF-8";

*{
	margin: 0px
}

html {	
	height: 100%;
	width: 100%;
	background-color:#ffff;
	overflow-y: scroll;
}

body {
	color:#999;
	height: 100%;
	width: 100%;
	font-family:verdana;
	font-size:10px;
}

.centrador {
	position:absolute;
	top:0px;
	left:50%;
}

.contenedor {
	position:absolute;
	width: 900px;
	height: auto;
	left: -450px;
		
}

/*  C O N T E N I D O   */

.contenido {	
	position:relative;
	float: left;
	clear: both;
	width: 100%;
	height:100%;
}

.izquierda {
	position:relative;
	float:left;
	width: 200px;
	height:auto;
	background-color:#FFF;
}

.centro {
	position:absolute;
	float:left;
	left: 200px;
	width:800px;
	padding-left: 20px;
	height:auto;
}

/*  - - - TEXTOS DE CONTENIDO CENTRAL     - - -     - - - */

.cont_textos{
	position:relative;
	float:left;
	background-color:#FFF;
	width:690px;
	height:auto;
	
	padding-bottom:20px;
	margin-bottom:10px;
	}

.titulogen{
	margin-top: 20px;
	
	margin-bottom:20px;
	font-size: 18px;
	letter-spacing: 1px;
	font-family: Arial, Helvetica, Verdana;
	color: #414141;
	width:440px;
	}

.textogen{
	
	font-family: Arial, Helvetica, Verdana;
	line-height: normal;                                       
	color: #414141;
	font-size: 12px;
	line-height: 17px;
	width:440px;
	}
	

/*  - - - - - - - - -   */

.esquina01{ position: absolute; width: 8px; height: 8px; top: 0px; left: 0px; background-image:url(cur01.gif); }
.esquina02{ position: absolute; width: 8px; height: 8px; top: 0px; right: 0px; background-image:url(cur02.gif); }
.esquina03{ position: absolute; width: 8px; height: 8px; bottom: 0px; left: 0px; background-image:url(cur03.gif); }
.esquina04{ position: absolute; width: 8px; height: 8px; bottom: 0px; right: 0px; background-image:url(cur04.gif); }


/*  S U P E R I O R   */
.titulo {
	position:relative;
	top:0px;
	width: 900px;
	height: 140px;
	background-image:url(Top.gif);
	background-repeat: no-repeat;
}

/*  Partes de superior   */

.nosotros {
	
	position:relative;
	float:left;
	width: 33%;
	height: 128px;	
}

.fandi {
	
	position:relative;
	float:left;
	width: 36%;
	height: 128px;
}

.pordeterminar {
	
	position:relative;
	float:left;
	left: auto;
	width: 30%;
	height: 128px;
}

/*  I Z Q U I E R D A  */

.soluciones {
	height:30%;
	width:100%;		
}

/*  preferencias de los botones  */

.botonPadre{
	top:0px;
	float:left;
	height:27px;
	width:100%;
}

.caja{
	float:left;
	height:auto;
	width:100%;
	margin:10px;
}

.Hijo{
	float:left;
	height:16px;
	width:80%;
	margin: 2px;
	margin-left:20px;
	cursor:pointer;
	text-decoration:none;
}

/*  BOTONES PARA SOCUCIONES CREATIVAS  */

.equipo {background-image:url(iz/equipo.gif);}        
.equipo:hover { background-image:url(iz/equipo_h.gif); }       
.EQUIPOselect { background-image:url(iz/equipo_h.gif); }


.ESPECIALIDADES {background-image:url(iz/especialidades.gif);} 
.ESPECIALIDADES:hover { background-image:url(iz/especialidades.gif); }
.ESPECIALIDADESselect { background-image:url(iz/especialidades.gif); }

.tarifas { background-image:url(iz/tarifas.gif); }    
.tarifas:hover { background-image:url(iz/tarifas_h.gif); } 	 
.TARIFASselect { background-image:url(iz/tarifas_h.gif); }

.tienda { background-image:url(iz/tienda.gif); }      
.tienda:hover { background-image:url(iz/tienda_h.gif); }		 
.TIENDAselect { background-image:url(iz/tienda_h.gif); }

.OTROS { background-image:url(iz/otros.gif); }        
.OTROS:hover { background-image:url(iz/otros.gif); }         
.OTROSselect { background-image:url(iz/otros.gif); }

.contacto{background-image:url(iz/contacto.gif); }    
.contacto:hover { background-image:url(iz/contacto_h.gif); }      
.contactoselect { background-image:url(iz/contacto_h.gif); }
	
.bodas { background-image:url(iz/bodas.gif); }
.bodas:hover { background-image:url(iz/bodas_h.gif); }
.bodaselect { background-image:url(iz/bodas_h.gif); }

.comuniones { background-image:url(iz/comuniones.gif); }
.comuniones:hover { background-image:url(iz/comuniones_h.gif); }
.comunioneselect { background-image:url(iz/comuniones_h.gif); }

.bautizos { background-image:url(iz/bautizos.gif); }
.bautizos:hover { background-image:url(iz/bautizos_h.gif); }
.bautizoselect { background-image:url(iz/bautizos_h.gif); }

.bookPers { background-image:url(iz/bookPers.gif); }
.bookPers:hover { background-image:url(iz/bookPers_h.gif); }
.bookPerselect { background-image:url(iz/bookPers_h.gif); }


.bookPro { background-image:url(iz/bookPro.gif); }
.bookPro:hover { background-image:url(iz/bookPro_h.gif); }
.bookProselect { background-image:url(iz/bookPro_h.gif); }

.eventos{ background-image:url(iz/eventos.gif); }
.eventos:hover { background-image:url(iz/eventos_h.gif); }
.eventoselect { background-image:url(iz/eventos_h.gif); }

.espacios { background-image:url(iz/espacios.gif); }
.espacios:hover { background-image:url(iz/espacios_h.gif); }
.espacioselect { background-image:url(iz/espacios_h.gif); }

.productos { background-image:url(iz/productos.gif); }
.productos:hover { background-image:url(iz/productos_h.gif); }
.productoselect { background-image:url(iz/productos_h.gif); }


/*  OTROS SERVICIOS */

.estilismo { background-image:url(iz/estilismo.gif); }
.estilismo:hover { background-image:url(iz/estilismo_h.gif); }
.estilismoselect { background-image:url(iz/estilismo_h.gif); }

.maquillaje { background-image:url(iz/maquillaje.gif); }
.maquillaje:hover { background-image:url(iz/maquillaje_h.gif); }
.maquillajeselect { background-image:url(iz/maquillaje_h.gif); }

.video { background-image:url(iz/video.gif); }
.video:hover { background-image:url(iz/video_h.gif); }
.videoselect { background-image:url(iz/video_h.gif); }

.web { background-image:url(iz/web.gif); }
.web:hover { background-image:url(iz/web_h.gif); }
.webselect { background-image:url(iz/web_h.gif); }



/*  - - - - - - - - -   */
/*      D E R E C H A  */

.botonPadre22px{
	top:0px;
	float:left;
	height:22px;
	width:100%;
	}

.TWIT {
	background-image:url(der/01TWIT.gif);
	}
	
.caja2{
	height:auto;
	width:100%;	
	}	
.tclas{
	position:relative;
	float:left;
	top: 10px;
	left: -20px;
	width: 200px;
	height: auto;
	margin-bottom:20px;
	text-decoration:none;
	}

#twitter_div {
	overflow:auto;
	}
ul#twitter_update_list {
	list-style: none;
	font-size: 11px;
	text-decoration:none;
	color:#666;
	left:0px;
	}
ul#twitter_update_list li {
	text-decoration:none;
	}

.FACE{
	background-image:url(der/02FACE.gif);
	}

.BLOG{
	background-image:url(der/03BLOG.gif);
	
	}

.FLI{
	background-image:url(der/04FLI.gif);
	}


/*  - - - BOTONES SUPERIORES DEL CONTENIDO CENTRAL     - - -     - - - */


.tit_boton{

	left:15%;
	top:0px;
	position:relative;
	height:40px;
	width: 690px;
	cursor:pointer;
	
	}
	
.button {
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 14px/100% Arial, Helvetica, sans-serif;
	padding: .5em 2em .55em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em;
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.button:hover {
	text-decoration: none;
}
.button:active {
	position: relative;
	top: 1px;
}	

.bot_boton{
	margin-left:10px;
	background-color:#CCC;
	height:30px;
	width:110px;
	text-align:center;
	line-height:30px;
	margin-bottom:10px;
	float:left;
	}

.bot_boton:hover{
	margin-left:10px;
	background-color:#333;
	height:30px;
	width:110px;
	text-align:center;
	line-height:30px;
	margin-bottom:10px;
	float:left;
	}	

.bot_botonselect{
	margin-left:10px;
	background-color:#9C0;
	height:30px;
	width:110px;
	text-align:center;
	line-height:30px;
	margin-bottom:10px;
	float:left;
	}
		
.conteni2{
	position:absolute;
	height:auto;
	background-color:#FFF;
	width:600px;
	}


	
/*  G A L E R Í A S   */

.galeria{
	position:relative;
	margin-left:20px;
	margin-top:20px;
	margin-bottom:10px;
	float:left;
	height:auto;
	width:440px;
	}
	
.galeria1 {
	position: relative;
	clear:both;
	float:left;
	width: auto;
	height: auto;
	margin:10px;
	margin-bottom:10px;
	text-decoration:none;
	padding:6px;
	/*border:solid 1px red;*/
}	
	
.bajoimg {
	font-size: 11px;
	letter-spacing: 1px;
	font-family: Arial, Helvetica, Verdana;
	color: #414141;
	text-decoration:none;
	text-align:center;
	margin-top:3px;
}	
		
.cfoto{
	position:relative;
	float:left;
	height: 440px;
	width: 440px;
	}
/*.foto{
	height:440px;
	width:440px;
	background-position:center;
	
	background-repeat:no-repeat;
	}	*/
.foto{
	position: relative;
	float:left;
	width: 150px;
	height: 150px;
	margin:5px;
	background-position:center;
	background-repeat:no-repeat;
	border:solid 1px gray;
}
	
.mini{
	float:left;
	height:65px;
	width:86px;
	margin-bottom:3px;
	cursor:pointer;
	border:#FFF solid 1px;
	}		


/*  - - - - - -  */
/*  C E N T R O             C E N T R O           */

.nosotros2{
	top:0px;
	float:left;
	height:730px;
	width:100%;
	background-image:url(cen/nosotros.jpg);
	background-repeat: no-repeat;	
	}
	
.flash{
	 top: 0px;
	 margin-left: 10px;
	 float:left;
	 height:360px;
	 width:100%;
	 background-image:url(cen/flash.jpg);
	 background-repeat: no-repeat;
	 margin-bottom:10px;
	 }


	
/*  MENU??  */
.Menu{
	}

.Menuselected{
	}

/*  C O N T A C T O   */
.PageRight{
	float: left;
	position:relative;
	width:100%;
	height:100%;	
	}

.SenderMail{
	position:relative;
	float:left;
	clear:both;
	width:300px;
	height:17px;
	margin-left:0px;
	margin-top:20px;
}

.SubjectMail {
	position:relative;
	float:left;
	clear:both;
	width: 300px;
	height:17px;
	margin-left:0px;
	margin-top:8px;
}

.BodyMail {
	position:relative;
	float:left;
	clear:both;
	width: 440px;
	height: 165px;
	margin-left:0px;
	margin-top:8px;
}

.Mail{
	margin-top:10px;
}

.sendMail{
	margin-top:10px;
	position:relative;
	float:left;
	clear:both;
	text-align:center;
	padding:3px;
	width: 80px;
	height: auto;
	cursor:pointer;
	color:#333;
	background-color:#CCC;
	margin-left:0px;
}


/*  O T R O S   */

li {
	margin:0px;
}