/*  
Theme Name: TIME MANAGER
Theme URI: http://www.anieto2k.com
Description: Adaptación para Wordpress de <a href="http://www.templateworld.com/zero/click.php?id=10">TIME MANAGER</a>
Version: 1.0
Author: Andrés Nieto
Author URI:  http://www.anieto2k.com
*/

/* CSS Document */
body{
 background:url(images/background-761.png) 0 0 repeat-x #A8A39D; 
 color: #1A1917; margin:30px 0 0; padding:0; 
 font-family: "Trebuchet MS", Verdana, sanserif; 
 font-size: 15px; line-height: 120%;
}

a, a:visited { color: #fff; text-decoration: none}
a:hover {color: #ff7f2a;}

q {
font-style: italic;
}

div, p, h1, h2, h3, ul{ padding:0px; margin:0px;}
ul{list-style-type:none;}
/*--TOP PANEL--*/
#topPan{width:594px; height:290px; background:url(images/header_big.png) 0 7px repeat-x; position:relative; margin:0 auto;  padding-top: 5px; /*background-color:blue;*/}
.topblog {  background:url(images/diloblog_header.png) -35px 7px repeat-x !important; }
#topPan ul.toplista {width:464px; margin: 0 65px;}
#topPan ul.toplista li{float:left; font:12px/30px "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase;}
#topPan ul.toplista li a{width:92px; height:30px; display:block; background:url(images/menubg-normal.gif) 0 0 no-repeat #66605B; color:#FDFDFD;  text-decoration:none; text-align:center;}

#topPan ul.toplista li.page-item-10 a{ background:url(images/menubg-normal-contacto.gif) 0 0 no-repeat #66605B;   text-decoration:none;}

#topPan ul.toplista li a:hover{background:url(images/menubg-hover.gif) 0 0 no-repeat #66605B; color:#1A1917;}
#topPan ul.toplista li.menupadding{margin:0 0 0 1px;}
#topPan ul.toplista li.home{width:92px; height:30px; display:block; background:url(images/menubg-hover.gif) 0 0 no-repeat #FDFDFD; color:#1A1917; text-align:center;}
.clear {clear:both;}
#topPan h1{display:none; }

/* #topPan h1{display:block; width:464px; height:198px;  background:url(images/header.png) 0 0 no-repeat ; text-indent:-2000px; margin: 0 65px; clear:both;} */



#bodyPan{ 
  width:464px; margin:0 auto; position:relative;
  padding-top: 0; color:#1A1917;
}

.bodypan-blog { 

  width:564px !important; 

}

#bodyPan .primero { /* background-color: #ada8a2; */ }

#bodyPan .texto {
   display: block; 
   padding: 0 30px 60px 30px;
}


#bodyPan .top_decoration{ 
   display: block; position: absolute; height: 30px; width:464px; 
   background: transparent url(images/fondo_page.png) 0 0 no-repeat ; 
   top: -30px; left: 0px;
}

#bodyPan h1 {
   margin-top: 0; margin-left: 30px;
}

#bodyPan h4 b {
}

#bodyPan h1 a, #bodyPan h4 a { 
   text-decoration:none;
}

#bodyPan p{ 
   padding: 0 18px;
}
#bodyPan p a { color:#ff7f2a;}
#bodyPan p.agrandar { font-size: 10px; }
#bodyPan p.bigtext {background:#fff; font-size:18px; color:#B3A7A0; font-weight:bold; padding:18px 0 0;} /* no se usa */

#bodyPan ul, 
#bodyPan ol{ margin:10px 0 0; color: #444;  }
#bodyPan ul li { font-size: 16px; font-weight: bold; line-height: 140%; background:url(images/arrow-pon.png) 21px 6px no-repeat; padding-left: 40px;}
#bodyPan li { padding-bottom: 8px; }
#bodyPan li a{ background:#fff; text-decoration:none;}
#bodyPan li a:hover{ text-decoration:underline;}

