@charset "utf-8";
/* CSS Document */

/* ----------------------- General ----------------------- */
/* body{ background: #f2f2f2 url(../images/bg-footer.gif) repeat-x bottom left; padding: 0; margin: 0;} */
*{/* font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 13px;  color: #666;line-height: 17px; */ }
#bg{ /* background: url(../images/bg-top.jpg) repeat-x top left */;
	padding: 0;
	margin: 0 auto;
	width: 100%;
	float: left;
	height: 800px;
}
#content{width: 1074px; margin: 0 auto;}

/* ----------------------- Top ----------------------- */
#top{float: left; width: 1074px; margin: 0; height: 179px;}

/* --- Idiomas --- */
#top .banderas{float: left; width: 1051px; margin: 4px 0 3px 0; background: url(../images/header-sobra-banderas.png) no-repeat bottom right; padding: 0 23px 0 0; text-align: right; height: 18px;}
#top .banderas a{ text-align: right; padding: 0 6px;}

/* --- Logo --- */
#top #logo{float: left; width: 300px; padding: 0; margin: 11px 0 0; height: 75px;}

/* --- Servicios --- */
#top .servicios{float: right; width: 655px;}
#top .servicios a{display: block; float: left; padding: 0 15px 0 13px; background: url(../images/header-row.png) no-repeat top left; height: 86px; width: 135px; font-size: 11px; line-height: 13px; color: #666; margin: 0; }
#top .servicios a:hover{ color: #FFF;}
#top .servicios a span{display: block; width: 109px; padding: 0 0 0 26px; margin: 7px 0 0 0; height: 20px; font-weight: bold; color: #fff; text-transform: uppercase; text-shadow: 1px 2px 2px #9c7a2f; line-height: 17px;}

/* Menu */
#menu{float: left; width: 1063px; margin: 2px 0 0 0; padding: 0 0 0 11px; height: 58px;}
#menu ul{ background: url(../images/menu-separador.gif) no-repeat top left; padding: 0 0 0 2px; width: 1061px; height:58px; float: left;}
#menu ul li{ float: left; padding: 0 2px 0 0; width: 172px; text-align: center; background: url(../images/menu-separador.gif) no-repeat top right;}
#menu ul li a{display: block; float: left; padding: 23px 0 0 0; height: 35px; width: 172px; text-align: center; text-transform: uppercase; font-weight: bold; font-size: 18px; color: #b5b5b5; line-height: 20px;}
#menu ul li a:hover, #menu ul li a.select{color: #ff9900; background-color: #fefefe;}

/* --- Banners --- */
#banner{width: 921px; padding: 0 0 0 59px; float: left; height: 330px; position: relative;}
#banner .image{border: 1px solid #bbb; padding: 3px; width: 852px; position: absolute; top: 0; left: 59px; z-index: 1;}
#banner .image img{border: 1px solid #bbb; float: left;}
#banner .oferta{width: 224px; position: absolute; top: 16px; right: 84px; z-index: 2; padding: 4px 0 0 7px; height: 181px;}
#banner .oferta .image{border: 1px solid #bbb; padding: 3px; width: 218px; position: absolute; top: 4px; left: 7px; z-index: 2; background: #fff; cursor: pointer;}
#banner .oferta .image:hover{ background: #90ca17;}
#banner .oferta .image img{border: 1px solid #bbb; float: left;}
#banner .oferta .bandera{width: 177px; height: 129px; z-index: 3; position: absolute; top: 0; left: 0;}
#banner .texto{ background: url(../images/banner-bg-texto.png) no-repeat top left; padding: 20px 13px 0 13px; width: 411px; height: 80px; position: absolute; top: 207px; right: 46px; z-index: 4; color: #FFF; font-size: 12px;}
#banner .texto strong{color: #fff; font-size: 15px;}

