body{ color:#666; font-family:Tahoma;  background-color:#FBFBFB}

.container {width:936px; margin:0 auto; background:transparent ; }
.header { background:#1E1E1E; padding:5px 0 0 0; height:57px}
.header ul li{display:inline;}
.header ul {margin:30px 0 0 220px; float:left; display:block; width:580px; overflow:hidden;}
/*260*/
.header ul a {margin:0 5px 0 18px}
a.Inicio {background:url(http://www.ideostudio.com/themes/ideoStudio/images/menu/inicio.jpg); text-indent:-50000px; overflow:hidden; display:block; width:55px; height:16px; float:left; }
a.Inicio:hover {background:url(http://www.ideostudio.com/themes/ideoStudio/images/menu/iniciohover.jpg);}
a.Iniciohere {background:url(http://www.ideostudio.com/themes/ideoStudio/images/menu/iniciohere.jpg); text-indent:-50000px; display:block; width:55px; height:16px; float:left; }
a.Nosotros {background:url(http://www.ideostudio.com/themes/ideoStudio/images/menu/nosotros.jpg); text-indent:-50000px; display:block; width:75px; height:16px; float:left; }
a.Nosotros:hover {background:url(http://www.ideostudio.com/themes/ideoStudio/images/menu/nosotroshover.jpg)}
a.Nosotroshere {background:url(http://www.ideostudio.com/themes/ideoStudio/images/menu/nosotroshere.jpg); text-indent:-50000px; display:block; width:75px; height:16px; float:left; }
a.Portafolio {background:url(http://www.ideostudio.com/themes/ideoStudio/images/menu/portofolio.jpg); text-indent:-50000px; display:block; width:83px; height:16px; float:left; }
a.Portafolio:hover {background:url(http://www.ideostudio.com/themes/ideoStudio/images/menu/portofoliohover.jpg); }
a.Portafoliohere {background:url(http://www.ideostudio.com/themes/ideoStudio/images/menu/portofoliohere.jpg); text-indent:-50000px; display:block; width:83px; height:16px; float:left; }
a.Soluciones {background:url(http://www.ideostudio.com/themes/ideoStudio/images/menu/soluciones.jpg); text-indent:-50000px; display:block; width:87px; height:16px; float:left; }
a.Soluciones:hover {background:url(http://www.ideostudio.com/themes/ideoStudio/images/menu/solucioneshover.jpg);}
a.Solucioneshere {background:url(http://www.ideostudio.com/themes/ideoStudio/images/menu/solucioneshere.jpg); text-indent:-50000px; display:block; width:87px; height:16px; float:left; }
a.Contacto {background:url(http://www.ideostudio.com/themes/ideoStudio/images/menu/contacto.jpg); text-indent:-50000px; display:block; width:77px; height:16px; float:left; margin:0px }
a.Contacto:hover {background:url(http://www.ideostudio.com/themes/ideoStudio/images/menu/contactohover.jpg);}
a.Contactohere {background:url(http://www.ideostudio.com/themes/ideoStudio/images/menu/contactohere.jpg); text-indent:-50000px; display:block; width:77px; height:16px; float:left;margin:0px }
a.Blog {background:url(http://www.ideostudio.com/themes/ideoStudio/images/menu/blog.jpg); text-indent:-50000px; display:block; width:51px; height:16px; float:left; margin:0px }
a.Bloghere  {background:url(http://www.ideostudio.com/themes/ideoStudio/images/menu/bloghere.jpg); text-indent:-50000px; display:block; width:51px; height:16px; float:left; margin:0px }
a.Blog:hover {background:url(http://www.ideostudio.com/themes/ideoStudio/images/menu/bloghover.jpg);}



.mainheader { background:url(http://www.ideostudio.com/themes/ideoStudio/images/headerhome.jpg) top center no-repeat #FBFBFB; width:100%; }
.mainheaderin { background:url(http://www.ideostudio.com/themes/ideoStudio/images/headerhome.jpg) top center no-repeat #FBFBFB; width:100%;  height:116px}
.headershadow {height:6px; width:100%; background:url(http://www.ideostudio.com/themes/ideoStudio/images/headershadow.png) repeat-x}
.content { background:url(http://www.ideostudio.com/themes/ideoStudio/images/bg.jpg) repeat-x #ededed 0 -40px;width:100%;height: 100%;display:inline-block;  z-index:0}
.footer{background:#191919 url(http://www.ideostudio.com/themes/ideoStudio/images/footerbg.jpg) no-repeat top center; display:block; width:100%; margin-top:-5px; padding-top:3px;}

.divider{border-top:1px solid #d6d6d6; background:#fff; height:1px; display:block; clear:both; margin:10px 0}

.mainContentHome {width:890px;clear:both;  margin:10px auto 0 auto }
.homemargin {float:left; clear:both;margin:40px 0 40px 0 ; background:transparent}
.homecols{float:left; width:391px; margin:0 20px 0 45px;overflow:hidden; display:block;height:190px;  font-size:15px; font-weight:500; letter-spacing:-0.6px}
.homecols p{margin:0 0 0 20px;clear:both;padding:0}
.startkey {display:block; width:13px; height:93px;background:url(http://www.ideostudio.com/themes/ideoStudio/images/llave.jpg);float:left; margin:0 20px 0 0}
.endkey {display:block; width:13px; height:93px;background:url(http://www.ideostudio.com/themes/ideoStudio/images/llaveend.jpg);float:left}
.productshomeitem {width:150px;float:left; margin:0 20px 0 0; border-right:1px solid #e6e6e6;height:70px; padding:30px 0 0 110px }
.internet {background:url(http://www.ideostudio.com/themes/ideoStudio/images/internet.jpg) no-repeat;}
.marketing{background:url(http://www.ideostudio.com/themes/ideoStudio/images/emarketing.jpg) no-repeat;}
.multimedia{background:url(http://www.ideostudio.com/themes/ideoStudio/images/multimedia.jpg) no-repeat; border:0}

.internetm {background:url(http://www.ideostudio.com/themes/ideoStudio/images/internet.png) no-repeat 5px 28px; width:480px;margin:70px 0 20px 0; display:block; float:left; }
.internetm p{margin:0 0 0 120px; width:305px}
.internetm h3{padding:0 0 0 120px}
.internetm ul{padding:30px 0 38px 120px;}
.internetm .divider{width: 347px;margin:auto;}

.marketingm{background:url(http://www.ideostudio.com/themes/ideoStudio/images/marketing.png) no-repeat 12px 28px; width:480px; margin:70px 0 20px 0; display:block; float:left }
.marketingm p{margin:0 0 0 120px; width:315px}
.marketingm h3{padding:0 0 0 120px}
.marketingm ul{padding:48px 0 38px 120px}
.marketingm .divider{width: 347px;margin:auto;}

.multimediam{background:url(http://www.ideostudio.com/themes/ideoStudio/images/multimedia.png) no-repeat 1px 28px; width:480px; margin:8px 0 20px 0; display:block;float:left }
.multimediam p{margin:0 0 0 120px;  width:308px}
.multimediam h3{padding:0 0 0 120px}
.multimediam ul{padding:17px 0 0 120px}
.multimediam .divider{width: 347px;margin:auto;}

.socialm{background:url(http://www.ideostudio.com/themes/ideoStudio/images/sociales.png) no-repeat 5px 28px; width:480px; margin:8px 0 20px 0; display:block;float:left }
.socialm p{margin:0 0 0 120px; width:315px}
.socialm h3{padding:0 0 0 120px}
.socialm ul{padding:35px 0 0 120px; width:332px}
.socialm .divider{width: 347px;margin:auto;}


.inmain {width:460px; float:left;position:relative; padding:60px 0 0 0;margin:0 30px 0 0; font-size:12px;  }
.inmainportfolio {width:920px; float:left;position:relative; padding:60px 0 0 0;margin:0 30px 0 0; font-size:15px;  }
.inmainportfolio h3, .inmain h3{color:#659EBF; font-size:24px; margin:10px 0 10px 0; letter-spacing:-1px}
.inmainportfolio h5, .inmain h5{color:#659EBF; font-size:18px; margin:10px 0 10px 0; letter-spacing:-0.5px}
.inright h3{color:#659EBF; font-size:23px; margin:10px 0 10px 0; letter-spacing:-1px}
.inright p {width:268px; margin:20px 0 0px 0;  }
.inright  {width:443px; float:left;position:relative; padding:200px 0 0 0; font-size:12px;}
.inmain ul li{background:url(http://www.ideostudio.com/themes/ideoStudio/images/bullet.gif) no-repeat 0 3px; padding:0 0 0 18px; display:block;margin:5px 0 }
.inmain ul {margin:10px}
.rightimageheader {position:absolute;top:-65px; left:60px; display:block; clear:both;left:0}

.planbg {padding:20px 0 5px 0; margin:0 0 20px 0;float:left; position:relative;display:block; width:100%} 
.planbg p{float:left}
.planbg img {float:left; margin:-30px 0 0 10px}
.brochurebg {float:left; position:relative; padding:20px 0 0 0;display:block; width:100%  }
.brochurebg p{float:left; position:relative}
.brochurebg img {float:left; margin:0 0 0 20px;}
.phone{background:url(http://www.ideostudio.com/themes/ideoStudio/images/phonemodule.png) no-repeat  260px 20px ; padding:20px 0 0 0; font-size:16px}


/** Estilos generales **/ 
h1 a {color:#fff; text-decoration:none; text-indent:-5000px ; background:url(http://www.ideostudio.com/themes/ideoStudio/images/logo.jpg) #000; border:none;color:#000; width:122px; height:43px; display:block;float:left; margin:2px 0 0 0}
h1 a:hover {background:url(http://www.ideostudio.com/themes/ideoStudio/images/logo.jpg) #000; border:none;color:#000 ;}
h2 {color:#666;  font-size:40px; letter-spacing:-3px; font-weight:bolder; margin:20px 0 30px 100px}
h4 {font-size:18px;margin:0 0 15px 0; color:#659EBF; float:left; clear:both; display:block; width:100%}
h4 a{font-size:18px;margin:0 0 15px 0; color:#659EBF; float:left; clear:both; display:block; width:100%}
h4 a:visited{color:#659EBF;}
h4 a:hover{color:#FF3F3E}
strong{font-weight:bold;}
blockquote {background:url(http://www.ideostudio.com/themes/ideoStudio/images/container_llave.png) no-repeat;width:380px; padding:5px 0 0 35px; margin:20px 0 30px 0; font-style:italic;letter-spacing:0px; font-size:13px; color:#818181}
blockquote .sobrenos{height:160px}
.cufontext {color:#666; font-size:26px; letter-spacing:-2px;margin:0}
/* botones */
.btn { display: block; position: relative; background: #000; padding: 5px; float: right; width:120px; color: #fff; text-decoration: none; cursor: pointer;*padding-top: 4px; text-align: center; }
.btn * { font-style: normal; background-image: url(http://www.ideostudio.com/themes/ideoStudio/images/btn2.png); background-repeat: no-repeat; display: block; position: relative; }
.btn i { background-position: top left; position: absolute; margin-bottom: -5px;  top: 0; left: 0; width: 5px; height: 5px; }
.btn span { background-position: bottom left; left: -5px; padding: 0 0 5px 10px; margin-bottom: -5px;  }
.btn span i { background-position: bottom right; margin-bottom: 0; position: absolute; left: 100%; width: 10px; height: 100%; top: 0; *top: -1px;}
.btn span span { background-position: top right; position: absolute; right: -10px; margin-left: 10px; top: -5px; height: 0; }
* html .btn span,
* html .btn i { float: right; width: auto; background-image: none; cursor: pointer; }
.btn.pink { background: #000; }
.btn:hover { background-color: #CE45A5; color: #fff; }
.btn:visited { color: #fff; }
.btn:active { background-color: #444; color: #fff; }
.btn[class] {  background-image: url(http://www.ideostudio.com/themes/ideoStudio/images/shade.png); background-position: bottom; }
* html .btn { border: 3px double #aaa; }
* html .btn.pink { border-color: #000; }
* html .btn.pink { border-color:#008ABD; }
* html .btn:hover { border-color: #a00; }
* html .btn.pink:hover  { border-color:#CE45A5; }


/* botones */
/** Estilos generales **/ 

/* Control promocional*/
#coda-slider-1{margin:0 0 0 123px;height:220px}
.coda-slider { background: none}
.coda-slider, .coda-slider .panel { width: 765px } 
.coda-slider-wrapper.arrows .coda-slider { margin: 0 10px }
.coda-nav-left a{text-indent:-50000px; overflow:hidden; width:26px;height:26px; background:url(http://www.ideostudio.com/themes/ideoStudio/images/left.gif) no-repeat #fff;display:block;color:#fff;  }
.coda-nav-left a:hover{background:url(http://www.ideostudio.com/themes/ideoStudio/images/lefthover.gif) no-repeat #fff;color:#fff ;  border:none}
.coda-nav-right a{ text-indent:-50000px; overflow:hidden; width:26px;height:26px; background:url(http://www.ideostudio.com/themes/ideoStudio/images/right.gif) no-repeat  #fff;display:block;color:#fff; margin:0 0 0 0px}
.coda-nav-right a:hover{ background:url(http://www.ideostudio.com/themes/ideoStudio/images/righthover.gif) no-repeat #fff; border:none;color:#fff ;}
.coda-nav ul li a.current { background: #39c }
.coda-nav ul { float:left; display: block; margin: auto; overflow: hidden; margin:0 0 0 11px}
.coda-nav ul li { float:left}
.coda-nav ul li a {text-indent:-50000px; overflow:hidden; width:10px;height:10px;  display:block;background:url(http://www.ideostudio.com/themes/ideoStudio/images/control.gif) no-repeat  #fff;margin:10px 10px 0 0}
.coda-nav ul li a:hover {text-indent:-50000px; overflow:hidden; width:10px;height:10px;  display:block;background:url(http://www.ideostudio.com/themes/ideoStudio/images/controlhover.gif) no-repeat  #fff;margin:10px 10px 0 0}
.coda-nav ul li a.current {text-indent:-50000px; overflow:hidden; width:10px;height:10px;  display:block;background:url(http://www.ideostudio.com/themes/ideoStudio/images/controlhover.gif) no-repeat  #fff;margin:10px 10px 0 0}
.coda-slider { float: left; overflow: hidden; position: relative }
.coda-nav-left, .coda-nav-right { float: left }
.coda-nav-left a, .coda-nav-right a { display: block; text-align: center; text-decoration: none }
a.promolink {color:#666; float:left;margin:10px 0 0 80px; font-size:18px; text-decoration:none; font-weight:bold; font-family:Myriad Pro}
a.promolink:hover {text-decoration:underline;color:#666;}
a.promolink:visited{color:#666;}
a.visibilitycontrolhide {text-indent:-50000px; overflow:hidden; width:44px;height:23px;  display:block;background:url(http://www.ideostudio.com/themes/ideoStudio/images/hide.jpg) no-repeat  #ffffff ;border:none;color:#fff ; margin:0 auto; overflow:hidden; }
a:hover.visibilitycontrolhide{text-indent:-50000px; overflow:hidden; width:44px;height:23px;  display:block;background:url(http://www.ideostudio.com/themes/ideoStudio/images/hide.jpg) no-repeat  #ffffff`;  border:none;color:#fff ; margin:0 auto; overflow:hidden}
a:active.visibilitycontrolhide{text-indent:-50000px; overflow:hidden; width:44px;height:23px;  display:block;background:url(http://www.ideostudio.com/themes/ideoStudio/images/hide.jpg) no-repeat  #ffffff; border:none;color:#fff ; margin:0 auto; overflow:hidden}
a.visibilitycontrolshow {text-indent:-50000px; overflow:hidden; width:44px;height:23px;  display:block;background:url(http://www.ideostudio.com/themes/ideoStudio/images/show.jpg) no-repeat  #fff; border:none;color:#fff ; margin:0 auto; }
a:hover.visibilitycontrolshow {text-indent:-50000px; overflow:hidden; width:44px;height:23px;  display:block;background:url(http://www.ideostudio.com/themes/ideoStudio/images/show.jpg) no-repeat  #fff; border:none;color:#fff ; margin:0 auto; }
a:active.visibilitycontrolshow {text-indent:-50000px; overflow:hidden; width:44px;height:23px;  display:block;background:url(http://www.ideostudio.com/themes/ideoStudio/images/show.jpg) no-repeat  #fff; border:none;color:#fff ; margin:0 auto; }
.promodiv {background:url(http://www.ideostudio.com/themes/ideoStudio/images/promobg.png) no-repeat; width:936px; height:280px; display:block; padding:20px 0 0 0;position:relative }
.promocontrol { background:url(http://www.ideostudio.com/themes/ideoStudio/images/controlup.jpg) no-repeat top center;  width:936px; height:26px; display:block;margin:0px auto 0 auto; float:left; overflow:auto; text-align:center;  }
.promonavigation { width:936px; height:28px;  display:block; float:left; overflow:hidden; clear:both;margin:0 auto 0 auto;  background:url(http://www.ideostudio.com/themes/ideoStudio/images/bgpromonavigation.gif) no-repeat  top center #fbfbfb;  overflow:hidden; clear:both}
.promomainimage {float:left}
.promodescriptionImage{float:left; margin:50px 0 0 80px} 
.promocontrolcontainer {position:relative;margin:00px 0 0 0; clear:both}
.promonavigationContainer {margin:0 0 0 390px; background:#fbfbfb; display:block; overflow:auto;float:left;width:150px; padding:0 0 0 7px}
*html .promonavigationContainer{margin:0 0 0 190px; }
/* Control promocional*/

.h3{ font-size:18px;  float:none;display:block}
.smsmkt{ background:url(http://www.ideostudio.com/themes/ideoStudio/images/smsmkt.png) no-repeat right; display:block; overflow:auto;float:left; padding:5px 0 0 0; height:50px;width:343px}
h3.blog {color:#666; font-size:18px; border-bottom:1px solid #ccc; padding:0 0 5px 0; width:265px}

.emailmkt{ background:url(http://www.ideostudio.com/themes/ideoStudio/images/emailmkt.png) no-repeat right; display:block; overflow:auto;float:left; padding:5px 0 0 0; height:50px;width:338px}
.mktcontainer{margin:10px 0 0 0}
.mkcenter {background:#efefef;float:left;height:116px;padding:25px 0 0 0;  }
.mkcenter p a{color:#777; text-decoration:underline}
.mkcenter p a:hover{background:#FF6699; color:#fff}
.mkcenter p {margin:0 0 10px 0; float:left	}
.mktleft{background:url(http://www.ideostudio.com/themes/ideoStudio/images/mktleft.gif) 0 0; width: 28px; height:141px; display:block;float:left}
.mkright {background:url(http://www.ideostudio.com/themes/ideoStudio/images/mktright.gif) 0 0; width: 28px; height:141px; display:block;float:left}
p.bkey{ background:url(http://www.ideostudio.com/themes/ideoStudio/images/blogkey.jpg) no-repeat;padding:15px 0 20px 40px}

/*  barra social*/
.twitterdiv {float:left; background:url(http://www.ideostudio.com/themes/ideoStudio/images/twitter.gif) no-repeat left top;display:block; overflow:auto;width:560px;margin:0 140px 0 0  } 

.twitterleft{width:19px;float:left;display:block; height:50px;background:url(http://www.ideostudio.com/themes/ideoStudio/images/twitterleft.gif) no-repeat;margin:0 3px 0  50px ;*margin:0 3p 0 20px }
.twittercenter{float:left;display:block; font-size:13px; font-family:Arial;  max-width: 465px;height:60px  }
.twitterright{width:19px;float:left;display:block; height:12px;background:url(http://www.ideostudio.com/themes/ideoStudio/images/twitterright.gif) no-repeat; margin:0 0 0 3px }

.socialicons {float:left; display:block;overflow:auto;width:160px}
.socialbar {float:left;position:relative;display:block;overflow:auto; width:100%; clear:both; margin:0 0 10px 0}
.socialicons a{float:left; margin:0 0 0 10px}
.fadeThis {position:relative; display:block; height: 25px; width: 25px; background:url(http://www.ideostudio.com/themes/ideoStudio/images/favicon.jpg) 0 0 no-repeat;}
.hover {position: absolute; top: 0; left: 0; display: none; height: 25px; width: 25px; background:url(http://www.ideostudio.com/themes/ideoStudio/images/favicon.jpg) 0 -25px no-repeat;}
.fadeThist {position:relative;	display:block; height: 25px; width: 25px; background:url(http://www.ideostudio.com/themes/ideoStudio/images/twiitericon.jpg) 0 0 no-repeat;}
.hovert {position: absolute; top: 0; left: 0; display: none; height: 25px; width: 25px; background:url(http://www.ideostudio.com/themes/ideoStudio/images/twiitericon.jpg) 0 -26px no-repeat;}
.fadeThisf {position:relative; display:block; height: 25px; width: 25px; background:url(http://www.ideostudio.com/themes/ideoStudio/images/faceicon.jpg) 0 0 no-repeat;}
.hoverf {position: absolute; top: 0; left: 0; display: none;	 height: 25px; width: 25px; background:url(http://www.ideostudio.com/themes/ideoStudio/images/faceicon.jpg) 0	 -26px no-repeat;}
.fadeThisr {position:relative;	display:block; height: 25px; width: 25px; background:url(http://www.ideostudio.com/themes/ideoStudio/images/rssicon.jpg) 0 0 no-repeat;}	
.hoverr {position: absolute; top: 0; left: 0; display: none; height: 25px; width: 25px; background:url(http://www.ideostudio.com/themes/ideoStudio/images/rssicon.jpg) 0 -26px no-repeat;}
/*  barra social*/

/* footer  */ 
.rssSummaryList {display:block; width:260px; float:left; margin:-40px 0 0 170px ;*margin:0px 0 0 210px }
.rssSummaryList  p{clear:both; font-size:13px;margin:10px 0 0 0 ;*margin:0}
.rssSummaryList a{color:#999;margin:5px 0 5px 0px; display:block; padding:0 0 0 10px; background:url(http://www.ideostudio.com/themes/ideoStudio/images/bulleton.png) 0 5px no-repeat; text-transform:lowercase; font-size:14px; font-family:Arial}
h3.desdeelblog {  text-decoration:none; text-indent:-5000px ; background:url(http://www.ideostudio.com/themes/ideoStudio/images/desdeelblog.png); border:none;color:#000; width:142px; height:30px; display:block;float:left; margin:2px 0 10px 0; clear:both}
.contactenos{display:block; verflow:hidden;width:170px; float:left; margin:-50px 0 0 80px;padding:50px 0 0 0px; position:relative;*margin:-10px 0 0 60px;  }
.contactenos p{margin:0 0 0 15px;display:block; font-size:14px; font-weight:bold}
.contactenos a{color:#999;margin:5px 0 5px 15px; display:block; padding:0 0 0 20px; background:url(http://www.ideostudio.com/themes/ideoStudio/images/mail.gif) 0 5px no-repeat; text-transform:lowercase; font-size:14px; font-family:Arial}
.contactenos a:hover{background:url(http://www.ideostudio.com/themes/ideoStudio/images/mailon.gif) 0 0 no-repeat;}
h3.contacto {  text-decoration:none; text-indent:-5000px ; background:url(http://www.ideostudio.com/themes/ideoStudio/images/contactenos.png); border:none;color:#000; width:167px; height:56px; display:block;float:left; margin:2px 0 0 0; clear:both;position:absolute; top:-10px; z-index:10000}
.footercredits{clear:both; width:100%;  border-top:1px solid #666; padding:10px 0 20px 0; margin:40px 0 0 0; font-size:14px}
h3.navegacion {  text-decoration:none; text-indent:-5000px ; background:url(http://www.ideostudio.com/themes/ideoStudio/images/navegacion.png); border:none;color:#000; width:122px; height:30px; display:block;float:left; margin:2px 0 10px 0; clear:both}
.nav-footer {clear:both; width:180px; float:left;  margin:0 0 10px 0}
.nav-footer li a{color:#999;margin:0 0 5px 5px; display:block; padding:0 0 0 10px; background:url(http://www.ideostudio.com/themes/ideoStudio/images/bulletoff.png) 0 5px no-repeat; text-transform:lowercase; font-size:14px; font-family:Arial}
.nav-footer li a:hover{background:url(http://www.ideostudio.com/themes/ideoStudio/images/bulleton.png) 0 5px no-repeat; color:#FF3F10}
.nav-footer li a.here{background:url(http://www.ideostudio.com/themes/ideoStudio/images/bulleton.png) 0 5px no-repeat; color:#FF3F10}
.footernav {margin:9px 0 0 20px}
/*  footer*/


/* forms */
.miniSurveyView{ margin-bottom:16px}
.miniSurveyView #msg{ background:#FFFF99; color: #000; padding:2px; border:1px solid #999; margin:8px 0px 8px 0px}
.miniSurveyView table.formBlockSurveyTable td{ padding-bottom:4px }
.miniSurveyView td.question {padding-right: 12px}
.miniSurveyView #msg .error{padding-left:16px; color:#cc0000}
.miniSurveyView table.formBlockSurveyTable td img.ccm-captcha-image{float:none}
.miniSurveyView .required{ color:#cc0000 }

fieldset{background:#EFF2F6; padding:20px; margin:20px 0 0 10px; width:390px; display:inline-block; overflow:hidden; float:left}
fieldset label {padding:0;marign:0}
.miniSurveyView{ margin-bottom:16px}
.miniSurveyView #msg{ background:#C9DDF6; color: #000; padding:2px; border:1px solid #999; margin:8px auto; width:580px; padding:10px}
.miniSurveyView table.formBlockSurveyTable td{ padding-bottom:4px }
.miniSurveyView td.question {padding-right: 12px}
.miniSurveyView #msg .error{ background:#DC2B00;  padding-left:16px; color:#000}
.miniSurveyView table.formBlockSurveyTable td img.ccm-captcha-image{float:none}
.miniSurveyView .required{ color:#cc0000 }
.miniSurveyView fieldset label{float:left;display:block; clear:left;width:180px ; color:#97BCD2; margin:0 0px 10px 0}
.miniSurveyView fieldset input{display:block; width:373px; padding:5px;margin:0px 0px 10px 0px;border:1px solid #B5B8C8;*margin:0px 0px 10px -10px; }
.miniSurveyView fieldset textarea{display:block; width:373px; padding:5px;margin:0 0 10px 0; border:1px solid #B5B8C8;height: 120px;*margin:0px 0px 10px -10px;}
.miniSurveyView fieldset select {display:block;  padding:5px;margin:0 0 10px 0;border:1px solid #B5B8C8; clear:both; width:383px; *margin:0px 0px 10px 0px; }
/* forms */
/* forms error  */
.formError {position:absolute;top:300px; left:300px;padding-bottom:13px;display:block;z-index:5000;}
.formError .formErrorContent {width:100%; background:#ee0101;color:#fff;width:120px;font-family:tahoma;font-size:11px;border:2px solid #ddd;box-shadow: 0px 0px 6px #000;				-moz-box-shadow: 0px 0px 6px #000;-webkit-box-shadow: 0px 0px 6px #000;padding:4px 10px 4px 10px;border-radius: 6px;-moz-border-radius: 6px;-webkit-border-radius: 6px;}
.greenPopup .formErrorContent {background:#33be40;}
.blackPopup .formErrorContent {background:#393939;color:#FFF;}	
.formError .formErrorArrow{position:absolute;bottom:0;left:20px;width:15px; height:15px;z-index:5001;}
.formError .formErrorArrowBottom{top:0;margin:-6px;}
.formError .formErrorArrow div{border-left:2px solid #ddd;border-right:2px solid #ddd;box-shadow: 0px 2px 3px #444;-moz-box-shadow: 0px 2px 3px #444;-webkit-box-shadow: 0px 2px 3px #444;font-size:0px; height:1px; background:#ee0101;margin:0 auto;line-height:0px; font-size:0px; display:block;}

.formError .formErrorArrowBottom div{	box-shadow: none;	-moz-box-shadow: none;	-webkit-box-shadow: none;}
.greenPopup .formErrorArrow div{background:#33be40;}
.blackPopup .formErrorArrow div{background:#393939;color:#FFF;}
.formError .formErrorArrow .line10{width:15px;border:none;} 
.formError .formErrorArrow .line9{width:13px;border:none;} 
.formError .formErrorArrow .line8{width:11px;} 
.formError .formErrorArrow .line7{width:9px;} 
.formError .formErrorArrow .line6{width:7px;} 
.formError .formErrorArrow .line5{width:5px;} 
.formError .formErrorArrow .line4{width:3px;} 
.formError .formErrorArrow .line3{width:1px;border-left:2px solid #ddd;border-right:2px solid #ddd;border-bottom:0px solid #ddd;} 
.formError .formErrorArrow .line2{width:3px;border:none;background:#ddd;}
.formError .formErrorArrow .line1{width:1px;border:none;background:#ddd;}  
/* forms error  */




/* warnings */ 
.info, .success, .warning, .error, .validation {display:block;border: 1px solid;margin: 10px 0px;padding:15px 10px 15px 65px;background-repeat: no-repeat; background-position: 10px center;}
.info { color: #00529B;background-color: #BDE5F8;background: url(http://www.ideostudio.com/themes/ideoStudio/'info.png');}
.success {color: #4F8A10;background-color: #DFF2BF;background:url(http://www.ideostudio.com/themes/ideoStudio/images/success.png) no-repeat;}
.warning {color: #9F6000;background-color: #FEEFB3;background: url(http://www.ideostudio.com/themes/ideoStudio/images/warning.png)  no-repeat;}
.error {color: #D8000C;background-color: #FFBABA;background: url(http://www.ideostudio.com/themes/ideoStudio/images/error.png)  no-repeat;}
/* warnings */ 

.ccm-blog-post-body { width:90%}
.ccm-blog-blog-post-content{ width:90%}
.ccm-blog-post-preview{ width:90%}
.solutions {width:235px;height:225px;background: url(http://www.ideostudio.com/themes/ideoStudio/images/solutions.png); margin:180px 0 0 60px;float:left; position:relative}
.solutions ul li{background:url(http://www.ideostudio.com/themes/ideoStudio/images/bullet.gif) no-repeat 0 4px; padding:0 0 0 18px; display:block;margin:15px 0; font-size:13px; font-family:Tahoma; width:160px}
.solutions ul {margin:0px 0 0 30px;float:left}

.h5hoslutions {font-size: 20px;margin:15px 0 0 30px;float:left}

.solutionsimg {position:absolute; top:-15px;right:0;width:57px;height:55px;background: url(http://www.ideostudio.com/themes/ideoStudio/images/smsmkt.png); }
.portmainblock{background:url(http://www.ideostudio.com/themes/ideoStudio/images/portmain.png) no-repeat; width:100%; height:295px; display:block; overflow:auto; clear:both }
.portmainblock img {float:left; margin:9px 0 0 7px}
.portmainblocktext {float:left; margin:120px 0 0 130px; width:460px}
.portfolioitem {width:285px; height:179px; border:1px solid #d6d6d6; background:#f9f9f9; padding:5px; margin:0 12px 20px 0;float:left;letter-spacing:-1px;position:relative}
*html .portfolioitem {width:265px; }
.portfolioitem  p {margin:0 0 0 5px; text-transform:lowercase; font-weight:bold; font-size:14px}
.portfolioitem a{color:#659EBF; font-weight:bold; text-decoration:none;margin:6px 0  0px 5px;float:left; clear:both; display:block;width:100%}
.portfolioitem a:hover{color:#fff;text-decoration:none}
.portfolioitem a:visited{color:#659EBF;font:bold; text-decoration:none}
.hoverp {background:#2788BA; color:#fff; cursor:pointer}
.hoverp a{color:#fff}
.hoverp a:visited{color:#fff}
.isnew{width:53px; height:55px;position:absolute; top:110px; right:10px;background: url(http://www.ideostudio.com/themes/ideoStudio/images/new.png);}
.isnewp{width:76px; height:114px;position:absolute;bottom:0;left:35px;background: url(http://www.ideostudio.com/themes/ideoStudio/images/newm.png);}
a.plink{color:#666; font-size:12px}
a.plink:visited{color:#666;}
a.plink:hover{color:#FF6633}
.tooltip { display:none;    background:url(http://www.ideostudio.com/themes/ideoStudio/images/tooltip.png); 	position:absolute;	top:-15px;	right:-20px;    height:57px;       width:70px;     font-size:11px;     color:#fff; } 
.tooltip2 { display:none;    background:url(http://www.ideostudio.com/themes/ideoStudio/images/tooltip.png); 	position:absolute;	top:20px;	right:40px;    height:57px;       width:70px;     font-size:11px;     color:#fff; } 



.nanteriores {position:absolute; width:70px; height:63px; background:url(http://www.ideostudio.com/themes/ideoStudio/images/anteriores.jpg); top:-10px;right:60px	}
.nsoluciones {position:absolute; width:70px; height:63px; background:url(http://www.ideostudio.com/themes/ideoStudio/images/consulte.jpg);  top:-10px;right:60px			}




div#fancy_overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: none;
	z-index: 30;
}

div#fancy_loading {
	position: absolute;
	height: 40px;
	width: 40px;
	cursor: pointer;
	display: none;
	overflow: hidden;
	background: transparent;
	z-index: 100;
}

div#fancy_loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background: transparent url(http://www.ideostudio.com/themes/ideoStudio/images/fancybox/fancy_progress.png) no-repeat;
}

div#fancy_outer {
	position: absolute;
    top: 0;
    left: 0;
    z-index: 90;
    padding: 20px 20px 40px 20px;
    margin: 0;
    background: transparent;
    display: none;
}

div#fancy_inner {
	position: relative;
	width:100%;
	height:100%;
	background: #FFF;
}

div#fancy_content {
	margin: 0;
	z-index: 100;
	position: absolute;
}

div#fancy_div {
	background: #000;
	color: #FFF;
	height: 100%;
	width: 100%;
	z-index: 100;
}

img#fancy_img {
	position: absolute;
	top: 0;
	left: 0;
	border:0; 
	padding: 0; 
	margin: 0;
	z-index: 100;
	width: 100%;
	height: 100%;
}

div#fancy_close {
	position: absolute;
	top: -12px;
	right: -15px;
	height: 30px;
	width: 30px;
	background: url(http://www.ideostudio.com/themes/ideoStudio/images/fancybox/fancy_closebox.png) top left no-repeat;
	cursor: pointer;
	z-index: 181;
	display: none;
}

#fancy_frame {
	position: relative;
	width: 100%;
	height: 100%;
	display: none;
}

#fancy_ajax {
	width: 100%;
	height: 100%;
	overflow: auto;
}



a#fancy_left {
	left: 0px; 
}

a#fancy_right {
	right: 0px; 
}

span.fancy_ico {
	position: absolute; 
	top: 50%;
	margin-top: -15px;
	width: 30px;
	height: 30px;
	z-index: 112; 
	cursor: pointer;
	display: block;
}

span#fancy_left_ico {
	left: -9999px;
	background: transparent url(http://www.ideostudio.com/themes/ideoStudio/images/fancybox/fancy_left.png) no-repeat;
}

span#fancy_right_ico {
	right: -9999px;
	background: transparent url(http://www.ideostudio.com/themes/ideoStudio/images/fancybox/fancy_right.png) no-repeat;
}

a#fancy_left:hover, a#fancy_right:hover {
	visibility: visible;
	background-color: transparent;
}

a#fancy_left:hover span {
	left: 20px; 
}

a#fancy_right:hover span {
	right: 20px; 
}

#fancy_bigIframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
}

div#fancy_bg {
	position: absolute;
	top: 0; left: 0;
	width: 100%;
	height: 100%;
	z-index: 70;
	border: 0;
	padding: 0;
	margin: 0;
}
	
div.fancy_bg {
	position: absolute;
	display: block;
	z-index: 70;
	border: 0;
	padding: 0;
	margin: 0;
}

div#fancy_bg_n {
	top: -20px;
	left: 0;
	width: 100%;
	height: 20px;
	background: transparent url(http://www.ideostudio.com/themes/ideoStudio/images/fancybox/fancy_shadow_n.png) repeat-x;
}

div#fancy_bg_ne {
	top: -20px;
	right: -20px;
	width: 20px;
	height: 20px;
	background: transparent url(http://www.ideostudio.com/themes/ideoStudio/images/fancybox/fancy_shadow_ne.png) no-repeat;
}

div#fancy_bg_e {
	right: -20px;
	height: 100%;
	width: 20px;
	background: transparent url(http://www.ideostudio.com/themes/ideoStudio/images/fancybox/fancy_shadow_e.png) repeat-y;
}

div#fancy_bg_se {
	bottom: -20px;
	right: -20px;
	width: 20px;
	height: 20px;
	background: transparent url(http://www.ideostudio.com/themes/ideoStudio/images/fancybox/fancy_shadow_se.png) no-repeat;
}

div#fancy_bg_s {
	bottom: -20px;
	left: 0;
	width: 100%;
	height: 20px;
	background: transparent url(http://www.ideostudio.com/themes/ideoStudio/images/fancybox/fancy_shadow_s.png) repeat-x;
}

div#fancy_bg_sw {
	bottom: -20px;
	left: -20px;
	width: 20px;
	height: 20px;
	background: transparent url(http://www.ideostudio.com/themes/ideoStudio/images/fancybox/fancy_shadow_sw.png) no-repeat;
}

div#fancy_bg_w {
	left: -20px;
	height: 100%;
	width: 20px;
	background: transparent url(http://www.ideostudio.com/themes/ideoStudio/images/fancybox/fancy_shadow_w.png) repeat-y;
}

div#fancy_bg_nw {
	top: -20px;
	left: -20px;
	width: 20px;
	height: 20px;
	background: transparent url(http://www.ideostudio.com/themes/ideoStudio/images/fancybox/fancy_shadow_nw.png) no-repeat;
}

div#fancy_title {
	position: absolute;
	z-index: 100;
	display: none;
}

div#fancy_title div {
	color: #FFF;
	font: bold 12px Arial;
	padding-bottom: 3px;
	white-space: nowrap;
}

div#fancy_title table {
	margin: 0 auto;
}

div#fancy_title table td {
	padding: 0;
	vertical-align: middle;
}

td#fancy_title_left {
	height: 32px;
	width: 15px;
	background: transparent url(http://www.ideostudio.com/themes/ideoStudio/images/fancybox/fancy_title_left.png) repeat-x;
}

td#fancy_title_main {
	height: 32px;
	background: transparent url(http://www.ideostudio.com/themes/ideoStudio/images/fancybox/fancy_title_main.png) repeat-x;
}

td#fancy_title_right {
	height: 32px;
	width: 15px;
	background: transparent url(http://www.ideostudio.com/themes/ideoStudio/images/fancybox/fancy_title_right.png) repeat-x;
}
*html .content {height:auto}