/*
Theme Name: Delegar.net
Theme URI: http://www.delegar.net
Description: ---
Version: 1.0
Author: 
Author URI: 
Tags: 
*/

@import "style/reset.css";
@import "style/layout.css";

.todo {
	background:url(images/sombra-fondo.png) center repeat-y;
	margin:0 auto;
}

/*GLOBALES*/
body, a {
	font-family: trebuchet, arial;
	font-size:13px;
	color:#333;
	text-decoration:none;
}
body {
	background: url(images/fondo.png);
}
a {
	color:#71B338;
}
a:hover {
	text-decoration:underline;
}
.clear {
	clear:both;
}
.left {
	float:left;
}
.right {
	float: right;
}
.separador {
	height: 2px;
	background: #D5D5D5;
	margin: 10px 0;
}

/*ENCABEZADO*/
.encabezado {
	width:1000px;
	height:217px;
	margin:0 auto;
	position:relative;
	background: #fff url(images/img_fondo.png) 350px center no-repeat;
}
.encabezado h1 {
	width: 300px;
	height: 197px;
	position: absolute;
	left: 10px;
	top: 10px;
}
.encabezado h1 a{
	display:block;
	width: 300px;
	height: 197px;
	background: url(images/logo_delegar.png) no-repeat;
	text-indent: -3000px;
}
#accesoclientes {
	background:url(images/accesoclientes.png) no-repeat;
	width: 120px;
	height: 23px;
	display: block;
	position:absolute;
	top: 20px;
	right: 10px;
	text-indent: -3000px;
}
#facebook {
	width: 120px;
	height: 22px;
	position:absolute;
	right: 10px;
	top: 50px;
}
/*MENU*/
.menu {
	width:960px;
	height:51px;
	margin:0 auto;
	background: #fff url(images/menu_fondo.png) repeat-x;
	position:relative;
	padding: 8px 20px 0;
}
.menu li{
	float:left;
	margin: 0 10px;
}
#menu_izq {
	background:url(images/menu_izq.png) no-repeat;
	height: 59px;
	width: 10px;
	position: absolute;
	left: 0;
	top: 0;
	display:block;
	margin: 0;
}
#menu_der {
	background:url(images/menu_der.png) no-repeat;
	height: 59px;
	width: 10px;
	position: absolute;
	right: 0;
	top: 0;
	display:block;
	margin: 0;
}
.menu .itemmenu {
	font-size: 35px;
	color: #383838;
	text-decoration: none;
	font-weight: bold;
	background: #fff url(images/menu_fondo.png) repeat-x;
	position:relative;
}
.menu a:hover {
	color: #000;
}
.itemmenuactive {
	color: #72B439 !important;
	font-size: 35px;
	text-decoration: none;
	font-weight: bold;
	background: #fff url(images/menu_fondo.png) repeat-x;
}
.itemmenuactive:hover {
	text-decoration: none;
}

.submenu li {
	display:block;
	background: url(images/fondosubmenuseparador.png) repeat-x bottom;
	margin: 5px 10px 0;
	padding-bottom: 5px;
	float:none;
}
.submenu li a{
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #999;
	font-size: 16px;
}
.submenu {
	background:url(images/fondosubmenu.png) no-repeat bottom;
	width: 160px;
	padding: 0 10px 30px;
	position:absolute;
	z-index:100;
	margin: 0px 0 00 -25px;
	display:none;
}

/*CONTENIDO*/
.contenedor {
	width:1000px;
	margin:0 auto;
	background: #fff;
}

/*PRINCIPAL*/
.principal{
	width:680px;
	float:left;
	margin: 10px 0 0 10px;
	_margin: 10px 0 0 10px;
	color: #111;
	font-family: 	'Lucida grande',Verdana,sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: 130%;
}
.principal h2, .principal h2 a{
	color: #333;
	font-family: Arial,Verdana,sans-serif;
	font-size: 22px;
	font-style: normal;
	margin: 0 0 10px;
	font-weight: bold;
}
.principal h3{
	color: #9D9D9D;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 18px;
	font-style: normal;
	margin: 0 0 10px;
	font-weight: bold;
}
.principal strong{
	color: #9D9D9D;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
}

.principal a{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	font-style: italic;
}

