/* CSS Document */

     * {
     margin:0;
	 padding:0;
	 }

body {
      font-family:Verdana, Arial, Helvetica, sans-serif;
	  font-size:62.5%;
	  color:#838383;
	  overflow: -moz-scrollbars-vertical; /* fix for jump in Firefox */
	  }	 

#wrap {
     width:731px;
	 margin:auto;
	 margin-top:20px;
	 border-bottom:1px solid #242424;
	 position:relative;
	 margin-bottom:50px;
	 }

#header {
     /*border-bottom:1px dotted red;*/
	 /*background:url(../images/general/dotted_repeater.gif) repeat-x bottom;*/
	 margin-bottom:20px;
     width:731px;
	 /*padding-bottom:14px;*/
	 float:left;
	 }

#logo_holder {
     /*float:left;*/
	 position:absolute;
	 left:0px;
	 top:25px;	 
	 width:204px;
	 height:64px;
	 background:url(../images/general/logo.gif) no-repeat;
	 text-indent:-9999px;
	 margin-bottom:0;
	 }
     
#logo_holder a { display:block; width:204px; height:64px; } 

#lang_change {
	margin-top:7px;
	float:right;
	}

#lang_change a{ color:#FF0705; }
#lang_change a:hover{ color:#FD6C02; }

/* -------------------- general -------------------- */

ul   {  list-style:none; }

a   { text-decoration:none; outline:none; }
	 
p, li, address   {
	font-size:1em;
	margin-bottom:1em;
	}

address strong {
     font-weight:normal;
	 color:#333;
	 }	

p    {
     line-height:140%;
	 }		  	

.noRight {
     margin-right:0!important;
	 }

#special {
     text-indent:-9999px;
	 }

.float_l { float:left; }
.float_r { float:right; }

a img {
      border:none;
	  }	

address {
      font-style:normal;
	  float:left;
	  line-height:150%;
	  margin-bottom:15px;
	  }

address strong { margin-right:185px; }
address strong.special { margin-right:160px; }
	  

address#telephone { margin-right:0; float:right; }	  

address.special { margin-right:105px; }	  

address a {
      color:#FF0705;
	  }

.dashed_line, .dashed_line2 {  
     background:url(../images/general/dotted_repeater.gif) repeat-x top; 
	 height:1px;
	 clear:both;
	 margin:0;
	 padding:0;
	 overflow:hidden;
	 width:730px;
	 }

.dashed_line2 { margin-bottom:20px; }	  

/* ------------------ top / sub menus ----------------- */

#menu_holder {
     float:right;
	 margin-top:55px;
	 }

#main_menu {
	 letter-spacing:2px;
	 }

#main_menu li {
     display:inline;
	 margin-left:35px;
	 color:#4f4f4f;
	 }

#main_menu a {
     color:#bbb;
	 }

#main_menu a:hover {
	 color:#FF057D;
	 }

#main_menu a.current {
     color:#FF0555;
	 }

#sub_menu {
     margin:10px 0 0 25px;
	 }	

#sub_menu li {
     display:inline; 
	 margin-right:15px;
	 /*font-size:77%;*/
	 }

#sub_menu a {
     color:#bbb;
	 }

#sub_menu a:hover {
     color:#FD6C02;
	 }

li.marketing, li.aplicaciones { color: #FD6C02; }
li.diseno { color:#FF5AAC; }
li.web { color:#FF0555; }
	 	  	 	 		 	 

/* --------------------- home ---------------------- */

.box_wrap {
     padding:20px 0 0px 0;
	 background:url(../images/general/dotted_repeater.gif) repeat-x top;
	 /*border-top:1px dotted #b4b4b4;
	 border-bottom:1px dotted #b4b4b4;*/
	 margin-bottom:20px;
	 padding-bottom:0;
	 clear:both;
	 width:731px;
	 float:left;
     }
	
#home .box_wrap { float:none; }	 
	 
.itemHome {
     width:230px;
	 margin-bottom:0;
	 }

.itemHome p, .itemHome h2 { 
	margin:5px 0 0 0;
	font-size:1em;
	font-weight:normal;
	line-height:140%; 
	}
.itemHome p.mas_info { margin:3px 0 20px 0; }


.itemHome#ideas { float:left; }
.itemHome#technology { float:right; }
.itemHome#design { float:left; margin-left:20px; }	

.itemHome a img {
	display:block;
	width:230px;
	height:100px;
	}

.itemHome a:hover img { display:none; }	

a#homeIdeas, .itemHome#ideas {
	background:url(../images/home/ideas_over.jpg) no-repeat;
	display:block;
	width:230px;
	height:100px;
	}

a#homeTech, #technology {
	background:url(../images/home/technology_over.jpg) no-repeat;
	display:block;
	width:230px;
	height:100px;
	}

a#homeDesign, #design {
	background:url(../images/home/creativity_over.jpg) no-repeat;
	display:block;
	width:230px;
	min-height:100px;
	}
	
 	 

