/* inicio */
.QOverlay {
	background-color: #ec008c;
	z-index: 9999;
}

.QLoader {
	background-color: #fff;
	height: 1px;
}

#cargando{ left: 632px; top: 380px; position:absolute;}

/* Cuerpo */

body {	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:12px; color:#808285;
	background: #fff;
	margin: 0;
	padding: 0;
	
}

.clearfloat { 
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

.container {
	width: 987px;
	background: #FFF;
	margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout */
}

#cuerpo {width: 1000px;
height: 750px;
margin: 0 auto;
padding:0;
position: relative;
}
#circulo {width: 751px;
height: 750px;
top: 0px;
left: 250px;
margin: 0px auto;
background:url(../images/fondo_intro.gif) top left no-repeat;
position: absolute;

}
#centro {position: absolute;
left: 632px;
top: 330px;
width: 72px;
}

#acceso {position: absolute;
left: 457px;
top: 360px;
color:#fff
}
#somos {position: absolute;
left: 280px;
top: 290px;
color:#fff
}


#contacto {position: absolute;
left: 280px;
top: 290px;
color:#fff
}

a img{ border:0}
.logo {position: absolute; z-index: 10;
left: 29px;
top: 139px;
}
.logo p { padding-top:45px; padding-left:14px;}
.s30{ padding-left:30px;}

#arriba {
position: absolute;
left: 42px;
top: 46px; z-index: 1000;
}

#fondo_hacemos { width:1035px; height:750px; z-index:20;
position: absolute;
left: -34px;
top: 0px;
background:#fff url(../images/fondo_hacemos.gif) top left no-repeat;
}
 
#arriba a {color:#808285; text-decoration:none; }
#acceso a { color:#fff; text-decoration:none; text-shadow: 1px 1px 0 #333;}
#somos ul { list-style:none; padding:0; margin:0;}
#somos ul li { width:120px; padding-left:44px; float:left; font-size:11px; }
#contacto p { padding-left:33px; line-height:20px;}
.nena-susana { width:200px; float:left; background: url('../images/nena-susana.gif') top left no-repeat; padding-top:5px;}
.nena-paola { width:200px; float:left; background: url('../images/nena-paola.gif') top left no-repeat; padding-top:5px;}
#arriba .activo { color:#f287b7;}

 
div.special blockquote {cursor: help; display: block; position: absolute; z-index: 1000; background:#093;}


div.special blockquote em {background: url('../images/hover.png') no-repeat 0 0; color: #222; display: none; font-size: 89.3%; line-height: 80%; font-style: normal; height: 86px; padding: 12px 5px 0 20px; width: 136px; position: absolute; top: -90px; left: -20px;}
div.special blockquote em strong {display: block; margin: 0; padding: 2px 0 0 0;}
div.special blockquote em span {line-height: 140%;}


div.special blockquote.susana {background: url('../images/susana.gif') no-repeat 0 0; height: 55px; width: 28px; top: 612px; left: 885px;}
div.special blockquote.paola {background: url('../images/paola.gif') no-repeat 0 0; height: 55px; width: 28px; top: 612px; left: 913px;}

div.special blockquote.susanapng {background: url('../images/susana.png') no-repeat 0 0; height: 55px; width: 28px; top: 612px; left: 885px;}
div.special blockquote.paolapng {background: url('../images/paola.png') no-repeat 0 0; height: 55px; width: 28px; top: 612px; left: 913px;}


#presentation_container{ top:110px; left:438px; position:absolute;}
.clientes{ top:253px; right:786px; position:absolute; text-align:right; line-height:1.8em}

.clientes ul { margin:0; padding:0; }
.clientes ul li { list-style:none;}
.clientes li a { color:#191919; text-decoration:none;}
.clientes li a:hover{ color:#db007a; display: block;
    -moz-border-radius:4px; -khtml-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;		
	background: rgb(231, 231, 231);
}
.clientes .act { color:#db007a; }

/* trabajos */
#trabajos li { background-position: center center; background-repeat:no-repeat; }
#trabajos h1 { margin:0; padding:0; color:#ec008c; font-size:14px; font-weight:normal; }
#trabajos h1 { padding-left:100px;}
#trabajos p { padding-left:100px;}

/* trabajos unico */
#solo li { width:610px; height:542px; background-position: center center; background-repeat:no-repeat; }
#solo h1 { margin:0; padding:0; color:#ec008c; font-size:14px; font-weight:normal; }
#solo h1 { padding-left:100px;}
#solo p { padding-left:100px;}
#solo ul, li { margin:0; padding:0; list-style:none;}

/* menu */
div.sc_menu_wrapper {
	position: relative; 	
	height: 375px;	
	width: 160px;	
	overflow: auto;
}
.sc_menu_wrapper .loading {
	position: absolute;
	top: 150px;
	left: 0px;
	margin: 0 auto;
	padding: 10px;
	width: 130px;
    -moz-border-radius:4px; -khtml-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;		
	text-align: center;
	color: #fff;
	border: 1px solid rgb(79, 79, 79);
	background: #1F1D1D;
}