.principal p{
	margin: 0 0 20px;
}
.ultimosposts {
	background: #72B439;
	font-size: 26px;
	color: #fff;
	padding: 10px 5px 1px 5px;
	-moz-border-radius: 5px; -webkit-border-radius: 5px; 
	margin: 0 0 10px 0;
}

.title {
	background: url(images/principal-title.png) no-repeat;
	width: 443px;
	height: 45px;
	color: #383838;
	font-size: 24px;
	padding: 7px 0 0 10px;
	margin: 10px 0 0 -5px;
}
.pasador {
	background: #F7F7F7;
	height: 220px;
	padding: 10px 0;
	margin: 0 0 10px; 
	position: relative;
	overflow: hidden;
	-moz-border-radius: 5px; -webkit-border-radius: 5px; 
	font-family: arial, sans-serif !important;
	font-size: 12px !important;
	color: #666;
	font-style: normal;
}

.pasador .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
}

.items>div {
	float:left;
	margin: 0 10px;
	width: 423px;
}
.pasador .next, .pasador .prev {
	width: 14px;
	height: 14px;
	display:block;
	background:url(images/pasador_controles.png) no-repeat;
	float:left;
	margin: 4px 0 0 10px;
}
.pasador .next {background-position: -14px 0;}
.pasador .prev:hover {background-position: 0 -14px;}
.pasador .next:hover {background-position: -14px -14px;}
.pasador h2 a{
	background: #72B439;
	color: #000;
	padding: 3px;
	float:left;
	display:block;
	margin: 0 0 10px 0;
}
.foto-destacado {
	width: 416px;
	height: 128px;
	margin: 0 0 10px 0;
}
.socialmediadashboard {
	background: #ADD2E5;
	height: 145px;
	position:relative;
	margin: 0 0 10px 0;
	-moz-border-radius: 5px; -webkit-border-radius: 5px; 
}
.icon-socialmediatitle {
	background:url(images/icon-socialdb.jpg) no-repeat;
	width: 18px;
	height: 18px;
	position:absolute;
	top: 10px;
	left: 10px;
}
.socialmediadashboardtitle, .contactodashboardtitle {
	position: absolute;
	top: 5px;
	left: 38px;
	color: #fff;
	font-size: 24px;
}
.smd-fb-icon {
	width: 34px;
	height: 34px;
	position:absolute;
	top: 40px;
	left: 8px;
	background:url(images/icon-socialdb-fb.jpg) no-repeat;
	display:block;
}
.smd-fb {
	width: 360px;
	height: 40px;
	position:absolute;
	top: 40px;
	left: 50px;
	display:block;
}
.smd-tw-icon {
	width: 34px;
	height: 34px;
	position:absolute;
	top: 96px;
	left: 8px;
	background:url(images/icon-socialdb-tw.jpg) no-repeat;
}
.smd-tw {
	width: 380px;
	height: 40px;
	position:absolute;
	top: 90px;
	left: 50px;
	color: #fff;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-style:normal;
	line-height: 120%;
	font-weight:bold;
}
.smd-tw a{
	color: #fff;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-style:italic underline;
}

.smd-skype-icon {
	width: 34px;
	height: 34px;
	position:absolute;
	top: 150px;
	left: 8px;
	background:url(images/icon-socialdb-skype.jpg) no-repeat;
	display:block;
}

.smd-skype{
	width: 380px;
	height: 40px;
	position:absolute;
	top: 158px;
	left: 50px;
	color: #fff;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-style:normal;
	line-height: 120%;
	font-weight:bold;
}
.smd-skype span{
	font-size: 15px;
}
.contactodashboard {
	background: #ADD2E5;
	height: 300px;
	position:relative;
	padding: 40px 10px 0;
	-moz-border-radius: 5px; -webkit-border-radius: 5px; 
}
.icon-contactodashboard {
	background:url(images/icon-contacto-db.jpg) no-repeat;
	width: 18px;
	height: 18px;
	position:absolute;
	top: 10px;
	left: 10px;
	margin: 0 0 10px 0;
}
.contactodashboardtitle {
	padding-top:7px;
	position: absolute;
	top: 5px;
	left: 38px;
	color: #fff;
	font-size: 24px;
}
.contactodashboard input, .contactodashboard textarea {
	background: #fff;
	border: 0px;
	padding: 5px;
	display: block;
	margin: 0 0 10px;
	width: 405px;
	-moz-border-radius: 5px; -webkit-border-radius: 5px; 
	color: #ccc;
	font-size: 13px;
}
.contactodashboard textarea {
	color: #333;
	font-family: Arial, Helvetica, sans-serif;
}
.contactodashboard p {
	margin: 0;
	padding: 0;
}
#contactobd-submit {
	background: url(images/bt-contacto-enviar.png) no-repeat;
	width: 71px;
	height: 23px;
	font-size: 0;
	float:right;
	margin: 0;
	padding: 0;
}
.contactodashboard textarea {
	height: 100px;
}