.item {
     width: 188px;
	 margin:0px;
	 float:left;
	 }
	 
.item p {
     margin:10px 0 5px 0;
	 width:167px;
	 line-height:140%;
	 }

.item p.mas_info {
     margin:0;
	 }

p.mas_info a { color:#838383; }
p.mas_info a:hover { color:#FF0A05; }	 	 

.box_wrap .item.final {     /* margin set to 0 for last box */
      width:167px;
	  }

.item p span, .itemHome p span, #news_holder span  {     /* colors the arrow */
     color:#FF0A05;
	 }

.item a:link, .item a:visited {
      color:#838383;
	  }

.item a:hover { 
     color:#FF0A05;
	 }


#news_holder {
	 clear:both;
	 padding:20px 0 0px 0;
	 /*border-top:1px dotted #b4b4b4;
	 border-bottom:1px dotted #b4b4b4;*/
	 background:url(../images/general/dotted_repeater.gif) repeat-x top;
	 float:left;
	 width:731px;
	 margin-bottom:0;
	 margin-top:0;
     }

#news_holder h2 {
     font-size:1em;
	 margin-bottom:1em;
	 text-align:left;
	 color: #242424;
	 font-weight: normal;
	 letter-spacing:2px;
	 }

#news_holder h3 {
     font-size:1.5em;
	 margin-bottom:.8em;
	 font-family:Arial, Helvetica, sans-serif;
	 color:#FD6C02;
	 }	 	 

#news_list {
     width:230px;
	 float:left;
	 padding-right:20px;
	 }

#news_list dt { 
	color:#333;
	margin-bottom:.3em; 
	}
#news_list a { color:#828282; text-decoration:none; }
#news_list a:hover { color:#FD6C02; }		 

/*#news_holder a:link, #news_holder a:visited {
    color:#FF0705;
    } */

#news_list dd {
    margin-bottom:10px;
	}

#current_choice { 
	width:480px;
	float:right;
	}      

#current_choice p {
     margin-bottom:15px;
	 }

#current_choice img {
     margin-bottom:15px;
	 }

	 

#current_choice a#changer  {
	background:url(../images/home/lorealHome.jpg) no-repeat;
	width:480px;
	height:99px;
	display:block;
	}
/*
#current_choice a#changer:hover  {
	background:url(../images/home/motos.jpg) no-repeat;
	}	*/

		 
     	 
#home #flash {
	 }

/* ------------------------------------- nuestro trabajo ----------------------------------------*/

/* rollovers for portfolio home */

/*.item { border:1px solid red; }*/
/*.item div a { border:1px solid red; }*/

.item div, .item div a { 
	width:167px;
	height:78px;
	display:block;
	}

.item a img {
	width:167px;
	height:78px;
	display:block;
	}
	
.item div a:hover img { display:none; }	