#bodyPan p.more a, 
#bodyPan a.more-link {
  display:block; 
  width:89px; height:39px; 
  color:#fff;  
  font:14px/36px "Trebuchet MS", Arial, Helvetica, sans-serif; 
  font-weight:bold; 
  text-transform:uppercase; 
  text-decoration:none; 
  margin: 8px 0 0 262px; 
  text-align:center; 
  text-shadow: none;
}

/* ###################################### */
/* ############## PAGINA ################ */
/* ###################################### */

#bodyPan .una_pagina .top_decoration{ 
  background: transparent url(images/fondo_page.png) 0 0 no-repeat ; 
}

#bodyPan .una_pagina
{ 
   position:relative;  
   /* border-bottom: 1px solid white; */
   margin-top:44px;  /* hack para corregir misterio un_post_bottom espacio  */
   text-shadow: #c1beb9 1px 1px 1px;
   background-color: #ada8a2;
}

#bodyPan .una_pagina .texto {
   background: transparent url(images/pie_page.png) 0 100% no-repeat;
}


/* parrafos */

#bodyPan .una_pagina p.intro {
   font-size: 17px; 
   line-height: 140%; 
   color:#444; 
   padding-bottom: 10px;
}

#bodyPan .una_pagina p {
   font-size: 15px; 
   line-height: 140%; 
   padding-bottom: 10px;
}

#bodyPan .una_pagina a.pagina_link {
   background: transparent;
   color: #000000;
   text-decoration: none;
}

#bodyPan .una_pagina a.pagina_link:hover {
   color: #ff7b25;
   /* text-decoration: underline; */
}

/* titulos */

#bodyPan .una_pagina h4{
   display: inline-block; 
   background: transparent url(images/top_grisosc.png) 100% 0 no-repeat; 
   
   /* font-weight:bold;  */
   text-shadow: #444 -1px -1px 1px;
   padding: 0 25px 0 0; margin: 20px 0;
}

#bodyPan .una_pagina h4{
   margin-top: 22px;
}

#bodyPan .una_pagina h4.titulo-top{
   margin-top: 8px;  
}
   
#bodyPan .una_pagina h1 {
   
   /* margin-top: 0; margin-left: 30px; */
   position: absolute;
   display: block;
   top: -117px; left: 1px;

   padding-top: 18px; margin: 0;
   background: url(images/top_section.png) 0 0 no-repeat;
   /* font-weight: bold; */
   height: 57px; width: 464px;
   font-size: 34px;
   text-align: center;

   color: #615b56;
   text-shadow: #ffb98b 1px 1px 2px;
   font-weight: normal;
}

#bodyPan .una_pagina h4 span{ 
   display: inline-block; 
   padding: 11px 0 12px 20px;  font-size: 22px; 
   background: transparent url(images/top_grisosc.png) 0 0 no-repeat; 
   color: #ddd; margin: 0;
}

/* #################################### */
/* ############## POST ################ */
/* #################################### */


#bodyPan .un_post .top_decoration{ 
  background: transparent url(images/fondo_trabajos.png) 0 0 no-repeat ; 

}

#bodyPan .un_post
{ 
   position:relative;  
   /* border-bottom: 1px solid white; */
   margin-top:44px;  /* hack para corregir misterio un_post_bottom espacio  */
   text-shadow: #c1beb9 1px 1px 1px;
   background: #fefefe url(images/fondo_trabajos.png) 0 -30px no-repeat ; ;
}

#bodyPan .un_post .texto {
   background: transparent url(images/pie_trabajos.png) 0 100% no-repeat;
}


#bodyPan .fotos p { margin: 0 0 0 6px;}

#bodyPan .fotos img { 
   margin: 8px 0 0 0;
   border: 2px solid #fff
  /* border-top: 2px solid #777;
   border-right:2px solid #fff;
   border-bottom: 2px solid #ccc;
   border-left: 2px solid #999; */
}


#bodyPan .fotos img:hover { 
   border: 2px solid #ff7b25;
}

/* parrafos */

#bodyPan .un_post p.fotos-teaser{
   margin-top: 24px;
   margin-bottom: 18px;
}


#bodyPan .un_post p { 
   font-size: 15px; 
   line-height: 140%; 
   margin: 18px 0 0 8px; 
   text-shadow: none;
}