/* ----------------------- Páginas ----------------------- */
#info{width: 1074px; float: left; background: url(../images/bg-content-middle.png) repeat-y top left;}
#info .info-top{width: 1074px; float: left; background: url(../images/bg-content-top.png) no-repeat top left;}
#info .info-top .info-down{width: 1034px; float: left; background: url(../images/bg-content-down.png) no-repeat bottom left; padding: 0 13px 10px 27px; min-height: 650px;}
#info3{width: 1074px; float: left; background: url(../images/bg-content-middle2.png) repeat-y top left;}
#info3 .info-top{width: 1074px; float: left; background: url(../images/bg-content-top2.png) no-repeat top left;}
#info3 .info-top .info-down{
	width: 1034px;
	float: left;
	background: url(../images/bg-content-down2.png) no-repeat bottom left;
	padding: 0 13px 10px 27px;
	min-height: 650px;
}

/* --- Homapege --- */
/* - Left - */
#column-left{float: left; width: 711px;}
#column-left .banner{float: left; width: 694px; margin: 8px 0 18px;}
#column-left .texto{float: left; width: 694px; margin: 0; padding: 0 0 12px;}

/* Casos de Exito */
#column-left .row-home{float: left; width: 711px; border-top: 1px solid #FFF; padding: 6px 0 0 0; margin: 0 0 9px;}
#column-left .row-home .casos{ background: #fff url(../images/bg-testimonios.png) no-repeat top left; float: left; width: 679px; padding: 0 0 10px 15px;} 
#column-left .row-home .casos .title{ float: left; width: 604px; padding: 5px 0 0 0; height: 41px; font-weight: bold; color: #999; font-size: 18px; line-height: 20px; text-transform: uppercase;} 
#column-left .row-home .casos .botones{width: 75px; float: right; margin: 4px 0 0 0; height: 42px;}
#column-left .row-home .casos .botones a{cursor:pointer;}
#column-left .row-home .casos .casos-cont{position:relative;float:left;width:679px;height:95px;}
#column-left .row-home .casos .casos-cont .row{width: 679px; min-height: 95px;position:absolute;}
#column-left .row-home .casos .casos-cont .row .image{float: left; width: 140px; padding: 0 0 0 3px;}
#column-left .row-home .casos .casos-cont .row .image img{border: 1px solid #CCC; padding: 3px;}
#column-left .row-home .casos .casos-cont .row .txt{width: 227px; float: left; padding: 0 11px 0 0; margin: 15px 0 0; font-size: 12px; line-height: 18px; color: #999;}
#column-left .row-home .casos .casos-cont .row .txt a{font-size: 12px; line-height: 18px; color: #999;}
#column-left .row-home .casos .casos-cont .row .txt a:hover{color: #666;}
#column-left .row-home .casos .casos-cont .row .txt2{width: 290px; float: left; padding: 0; margin: 15px 0 0; font-size: 12px; line-height: 18px; color: #999;}

/* Propuestas */
#column-left .row-home .propuestas{ background: #fff; float: left; width: 679px; padding: 15px 0 15px 15px;} 
#column-left .row-home .propuestas .solicite{display: block; float: left; padding: 12px 0 0 8px; background: url(../images/bg-casos.gif) no-repeat top left; width: 145px; height: 123px; margin: 0 18px 0 0;}
#column-left .row-home .propuestas .solicite span{display: block; font-weight: bold; text-transform: uppercase; font-size: 16px; line-height: 18px; color: #818181; margin: 0 0 38px;}
#column-left .row-home .propuestas .solicite strong{display: block; font-weight: bold; text-transform: uppercase; font-size: 16px; line-height: 18px; color: #FFF; margin: 0;}

#column-left .row-home .propuestas .muestra{display: block; float: left; padding: 12px 0 0 8px; background: url(../images/bg-casos2.gif) no-repeat top left; width: 145px; height: 123px; margin: 0 18px 0 0;}
#column-left .row-home .propuestas .muestra span{display: block; font-weight: bold; text-transform: uppercase; font-size: 16px; line-height: 18px; color: #818181; margin: 0 0 38px;}
#column-left .row-home .propuestas .muestra strong{display: block; font-weight: bold; text-transform: uppercase; font-size: 16px; line-height: 18px; color: #FFF; margin: 0;}