/*rollover images portfolio home */
.item#perfect div, .item div#perfect div a { background:url(../images/trabajo/home/perfect_body_over.jpg) no-repeat; }
.item#mujersalud div, .item div#mujersalud div a { background:url(../images/trabajo/home/salud_mujer_over.jpg) no-repeat; }
.item#starsecrets div, .item div#perfect div a { background:url(../images/trabajo/home/star_over.jpg) no-repeat; }
.item#menexpert div, .item div#perfect div a { background:url(../images/trabajo/home/loreal2_over.jpg) no-repeat; }
.item#eyedit div, .item div#perfect div a { background:url(../images/trabajo/home/alcon_over.jpg) no-repeat; }
.item#denoyle div, .item div#perfect div a { background:url(../images/trabajo/home/denoyles_over.jpg) no-repeat; }
.item#saludcardio div, .item div#perfect div a { background:url(../images/trabajo/home/salud_cardio_over.jpg) no-repeat; }
.item#consultas div, .item div#consultas div a { background:url(../images/trabajo/home/interconsultants_over.jpg) no-repeat; }
.item#meritene div, .item div#meritene div a { background:url(../images/trabajo/home/meritene_over.gif) no-repeat; }
.item#motos div, .item div#motos div a { background:url(../images/trabajo/home/motos_over.jpg) no-repeat; }
.item#demaq div, .item div#demaq div a { background:url(../images/trabajo/home/demaq_over.jpg) no-repeat; }
.item#stecnic div, .item div#stecnic div a { background:url(../images/trabajo/home/stecnic_over.jpg) no-repeat; }


#trabajo strong, #cibeles strong{
      color:#0D0D0D;
	  font-weight:normal;
      }

/*#trabajo .box_wrap#second_row {
      padding-top:20px;
      border-top:none;
	  }*/
/*
#trabajo_options {
     float:right;
	 }

#trabajo_options li {
     display:inline;
	 }


a#ourselves_1:link, a#ourselves_1:hover, a#ourselves_1:visited {
       color:#ff0705;
	   }

a#ourselves_2:link, a#ourselves_2:hover {
       color:#FF0A05;
	   }
/*	   	  	 	 	  	 
#trabajo_options a {
      text-decoration:none;
	  }

#trabajo_options a:hover {
      text-decoration:underline;
	  }
*/	  	  

.project_description {
      padding:20px 0 0px 0;
	  width:731px;
	  clear:both;
      }
	 
.project_description p {
      width:348px;
	  margin-bottom:20px;
      }

.project_description p.float_r {
     padding-left:10px;
	 }

.project_description p.float_r span {
     margin-left:-10px;
	 }	 	 

.project_description#interconsultas { 
     background:url(../images/trabajo/interconsultas/main_top.jpg) no-repeat 590px 9px;
	 float:left;
	 padding-bottom:0;
	 }	 

.project_description#cardio a { color: #FF0554; }
.project_description#mujer a { color: #fd6c02; }
.project_description#body_care a { color: #ff0a05; }
.project_description#interc a { color:black; }
.project_description#perfect a { color:#ff0555; }
.project_description#loreal a { color:#fd6c02; }


#portfolio_flash, #main_image {
	  padding:20px 0 0px 0;
	  background:url(../images/general/dotted_repeater.gif) repeat-x bottom;
	  clear:both;
	  width:731px;
	  }

#portfolio_flash { padding-bottom:0; }	  

.first {
      float:left;
	  margin-right:100px;
	  width:180px;
	  margin-bottom:0;
	  }

.first li {
       margin-bottom:3px;
	   padding-left:10px;
	   background:url(../images/trabajo/smallMarker.gif) no-repeat 2px 4px;
	   }

#base, #clientInfo {
     padding:20px 0 20px 0;
	 background:url(../images/general/dotted_repeater.gif) repeat-x top; 
	 clear:both;
	 float:left;
	 margin-top:20px;
	 font-size:.9em;
	 width:731px;
     }

#base {
	color:#333;
	margin-top:0px;
	}	 

#clientInfo {
	padding-bottom:10px;
	background-color:#f9f9f9;
	}

#clientInfo p{
	float:left;
	}	
	  
#base_menu {
      float:right;
	  /*margin-top:-40px;*/
	  text-transform:uppercase;
	  }

#base_menu li {
      margin-bottom:3px;
	  }

#base_menu a {
      padding-left:15px;
	  }	  

#base_menu a:hover {
      background:url(../images/general/basemenuMarker.gif) no-repeat;
	  }	  

#base_menu.saludcardio a { 	color:#FF0554; } 
#base_menu.loreal a { color:#FD6C02; }
#base_menu.perfect a { color:#ff0555; }
#base_menu.body_care a { color:#ff0a05; }
#base_menu.mujer a { color:#fd6c02; }
#base_menu.osteo a { color:#0099cc; }

#base_menu .notavaliable { color:#ccc; padding-left:15px; }

/* ----------------------- SECTION CHANGE MENU ------------------------ */	  

