@charset "utf-8";
/*
Theme Name: Sentido Social
Theme URI: http://www.sentidosocial.com.ar/
Description: WordPress theme for <a href="http://www.sentidosocial.com.ar">Sentido Social</a>.
Version: 1.0
Author: Augusto Bianchi
Author URI: http://lemonpixel.net/
Tags: clean, colorful, 2.0 style
*/

/* Definiciones CSS para sitio: Sentido Social
   Autor: Augusto Bianchi | lemonpixel.net
------------------------------------------*/

body{ background-image: url(library/images/body_gradient_bottom.png); background-repeat:  repeat-x; background-position: bottom; background-color:#333; }
p{ margin-bottom:1em;}
h1, h2, h3, h4, h5, h6 { font-family: Tahoma, "Trebuchet MS", Arial, sans-serif; color: #666; }
h2 { font-size: 32px; color: #666; padding-top: 19px; background-image: url(library/images/h2-background.gif); background-repeat: no-repeat; line-height: normal; background-position: 0px bottom; margin-bottom: 18px; padding-bottom: 8px; }
h3 { font-size: 22px; color: #666; margin-bottom:10px; margin-top:30px; }
h3.sidebar-white, h3.sidebar-grey{padding-left: 65px; padding-top: 23px; font-size: 28px;}
h3.sidebar-white{color: #FFF; margin-top:0;} 
h3.sidebar-grey{color: #666;margin-top:0;}
h3.cv{
color:#FFFFFF;
margin-bottom:25px;
margin-top:0;
} 
h4 { font-size: 18px; }
h5 { font-size: 16px; }
h6 { font-size: 14px; }
input, textarea {border: 1px solid #999; padding: 2px; margin-bottom:5px;}
label{ font-weight:bold;}
#wrapper, #footer{ width:955px; background-color:#FFFFFF; margin-right: auto; margin-left: auto; border-right-width: 1px; border-left-width: 1px; border-right-style: solid; border-left-style: solid; border-right-color: #999999; border-left-color: #999999; }
#header{ padding-right: 33px; padding-left: 33px; padding-top: 25px; height:90px; }
#main { margin-right: 33px; margin-left: 33px; margin-top: 25px; }
#main #contents { float: right; width: 560px; font-family: "Trebuchet MS", Arial, Verdana, sans-serif; line-height: 140%; padding-right: 20px; font-size:14px;padding-bottom:30px; }
#main #contents.home { font-size:14px; color: #333; }
#main #sidebar { width: 275px; float: left; }
#logo{ width: 310px; height: 79px; float:left; }

/*-----     MENU SUPERIOR     -----*/
#top-buttons{float:right;}
#top-buttons ul { margin:0; list-style:none; }
#top-buttons li { float:left; background-image: url(library/images/top-buttons-left.jpg); background-repeat: no-repeat; background-position: left top; padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 10px; margin-top: 0; margin-bottom: 0px; margin-left: 10px; }
#top-buttons a { float:left; display:block; width:0.1em; text-decoration:none; color:#676767; background-image: url(library/images/top-buttons-right.jpg); background-repeat: no-repeat; background-position: right top; font-family: "Trebuchet MS", Tahoma, Arial, sans-serif; font-size: 12px; padding-top: 9px; padding-right: 10px; padding-bottom: 9px; text-shadow: 0.1em 0.1em #F8F8F8; font-weight: bold; }
#top-buttons > ul a {width:auto;}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#top-buttons a {float:none;}
/* End IE5-Mac hack */
/*#top-buttons li em {width: 180px; height: 45px; position: absolute; top: -85px; left: -15px; text-align: center; padding: 20px 12px 10px; font-style: normal; z-index: 2; display: none; background-image: url(../images/hover.png); 	background-repeat: no-repeat; }*/
#top-buttons a:hover { color:#333; }
#top-buttons li:hover, #top-buttons li:hover a { background-position:0% -30px; color:#333; text-shadow: 0.1em 0.1em #E1E1E1;  }
#top-buttons li:hover a { background-position: right -30px; }
#top-buttons li.current_page_item, #top-buttons li.current_page_item a { background-position:0% -60px; color:#2E2E2E; text-shadow: 0.1em 0.1em #D1FF35; }
#top-buttons li.current_page_item:hover { background-position:0% -60px; color:#2E2E2E; text-shadow: 0.1em 0.1em #D1FF35; }
#top-buttons li.current_page_item a:hover { background-position: right -60px; color:#2E2E2E; text-shadow: 0.1em 0.1em #D1FF35; }
#top-buttons li.current_page_item a { background-position:100% -60px; }
#flash { width:940px; height:300px; margin-left:auto; margin-right:auto; }
.menu {
	margin: 30px 0 0;
	padding: 0;
}
.menu li {
	/*padding: 0;
	margin: 0 2px;
	float: left;*/
	position: relative;
	text-align: center;
}
.menu li em {

	display: none;
	
	width: 137px !important;
	height: 22px !important;	
	
	background-image: url(library/images/hover.jpg);
	background-repeat: no-repeat;
	
	position: absolute;
	top: -85px;
	left: -15px;
	
	text-align: center;
	font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
	font-style:normal;
	color: #333;
	font-size:11px;
	text-shadow: none;	

	padding-top: 7px;
	padding-right: 0px !important;
	padding-bottom: 15px;
	padding-left: 0px !important;
	
	z-index: 2;
}

/*-----     MENU INTERNO     -----*/
#menu{ width:262px; margin-left:8px; margin-bottom:20px; margin-top:90px; background-image: url(library/images/menu-contents.jpg); background-repeat: repeat-y;}
#menu .top { background-image: url(library/images/menu-top.jpg); background-repeat: no-repeat; height: 5px; }
#menu .contents { padding-top:20px; padding-bottom:20px; }
#menu .contents ul li{
	height: 35px;
	display:block;
	background-image: url(library/images/menu-li-background.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-top:5px;
}
/*#menu .contents ul li{ background-repeat: no-repeat; background-position: 13px 0px; height: 38px; display:block; padding-top:12px; }*/
#menu .contents ul li a{
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	text-transform: uppercase;
	padding-left: 77px;
	background-repeat: no-repeat;
	background-position: 13px -5px;
	padding-top:9px;
	padding-bottom:25px;
	display:block;
}
#menu .contents ul li a.menu-home{ background-image: url(library/images/menu-icono-home.jpg);}
#menu .contents ul li a.menu-quienes{background-image: url(library/images/menu-icono-quienes-somos.jpg);}
#menu .contents ul li a.menu-porque{background-image: url(library/images/menu-icono-por-que-rse.jpg);}
#menu .contents ul li a.menu-servicios{background-image: url(library/images/menu-icono-nuestros-servicios.jpg);}
#menu .contents ul li a.menu-clientes{background-image: url(library/images/menu-icono-clientes.jpg);}
#menu .contents ul li a.menu-links{background-image: url(library/images/menu-icono-links.jpg);}
#menu .contents ul li a.menu-contactenos{background-image: url(library/images/menu-icono-contactenos.jpg);}
/*#menu .contents ul li a:hover{ font-weight:bold;}*/
#menu .contents ul li a.over{
	font-weight: bold;
	text-align: right;
	padding-right: 35px;
	font-size: 14px;
}
#menu .contents ul li.current_page_item a{
	font-weight: bold;
	font-size: 14px;
	text-align: right;
	padding-right: 40px;
}
#menu .bottom { background-image: url(library/images/menu-bottom.jpg); background-repeat: no-repeat; height: 5px; }

/*-----     NOVEDADES BOX     -----*/
#novedades { width:275px; margin-bottom: 20px; }
#novedades .top { background-image: url(library/images/novedades-top.jpg); background-repeat: no-repeat; height: 70px; }
#novedades .contents { background-image: url(library/images/novedades-contents.jpg); background-repeat: repeat-y; padding-right: 15px; padding-left: 43px; font-family: "Trebuchet MS", Arial, Verdana, sans-serif; font-size: 12px; color: #FFFFFF; line-height: 120%; }
#novedades .contents span.news-date { color:#FF9019; }
#novedades .bottom { background-image: url(library/images/novedades-bottom.jpg); background-repeat: no-repeat; height: 20px; padding-top: 50px; padding-right: 15px; }
.novedad { padding-top:20px; }
span.ver-mas a{ float: right; font-family: "Trebuchet MS", Arial, Verdana, sans-serif; font-size: 12px; color: #333; text-decoration: none; background-image: url(library/images/icon-ver-mas.gif); background-repeat: no-repeat; padding-left: 15px; background-position: 0px 0px; margin-top: 5px; }
span.ver-mas a:hover { text-decoration:underline; }
.post span.ver-mas a{
	background-position: 0px 3px;
}
span.leer-completo { float:right; background-image: url(library/images/news-leer-completo-left.gif); background-repeat: no-repeat; background-position: left top; padding-top: 0px; padding-right: 0; padding-bottom: 0px; padding-left: 5px; margin-top: 10px; margin-bottom: 0px; }
span.leer-completo a{
	font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
	font-size: 12px;
	color: #333;
	text-decoration:none;
	background-image: url(library/images/news-leer-completo-right.gif);
	background-repeat: no-repeat;
	background-position: right top;
	padding-right: 5px;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 2px;
	display: block;
	height: 15px;
}
span.leer-completo:hover { background-position:left -20px; }
span.leer-completo a:hover{  background-position:right -20px; color:#000; }

/*-----     BUSCAR Y RECOMENDAR     -----*/
#busqueda, #recomendar { width:275px; margin-bottom: 20px; }
#busqueda .top { background-image: url(library/images/busqueda-top.jpg); background-repeat: no-repeat; height: 70px; }
#recomendar .top { background-image: url(library/images/recomendar-top.jpg); background-repeat: no-repeat; height: 70px; }
#busqueda .contents{
	padding-left: 68px;
}
#recomendar .contents{padding-left: 43px;}
#busqueda .contents, #recomendar .contents { background-image: url(library/images/sidebox-contents.jpg); background-repeat: repeat-y; padding-right: 15px; font-family: "Trebuchet MS", Arial, Verdana, sans-serif; font-size: 12px; color: #333; line-height: 120%; padding-top: 5px; padding-bottom: 10px; }
#busqueda .bottom, #recomendar .bottom { background-image: url(library/images/sidebox-bottom.jpg); background-repeat: no-repeat; height: 5px; padding-right: 15px; }

span.sidebox {
	float:right;
	background-image: url(library/images/sidebox-btn-left.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 5px;
	margin-top: 10px;
	margin-bottom: 0px;
	margin-left: 8px;
}
span.sidebox a{
	font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
	font-size: 12px;
	color: #FFF;
	text-decoration:none;
	background-image: url(library/images/sidebox-btn-right.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	padding-right: 5px;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 2px;
	display: block;
	height: 15px;
}
span.sidebox a:hover { cursor:pointer;}
span.sidebox:hover { background-position:left -20px; }
span.sidebox a:hover{  background-position:right -20px; }
#form-to-friend { display:none;}
#message-sent{
	display:none;
	padding:6px;
	font-weight:bold;
}
/*-----     CLIENTES HOME (no en uso)     -----*/
#clientes-home { margin-right: 33px; margin-left: 33px; margin-bottom: 50px; }
#clientes-home .top { background-image: url(library/images/clientes-home-top.jpg); background-repeat: no-repeat; height: 70px; }
#clientes-home .contents { background-image: url(library/images/clientes-home-contents.jpg); background-repeat: repeat-y; padding-left: 43px; padding-right: 10px; font-family: "Trebuchet MS", Arial, Verdana, sans-serif; font-size: 12px; color: #333; line-height: 120%; padding-top: 20px; }
#clientes-home .contents .cliente{ width:48%; float:left; margin-right: 2%; }
#clientes-home .contents .cliente .cliente-title { font-family: "Trebuchet MS", Arial, Verdana, sans-serif; font-size: 13px; color: #333; text-transform: uppercase; font-weight: bold; margin-top:20px; margin-bottom:5px; }
.cliente-miniatura { position: relative; width: 150px; height: 113px; float: left;	 margin-right:15px;  margin-left:15px;}
.cliente-miniatura span { width: 168px; height: 106px; display: block; position: absolute; top: 9px; left: -9px; background-image: url(library/images/clientes-shadow.png); background-repeat: no-repeat; }
.cliente-link{ padding-right:12px;}
.cliente-link a{ color:#666; text-decoration:none; font-size:12px;}
.cliente-link a:hover{ color:#333; text-decoration:underline;}
#clientes-home .bottom { background-image: url(library/images/clientes-home-bottom.jpg); background-repeat: no-repeat; background-position: 0px top; height: 20px; padding-top: 25px; padding-right: 15px; }

/*-----     FOOTER     -----*/
#footer .top { background-image: url(library/images/footer-top.jpg); background-repeat:  repeat-x; height: 17px; }
#footer .contents { background-image: url(library/images/footer-contents.jpg); height: 85px; padding-right: 33px; padding-left: 33px; font-family: "Trebuchet MS", Tahoma, Arial, sans-serif; font-size: 11px; color:#333; }
#footer-buttons{ padding-top: 10px; margin-bottom:15px; }
#footer-buttons ul { margin:0; list-style:none; }
#footer-buttons li { float:left; background-image: url(library/images/footer-buttons-left.gif); background-repeat: no-repeat; background-position: left top; padding-top: 0; padding-right: 0; padding-bottom: 0; margin-top: 0px; margin-bottom: 0px; margin-right: 5px; padding-left: 5px; }
#footer-buttons a { float:left; display:block; width:0.1em; text-decoration:none; color:#333; background-image: url(library/images/footer-buttons-right.gif); background-repeat: no-repeat; background-position: right top; font-family: "Trebuchet MS", Tahoma, Arial, sans-serif; font-size: 11px; padding-right: 5px; padding-top: 5px; padding-bottom: 4px; }
#footer-buttons > ul a {width:auto;}/* Commented Backslash Hack hides rule from IE5-Mac \*/
#footer-buttons a {float:none;}/* End IE5-Mac hack */
#footer-buttons a:hover { color:#333; }
#footer-buttons li:hover, #footer-buttons li:hover a { background-position:0% -30px; color:#333; }
#footer-buttons li:hover a { background-position:100% -20px; }
#footer-buttons li:hover, #footer-buttons li:hover a { background-position:0% -20px; color:#333; }
#footer-buttons li:hover a { background-position:100% -20px; }
#footer-buttons li.current_page_item, #footer-buttons li.current_page_item a { background-position:0% -20px; color:#2E2E2E; }
#footer-buttons li.current_page_item a { background-position:100% -20px; color:#000000; } 
#copyright { float:left; }
#credits { float:right; }
#credits a { color:#333; text-decoration:none; } #credits a:hover { text-decoration: underline;  }

/*-----     CONTENTS     -----*/

div.cv{background-repeat: no-repeat; background-position: left top; padding: 15px; font-size: 12px; }
div.cv img{
	float:right;
	position: relative;
	top: -45px;
	background-color: #FFF;
	padding: 5px;
	margin: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
div#lina{ background-image: url(library/images/cv-lina.gif);}
div#marcela{ background-image: url(library/images/cv-marcela.gif);}
div#vanesa{ background-image: url(library/images/cv-vanesa.gif);}
div#victoria{ background-image: url(library/images/cv-victoria.gif);}
a.subir{
	float: right;
	font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
	font-size: 11px;
	color: #333;
	text-decoration: none;
	background-image: url(library/images/icon-subir.gif);
	background-repeat: no-repeat;
	padding-left: 15px;
	background-position: 0px 2px;
	margin-top: 5px;
	display:block; 
	clear:both;
}
a:hover.subir{ text-decoration:underline;}
a.regresar{
	float: right;
	font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
	font-size: 12px;
	color: #333;
	text-decoration: none;
	background-image: url(library/images/icon-regresar.gif);
	background-repeat: no-repeat;
	padding-left: 15px;
	background-position: 0px 3px;
	margin-top: 5px;
	margin-right:10px;
}
a.regresar:hover{ text-decoration:underline;}
.cliente{ width:180px; float:left; margin-right:6px; margin-bottom:20px;}
.cliente .cliente-title{ text-align:center; background-color:#B51133; padding:3px; font-family: "Trebuchet MS", Tahoma, Arial, sans-serif; color:#FFF; font-weight:bold; font-size:12px;}

/*-----     CONTACT FORM     -----*/
.contact-form-title{ background-color:#E9E9E9; padding:5px; margin-bottom:5px;}
.contact-form-wrapper-data{ margin-bottom:20px; padding:5px;}
.contact-form-data { width:550px;margin-bottom:10px; }
.contact-form-data .label-data{
	float:left;
	padding:3px;
	width:112px;
}
.contact-form-data .label-input{ width:370px;}
.contact-form-data .label-input span{ font-size:10px; color:#FF0000; margin-left:10px;}
.contact-form-data .send{ padding-left:308px;}
.wpcf7-mail-sent-ok{padding:5px;background-color:#BBFFBB;width:370px;}
/*.wpcf7-response-output{padding:5px;background-color:#FFBBBD;width:520px;}*/

/*-----     LISTA DE SERVICIOS     -----*/

.servicio{
	float:left;
	margin-bottom:20px;
	margin-right:15px;
	min-height:340px;
	width:263px;
	margin-top:6px;
	background-color:#FAFAFA;
	border: 1px solid #A4CD73;
}
.servicio-title{ 
background-image:url(library/images/servicio-title-background.gif);
background-repeat:repeat-y;
height:75px;
margin-bottom:5px;
padding-left:35px;
padding-right:5px;
padding-top:5px;
}
.servicio-content{ }
.servicio-title h4{
	color:#666;
}
.servicio-excerpt{ 
	font-size:13px;
	padding-left:28px;
	padding-right:10px;
}
.servicio .servicio-ver-mas span.ver-mas a{ float:right; background-position:0 3px;margin-left:10px; margin-right:10px;}
.link-subir{ margin-bottom:15px;}

/*-----     POSTS     -----*/
.post { margin-bottom:25px;}

#twitter{
	margin-top:50px; margin-bottom:30px; }
#twitter a {
	background-image:url("library/images/twitter-icon.jpg");
	background-position:center top;
	background-repeat:no-repeat;
	color:#01324F;
	font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
	font-size:13px;
	padding:28px 70px 80px 75px;
	text-decoration:none; 
	display:block;
	background-position: 0px 0px;
}
	
#twitter a:hover {
	color:#FFF;
	background-image:url(library/images/twitter-icon.jpg);
	background-position: 0px -122px;
}