#column-left .row-home .propuestas .web{display: block; float: left; padding: 12px 0 0 8px; background: url(../images/bg-casos3.gif) no-repeat top left; width: 145px; height: 123px; margin: 0 18px 0 0;}
#column-left .row-home .propuestas .web span{display: block; font-weight: bold; text-transform: uppercase; font-size: 16px; line-height: 18px; color: #818181; margin: 0 0 20px;}
#column-left .row-home .propuestas .web strong{display: block; font-weight: bold; text-transform: uppercase; font-size: 16px; line-height: 18px; color: #FFF; margin: 0;}

#column-left .row-home .propuestas .presupuesto{display: block; float: left; padding: 12px 0 0 8px; background: url(../images/bg-casos4.gif) no-repeat top left; width: 145px; height: 123px; margin: 0;}
#column-left .row-home .propuestas .presupuesto span{display: block; font-weight: bold; text-transform: uppercase; font-size: 16px; line-height: 16px; color: #818181; margin: 0 0 47px;}
#column-left .row-home .propuestas .presupuesto strong{display: block; font-weight: bold; text-transform: uppercase; font-size: 16px; line-height: 18px; color: #FFF; margin: 0;}

/* - Right - */
#column-right{float: right; width: 323px; margin: 8px 0 0; border-top: 2px solid #FE9900; padding: 1px 0 0;}
#column-right .row{float: right; width: 323px; margin: 0; padding: 0 0 7px; background: #f2f2f2 url(../images/bg-blog.png) no-repeat bottom left;}

/* Fila Blog */
#column-right .row .tit-blog{ background: url(../images/bg-title-blog.gif) no-repeat top left; width: 251px; height: 34px; margin: 0 0 15px; padding: 15px 0 0 72px; font-weight: bold; color: #FFF; text-transform: uppercase; font-size: 18px; line-height: 20px;}
#column-right .row ul.blog{width: 318px; padding: 0 0 0 5px;}
#column-right .row ul.blog li{ border-bottom: 1px dotted #CCC; padding: 0 0 7px 4px; width: 314px; margin: 0 0 5px;}
#column-right .row ul.blog li span{display: block; padding: 0 0 0 13px; width: 301px; font-size: 10px; color: #666; line-height: 12px;}
#column-right .row ul.blog li a{display: block; padding: 0 0 0 13px; width: 301px; font-size: 14px; color: #666; line-height: 16px; background: url(../images/icon-blog.png) no-repeat 2px 5px;}
#column-right .row ul.blog li a:hover{ font-weight: bold;}
#column-right .row ul.blog li.final,#column-right .row ul.minuto li.final, #column-right .row ul.contacto li.final{border: none;}

/* Fila Minuto */
#column-right .row .tit-minuto{ background: url(../images/bg-title-solo.gif) no-repeat top left; width: 251px; height: 34px; margin: 0 0 15px; padding: 15px 0 0 72px; font-weight: bold; color: #FFF; text-transform: uppercase; font-size: 18px; line-height: 20px;}
#column-right .row ul.minuto{width: 323px; padding: 0;}
#column-right .row ul.minuto li{ border-bottom: 1px dotted #CCC; padding: 0 0 3px 83px; width: 236px; margin: 0 0 2px;}
#column-right .row ul.minuto li a{display: block; padding: 4px 0 0 28px; width: 208px; font-size: 12px; color: #666; line-height: 14px; background: url(../images/icon-solo.png) no-repeat 0 0; height: 16px; font-weight: bold;}
#column-right .row ul.minuto li a:hover{ background-position: 0 -20px;}

/* Ultimos */
#column-right .row .tit-ultimos{ background: url(../images/bg-title-ultimos.gif) no-repeat top left; width: 251px; height: 34px; margin: 0 0 15px; padding: 15px 0 0 72px; font-weight: bold; color: #FFF; text-transform: uppercase; font-size: 18px; line-height: 20px;}
#column-right .row .trabajo{width: 323px; text-align: center; margin: 0 0 15px;}
#column-right .row .trabajos{width: 298px; text-align: center; margin: 0; padding: 0 10px 15px;}
#column-right .row .trabajos a{display: block; float: left; padding: 0 6px;}