#section_change {
      position:absolute;
	  left:300px;  /* unless overuled below */
	  top:400px;
	  visibility:hidden;
	  }

#section_change li {
	  width:167px;
	  margin:0;
	  border-bottom:1px dashed #fff;
	  text-transform:uppercase;
	  font-size:.8em;
	  letter-spacing:1px;
	  font-family:Verdana, Arial, Helvetica, sans-serif;
	  }
	  
#section_change a {
	  width:157px;
	  display:block;
	  color:#fff;
	  padding:7px 5px 7px 5px;
	  }

#section_change a:hover { color:#000; }

/* -- perfect body --*/	
#section_change.perfectbody, 
#section_change.perfectbody a { background-color:#ff0555; }
#section_change.perfectbody {
	  left:310px;
	  top:480px;
      }

/* -- slaudcardiovascular --*/
#section_change.saludcardio, 
#section_change.saludcardio a { background-color:#ff0555; }
		  
/* -- loreal --*/	  
#section_change.loreal, 
#section_change.loreal a { background-color:#fd6c02; }

/* -- bodycare --*/	
#section_change.bodycare, 
#section_change.bodycare a { background-color:#E13694; }

/* -- alcon --*/
#section_change.alcon {
	  left:320px;
	  top:390px;
      }
#section_change.alcon, 
#section_change.alcon a { background-color:#000; } 
#section_change.alcon a:hover { color:#4071CD; }

/* -- starsecrets --*/
#section_change.star_secrets, 
#section_change.star_secrets a { background-color:#F90009; }

/* -- mujersalud --*/
#section_change.mujersal, 
#section_change.mujersal a { background-color:#fd6c02; }

/* -- de noyles --*/	
#section_change.denoyles, 
#section_change.denoyles a { background-color:#D600A5; }

/* -- meritene --*/	
#section_change.meritene, 
#section_change.meritene a { background-color:#002E79; }
#section_change.meritene a:hover { color:#999; }

/* -- osteo --*/

#section_change.osteo {
	  left:120px;
	  top:200px;
	  color:#fff;
      }
	
/* -- demaq --*/	
#section_change.demaq, 
#section_change.demaq a { background-color:#81A59E; }
#section_change.demaq a:hover { color:#000; }
	  

/* --------------------- END OF SECTION CHANGE MENU ---------------------- */	  


/* ------------------------------POP UP MENUS -----------------------------*/

	  
#loreal_menu_wrap {
      margin-right:5px;
	  margin-top:20px;
	  float:left;
	  background-color:#f9f9f9;
	  }

#trabajo .loreal_menu {
	  width:170px;
	  clear:both;
	  border-top:1px solid #fd6c02;
	  float:left;
	  color:#828282;
	  font-size:.9em;
	  }

#trabajo .loreal_menu h3 {
      float:left;
	  width:77px;
	  margin-top:7px;
	  font-weight:normal;
	  font-size:9px;
	  color:#333;
	  }  

.loreal_menu ul {
	float:left;
	width:93px;
	  }
	 
.loreal_menu ul li {
	  padding:7px 0 7px 0;
	  margin:0;
	  }

.dotted_bdr {
      border-top:1px dotted #828282;
      }

.dotted_bdr2 {
      border-top:1px dotted #828282;
	  border-bottom:1px dotted #828282;
      }
	  

.dotted_bdr2 {
      border-bottom:1px dotted #828282;
      }

.loreal_menu a {
      color:#FD6C02;
	  }	  

.loreal_menu li, .loreal_menu a:hover {
       color:#FD6C02;	  	  	  	  
       }

/* ---------------------------END POP UP MENUS -----------------------------*/
	   

/* loreal flashes */

#loreal_as { 
       position:absolute;
	   left:18px;
	   top:122px;
	   }

#loreal_marca {
       position:absolute;
	   left:135px;
	   top:210px;
	   }

#loreal_meetic {
       position:absolute;
	   top:0;
	   left:0;
	   }

#loreal_menshealth {
       position:absolute;
	   left:544px;
	   top:35px;
	   }

#loreal_cincodias {
       position:absolute;
	   left:652px;
	   top:65px;
	   }

#loreal_expansion {
       position:absolute;
	   left:25px;
	   top:142px;
	   }

/*  Ciebeles */

#cibeles #wrap a {
	color:#FF0555!important;
	}