.comentarios {
   font-size: 12px;
   font-weight: bold;
}


/* titulos */

#bodyPan .un_post h1 {
   padding: 5px 0 0 0 ;  margin: 0 0 24px;
   font-size: 22px; line-height: 120%;
   text-shadow: #fff 1px 1px 1px;
   color: #777;
}


#bodyPan .un_post h1 span {
}

#bodyPan .un_post h1 a{
   display: block; 
   color: #777;
   padding-left: 56px;
   background: transparent url(images/bullet_med.png) 30px 5px no-repeat; 

}

#bodyPan .un_post h3 { /* area, cliente, rubro etc zx */
   margin: 0 0 0 51px;
   width: 285px; height: 36px;
   /* text-align: right; */
   text-shadow: none;
   font-weight: normal;
   line-height: 36px; padding-top: 0px;
   font-size: 17px; 
   background: transparent url(images/items_trabajos.png) 0 0 no-repeat; 
}


#bodyPan .un_post h3 span { 

   float: left;
   width: 75px;
   text-align: right;
   padding-right: 3px;
   color: #aaa;
   /* line-height: 36px; */ /* padding-top: 0px; */
   /* font-size: 17px; */
}

#bodyPan .un_post h3 a{

   /* line-height: 36px; */
   /* display: block;  */
   color: #555;
   /* padding-left: 5px; */
   /* width: 205px; */
}

/* more */

#bodyPan p.more a {
  background: transparent url(images/more128.png) 0 0 no-repeat; 
}

#bodyPan p.more a:hover { 
   background: transparent url(images/more128.png) -89px 0 no-repeat; 
}

/* ######################################## */
/* ############## BLOGPOST ################ */
/* ######################################## */

#bodyPan .un_blogpost .texto a{
 font-weight: bold;
}

#bodyPan .un_blogpost .texto a:hover, #bodyPan .un_blogpost .post_info a:hover{
 color: #fff;
}

.diloblog-link {
  position: absolute; 
  top: 75px; left: 10px; 
  width: 580px; height: 125px;
}

#bodyPan .un_blogpost .top_decoration{ 
  background: transparent url(images/fondo_blog-post.png) 0 0 no-repeat ; 
  width:564px; 
}

#bodyPan .un_blogpost
{ 
   position:relative;  
   /* border-bottom: 1px solid white; */
   margin-top:44px;  /* hack para corregir misterio un_post_bottom espacio  */
   /* text-shadow: #c1beb9 1px 1px 1px; */
   background-color: #dbd7d3;
}

#bodyPan .un_blogpost .texto {

   background: transparent url(images/pie_blog-post.png) 0 100% no-repeat;
   padding-bottom: 40px;
   padding-top: 10px;
}

#bodyPan .single .texto {
   padding-bottom: 60px !important;
}


/* comentarios */

#bodyPan .un_blogpost div.comentario { /* contenedor de todo el comentario! */
  position: relative;
  margin-top: 20px;
}

form#commentform {
  padding: 0 30px !important; 
  margin: 45px 0 0 0 !important;
}

#commentform h2{
  font-size: 22px !important;
}

#commentform p{
   font-size: 13px !important; line-height: 140% !important;
}


#ajax_comments h1 {
  font-size: 24px !important;
  padding: 10px 25px 0 0 !important;
}

#bodyPan .un_blogpost .big_comentario_num { /* zx */
   position:absolute;
   right: 540px; top: 0;
   color: white;
   line-height: 32px;
   padding: 0 10px 0 8px;
   font-family:monospaced;
   background:transparent url(images/coment_fondo.png) 0 0 no-repeat; 
}
#bodyPan .un_blogpost .texto_comentario {
   padding: 0 30px;
   margin: 0;
}
  
#bodyPan .un_blogpost .texto_comentario p{ 

   font-family:Helvetica,Verdana,sanserif;
   font-size:15px;
   line-height:150%;
   margin-top: 7px;
}

#bodyPan .un_blogpost .texto_comentario p.mensaje_comentario{ 

   border: 1px solid yellow;
}

/* fecha */

