/* CSS Julietaraggio.com.ar */

body { background:#E8E5C0 url(../images/bg_body.gif) repeat-x top; margin:0; padding:0; font-family:Tahoma, Arial, Verdana; font-size:12px; }

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

h1 { font-family:Georgia, "Times New Roman", Times, serif; font-size:25px; color:#FF0066; font-weight:normal; }
h2 { background:url(../images/linea_h2.gif) repeat-x bottom ; display:block; clear:both; padding: 0 0 4px 0; margin:10px 0 0 0; color:#999; font-size:18px;}
h2 span {display:none;}
h3 {float:left; display:block; clear:both; background:#fff url(../images/bg_h3.gif) no-repeat; font-size:17px; font-family:Georgia, "Times New Roman", Times, serif; color:#ff0066; width:440px; height:28px; padding: 6px 0 0 30px ; font-weight:normal; margin:10px 0 0 0;}
h3 span {font-family: Tahoma, Arial, Verdana; font-size:10px; color:#666; text-align:right; float:right; padding:5px 50px 0 0;}
h4 {font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; color:#ff0066; font-weight:normal; padding:0 0 0 20px; margin:0;}
.highslide-body h4 { padding:0 0 5px 5px; border-bottom:1px solid #ccc; margin:0 0 10px 0; }
h5 { font-size:13px; font-family:Georgia, "Times New Roman", Times, serif; font-style:oblique; font-weight:normal; color:#B35E51; margin:0 0 15px 0; padding:4px 6px; background:#F4F3DF; }
h5 a { display:block; text-align:left; color:#333; text-decoration:none; padding:4px;}
h5 a:hover { color:#B35E51; font-weight:bold;}
h6 { font-size:17px; color:#FF0066; font-weight:normal; padding:20px 0 0 0; margin:0; font-family:Georgia, "Times New Roman", Times, serif;}

hr { display:block; clear:both; border:0; margin:0; padding:0; font-size:0px; background:#fff; overflow:hidden; opacity: .0; }

/* Header --------------------------------------------------------------------------------*/

#header { margin:0 auto; vertical-align:middle; background:url(../images/bg_header.gif) repeat-x bottom; padding:10px; width:950px; height:120px;}
#header img.logo { float:left; padding:20px 0 0 0; }
#header p { float:left; font-size:15px; color:#666; width:500px; margin: 20px 0 0 30px; line-height:150%;}

/* Cuerpo ---------------------------------------------------------------------------------*/ 

#proyectos { background:url(../images/bg_ultimos_proyectos.gif) repeat-x; height:281px; display:block; clear:both; overflow:hidden; }
#proyectos .shadow_top { background:url(../images/bg_shadowtop.jpg) no-repeat top center; padding:16px 0 0 0;}
#proyectos .shadow_bottom { background:url(../images/bg_shadowbottom.jpg) no-repeat bottom center; padding: 0 0 16px 0; }
#proyectos .contenido_proyectos { height:250px; width:950px; vertical-align: middle; margin:0 auto; overflow:hidden; }
#proyectos .contenido_proyectos .imagen { background:url(../images/bg_imagen_proyecto.gif) no-repeat ; margin: 12px 0 0 0; width:260px; height:225px; float:left;}
#proyectos .contenido_proyectos .imagen img { padding:10px 10px 10px 18px;}
#proyectos .contenido_proyectos .ultimos_proyectos { background:url(../images/bg_otros_proyectos.gif) no-repeat; float:right; height:45px; width:119px; margin:0 10px 0 0; padding:15px 0 0 205px;}
#proyectos .contenido_proyectos .ultimos_proyectos a { padding: 0 5px; }
#proyectos .contenido_proyectos h1 { float:left; padding: 10px 0 0 15px; margin:18px 0 0 0;}

#proyectos .contenido_proyectos .proyecto {background:url(../images/linea_proyectos.gif) repeat-x top; width:655px; float:left; margin:0 0 0 15px; }
#proyectos .contenido_proyectos .proyecto p { float:left; font-size:15px; color:#666; width:400px; line-height:130%;}
#proyectos .contenido_proyectos .proyecto img {float:left; display:block; margin:20px 0 0 0; }
#proyectos .contenido_proyectos .proyecto img.clear { clear:left; }
#proyectos .contenido_proyectos .proyecto .detalle {background:url(../images/bg_detalles.gif) no-repeat ; float:right; height:169px; width: 190px; display:block; margin:10px 0 0 0;}
#proyectos .contenido_proyectos .proyecto .detalle p {font-size:11px; line-height:150%; padding: 35px 0 0 20px; width:auto;}

/* Columnas Centrales: ---------------------------------------------------------------------*/
/* Columna Izquierda -----------------------------------------------------------------------*/

#cuerpo { width:950px; margin: 0 auto; vertical-align:middle;  }
#columna_izq {display:block; float:left; width:470px; margin:0 0 0 20px; }

#columna_izq .acerca_de { display:block; clear:both; padding:0 0 20px 0; }
#columna_izq .acerca_de h2 img {float:none;}
#columna_izq .acerca_de div.img { display:block; float:left; padding: 10px 10px 0 0; width:134px;}
#columna_izq .acerca_de div.img img {  margin:0 0 40px 0;}
#columna_izq .acerca_de p {font-size:13px; color:#666; line-height:130%;}
#columna_izq .acerca_de div.texto { float:left; display:block; width:320px; }

#columna_izq .acerca_de ul { margin:0; padding:0 20px 10px 5px; list-style:none; }
#columna_izq .acerca_de ul li { font-size:11px; color:#666; padding:4px; margin:3px; background:#F4F3DF; border-bottom:1px solid #fff; line-height:150%; }
#columna_izq .acerca_de ul li strong { font-family:Georgia, "Times New Roman", Times, serif; font-size:13px; }

#columna_izq .que_puedo_hacer { display:block; clear:both; padding:0 0 40px 0; }
#columna_izq .que_puedo_hacer .design { width:156px; display:block; float:left; background:url(../images/bg_design.jpg) no-repeat; font-size:12px; line-height:130%; color:#FF0066; padding: 190px 0 0 0; text-align:center;}
#columna_izq .que_puedo_hacer .design img {margin:15px 0 0 0;}
#columna_izq .que_puedo_hacer .maquetado { width:156px; display:block; float:left; background:url(../images/bg_maquetado.jpg) no-repeat; font-size:12px; line-height:130%; color:#FF0066; padding: 190px 0 0 0; text-align:center;}
#columna_izq .que_puedo_hacer .maquetado img {margin:15px 0 0 0;}
#columna_izq .que_puedo_hacer .programacion { width:156px; display:block; float:left; background:url(../images/bg_programacion.jpg) no-repeat; font-size:12px; line-height:130%; color:#FF0066; padding: 190px 0 0 0; text-align:center;}
#columna_izq .que_puedo_hacer .programacion img {margin:15px 0 0 0;}
#columna_izq .que_puedo_hacer .servicio { display:block; clear:both; background:url(../images/bg_servicios.png) no-repeat top; width:471px; }
#columna_izq .que_puedo_hacer .servicio h3 {float:left; display:block; clear:both; background:none; font-size:21px; font-family:Georgia, "Times New Roman", Times, serif; color:#ff0066; width:470px; padding:10px 0 15px 5px; font-weight:normal; margin:0;}
#columna_izq .que_puedo_hacer .servicio h3 span {font-family: Tahoma, Arial, Verdana; font-size:10px; color:#666; text-align:right; float:right; padding:5px 5px 0 0;}
#columna_izq .que_puedo_hacer .servicio p { font-family:Tahoma, Arial, Verdana; font-size:12px; color:#333; line-height:150%; margin: 0 20px 10px 20px; }
#columna_izq .que_puedo_hacer .servicio ul { margin:0; padding:0 25px 10px 25px; list-style:none; }
#columna_izq .que_puedo_hacer .servicio ul li { font-size:12px; color:#B35E51; padding:2px 3px; margin:3px; background:#F4F3DF; font-family:Georgia, "Times New Roman", Times, serif; border-bottom:1px solid #fff;}

#columna_izq .novedades { padding:0; display:block; clear:both; padding:0 0 20px 0; }
#columna_izq .novedades p { font-family:Tahoma, Arial, Verdana; font-size:12px; color:#333; line-height:150%; margin: 0 0 10px 15px;}
#columna_izq .novedades .divider, #columna_izq .que_puedo_hacer .divider {text-align:center; padding:15px 0 20px 0;}

.paginador { display:block; clear:both; background:url(../images/bg_shadowbottom.gif) no-repeat center top; padding:20px 0 0 0; font-size:12px; color:#333; }
.paginador a { color:#FF0066; text-decoration:none; padding:1px 4px; margin:0 1px;}
.paginador a:hover { color:#fff; background:#FF0066;}
.paginador a.a { color:#fff; background:#333;}

/* Columna Derecha -----------------------------------------------------------------------*/

#columna_der {display:block; float:left; width:412px; margin:0 0 0 30px; }
#columna_der .shadow_portfolio { background:url(../images/shadow_bot_proyectos.gif) no-repeat bottom; width:412px; padding:0 0 9px 0;}
#columna_der .portfolio { width:396px; display:block; background:#fff url(../images/bg_portfolio.gif) repeat-y ; margin:10px 0 0 8px;}
#columna_der a.ver_todos { float:right; padding:20px 20px 10px 0;}
#columna_der .portfolio .proyecto { padding: 20px 0 0 0;}
#columna_der .portfolio .proyecto p { font-family:Tahoma, Arial, Verdana; font-size:12px; color:#333; line-height:130%; width:148px; float:left; margin: 15px 0 0 22px;}
#columna_der .portfolio .proyecto p span { font-size:10px; color:#666; line-height:100%; }
#columna_der .portfolio .proyecto .foto_proyecto { background:url(../images/bg_fotoproyecto.gif) no-repeat; width:200px; height:194px; padding: 15px 0 0 20px; float:right; }
#columna_der .portfolio .proyecto .foto_proyecto .clip { width:170px; height:150px; overflow:hidden;}
#columna_der .portfolio .proyecto .links {float:left; display:block; padding:20px;}
#columna_der .portfolio .proyecto .links img { float:left; margin: 3px; }
#columna_der .portfolio .proyecto .divider { text-align:center; padding: 0 0 20px 0;}

#twitter_div { background:url(../images/shadow_novedades.jpg) no-repeat bottom center; padding:0 30px 20px 30px; margin:20px 0; }
#twitter_div ul { margin:0; padding:20px 0 0 0; list-style:none; background:url(../images/shadow_novedades.jpg) no-repeat top center; }
#twitter_div ul li { background:url(../images/ico_twitter.gif) no-repeat left top; padding:10px 0 10px 35px; color:#666; }
#twitter_div ul#twitter_update_list li a { display:block; clear:both; font-size:10px; }

#columna_izq .port_listado { display:block; clear:both; padding:0 0 20px 0; }
#columna_izq .port_listado .portfolio2 { display:block; clear:both; background:url(../images/bg_servicios.png) no-repeat top; width:471px; padding:0 0 10px 0; border-bottom:1px solid #fff; }
#columna_izq .port_listado .portfolio2 h3 {float:left; display:block; clear:both; background:none; font-size:20px; font-family:Georgia, "Times New Roman", Times, serif; color:#ff0066; width:470px; padding:10px 0 15px 5px; font-weight:normal; margin:0;}
#columna_izq .port_listado .portfolio2 h3 span {font-family: Tahoma, Arial, Verdana; font-size:11px; color:#666; text-align:right; float:right; padding:5px 5px 0 0;}
#columna_izq .port_listado .portfolio2 .desc { font-family:Tahoma, Arial, Verdana; font-size:11px; color:#333; line-height:150%; margin: 0 20px 10px 20px; }
#columna_izq .port_listado .portfolio2 .clip { width:100px; height:100px; overflow:hidden; margin:0 15px 0 15px; border:1px solid #999; float:left; }
#columna_izq .port_listado .portfolio2 .clip_grafica { width:330px; height:150px; overflow:hidden; margin:0 15px 0 15px; border:1px solid #999; float:left; }
#columna_izq .port_listado .divider {text-align:center; padding:0 0 10px 0;}
#columna_izq .port_listado .portfolio2 a { text-decoration:none;}

/* footer -------------------------------------------------------------------------------- */

#footer { margin:0 auto; vertical-align:middle; background:url(../images/bg_footer.gif) repeat-x ; height:288px; display:block; clear:both;}
#footer .shadow_footer {background:url(../images/bg_shadowfooter.jpg) no-repeat top center; padding:15px 0 0 0;}
#footer .shadow_footer .contenido_footer { height:252px; display:block; width:950px; margin:0 auto; vertical-align:middle; }
#footer .shadow_footer .contenido_footer .contactame { padding:0 10px 0 0; margin:15px 0 0 0; }
#footer .shadow_footer .contenido_footer .contactame div.otra { display:block; float:left; width:300px; background:url(../images/shadow_vertical.jpg) no-repeat right; margin: 0 0 0 20px; height:225px; overflow:hidden;}
#footer .shadow_footer .contenido_footer .contactame div {display:block; float:left; width:110px;}
#footer .shadow_footer .contenido_footer .contactame p {font-size:12px; color:#E8E5C0; clear:left; margin:0; padding:12px 0;}
#footer .shadow_footer .contenido_footer .contactame p a {color:#FFF; }

#footer .shadow_footer .contenido_footer .como_trabajo { padding:0 10px 0 0; margin:15px 0 0 0; }
#footer .shadow_footer .contenido_footer .como_trabajo div.otra { display:block; float:left; width:330px; margin:0; background:none; height:225px; overflow:hidden;}
#footer .shadow_footer .contenido_footer .como_trabajo div {display:block; float:left; width:110px; padding:0 0 0 20px;}
#footer .shadow_footer .contenido_footer .como_trabajo p {font-size:11px; color:#CCC; clear:left; line-height:130%; margin:0; padding:12px 0;}

#footer .shadow_footer .contenido_footer .bottom { display:block; clear:both; padding:3px 0 0 0; }
#footer .shadow_footer .contenido_footer .bottom img {float:right;}
#footer .shadow_footer .contenido_footer .bottom span { font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; color:#fff; padding:7px 0 0 0; display:block;}
#footer .shadow_footer .contenido_footer .bottom span a { color:#fff; text-decoration:none;}
#footer .shadow_footer .contenido_footer .bottom span a:hover { text-decoration:underline; }