#cibeles1 { background:url(../images/trabajo/loreal/cibeles1.jpg) no-repeat; }
#cibeles2 { background:url(../images/trabajo/loreal/secrets_large.jpg) no-repeat; }
	  

#cibeles_flash {
	margin: 0px 0 0 260px;
	width:440px;
	}

#lorealCibeles_1 {
	position:absolute;
	left:15px;
	top: 0px;
	width:728px;
	height:91px;
	background-color:#000000;
	}
			  

/* ---------------- MUJER Y SALUD ------------------*/

#mujer_description {
       position:absolute;
	   top:200px; 
	   left:0px; 
	   z-index:2; 
	   width:230px;
	   }

#mujer_description h2 {
       font-size:1em;
	   margin-bottom:20px;
	   font-weight:normal;
	   }

#mujer_description ul {
      margin-top:20px;
	  }

#mujer_description li {
       margin-bottom:12px;
	   border-bottom:1px solid #b4b4b4;
	   padding-bottom:6px;
	   }

#mujer_description a {
        color:#828282;
		}

#mujer_description a:hover, #mujer_description a.current { 
       color:#FD6C02;
	   }

#mujer_description_inner {
       position:absolute;
	   top:180px; 
	   left:22px;
	   width:230px;
	   z-index:1;
	   }

#mujer_salud_menu {
       position:absolute;
	   top:180px; 
	   left:0px;
	   width:150px;
	   }

#mujer_salud_menu li {
	   padding:5px 0;
	   border-bottom:1px solid #b4b4b4;
	   }

#mujer_salud_menu li a {
	color:#838383;
	}

#mujerBanners {
     border-top:1px solid #b4b4b4;
	 margin-top:5px;
	 border-bottom:none;
	 }

#terra, #hola{ display:none; }

#mujerBanners #openTerra {
	color:red;
	}
 
#mujerBanners li {
	color:#FD6C02;
	padding:5px 0;
	}

#mujerBanners li a {
	color:#FD6C02;
	}
	
#mujerBanners li a:hover {	
	color:#FF0705!important;
	}			

#mujer_salud_menu li a:hover {
	color:#FD6C02;
	}		   
   	   

#mujer_flash {	   			   	   	   
	  padding:20px 0 20px 0px;
	  border-top:1px dotted #b4b4b4;
	  border-bottom:1px dotted #b4b4b4;
	  clear:both;
	  width:731px;
	  text-align:right;
	  z-index:2;
	  }

#logo_nov {
      background:url(../images/trabajo/base_logos/novartis.gif) no-repeat;
	  height:17px;
	  text-indent:-9999px;
	  width:93px;
	  background-color:#00FF00;
	  }

/* ----------- general popup styles ----------*/


/*  popupcloser for descriptions */

#popupcloser {
      position:absolute;
	  top:4px;
	  right:4px;
	  width:10px;
	  height:10px;
	  background-color:#fff;
	  }

#popupcloser a {
      width:10px;
	  height:10px;
	  display:block;
	  }

#menu_popupcloser {
	position:absolute;
	  top:4px;
	  right:4px;
	  width:8px;
	  height:8px;
	  padding:0;
	  margin:0;
	  }

#menu_popupcloser a {
      width:8px;
	  height:8px;
	  display:block;
	  margin:0;
	  padding:0;
	  background-color:#fff!important;
	  }	    	
	    
	  
/* ----------------- FLASH ------------------------*/

#flash_wrap {
	  padding:20px 0 20px 0px;
	  border-top:1px dotted #b4b4b4;
	  border-bottom:1px dotted #b4b4b4;
	  clear:both;
	  width:731px;
      }

#flash_perfect_body {
      margin:auto;
	  width:660px;
	  }

/* ----------------- SALUD CARDIO ----------------*/

#salud_flash, #bodycare_flash {	   			   	   	   
	  padding:20px 0 20px 0px;
	  border-top:1px dotted #b4b4b4;
	  border-bottom:1px dotted #b4b4b4;
	  clear:both;
	  width:731px;
	  text-align:right;
	  }

/* ---------------- DEMAAQ ------------------*/	

#demaq_1 {
	float:left;
	margin-left:50px;
	margin-top:60px;
	}

#demaq_2 {
	float:right;
	margin-right:50px;
	margin-top:60px;
	}

