/*  
Theme Name: DietaFitness
Theme URI: http://dietafitness.com/
Description: Theme para DietaFitness
Version: 2.0
Author: -
Author URI: -
*/

/*++++++ BODY ++++++++*/
* { padding:0; margin:0; list-style:none; text-decoration:none; }
body { background:#FFFFFF url(images/fondo-dietas.jpg); font:11px Verdana, Arial, Helvetica, sans-serif; color:#000;}
html, body { height: 100%; }

/*++++++ HEADER ++++++++*/
#header { width:963px; background: transparent url(images/logo-dietas-fitness.jpg) no-repeat; height:182px; margin:5px auto 0;}
#header h1 { font-size: 2em;}
#header h1 a { display:block; line-height: 1em; color:#000; }
.logo {float:left; padding:44px 0 0 23px; text-align:center;}
.header-advertise{float:right; margin:30px 5px 0 0;z-index:10000000; position: relative;}
.advertise-top{display:block; text-align:left;}
/*++++++ H2, H3 & HYPERLINKS ++++++++*/
h2, h3 { font:bold 14px Arial; color:#333;}
a { color: #990000;}
a:hover { color:#000;}

.top-pages{float:right; margin:10px 1px 15px 0; list-style:none; list-style-position:outside; width:728px;
}
.top-pages li{background:transparent url(images/pagesGrad.png) repeat-x scroll 0 0; float:left; margin:2px;
padding:0; margin:2px 1px 2px 0; padding:0; float:left; position:relative;}
.top-pages a{display:block; width:144px; padding:6px 0 10px 0;	text-transform:uppercase; text-align:center; font-size:12px; color: #FFF;}
.top-pages a:hover{font-weight: bold; color: #FFF;}
.advertise-top{height: 30px;/*height: 80px;*/ text-align: left; background: #fff; width:100%; padding: 0px 0px 0px 0px; width: 963px; margin:0 auto;}

/*Contenido*/

.content{width: 963px; margin:0 auto; background: #fff; display:block;}
.content-in{ margin:0 20px 0 20px; padding-top: 20px;}

/*articulos*/
.primary{width: 58%; float:left; margin-bottom: 40px;}
.ultima{padding-bottom: 27px;}
.ultima h2{font-size: 1.8em;}
.ultima h2 a{color:#000;}
.ultima h2 a:hover{text-decoration: underline;}
.ultima h3{font-size: 1.4em; margin:5px 0 0 0;}
.cajatitulo{border: 1px solid #CEDB39; padding:2px 0 2px 6px; margin:0 0 8px 0;}
.tres{margin-top:20px;}
.tres li{font-size: 1.2em;}
.tres a{color: #0066CC;}
.recetasDietaIMG{background: url(images/dietas.png) no-repeat; width:85px; height: 85px; float:left; margin:0px 10px 0 0;}
.recetasBellezaIMG{background: url(images/belleza.png) no-repeat; width:85px; height: 85px; float:left; margin:0px 10px 0 0;}
.recetasSaludIMG{background: url(images/salud.png) no-repeat; width:85px; height: 85px; float:left; margin:0px 10px 0 0;}
.recetasPilatesIMG{background: url(images/pilates.png) no-repeat; width:85px; height: 85px; float:left; margin:0px 10px 0 0;}
.recetasFitnessIMG{background: url(images/fitness.png) no-repeat; width:85px; height: 85px; float:left; margin:0px 10px 0 0;}
.recetasRelacionesIMG{background: url(images/relaciones.png) no-repeat; width:85px; height: 85px; float:left; margin:0px 10px 0 0;}
.recetasArticulosIMG{background: url(images/articulos.png) no-repeat; width:85px; height: 85px; float:left; margin:0px 10px 0 0;}
.recetasCalculadorasIMG{background: url(images/calculadoras.png) no-repeat; width:85px; height: 85px; float:left; margin:0px 10px 0 0;}

.ultima ul{margin-top:2px; margin-left: 70px;}
.ultima li{list-style: disc; margin:0 0 4px 40px;}
.ultima a:hover{color:#000;}
.entry{color: #505050;}
.entry img{float:left; margin: 8px 10px;}
.entry a{color: #0066CC; font-weight: bold;}
.mas{float:right; margin:0 10px 0 0; font-size: 1.1em;}
.mas a{color:#afba2c; font-weight: normal !important;}
.entry{text-align:justify;margin-top:3px; font-size:12px}
.entry p{margin-bottom:15px;}
.entry ul{margin-left:0px; margin-top:-10px !important;}


/*++++++ SEARCH BOX ++++++++*/
/*#searchbox { float:right; width: 237px; height: 33px; background: url(images/search.gif) no-repeat; margin:13px 15px 0 0 !important; margin:13px 8px 0 0 }*/
#searchbox #s { float: left; margin: 8px 0 0 10px; border: 0; width: 190px; background: none; color:#999999; }
#searchbox #go { float: right; margin: 10px 13px 0 0; width:12px; height:13px;  }

/*++++++ NAVIGATION ++++++++*/
.navigation{clear:both; display:block; margin-bottom: 30px;height:40px;}
.navigation a:hover{color:#000;}

.clear { clear:both;}

/*++++++ MISC ++++++++*/
acronym, abbr, span.caps { cursor: help; }
acronym, abbr { border-bottom: 1px dashed #999; }
blockquote { margin: 15px 30px 15px 10px; padding: 20px; background: #ddd; }
blockquote cite { margin: 5px 0 0; display: block; }
.center { text-align: center; }
pre {border: solid 1px #9a9a9a;color: blue;margin: 10px;padding:10px;background: #f3f2ed}
code {font-size:1.0em;color: #000}
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; }
img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; background-color:#FFFFFF; }
.alignright { float: right; } 
.alignleft { float: left; }
.wp-smiley { border:none;}
.head img { border:none;}
img a { border:none;}
/*.archs li {background:url(images/bullet.gif) no-repeat; margin:0 0px 5px;padding:0 0 5px 20px;}*/

/*#browse { background:url(images/browse.gif) left no-repeat; font-size:10px; padding:5px 0 5px 20px; margin:0 0 10px 6px;}*/

.metaCat{color: #878876;}

/*++++++ ENTRY ++++++++*/
.pagetitle{text-align: left; color: #afba2c; margin:0 0 20px 10px; font-size: 1.8em;}
.postmetadata{ font-size: 1.1em; margin:20px 0 0 0; color: #878876;}
.postmetadata a{ font-weight: normal;}
.postmetadata small{color: #878876;}
.publiCat{border-top:2px dotted #afba2c; text-align: center; padding-top: 30px;}
.navigation a{color:#0066CC;}


/*++++++ SIDEBAR ++++++++*/
#sidebar { width:40%; float:right; }
#sidebar a {color:#333333;}
#sidebar a:hover {color:#000;}
#sidebar ul li{border:1px solid #D4D4D4; padding:10px 10px 10px 10px; margin:0 0 20px 0}
.sidebarImage{text-align: center; }
.sidebarImage img a{border:0;}
.search{text-align: center;}
.search #s{width:75%; padding:2px 5px;}
.miniBanners ul{text-align: center;}
.miniBanners ul li{display:inline; border:0 !important; margin:0 5px 0 0;}
.miniBanners a img{border:0;}
#sidebar h4{color: #878876;background: #E8E9DF; display: block; width:100%; text-transform: uppercase; text-align: center;
font-size: 1.3em; margin:10px 0 10px 0; padding:5px 0 5px 0;}
#sidebar h4 a{color: #878876;}

.leftCol{width:170px;}
.leftCol li{border:0 !important; margin:0px 0px -10px 0px !important}
.leftCol li ul{margin: 0 0 0px 0px !important;}
.leftCol li ul li{margin:2px 0 1px 0 !important;width: 150px; height:15px; overflow:visible;}


.par{background: #F4F4F4; }
.par a{color:#878876 !important;}
.impar{background: #fff;}
.impar a{ color: #878876 !important;}

.rightCol{width:160px;float:right; margin-right: 10px;}
.rightCol li{border:0 !important; margin:0px 0px -10px 0px !important}
.rightCol li ul{margin: 0 0 0px 0px !important;}
.rightCol li ul li{margin:2px 0 1px 0 !important;width: 140px; height:15px; overflow:visible;}
.children a{ text-transform: none !important; font-size: 1em !important;}
.children a:hover{color:#000 !important; font-weight: normal !important;}

.categories a{text-transform: uppercase; font-size: 1.1em; overflow:visible; display: block;}
.categories a:hover {font-weight: bold;}

.aviso{clear:both; text-align: center; width: 80%; margin:4px auto 0px auto; font-size: 0.9em; padding: 30px 0 30px 0;}
.separador{margin:30px 0 20px 0; border-top: 3px dotted #afba2c;}

/*++++++ WP2.5 Gallery ++++++++*/
.gallery {text-align:center;}
.gallery img {padding:2px; height:90px; width:90px;}
.gallery a:hover {background-color:#ffffff;}
.attachment {text-align:center;}
.attachment img { padding:2px; border:1px solid #999999;}
.attachment a:hover {background-color:#FFFFFF;}
.galnavtitle { text-align:center; color: #999999; text-transform:uppercase; font-size:10px;  background-color:#F3F2ED; height:15px; padding:5px; margin:5px 0 10px 0;}
.imgnav {text-align:center;}
.imgleft {float:left;}
.imgleft a:hover {background-color:#FFFFFF;}
.imgleft img{ padding:2px; border:1px solid #999999; height:100px; width:100px;}
.imgright {float:right;}
.imgright a:hover {background-color:#FFFFFF;}
.imgright img{ padding:2px; border:1px solid #999999; height:100px; width:100px;}


.postmetasingle{width:97%;background: #f4f4f4; border-top: 1px solid #E8E9DF; border-bottom: 1px solid #E8E9DF; margin:0 0 20px 0; padding:10px;}
.postmetasingle{color: gray;}
.postmetasingle a{color: #afba2c;}
.postmetasingle a:hover{color: #000;}

.relacionados h4{font-size: 1.2em;}

.relacionados{margin-bottom:20px;}

/*+++++++ COMMENT +++++++*/
.comen { width:550px; margin-bottom:10px;}
.cleft { float:left; width:60px; margin-top:10px;  }
.cright { float:right; width:460px; }
.comen .cright .ucomen{ font:11px Arial; text-transform:uppercase; color:#72b6cf;}
.comen .cright .ucomen a { color:#72b6cf;}
#commentform textarea { width: 100%; padding: 2px; }
#commentform label { }
#commentform input{width:260px !important;}
#commentform #author,#commentform #email,#commentform #url { background:#fcfcfc; border:1px solid #E8E9DF; width:390px; height:27px; padding:5px 0 0 5px;}
#commentform #comment { background:#fcfcfc; border:1px solid #E8E9DF;}
#commentform #submit { height:27px; width: auto !important; outline:none; float:right; }
#commentform p{margin-bottom:10px; font-size:1.1em;}
#commentform p a{color: #0066CC;}
#respond{font-size: 1.5em; margin-bottom: 10px;}

.commentlist li{margin:20px 0 20px 0; padding:10px;}
.commentlist {font-weight:bold;}
.commentmetadata{padding-bottom: 10px; font-weight:normal;}
.commentmetadata a{color: #afba2c;}
.commentlist p{margin-top: 10px; font-weight: normal;}

.commentlist .alt{background: #f4f4f4; border-top:1px solid #E8E9DF; border-bottom:1px solid #E8E9DF;}

 .clear{
 clear:both;
 margin:0;
 }
 
/*++++++ FOOTER ++++++++ height:37px;*/
#footer { height:97px; width:964px; background:#bb302d; clear:both; margin:0 auto; font-size: 0.9em; text-align: center;}
#footer p { color:#878876; padding:7px 0 7px 10px;}
#footer a { color:#ccc; border:0px;}
#footer a img{border:0;}
#footer a:hover { color:#FFFF99;}

/* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
}
.tabberlive {
 margin-top:1em;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
 margin:0;
 padding: 3px 0;
 border-bottom: 1px solid #e3e5d7;
 font: bold 12px Verdana, sans-serif;
}

ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;
 border:0 none !important;
 padding: 10px 1px !important;
}

ul.tabbernav li a
{
 padding: 3px 2px;
 margin-left: 0px;
 border: 1px solid #e3e5d7;
 border-bottom: none;
 background: #F4F4F4;
 text-decoration: none;
}

ul.tabbernav li a:link { color: #448; }
ul.tabbernav li a:visited { color: #667; }

ul.tabbernav li a:hover
{
 color: #000;
 background: #E3E5D7;
}

ul.tabbernav li.tabberactive a
{
 background-color: #e3e5d7;
 border-bottom: 1px solid #e3e5d7;
}

ul.tabbernav li.tabberactive a:hover
{
 color: #000;
 background: #e3e5d7;
border-bottom: 1px solid #e3e5d7;
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 padding:5px;
 
 border-top:0;
background: #e3e5d7;
 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 display:none;
}
.tabberlive .tabbertab h3 {
 display:none;
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}

.tabbertab ul li{ border:0 !important; margin:0px 0 0 20px !important; padding:5px !important; list-style:square;}