#bodyPan .big_fecha
{
  position: absolute;
  top: 7px; left: -33px;
  width: 67px;
  height: 81px;
  background: transparent url(images/fecha/fecha_fondo.png) 0 0 no-repeat; 
}

#bodyPan .big_fecha .dia{
  display: block;
  margin-top: 12px;
  margin-left: 6px;
  width: 61px;
  height: 34px;
}

#bodyPan .big_fecha .mes{
  display: block;
  margin-top: 1px;
  margin-left: 6px;
  width: 61px;
  height: 21px;
}


/* autor + categorias */

#bodyPan .post_info
{
  padding: 0 49px;
  font-family: Verdana, Tahoma, Arial, Helvetica, "Bitstream Vera Sans", sans-serif;
  font-size: 10px !important;
  margin: 0 !important;
}


/* parrafos */

#bodyPan .un_blogpost .texto p{
   font-family: Helvetica, Verdana, sanserif;
   font-size: 15px; line-height: 150%;
   /* text-shadow: #eee 1px 1px 1px; */
}

#bodyPan .un_blogpost .texto p img {
   padding-bottom: 10px;
}


#bodyPan .un_blogpost p { font-size: 16px; line-height: 150%; margin: 18px 0 0 0; }

#bodyPan .un_blogpost p.pie_content { margin-top: 20px; }


/* titulos */

#bodyPan .un_blogpost h1 
{
   
   /* background: transparent url(images/top_grisosc.png) 100% 0 no-repeat;  */
   text-shadow: none;

   padding: 15px 25px 10px 0;  margin: 0 0 0 48px;
   font-size:30px; line-height: 120%;
   /* text-shadow: #fff 1px 1px 1px; */
   color: #625c57;

}

#bodyPan .un_blogpost h2, #bodyPan .un_blogpost h3, #bodyPan .un_blogpost h4 
{ /* qwe */
   text-shadow: none;
   margin-left: 18px;
   font-size: 18px;
   color: #625c57;
}

#bodyPan .un_blogpost h1 a 
{
  text-decoration: none; color: #625c57;
}

#bodyPan .un_blogpost h1 a:hover
{
  color: #ff7b25;
}

/* more */

#bodyPan a.more-link {
  background: transparent url(images/more128.png) -178px 0 no-repeat;
  margin-top: 20px;
  margin-left: 380px; 
}

#bodyPan a.more-link:hover { 
   background: transparent url(images/more128.png) -267px 0 no-repeat; 
}


/* pie */
.nav-blogpost { 
 background: #a8a39d url(images/fondo_nav-blog.png) 0 0 no-repeat !important;
 width: 574px !important; 
}

/* ####################################### */