#demaq_1 p, #demaq_2 p { width:100px; margin:auto; }

#demaqCam {
	position:absolute;
	left:230px;
	top:140px;
	color:#242424;
	font-size:1em;
	font-weight:normal;
	text-align:left;
	margin-top:0;	
	}

#demaqCam strong { 
	color:#000; 
	font-weight:normal; 	
	text-transform:uppercase;
	letter-spacing:1px;
 }	

#demaq-orange {
	position:absolute;
	left:470px;
	top:420px;
	}

#demaq-hola {
	position:absolute;
	left:3px;
	top:2px;
	}	 
		 
	 

/* ------------------------------------------ nosotros ------------------------------------------- */

#nosotros_header {
     padding:20px 0 0px 0;
	 margin-bottom:20px;
	 float:right;
	 background:url(../images/general/dotted_repeater.gif) repeat-x top;
	 width:731px;
	 }

ul#nosotros_links {
     float:left;
	 text-align:right!important;
	 margin-left:40px;
	 width:140px;
	 margin-bottom:20px;
	 }

#nosotros_header ul#nosotros_links li {
     font-size:.9em;
	 text-align:right;
	 }	 

#nosotros #nosotros_links a {
     color:#242424;
	 }

#nosotros #nosotros_links a:hover, #nosotros_links a#current {	
     color:#FF0555;
	 }
	
#nostros_menu {
	float:left;
	padding-bottom:15px;
	}	 

#nostros_menu li {
	display:inline;
	}

#nostros_menu li a {
	color:#FD6C02;
	}

#nostros_menu li a:hover {
	color:#FF0705;
	}	

#openId {
	color:#000!important;
	}			 

#nos_images {
     float:right;
	 width:448px;
	 height: 45px;
	 margin-bottom:20px;
	 background-color: #ff0555;
	 }	 

#nosotros_links	li {
     margin-bottom:0;
	 }

#nosotros_texts {	 	  
	 margin-left:280px;
	 width:448px;
	 min-height:300px;
	 clear:right;
	 }

#nosotros_texts h2 {
     font-size:1.1em;
	 color:#000;
	 font-weight:normal;
	 margin-bottom:1.4em;
	 }	 	 

#nosotros_options {
	 clear:both;
	 margin:20px 10px 0 0;
	 width:200px;
	 }

#nosotros_options li {
     display:inline;
	 }

#serviciosMenu {
	clear:both;
	float:left;
	background-color:#d4d4d4;
	margin-left:40px;
	width:140px;
	text-align:right;
	}

#portfolioLink a { color:#000; }
#portfolioLink a:hover{ text-decoration:underline; }

#nosotrosImage {
	width:448px;
	height:142px;
	margin-bottom:30px;
	background:url(../images/nosotros/sofa-gradient.jpg) bottom repeat-x;
	}

#nosotrosImage div{
	width:400px;
	margin:auto;
	}
	
	

#nosotros #ideas, #nosotros #creatividad, #nosotros #techno {
	min-height:270px;
	}

#creatividad, #techno { display:none;  }	

#serviciosMenu li { margin-bottom:0; }

.intro, #nosotros_texts	span { color:#FF0705; }

#ejemplo a { color:#333; }

/* --------------------------------------- que hacemos ---------------------------------------*/

#wrap { border-bottom:none; }

