/* ------------------------------------------------------------------------------- 
	STYLE RESET
------------------------------------------------------------------------------- */
*{margin:0; padding:0; }
body{border:0; margin:0 0 80px 0; background-color:#000; font:.7em/.9 Arial,Helvetica,sans-serif; color:#000;}
a{outline:none; text-decoration:none; color:#000;}
a:hover{outline:none; text-decoration:underline;}
a img{border:0;}
ul{list-style:none; list-style-position:outside}


/* ------------------------------------------------------------------------------- 
	BASIC STYLES
------------------------------------------------------------------------------- */
.right{text-align:right;}
.left{text-align:left;}
.center{text-align:center;}

.fright{float:right;}
.fleft{float:left;}
.nofloat{float:none;}

.cleft{clear:left;}
.cright{clear:left;}
.cboth{clear:both;}

.structural{position:absolute;left:-9999px;}

/* ------------------------------------------------------------------------------- 
	LAYOUT
------------------------------------------------------------------------------- */

/* =footer --------------------------------------------------- */
#footer{clear:both; width:100%; height:47px; background:#000;}
#footer .links{width:947px;}
#footer ul{float:right; margin:14px 0 0 0;}
#footer li{float:left; margin:0 0 0 15px; display:inline;}
#footer a{float:left;}
#footer a:hover img{opacity:.7; filter:alpha(opacity=70);}

/* =container ----------------------------------------------- */
#container{width:948px; margin:0; padding:0; position:relative;}

/* =heading ------------------------------------------------ */
#heading{float:left; margin:88px 0 155px 0; padding:48px 0 0 0; width:283px; background:#000;}
#heading .logo a:hover img{opacity:.7; filter:alpha(opacity=70);}

/* =mainmenu --------------------------------------------------- */
#mainMenu{padding:48px 32px 32px 0; text-align:right;}
#mainMenu li{padding:20px 0 0 0;}
#mainMenu a{color:#fff;}
#mainMenu a.selected{font-weight:bold;}
#mainMenu a:hover{color:#bc0073; text-decoration:none;}

/* =blog ------------------------------------------------ */
#blog{float:right;}
#blog a{display:block; width:190px; height:185px; position:relative; color:#000; font-size:3em; text-transform:lowercase; cursor:pointer;}
#blog a span{position:absolute; width:100%; height:100%; background:url(img/branding-blog.gif) no-repeat;}
#blog a:hover span{background-position:0 -185px;}

/* =content & textarea --------------------------------------------------- */
#content{width:570px; float:right; margin:94px 0 155px 0; background:#fff; font-size:1.1em;}
#textarea{padding:43px 24px; text-align:right;}
#textarea h1{margin:0 0 20px 0; font: normal 2em/1 Georgia,"Times New Roman",Times,serif;}
#textarea p{margin:0 0 20px 0; line-height:1.3;}
#textarea p.center{padding:20px 0 30px 0;}
#textarea p.intro,#textarea blockquote{margin:0 0 20px 0; font: italic 1.3em/1.35 Georgia,"Times New Roman",Times,serif;}
#textarea blockquote{margin:25px 0;}

/* =asi somos */
#textarea .column{width:238px; margin:0 0 35px 0;}
#textarea .column h2{margin:30px 0; font-size:.9em; color:#bc0073;}
#textarea .column p.note{font-size:.9em; line-height:1.4;}

/* =como lo hacemos */
.categoriaFases{position:relative; text-align:left;}
.categoriaFases h2{width:502px; height:48px; margin:60px 0 35px 0; font-size:2em; position:relative; text-align:left;}
.categoriaFases h2 span{position:absolute; display:block; width:100%; height:100%;}
.categoriaFases h2#estrategia span{background:url(img/bg-estrategia.gif) no-repeat;}
.categoriaFases h2#disenio span{background:url(img/bg-disenio.gif) no-repeat;}

.categoriaFases .fase{margin:0 0 23px 0; height:215px;}
.categoriaFases .last{margin:0;}
.categoriaFases .fase h3{margin:0 0 10px 0; font-size:1.5em; font-weight:bold;}
.categoriaFases .fase h3 span{color:#bc0073; font-weight:normal;}
.categoriaFases .fase img{float:left; margin:0 20px 0 0;}
.categoriaFases .fase div p{font-size:.9em;}
.categoriaFases .fase ul{font-size:.9em;}
.categoriaFases .fase li{line-height:1.3em;}

/* =colaboradores */
#colaboradores{float:right; padding:0 0 25px 0;}
#colaboradores li{margin:0 0 10px 0; font-size:.9em;}
#colaboradores ul a{color:#bc0073;}

/* =home */
#home #content{margin-top:0; background:none; width:475px}
#home #quote{float:right; width:475px; height:279px; margin:0 0 189px 0; background:#000; color:#fff; text-align:right;}
#home #quote blockquote{padding:30px 42px 20px 42px; font:2em/1.1 Georgia,"Times New Roman",Times,serif;}
#home #quote blockquote span{color:#bc0073; padding:0 5px 0 0; font-weight:bold;}
#home #quote em{padding:0 42px 0 0; color:#bc0073; font:.9em Georgia,"Times New Roman",Times,serif;}
#home #blog{float:left;}