/* Contacto */
#column-right .row .tit-contacto{ background: url(../images/bg-title-contacto.gif) no-repeat top left; width: 251px; height: 34px; margin: 0 0 15px; padding: 15px 0 0 72px; font-weight: bold; color: #FFF; text-transform: uppercase; font-size: 18px; line-height: 20px;}
#column-right .row p{font-size: 11px; line-height: 15px; color: #000; margin: 0 0 15px; padding: 0 10px 0 7px;}
#column-right .row ul.contacto{width: 318px; padding: 0 0 0 5px; color: #000; font-size: 11px; line-height: 13px;}
#column-right .row ul.contacto li{ border-bottom: 1px dotted #CCC; padding: 3px 0 6px 37px; width: 281px; margin: 0 0 6px;color: #000; font-size: 11px; line-height: 13px;}
#column-right .row ul.contacto li a{color: #000; font-size: 11px; line-height: 13px;}
#column-right .row ul.contacto li a:hover{ color: #666;}
#column-right .row ul.contacto li.oficina{ background: url(../images/icon-localizar.png) no-repeat 11px 1px;}
#column-right .row ul.contacto li.tel{ background: url(../images/icon-tel2.png) no-repeat 11px 1px;}
#column-right .row ul.contacto li.cel{ background: url(../images/icon-cel.png) no-repeat 13px 0;}
#column-right .row ul.contacto li.fax{ background: url(../images/icon-tel.png) no-repeat 11px 0;}
#column-right .row ul.contacto li.mail{ background: url(../images/icon-mail.gif) no-repeat 11px 4px;}


/* --- El Proyecto --- */