/* home links */
/*
#skills a { color:#416E98; }
#skills ul.diseno a:hover { color:#FF5AAC; }
#skills ul.marketing a:hover, #que ul.aplicaciones a:hover  { color: #FD6C02; }
#skills ul.web a:hover  { color: #FF0555; }


a.diseno {
      color:#FF5AAC;
	  }	 

#main {
     border-top:1px solid #242424;
     border-bottom:1px solid #242424;
     border-bottom:1px solid red;
	 margin-bottom:20px;
	 }

#que #special {
     background:url(../images/que_hacemos/specialtext.jpg) no-repeat;
	 height:333px;
	 border-top:1px solid #242424;
	 border-bottom:1px solid #242424;
	 }

#skills ul {
     float:left;
	 margin:20px 35px 0 0;
	 }

#skills li {
     margin-bottom:3px;
	 margin-left:.8em;
	 }

#skills strong {
     margin-left:-.8em;
	 }

.text_holder {
	 clear:both;
	 border-top:1px solid #242424;
	 border-bottom:1px solid #242424;
	 float:left;
	 width:770px;
	 padding:20px 0 20px 0;
     }

.text_holder p {
     width:365px;
	 }

.tipo {
       float:left;
	   margin-right:160px;
	   }

p#left_col {
       width:30%;
	   float:left;
	   margin:20px 30px 20px 0;
	   }

p#mid_col {
       width:30%;
	   float:left;
	   margin:20px 0 20px 0;
	   }
	   	   
p#right_col {
       width:30%;
	   float:right;
	   margin:20px 0 20px 0;
	   }

#bottles {
       margin:20px 20px 20px 0;
	   }	   	   

#tu_piel {
       margin:20px 0 20px 0;
	   }	   	   

#denoyle_3 {
       margin:10px 0 10px 0;
	   }

#denoyle_4 {
      margin-bottom: 10px;
	  }

#cardio_1 {
      margin:20px 0 20px 0;
	  }	  	   	   	   

.web_small {
     float:left;
	 border:1px solid #bbb;
	 margin:20px 20px 19px 0;
	 }

*/	 
	 
/* --- next page in portfolio --- */

ul.page {
      float:right;
	  }

ul.page li {
      display:inline;
	  }

ul.page a { 
      color:#F98202;
	  }

/* ------------------- contactos --------------*/

#form_wrapper {
	 width:731px;
	 background:url(../images/contactos/main_bacgrnd.jpg) no-repeat -75px 0;
	 clear:both;
	 min-height:302px;
	 }

#trans {
	margin:0px 0 0 15px;
	padding-top:20px;
	width:330px;
	}

#form_wrapper div.container {
     margin-bottom:20px;
	 width:310px;
	 clear:both;
	 }	 

input {
	  background-color:none;
	  color:#000;
	  border:1px solid #666;
	  width:235px;
	  font-family:Arial, Helvetica, sans-serif;
	  font-size:12px;
	  padding:3px;
	  }

textarea {
     width:295px;
	 height:120px;
	 color:#000;
	 background-color:#9BA09A;
	 background-color:#fff;
	 border:1px solid #666;
	 position:relative;
	 padding:6px;
	 margin-top:5px;
	 clear:both;
	 font-family:Arial, Helvetica, sans-serif;
	 font-size:12px;
	 }

label {
       color:#e7e7e7;
	   text-align:right;
	   display:block;
	   width:50px;
	   float:left;
	   margin-right:15px;
	   }

#enviar {
      width:78px;
	  height:20px;
	  margin:8px 0px 0 0;
	  clear:both;
	  float:right;
	  }

#btnSubmit {
	background:url(../images/contactos/enviar.jpg) no-repeat;
	width:78px;
	height:20px;
	text-indent:-9999px;
	padding:0;
	border:none;
	margin:8px 0px 0 0;
	clear:both;
	float:right;
	display:block;
	}	  

#lblResponse {
	display: block;
	position:absolute;
	color:#ff000;
	left:70px;
	top:320px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	}	  	   	 
	  
#header_strip {
     background-color:#FF1C8B;
	 height:5px;
	 }

dd.screen_shot {
	 margin-right:150px;
	 margin-top:-25px;
	 float:left;
	 }

dd.screen_shot a {
     border:1px solid #bbb;
	 display:block;
	 padding:2px;
	 }	

dd.screen_shot a:hover {
     border:1px solid #FF1C8B;
	 }	 

dd  a { 
     color:#FF1C8B;
	 text-decoration:underline;
	 }
	 
dt#nadya {
     margin:-30px 70px 0px 25px;
	 }
	 
/* legal */

#legal {
	float:left;
	margin-top:10px;
	}

#legal li {
	margin-bottom:3px;
	}

#legal a {
	color:#FF0705;
	color:#838383;
	}		

#footer p {
	font-size:0.85em;
	margin:0;
	color:#b9b9b9;
	}

#footer strong {
	color:#333;
	font-weight:normal;
	}		
	
/* new for dod */

div.itemHome strong {
	color:#333;
	font-weight:normal;
}

div#ideas span {
	color: #fd6c02
}

div#design span {
	color: #ff0a05;
}

div#technology span {
	color: #ff057d;
}