.servicios-a {
	display: block;
	width: 96px;
	float:left;
	margin: 0 0px 5px 0;
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 13px  !important;
	color: #333;
	font-style:normal  !important;
	height: 135px;
	border: 1px solid #fff;
	padding: 5px;
}
.servicios-a:hover {
	text-decoration: none;
	border: 1px solid #ddd;
	background: #efefef;
}

/*QUIENES***************/
.puesto {
	font-size: 24px;
}
.quienes-facebook, .quienes-twitter, .quienes-linkedin, .quienes-rss {
	width: 18px; height: 18px;	text-indent: -3000px;	display:block; float:left; margin: 0 5px 0 0;}
	
	
.quienes-facebook {
	background:url(images/icon-quienes-facebook.jpg) no-repeat;}

.quienes-twitter {
	background:url(images/icon-quienes-twitter.jpg) no-repeat;}

.quienes-linkedin {
	background:url(images/icon-quienes-linkedin.jpg) no-repeat;}

.quienes-rss {
	background:url(images/icon-quienes-rss.jpg) no-repeat;}
.quienes-foto {
	float:left;
	margin: 0 10px 5px 0;
}
.quienes-contenedor-social {
	width: 460px;
	height: 28px;
	margin: 10px 0 5px;
}

/*TRABAJOS SINGLE************************/
.trabajos {
	font-style:normal !important;
}
.trabajos-title {
	font-weight: bold;
}
.trabajos-link {
	color: #72B439;
	font-style: normal !important;
	text-decoration: underline;
}
.trabajos-link:hover {
	color: #104A69;
}

/*SIDEBAR*/
.sidebar{
	width:260px;
	float:right;
	margin: 10px 10px 0 0;
	_margin: 0 10px 0 0;
}
.widgettitle, .widgettitle a {
	background: url(images/widgettitle-right.png) no-repeat;
	width: 270px;
	height: 45px;
	color: #383838;
	font-size: 24px;
	padding: 7px 0 0 10px;
	margin: 10px 0 0 -5px;
}


.servicios-analisisweb, .servicios-seo, .servicios-redaccion, .servicios-adwords, .servicios-desarrollo {
	width: 183px;
	height: 39px;
	background:url(images/links-servicios.jpg) no-repeat;
	text-indent: -3000px;
	display: block;
	margin: 0 0 10px 0;
}
.servicios-seo {background-position: 0 -50px; }
.servicios-redaccion {background-position: 0 -100px; }
.servicios-adwords {background-position: 0 -150px; }
.servicios-desarrollo {background-position: 0 -200px; }

.servicios-analisisweb:hover {background-position: -183px 0px; }
.servicios-seo:hover {background-position: -183px -50px; }
.servicios-redaccion:hover {background-position: -183px -100px; }
.servicios-adwords:hover {background-position: -183px -150px; }
.servicios-desarrollo:hover {background-position: -183px -200px; }

.sidebar>ul>li>ul>li {
	border-bottom: 1px solid #ccc;
	padding: 7px;
}

/*PIE*/
.pie{
	width:1005px;
	margin: 0 auto;
	background: url(images/pie.jpg) no-repeat center;
	height: 105px;
	position:relative;
}
#pie-wordpress {
	width: 30px;
	height: 30px;
	position: absolute; 
	top: 50px;
	right: 23px;
	display:block;
	text-indent: -3000px;
}
.socializanos {
	background:url(images/socializanos.png) no-repeat;
	width: 229px;
	height: 69px;
	display:none;
}