/* - Left - */
#column-left .texto2{float: left; width: 694px; margin: 0; padding: 0 0 12px; margin: 15px 0 0;}
#column-left .texto2 .left-proyecto{float: left; width: 330px; text-align: center;}
#column-left .texto2 .left-proyecto p{margin: 0 0 50px; text-align: center;}
#column-left .texto2 .right-proyecto{float: right; width: 330px; text-align: center;}
#column-left .texto2 .image-border{border: 1px solid #CCC; margin: 0 0 20px;}
#column-left .texto2 ul.garantia li{ margin: 0 0 20px;}
#column-left .texto2 ul.garantia li b{ font-size: 16px; line-height: 18px; color: #F90;}
.image-border-ch{border: 1px solid #CCC; margin: 0 0 5px;}
#column-left .texto2 ul.garantia li a{ text-decoration: underline; color: #4D4D4D;}
#column-left .texto2 ul.garantia li a:hover{ text-decoration: none;}
#column-left .texto2 .a{ text-decoration: underline; color: #F90;}
#column-left .texto2 .formulario{float: left; width: 694px;}
#column-left .texto2 .formulario .left{float: left; width: 280px;}
#column-left .texto2 .formulario .left .row{float: left; width: 280px; margin: 0 0 10px;}
#column-left .texto2 .formulario .right{float: right; width: 390px;}
#column-left .texto2 .formulario .right .row{float: right; width: 390px; margin: 0 0 20px;}
#column-left .texto2 .formulario textarea{font-size: 12px; line-height: 14px; padding: 2px 5px; width: 360px; height: 120px;}
.ch{font-size: 11px;}
#column-left .texto2 .formulario .input{font-size: 12px; line-height: 14px; padding: 2px 5px; width: 260px; margin: 0;}
#column-left .texto2 .formulario .select{font-size: 12px; line-height: 14px; padding: 2px 0 2px 2px; width: 270px;}
#column-left .texto2 .formulario .btn{float: right; font-weight: bold; color: #F90;}

/* - Right - */
#column-right .row .tit-empresa{ background: url(../images/bg-title-empresa.gif) no-repeat top left; width: 251px; height: 34px; margin: 0 0 15px; padding: 15px 0 0 72px; font-weight: bold; color: #FFF; text-transform: uppercase; font-size: 18px; line-height: 20px;}
#column-right .row .tit-ayuda{ background: url(../images/bg-title-ayuda.gif) no-repeat top left; width: 251px; height: 34px; margin: 0 0 15px; padding: 15px 0 0 72px; font-weight: bold; color: #FFF; text-transform: uppercase; font-size: 18px; line-height: 20px;}
#column-right .row .tit-recursos{ background: url(../images/bg-title-recursos.gif) no-repeat top left; width: 251px; height: 34px; margin: 0 0 15px; padding: 15px 0 0 72px; font-weight: bold; color: #FFF; text-transform: uppercase; font-size: 18px; line-height: 20px;}
#column-right .row ul.empresa{width: 318px; padding: 0 0 0 5px;}
#column-right .row ul.empresa li{ border-bottom: 1px dotted #CCC; padding: 0 0 3px 25px; width: 293px; margin: 0 0 2px;}
#column-right .row ul.empresa li a{display: block; padding: 4px 0 0 28px; width: 265px; font-size: 12px; color: #666; line-height: 14px; background: url(../images/icon-solo.png) no-repeat 0 -20px; height: 16px; font-weight: bold;}
#column-right .row ul.empresa li a:hover, #column-right .row ul.empresa li a.select{ background-position: 0 0px; color: #333;}


/* --- Portfolio --- */
#info2{width: 1074px; float: left; background: url(../images/bg-info-portfolio-middle.png) repeat-y top left; font-size:12px;}
#info2 .info-top{width: 1074px; float: left; background: url(../images/bg-info-portfolio.png) no-repeat top left;}
#info2 .info-top .info-down{width: 1051px; float: left; background: url(../images/bg-info-portfolio-down.png) no-repeat bottom left; padding: 0 11px 0 12px; min-height: 620px;}

#info3 .info-top .info-down .texto2{float: left; width: 1034px; margin: 0; padding: 0 0 12px; margin: 15px 0 0;}
#info3 .info-top .info-down .texto2 .portfolio-gral{width: 1040px; float: left;}
#info3 .info-top .info-down .texto2 .portfolio-gral .row{width: 1040px; float: left; margin: 0 0 15px;}
#info3 .info-top .info-down .texto2 .portfolio-gral .row .image{width: 162px; float: left; padding: 0 11px 0 0;}
#info3 .info-top .info-down .texto2 .portfolio-gral .row .image a{display: block; float: left; border-bottom:2px solid #D9D9D9; border-right:2px solid #D9D9D9;}
#info3 .info-top .info-down .texto2 .portfolio-gral .row .image a img{border:5px solid #FFF; float: left;}
#info3 .info-top .info-down .texto2 .portfolio-gral .row .image a img:hover{border-color: #F90;}

/* Column Left */
#info2 .column-left{float: left; width: 360px;}
#info2 .column-left .title{
	float: left;
	width: 290px;
	padding: 0 0 0 70px;
	margin: 25px 0 0;
	height: 52px;
	font-size: 18px;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 0px;
	color: #ff9900;
}
#info2 .column-left .porfolio{float: left; width: 349px; padding: 0 0 0 11px;position:relative;height:580px;overflow:hidden;}
#info2 .column-left .porfolio .cinta{position:absolute;top:0;left:11px;}
#info2 .column-left .porfolio .cinta .row{float: left; width: 337px; padding: 0 12px 13px 0;height:132px;}
#info2 .column-left .porfolio .cinta .row .image-left{float: left; border-bottom: 2px solid #d9d9d9; border-right: 2px solid #d9d9d9; width: 160px;}
#info2 .column-left .porfolio .cinta .row .image-right{float: right; border-bottom: 2px solid #d9d9d9; border-right: 2px solid #d9d9d9; width: 160px;}
#info2 .column-left .porfolio .cinta .row .image-left a, #info2 .column-left .porfolio .row .image-right a{padding: 5px; background: #FFF; display:block; float: left;}
#info2 .column-left .porfolio .cinta .row .image-left a:hover, #info2 .column-left .porfolio .cinta .row .image-right a:hover, #info2 .column-left .porfolio .cinta .row .image-left a.select, #info2 .column-left .porfolio .cinta .row .image-right a.select{background: #f5c65f;}
#info2 .column-left .porfolio .cinta .row .image-left a img, #info2 .column-left .porfolio .cinta .row .image-right a img{float: left;}
#info2 .column-left .botones{float: left; width: 360px; background: url(../images/bg-portfolio-botones.png) no-repeat top left; height: 45px;}
#info2 .column-left .botones .left{float: left; width: 78px; padding: 3px 50px 0 52px;}
#info2 .column-left .botones .left a.up{padding: 0; display: block; float: left; background: url(../images/btn-up.png) no-repeat 0 0; width: 26px; height: 26px;}
#info2 .column-left .botones .left a.down{padding: 0; display: block; float: right; background: url(../images/btn-down.png) no-repeat 0 0; width: 26px; height: 26px;}
#info2 .column-left .botones .left a.up:hover, #info2 .column-left .botones .left a.down:hover, #info2 .column-left .botones .right a:hover{ background-position: 0 -26px;}
#info2 .column-left .botones .left a span, #info2 .column-left .botones .right a span{display: none;}
#info2 .column-left .botones .right{float: right; width: 177px; padding: 3px 0 0; text-align: center;}
#info2 .column-left .botones .right a{margin: 0 auto; display: block; background: url(../images/btn-play.png) no-repeat 0 0; height: 26px; width: 25px;}