.editar {float: right; margin-top: 43px;}
.editar a { color: #555; font:13px "Trebuchet MS", Arial, Helvetica, sans-serif; text-decoration:none; font-weight:normal;  }
.editar a:hover { color: #ff7f2a; }

.navigation { width:474px; margin: 0 auto; padding: 0; background:url(images/fondo_nav.png) 0 0 no-repeat #a8a39d;  }

.nav-pagina { background:url(images/fondo_nav_page.png) 0 0 no-repeat #a8a39d; }

.centrar_nav {  width: 243px; height: 30px; margin: 0 auto; padding-top: 70px;   }
.solo {  width: 118px;  }

.navigation a, .navigation span { color: #ffffff; font:14px/30px "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform:uppercase; text-decoration:none; font-weight: bold; }
.navigation a:hover {color: #ff7f2a;}

.anterior, .siguiente { width: 118px; height: 30px; margin: 0; padding: 0;  }

.anterior  { background:url(images/nav_l_span.gif) 0 0 no-repeat #a8a39d; float:left ; text-align: left; }
.siguiente { background:url(images/nav_span.gif) 0 0 no-repeat #a8a39d; float:right; text-align: right; }

.anterior a { background:url(images/nav_l.gif); text-align: center; display:block; width: 118px; height: 30px; }
.siguiente a { background:url(images/nav.gif); text-align: center; display:block; width: 118px; height: 30px; } /* padding-right: 35px */

/*
#bodyPan p.morenext{width:89px; height:60px; right:0px; top:0px; clear:both;}
#bodyPan p.morenext a{display:block; width:89px; height:39px; background:url(images/more128.png) 0 0 no-repeat #FBFBFB; color:#fff;  font:14px/36px "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase; text-decoration:none; margin:0 0 0 262px; text-align:center;}
#bodyPan p.morenext a:hover{text-decoration:none; background:url(images/more128.png) -89px 0 no-repeat;}
*/
/* -178px -267px */

#bodyPan form
{ 
   /* width:366px; */
   /* background:url(images/formarea.jpg) 0 100% no-repeat; */
   padding: 0; margin:0;
}

/*#bodyPan form h2{display:block; width:310px; height:45px; background:url(images/formtop.gif) 0 0 no-repeat #F9F9F9; color:#fff; font:20px/39px Georgia, "Times New Roman", Times, serif; margin:0; padding:0 0 0 40px;} */

/* #bodyPan form p{ text-align:center;} */
#bodyPan form input{ width: 355px; /* height:18px; margin:0 0 10px 0px; */}
#bodyPan form input.paddingtop{margin-top:16px;}
#bodyPan form input.button{width:54px; height:25px; display:block; background:url(images/button.gif) 0 0 no-repeat #EBEBEB; border:none; color:#fff;  font:14px/25px "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform:uppercase; margin:0 0 0 262px; text-align:center;}
#bodyPan form textarea {
 /*width:85%; margin:0 5%; */
  height:100px; width:97%;
}
#bodyPan form input[type="submit"]{ /* width:90%; margin:0 5%; */}

/* !! ######## WP CONTACT FORM 7 !! ######## */
/* !! ######## #################### ######## */

#bodyPan .una_pagina form.wpcf7-form{ /* width:350px; */ /* zxx */
text-shadow: none;
 /* background:url(images/formarea_big.jpg) 0 100% no-repeat; */
padding:0; 
margin: 0;
}

#bodyPan form h2{ /* para form comentarios blog */
  color: #625C57;
}

#bodyPan .una_pagina form h4{ /* ya definido en .una_pagina h4 */
  margin-top: 0;
}

#bodyPan .una_pagina form h4 span{ 
}


#bodyPan .una_pagina form p{ 
 padding: 0;
 margin: 0 0 6px 20px;
}

#bodyPan .una_pagina form p.enviar{ 
 text-align: right;
 padding-right: 25px;
}

#bodyPan .una_pagina form.wpcf7-form input{ /* form contacto */
   width: 353px; /* height:18px; margin:0 0 5px 0px; */
}

#bodyPan form.wpcf7-form input{ /* form comentarios */
  /* height:18px; margin:0 0 5px 0px; */
}

.wpcf7-form input[type="hidden"]{
  width:54px; 
  height:0px; margin: 0; padding: 0; border: 1px solid blue;
}

#bodyPan form.wpcf7-form input[type="submit"]{
  width: auto; margin-top: 20px; 
/*
  width:54px; 
  height:25px; 
  display:block; 
  background:url(images/button.gif) 0 0 no-repeat #EBEBEB; 
  border:none; color:#fff;  font:12px/25px "Trebuchet MS", Arial, Helvetica, sans-serif; 
  text-transform:uppercase; margin:0 0 0 262px; text-align:center; 
*/
}

#bodyPan .una_pagina form.wpcf7-form textarea {
 width: 353px; height:12em;
}

.wpcf7-form-control-wrap input {width: 83%; margin-bottom:3px;}

div.wpcf7-response-output {
 margin: 0 !important;
}

/*--/BODY PANEL--*/
/*--FOOTER PANEL--*/
#footermainPan{height:155px; background: url(images/footerbg.gif) 0 0 repeat-x #000; color:#fff; margin:0 0 0; padding:51px 0 0;}
#footerPan{ width:330px; height:40px; display:block; position:relative; margin:0 auto;}
#footerPan p{width:330px; padding:20px 0 0; text-align: center;}
#footerPan p span{ color:#ff7f2a; }
#footerPan p.copyright{ background:#1F1D1B; margin:0; display:block; position:absolute; bottom:0px; color:#fff; font:11px/15px Tahoma,Arial, Helvetica, sans-serif; padding:0;}