.socializanos .blog {width: 25px; height: 25px; margin: 17px 0 0 17px; display:block; text-indent: -3000px; float:left;}
.socializanos .facebook {width: 25px; height: 25px; margin: 17px 0 0 10px; display:block; text-indent: -3000px; float:left;}
.socializanos .stumbleupon {width: 25px; height: 25px; margin: 17px 0 0 10px; display:block; text-indent: -3000px; float:left;}
.socializanos .linkedin {width: 25px; height: 25px; margin: 17px 0 0 10px; display:block; text-indent: -3000px; float:left;}
.socializanos .delicius {width: 25px; height: 25px; margin: 17px 0 0 10px; display:block; text-indent: -3000px; float:left;}
.socializanos .twitter {width: 25px; height: 25px; margin: 17px 0 0 10px; display:block; text-indent: -3000px; float:left;}

#socializanos-a {
	position: absolute;
	display:block;
	background:url(images/socializanos-a.png) no-repeat;
	height: 17px;
	width: 90px;
	text-indent: -3000px;
	left: 150px;
	top: 38px;
}
#socializanos-a:hover {
	background-position: -89px 0;
}

.fecha, .comentarios {
	color: #111;
	font-size: 12px;
	margin: 0 0 5px 0;
}
.fecha a, .comentarios a{
	color: #72B439;
	font-family: Verdana, Geneva, sans-serif;
	font-style: normal;
	font-size: 12px;
}

.bienvenidos {
	height: 70px;
	background: #72B439;
	color: #fff;
	font-size: 28px;
	padding: 10px;
	margin: 0 0 10px 0;
	-moz-border-radius: 3px; -webkit-border-radius: 3px; 
	text-align:center;
}
#searchform{
	height: 40px;
	background: #72B439;
	color: #fff;
	font-size: 28px;
	padding: 0px;
	margin: 0 0 10px 0;
	-moz-border-radius: 3px; -webkit-border-radius: 3px; 
}
#searchsubmit {
	background:url(images/btnbuscar.jpg) no-repeat;
	width: 27px;
	height: 27px;
	border: 0;
}
#input {
	width: 200px;
	height: 18px;
	border: 0;
	background:none;
	padding: 0 0 0 10px;
	color: #fff;
}
#twitter {
	background: #72B439 url(images/twitter.jpg) no-repeat 5px 5px;
	color: #fff;
	font-size: 13px;
	padding: 40px 10px 10px;
	height: 85px;
	position:relative;
	-moz-border-radius: 3px; -webkit-border-radius: 3px; 
}
#twitter a{
	font-style: italic;
	color: #fff;
}
#seguime {
	float:right;
	position:absolute;
	right: 10px;
	bottom: 10px;
}
#paginacion {
	float:right;
	margin: 0 0 10px ;
}
#paginacion a {
	background: #72B439 ;
	color: #fff;
	font-size: 16px;
	padding: 5px 10px 5px;
	-moz-border-radius: 5px; -webkit-border-radius: 5px; 
}
.comenatiorsform  {
	background: #ADD2E5 url(images/dejatucomentario.jpg) no-repeat 5px 5px;
	position:relative;
	width: 420px;
	padding: 40px 10px 10px;
	-moz-border-radius: 5px; -webkit-border-radius: 5px; 
}

.comenatiorsform input, .comenatiorsform textarea {
	background: #fff;
	border: 0px;
	padding: 5px;
	display: block;
	margin: 0 0 10px;
	width: 405px;
	-moz-border-radius: 5px; -webkit-border-radius: 5px; 
	color: #ccc;
	font-size: 13px;
}
.comenatiorsform textarea {
	color: #333;
	font-family: Arial, Helvetica, sans-serif;
}
.comenatiorsform p {
	margin: 0;
	padding: 0;
}
#comenatiorsform-submit {
	background: url(images/bt-contacto-enviar.png) no-repeat;
	width: 71px;
	height: 23px;
	font-size: 0;
	float:right;
	margin: 0;
	padding: 0;
}
.comenatiorsform textarea {
	height: 100px;
}
#cancel_reply {
	float:left;
}
.comment-childs {
	padding: 10px 10px 10px 10px; 
	border: 1px solid #ADD2E5;
	background: #fff;
	-moz-border-radius: 5px; -webkit-border-radius: 5px; 
	margin: 0 0 0 60px;
	
}
.comment-childs.chalt{
	background: #eee;
}
.thdrpy {
	margin: 0 0 5px 0;
	font-size: 12px;
}

.comentarios_ul a {
	color: #ADD2E5;
	font-size: 12px;
	font-style: normal;
}
.comentarios_ul p{
	margin: 5px 0;
}