.portfolio-gral{width: 694px; float: left;}
.portfolio-gral .row{width: 694px; float: left; margin: 0 0 15px;}
.portfolio-gral .row .image{width: 158px; float: left; padding: 0 15px 0 0;}
.portfolio-gral .row .image a img{border:4px solid #CCCCCC;}
.portfolio-gral .row .image a img:hover{border-color: #F90;}

/* Column Middle */
#info2 .column-middle{float: left; width: 235px;}
#info2 .column-middle .title{
	float: left;
	width: 175px;
	padding: 0 0 0 60px;
	margin: 25px 0 0;
	height: 52px;
	font-size: 18px;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 0px;
	color: #ff9900;
}
#info2 .column-middle .cinta-cont{height:580px;overflow:hidden;position:relative;width:235px;}
#info2 .column-middle .cinta2{position: absolute; top: 0; left: 0;}
#info2 .column-middle .row{float: left; width: 235px; background: url(../images/bg-portfolio-lista.png) no-repeat bottom left; margin: 0 0 37px; padding: 0 0 4px;}
#info2 .column-middle .row .tit{float: left; width: 195px; background: url(../images/icon-solo.png) no-repeat 9px -20px; font-weight: bold; font-size: 12px; line-height: 14px; padding: 5px 0 0 40px; margin: 0 0 6px;text-transform: uppercase;}
#info2 .column-middle .row ul{float: left; width: 235px; border-top: 1px dotted #ccc; padding: 7px 0 0;}
#info2 .column-middle .row ul li{float: left; width: 205px; border-bottom: 1px dotted #ccc; padding: 3px 0 2px 30px; background: url(../images/icon-portfolio.png) no-repeat 21px 8px;}
#info2 .column-middle .row ul li a{color: #666;}
#info2 .column-middle .row ul li a:hover,#info2 .column-middle .row ul li a.select{color: #333;text-decoration:underline;}
#info2 .column-middle .row ul li.final{border: none;}
#info2 .column-middle .botones{float: left; width: 235px; background: url(../images/bg-portfolio-botones2.png) no-repeat top left; height: 45px;}
#info2 .column-middle .botones .left{float: left; width: 75px; padding: 3px 80px 0;}
#info2 .column-middle .botones .left a.up{padding: 0; display: block; float: left; background: url(../images/btn-up.png) no-repeat 0 0; width: 26px; height: 26px;}
#info2 .column-middle .botones .left a.down{padding: 0; display: block; float: right; background: url(../images/btn-down.png) no-repeat 0 0; width: 26px; height: 26px;}
#info2 .column-middle .botones .left a.up:hover, #info2 .column-middle .botones .left a.down:hover, #info2 .column-middle .botones .right a:hover{ background-position: 0 -26px;}
#info2 .column-middle .botones .left a span, #info2 .column-middle .botones .right a span{display: none;}

/* Column Right */
#info2 .column-right{float: right; width: 445px;}
#info2 .column-right .load_content{height:625px;overflow-y:auto;overflow-x:hidden;width:435px;}
#info2 .column-right .title{
	float: left;
	width: 387px;
	padding: 0 0 0 48px;
	margin: 25px 0 0;
	height: 52px;
	font-size: 18px;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 0px;
	color: #ff9900;
}
#info2 .column-right .cliente{float: left; width: 420px; padding: 0 0 7px 15px; background: url(../images/icon-portfolio2.png) no-repeat 4px 5px; border-bottom: 1px solid #e3e3e3; margin: 0 0 8px; font-weight: bold;}
#info2 .column-right .categorias{float: left; width: 435px; margin: 0 0 15px;}
#info2 .column-right .categorias ul li{background: url(../images/icon-portfolio2.png) no-repeat 4px 5px; padding: 0 0 0 15px;}
#info2 .column-right .texto{float: left; width: 425px; padding: 0 10px 10px 0;}
#info2 .botones-r{float: right; width: 455px; background: url(../images/bg-portfolio-botones3.png) no-repeat top right; height: 45px; padding: 0;}