#footerPan ul{width:330px; display:block; padding:0; }
#footerPan li{ float:left; font:12px/15px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:normal; padding-right:5px;}
#footerPan ul li a{padding:0 0 0 12px; color:#fff; /* background:#181716; */ text-decoration:none;}
#footerPan ul li a:hover{text-decoration:underline;}

#footerPan ul.info{border-left:1px #ccc solid; width:330px;  height:35px;  display:block; padding:0 0 0 3px; background:url(images/vertical-dot.gif) 0 0 repeat-y; }
#footerPan ul.info li{display:block; width:109px; height:35px; border-right:1px #ccc solid; } /* #1C1B19; #AC2626; */
#footerPan ul.info li.address{width:97px; background:url(images/vertical-dot.gif) 100% 0 repeat-y; color:#7B746B; font-size:10px; font-weight:bold; padding:0 0 0 12px;}
#footerPan ul.info li.phone{width:94px; background:url(images/vertical-dot.gif) 100% 0 repeat-y ; color:#ff7f2a; font-size:10px; padding:0 0 0 12px; font-weight:bold;}
#footerPan ul.info li.fax{width:94px; background:#1C1B19; color:#ff7f2a; font-size:10px; padding:0 0 0 15px; font-weight:bold;}
#footerPan ul li span{background:#1C1B19; color:#7B746B; font-size:10px; font-weight:bold; line-height:14px;}

#footerPan ul.templateworld{width:458px; background:#1C1B19; color:#fff; display:block; position:absolute; top:97px; }
#footerPan ul.templateworld li a{background:#1C1B19; color:#fff; text-decoration:none;}
#footerPan ul.templateworld li a:hover{text-decoration:underline;}

#footerPan p.citas { color:#666; font:10px/13px Courier, "Curier New", Arial, Helvetica, sans-serif; }
#footerPan p.citas a { color:#999; text-decoration:none; }
#footerPan p.citas a:hover{text-decoration:underline;}

.bigtext span a{ color:#ccc; text-decoration:none; font-size:2em; padding-left:100px; margin:10px;}

.alt {background-color:#efefef;}
#ajax_comments {display:block;}
#ajax_comments dt { border-bottom:1px dotted #ccc;}
#ajax_comments dt span a{font-size:0.5em;text-decoration:none;color:#999;}
#ajax_comments dd {margin-left:-0px;}

.alignleft{ background:url(images/left.jpg) no-repeat; padding-left:20px;}
.alignright{ background:url(images/arrow.jpg) no-repeat; padding-left:20px;}


/* ####### EX - Accesible slider CSS ####### */

.fl {
	float: left; display: inline;
}
img {
	border: 0; display: block;
}


.news_slider {
	position: absolute; width:400px; padding: 0 ; top: 62px; left: 494px; /* background-color:white; */
}

.news_slider ul{

}

.news_slider ul li{
   background:url(images/arrow-pin.png) 21px 4px no-repeat; padding-left: 40px;
   font-size: 15px; line-height: 120%;  margin-bottom: 11px;
}

.news_slider ul li a{
   color: #aaa; font-weight: bold;
}

.news_slider ul li a:hover{
   color: #fff;
}

p.mitexto {
   position: absolute;
   background: url(images/top_section.png) 0 0 no-repeat;
   /* font-weight: bold; */
   height: 57px; width: 464px;
   left: 66px; top: 222px;
   padding-top: 18px;
   font-size:34px;
   /* color:#ff7f2a; naranja */
   color: #615b56;
   text-shadow: #ffb98b 1px 1px 2px;
   text-align: center;
}
p.mitexto-blog {
   font-size:28px;
   font-weight: bold;
   background: url(images/top_section_blog.png) 0 0 no-repeat !important;
   color: #ff7b25;
   text-shadow: #ffffff 1px 1px 2px;
}  
/* #################################################################################### */

/* SELECTOR DE LENGUAJES*/

#selec_lang{
  position:absolute;
  z-index:1000;
  left: 20px;
}