/* ----------------------- Text ----------------------- */
p{margin: 0 0 16px 0; padding :0; text-align: left;}
a{text-decoration: none; font-size: inherit;}
a:hover{ color:#999;}
strong{font-size: inherit;}
h1{font-weight: bold; color: #ff8600; font-size: 15px; line-height: 19px; padding: 0; margin: 0 0 13px;}
h3{font-weight: normal; font-size:16px;	color:#999999; text-align:left; line-height: 20px; padding: 0; margin: 0 0 13px;}

/* ----------------------- Footer ----------------------- */
#footer{padding: 0; width: 1074px; margin: 6px auto 0 auto; height: 218px;}
#footer .column-left{float: left; padding: 15px 19px 0 30px; background: url(../images/bg-footer-separador.gif) repeat-y top right; width: 688px; height: 175px;}
#footer .column-left .title{float: left; padding: 0; width: 688px; height: 30px; font-weight: bold; color: #FFF; text-transform: uppercase; font-size: 12px; line-height: 14px; text-shadow: 2px 2px 2px #9e7a2b;}
#footer .column-left .column{float: left; width: 344px; font-size: 12px; font-weight: bold; color: #a06a05;}
#footer .column-left .column ul li{ font-size: 12px; font-weight: normal; line-height: 14px; margin: 0 0 1px;}
#footer .column-left .column ul li a{ font-size: 12px; font-weight: normal; line-height: 14px; color: #a06a05;}
#footer .column-right{float: right; width: 311px; padding: 15px 0 0 0;}
#footer .column-right .title{padding: 0; width: 311px; height: 30px; font-weight: bold; color: #FFF; font-size: 12px; line-height: 14px; text-shadow: 2px 2px 2px #9e7a2b;}
#footer .column-right img{ padding: 0 23px 0 0;}

#footer .footer{ padding: 0 30px; width: 1014px; float: left; height: 28px;}
#footer .footer .left{float: left; width: 380px;color: #FFF; font-size: 12px; line-height: 14px; text-shadow: 2px 2px 2px #9e7a2b; margin: 8px 0 0;}
#footer .footer .left a{color: #FFF; font-size: 12px; line-height: 14px; text-shadow: 2px 2px 2px #9e7a2b;}
#footer .footer .left a:hover{ text-decoration: underline;}
#footer .footer .right{float: right; width: 550px;color: #a06a05; font-size: 12px; line-height: 14px; margin: 3px 0 0 0;}
#footer .footer .right a{color: #FFF; font-size: 12px; line-height: 14px; text-shadow: 2px 2px 2px #9e7a2b; padding: 0 20px 0 0;}
#footer .footer .right a:hover{ text-decoration: underline;}
#footer .footer .right img{float: right; padding: 0 0 0 5px;}
#footer .footer .right .text{float: right; color: #a06a05; font-size: 12px; line-height: 14px; margin: 5px 0 0;}

/* ----------------------- Clearfix ----------------------- */ 
/* slightly enhanced, universal clearfix hack */
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;line-height: 0; }
.clearfix {display: inline-block;}

/* start commented backslash hack \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* close commented backslash hack */