/*
Theme Name: Worldx3 v 1.0
Theme URI: http://worldx3.com
Description: Primera version para worldx3.com 2009
Version: 1.0
Author: Alex M. Gorgal (gruncho)
Tags: jquery, worldx3, css, flickr, twitter

*/
#cuerpo{
   margin: 10 0 10 0px;
} 

#page {
box-shadow: 5px 5px 1px #333;
text-align:left;
width:600px;
border:1px solid #949494;
background:white;
padding:0px 25px 25px 25px;
float:left;
}
#page .tags a {
    color:#d0d0d0;
text-decoration:none;
    }
#page .tags a:hover {
    color:#dd0000;
text-decoration:none;
    }
/* whole page */
body {
	background-image:url(images/bck.png);
text-align:center;
padding: 0em;
color: black;
font-family: Arial, Helvetica;
font-size: 14px;
padding-left:19%;
}

blockquote {
        font-family: Georgia;
        font-size:19px;
        font-style:italic;
        padding: 5px 50px 5px 82px;
        background: url('http://www.worldx3.com/wp-content/uploads/2010/05/quote.png') no-repeat #FFFFFF;
        margin: 20px 0 0 0px;
        color:#c0c0c0; 
}
/* end whole page */

/* header */
#header {
        text-align: left; 
	margin: -9px 0px 0px 0px;
	border: 0px solid gray;
	padding: 0em;
}
#header h1 {
	margin: 0em;
text-align:center;
	border: 0px solid gray;
	padding: 0em;
	font-size: 4em;
	line-height: 0.75em; /* weird IE7 bug fix */
}

#header #tagline {
	margin: 0.75em 0em 0em 2em; /* also part of the IE7 fix */
	border: 0px solid gray;
	border-left: 1px solid gray;
	padding: 0.5em 0em 0.5em 2em;
	color: gray;
	background: inherit;
	float: left;
}
/* end header */

/* content area */
#content {
        text-align: left;
	margin: 1em 3em 1em 0em;
	padding: 0em;
}

#content h2 {
	margin: 0em 0em 1em;
	padding: 0em;
	color:#c2c2c2;
        border-bottom:1px solid #aaa;
	font-size: 1.5em;
}

#content .post {
}
#content .entry {
width:600px;
font-family: Helvetica, Arial, Sans-Serif;
color: #333;
font-size:16px;
}

#content .entry a {
padding:1px;
color:black;
text-decoration:underline;
}
#content .entry a:hover {
padding:1px;
color:black;
background-color:#c7f1ad;
text-decoration:none;
}

#content .entry img {
max-width:580px;
border:1px solid #dbdbdb;
padding:2px;
}

#content h3 {
	font-size: 22px;
        color:#545454;
	margin: 0em;
	padding: 1px;
}

#content h3 a {
font-weight: none;
	margin: 0em;
	padding: 1px;
        text-decoration:none;
        color:#545454;
}

#content h3 a:hover {
font-weight: none;
text-shadow: 0 1px 2px #e0e0e0;
  text-decoration:none;
color:black;

}


#content .postmetadata {
        font-family: Calibri,Helvetica,Arial,sans-serif;
font:12px;
margin:0px;
padding:0px;
	color: #cfcfcf;
        width:600px;
	background: inherit;
border-top:1px solid #E0E0E0;
}
#content .postmetadata a {
      font-family: Calibri,Helvetica,Arial,sans-serif;
font:12px;
	color: #cfcfcf;
text-decoration:underline;
	background: inherit;
}
#content .postmetadata a:hover {
	color: #cfcfcf;
      font-family: Calibri,Helvetica,Arial,sans-serif;
font:12px;
	background: inherit;
text-decoration:none;
}

#content .navigation {
	margin: 1em 0em 0em;
	padding: 0em;
	display: block;
}

#content .goback {
	margin: 0em 0.5em 0em 0em;
	padding: 0em;
	font-size: 1.25em;
}

#content .goforward {
	margin: 0em 0em 0em 0.5em;
	padding: 0em;
	float: right;
	font-size: 1.25em;
}

#content #comments {
	margin: 2em 0em 1em;
	padding: 0em;
	clear: both;
}

#content .commentlist {	
	padding: 0em;
	font-size: 0.9em;
}

#content .commentlist li {
	padding: 0em;
	list-style-type: none;
}

#content .commentlist img.avatar {
	float: right;
        border:2px solid #dbdbdb;
        padding:2px;
        background-color:white;
	margin-left: 1em;
}

#content .commentmetadata {
        margin-bottom:50px;
        padding:2px;
	color: #a5a5a5;
	background: #ebebeb;
}
#content .commentmetadata a {
	color: #a5a5a5;
        text-decoration:underline;
}
#content .commentmetadata a:hover {
	color: #a5a5a5;
	background: #ebebeb;
        text-decoration:none;
}

#content #respond {
	margin: 2em 0em 1em;
	padding: 0em;
	
	clear: both;
}
/* end content area */

/* these rules are added for compatibility with WordPress Theme Directory */

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption-dd {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}

/* end Theme Directory compatibility */

/* footer */

#footer  {
text-align:center;
font-size: 12px;
font-family:Georgia;
color: #3a3a3a;
margin:14px;
font-style:italic;
}

#footer  a {
text-decoration:underline;
color: #3a3a3a;
}

#footer  a:hover {
text-decoration:none;
color: #3a3a3a;
}


/* end footer */
.infox {
text-align:left;
}
.infox h2 {
color:#c2c2c2;
font: normal 15px/1.8em "lucida grande", tahoma, verdana;
}

.infox h2 a {
color:#c2c2c2;
font: normal 15px/1.8em "lucida grande", tahoma, verdana;
}
.infox h2 a:hover {
color:#c2c2c2;
font: bold 15px/1.8em "lucida grande", tahoma, verdana;
}
.infox ul {
	margin: 0em;
	padding: 0em;
}

.infox ul li {
	margin: 0em;
	padding: 0em;
	list-style-type: square;
}
.infox .contenido {
text-align:left;
text-shadow: 0 1px 1px white;
width:500px;
background-color:#f0f0f0;
-webkit-border-radius:7px;
-khtml-border-radius:7px ; 
-moz-border-radius:7px ;
border-radius:7px ;
margin:10px;
color:black;
border:1px solid #aaa;
padding:5px;
border-collapse:;
overflow:hidden;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}
.infox .nombre {
margin:4px;
padding:2px;
background-color:#ebebeb;
}
.infox .nombre a {
text-shadow: 0 1px 2px #cfcfcf;
color:#666666;
text-decoration:none;
}
.infox .nombre a:hover {
text-decoration:none;
color:black;
}

#content .masinfo {
color:black;
padding:4px;
background-color:white;
}
#content .masinfo a {
color:#5b5b5b;
text-decoration:underline;
}
#content .masinfo a:hover {
text-decoration: none;
color:#5e5e5e;
}
#content ul {
-webkit-border-radius:5px;
-khtml-border-radius:5px ; 
-moz-border-radius:5px ;
border-radius:5px ;
background-color:#f0f0f0;
padding:10px;
}
#content ul li {
padding:0px;
margin-left:20px;
list-style-type:square;
}
/* SUBMENU */

.submenu {
padding: 8px 0 8px;
margin:0 0 12px 0;
overflow: hidden;
}
ul.submenu {
padding:0px;
margin:0px;
list-style-type:none;
       }
  ul.submenu li {
float: left;
list-style: none;
                }
  ul.submenu cate.li {
     float: right;
     list-style: none;
                }               
          ul.submenu li a {
text-shadow: 0 1px 2px white;
font-size:16px;
text-decoration: none;
color:#999;
outline: none;
float: left;
text-decoration:none;
position: relative;                    
margin: 4px 14px 4px 4px;
padding:8px 16px;
-webkit-border-radius:8px;
-khtml-border-radius:8px ; 
-moz-border-radius:8px ;
-webkit-transition-property:background; 
-webkit-transition-duration: 0.2s; 
-webkit-transition-timing-function: linear, ease-in;
                   }
          
ul.submenu li a:hover, .lavaLampNoImage li a:active, .lavaLampNoImage li a:visited {
font-size:16px;
-webkit-border-radius:8px;
-khtml-border-radius:8px ; 
-moz-border-radius:8px ;
text-decoration:none;
background-color:#e2e2e2;
padding:8px 16px;
margin: 4px 14px 4px 4px;
color:#8c8484;
}      
div.pagination {
	margin-top: 20px;
	margin-bottom: 10px;
}

div.pagination a {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid #ccc;
	text-decoration: none; 
	color: #c1c1c1;
}
div.pagination a:hover, div.pagination a:active {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
        color:black;
        background-color:#f2f2f2;
	border: 1px solid red;
}
div.pagination span.current {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid #5d5d5d;
	font-weight: bold;
	background-color: #f2f2f2;
	color: #000;
}
div.pagination span.disabled {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid white;
	color: white;
}


.thumb-title { width:225px;margin-bottom:0px;background:#000;bottom:0;right:0;display:block;position:absolute;padding:4px;filter:alpha(opacity=85);-moz-opacity:.85;opacity:.85; }
.thumb-title:hover { background:#222; }
.thumb-title h2 { margin: 0; line-height: 1.3em; }
.thumb-title h2 a {font: normal 12px/1.2em "lucida grande", tahoma, verdana; display:block;color:#aaa;text-decoration: none;text-transform:capitalized; }
.thumb-title h2 a:hover { color: #fff;}

.bitacoras {
-moz-border-radius-bottomleft:8px;
-moz-border-radius-bottomright:8px;
-moz-border-radius-topleft:8px;
-moz-border-radius-topright:8px;
background-color:#E2E2E2;
color:#666666;
font-family:Arial,Helvetica,sans-serif;
font-size:13px;
letter-spacing:-1px;
margin:0 0 0 29px;
padding:2px 17px;
text-shadow:0 1px 1px white;
width:498px;
}

.bitacoras a {
color:#666;
text-shadow: 0 1px 1px white;
text-decoration:underline;
}

.bitacoras a:hover {
color:#666;
text-shadow: 0 1px 1px white;
text-decoration:none;
}

.banners {
width:750px;
margin: 4px;
float:left;
overflow:hidden;
padding:0px; 
}

.banners .banner1 {
float:left;
margin:0px 7px 0px 0px ;
padding:0px;
display:inline;
}

.banners .banner1 img {
border:1px solid #e2e2e2;
padding:5px;
margin-bottom:3px;
}
.banners .banner1 p {
padding:0px;
margin:0px;
width:140px;
text-align:center;
text-transform: uppercase;

}
.banners .banner1 p a {
color:#323232;
font-family: Arial, Helvetica;
font-size:12px;
text-decoration:none;
}
.banners .banner1 p a:hover {
color:#323232;
font-family: Arial, Helvetica;
font-size:12px;
text-decoration:underline;
}

.banners .new {
float:right;
margin:2px;
padding:2px;
}
.avise {
text-align:center;
text-shadow: 0 1px 1px white;
width:728px;
background-color:#f0f0f0;
-webkit-border-radius:4px;
-khtml-border-radius:4px ; 
-moz-border-radius:4px ;
border-radius:4px ;
margin-bottom:10px;
color:#666666;
border:1px solid #aaa;
padding:5px;
border-collapse:;
overflow:hidden;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

.avise span.twitter a {
color:#33ccff;
text-decoration:none;
text-shadow: 0 1px 2px #c6e4f2;
}
.avise span.twitter a:hover {
color:#33ccff;
text-decoration:underline;
text-shadow: 0 1px 2px #cfcfcf;
}


.avise span.feed a {
color:#FC8207;
text-decoration:none;
text-shadow: 0 1px 2px #cfcfcf;
}

.avise span.feed a:hover {
color:#FC8207;
text-decoration:underline;
text-shadow: 0 1px 2px #cfcfcf;
}

.suscribe {
font-family:Arial, Helvetica, sans-serif;
width:660px;
-moz-border-radius:4;
-webkit-border-radius:4px;
background-color:#FCCB96;
	border: 1px solid #FF9900;
	color: #666;
	font-size: 14px;
	letter-spacing: -1px;
	line-height: 15px;
	margin: 10px;
	padding: 5px;
	text-shadow: 0 1px 2px white;

}

.suscribe a {
color:#666;
	text-shadow: 0 1px 2px #FF9900;
text-decoration:none;
}

.suscribe a:hover {
color:#666;
text-shadow: 0 1px 2px #FF9900;
text-decoration:underline;
}

.atags {
font: normal 12px/1.2em "lucida grande", tahoma, verdana;
color:#aaa;
}

.atags a {
background-color:#f0f0f0;
-webkit-border-radius:4px;
-khtml-border-radius:4px ; 
-moz-border-radius:4px ;
border-radius:4px ;
margin: 1px;
color:#aaa;
text-decoration:none;
padding:3px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

.atags a:hover {
background-color:#666666;
-moz-border-radius:4;
-webkit-border-radius:4px;
margin: 1px;
text-shadow: 0 1px 2px black;
color:#FFFFFF;
text-decoration:none;
padding:3px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}


.cajita {
text-align:left;
width:700px;
margin:5px;
}
.cajita1 {
text-align:left;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#666666;
border:1px solid #D1D1D1;
padding:10px;
}
.cajita1 a {
font-weight:bold;
background-color:#f0f0f0;
-moz-border-radius:4;
-webkit-border-radius:4px;
margin: 1px;
color:#aaa;
text-decoration:none;
padding:3px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#666666
}
.cajita1 a:hover {
font-weight:bold;
background-color:#666666;
-webkit-border-radius:4px;
-khtml-border-radius:4px ; 
-moz-border-radius:4px ;
border-radius:4px ;
margin: 1px;
text-shadow: 0 1px 2px black;
color:#FFFFFF;
text-decoration:none;
padding:3px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

.cajita2 {
text-align:left;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#666666;
border-right:1px solid #D1D1D1;
border-bottom:1px solid #D1D1D1;
border-left:1px solid #D1D1D1;
padding:10px;
}

.cajita2 a {
font-weight:bold;
background-color:#f0f0f0;
-webkit-border-radius:4px;
-khtml-border-radius:4px ; 
-moz-border-radius:4px ;
border-radius:4px ;
margin: 1px;
color:#aaa;
text-decoration:none;
padding:3px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#666666
}

.cajita2 a:hover {
font-weight:bold;
background-color:#666666;
-moz-border-radius:4;
-webkit-border-radius:4px;
margin: 1px;
padding:3px;
text-shadow: 0 1px 2px black;
color:#FFFFFF;
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

.cajita3 {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#666666;
border-right:1px solid #D1D1D1;
border-bottom:1px solid #D1D1D1;
border-left:1px solid #D1D1D1;
padding:10px;
padding-top:0px;
background:#f0f0f0;
}

.cajita .cajita3 ul li.bitacorasxx {
float:left;
padding-bottom:10px;
padding-right:0px;
padding-left:25px;
padding-top:0px;
margin:10px;
}

.articulos {
margin:2px;
padding:2px;
}


.articulos2 {
border: 1px solid #D6D6D6;
margin:5px;
width:300px;
padding:10px;

}
.articulos1 h2 {
font-family: Helvetica;
font-size:16px;
color:#CCCCCC;
border-bottom:1px solid #DFDFDF;
padding:0px;
margin:0px;

}

.articulos2 h2 {
font-family: Helvetica;
font-size:16px;
color:#CCCCCC;
border-bottom:1px solid #DFDFDF;
padding:0px;
margin:0px;
}

.articulos1 ul.posits {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
margin:0px;
padding:2px;
list-style:none;
}

.articulos2 ul.posits {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
margin:0px;
padding:2px;
list-style:none;
}

.articulos1 ul.posits li {
margin:5px;
}

.articulos1 ul.posits li a {
text-decoration:none;
color:#666666;
padding:2px;
}
.articulos1 ul.posits li a:hover {
background:#EFEFEF;
text-decoration:none;
color:#666666;
padding:2px;

}


.articulos2 ul.posits li {
margin:5px;
}

.articulos2 ul.posits li a {
text-decoration:none;
color:#666666;
padding:2px;
}
.articulos2 ul.posits li a:hover {
background:#EFEFEF;
text-decoration:none;
color:#666666;
padding:2px;
}

.thumb { background: #222; float:right; display: block; width: 235px; overflow: hidden; height: 150px;  margin: 0 10px 10px 0; position: relative; }

.cajita .cajita3 ul {
text-align:left;
margin:0px;
list-style:none;
padding-bottom:20px;
}
.cajita .cajita3 ul li.titulo {
text-shadow: 0 1px 1px #D2D2D2;
float:left;
padding-right:4px;
padding-left:4px;
padding-top:1x;
padding-bottom:1px;
margin:10px;
color:#333333;
background:#C4F321;
}

.cajita .cajita3 ul li.facebook a {
background:url(images/facebook.png) 2px -2px no-repeat;
text-shadow: 0 1px 1px #D2D2D2;
float:left;
padding-right:0px;
padding-left:25px;
padding-top:0px;
margin:10px;
color:#333333;
text-decoration:none;
}
.cajita .cajita3 ul li.facebook a:hover {
background:url(images/facebook.png) 2px -2px no-repeat;
text-shadow: 0 1px 2px #CCCCCC;
float:left;
padding-right:0px;
padding-left:25px;
padding-top:0px;
margin:10px;
color:#333333;
text-decoration:underline;
}
.cajita .cajita3 ul li.twitter a {
background:url(images/twitter.png) 2px -2px no-repeat;
text-shadow: 0 1px 1px #D2D2D2;
float:left;
padding-right:0px;
padding-left:25px;
padding-top:0px;
margin:10px;
color:#333333;
text-decoration:none;
}
.cajita .cajita3 ul li.twitter a:hover {
text-shadow: 0 1px 2px #CCCCCC;
float:left;
background:url(images/twitter.png) 2px -2px no-repeat;
padding-right:0px;
padding-left:25px;
padding-top:0px;
margin:10px;
color:#333333;
text-decoration:underline;
}
.cajita .cajita3 ul li.meneame a {
background:url(images/meneame.ico) 2px -2px no-repeat;
text-shadow: 0 1px 1px #D2D2D2;
float:left;
padding-right:0px;
padding-left:25px;
padding-top:0px;
margin:10px;
color:#333333;
text-decoration:none;
}
.cajita .cajita3 ul li.meneame a:hover {
text-shadow: 0 1px 2px #CCCCCC;
float:left;
background:url(images/meneame.ico) 2px -2px no-repeat;
padding-right:0px;
padding-left:25px;
padding-top:0px;
margin:10px;
color:#333333;
text-decoration:underline;
}

p.foto {
font-family:helvetica;
font-size:10px;
text-align:center;
color:#c0c0c0;
}

p.foto a {
text-decoration:underline;
color:#c0c0c0;
}

p.foto a:hover {
text-decoration:none;
text-align:right;
color:#c0c0c0;
}


.feedcount { color:#FC8207;
text-decoration:none;
text-shadow: 0 1px 2px #cfcfcf; } 



.enlaces {
font-family:Helvetica, sans-serif;
color:#c0c0c0;
font-size:20px;
height:220px;
padding:10px;
margin:20px;
}

.lank {
width:200px;
padding:5px;
margin:5px;
float:left;
}

.enlaces h4 {
font-size:22px;
color:#666666;
font-family:Helvetica, sans-serif;
margin:0px;
padding:0px;
}
.lank ul.posits1 {
color:#b8b8b8;
border:1px solid #EFEFEF;
font-family:Helvetica, sans-serif;
font-size:12px;
margin:0px;
padding:2px;
list-style:none;
}

.notepad {
text-shadow: 0 1px 2px white;
color:#222;
font-family:Georgia;
font-style:Italic;
font-size:14px;
top:0px;
background-color:#f5a6a6;
left:33%;
}
.lank ul.posits1 li {
list-type:none;
margin:5px;
}

.lank ul.posits1 li a {
text-decoration:none;
color:#666666;
padding:2px;
}
.lank ul.posits1 li a:hover {
background:#EFEFEF;
text-decoration:none;
color:#666666;
padding:2px;
}

.blog {
overflow:hidden;
}

.blog .sidebar {
margin-left:10px;
float:left;
}

.blog .sidebar #box {
border:1px solid #949494;
font-size:18px;
text-align:center;
width:250px;
font-family: Georgia;
font-style:italic;
text-shadow: 0 1px 1px white;
color:#222;
background-color:white;
padding:4px; 
margin:0px 0px 20px 0px;
}


.head {
text-align:center;
}
a.logo img {
border:1px;
}

/* MENU  PRINCIPIO*/

ul.menup {
width:670px;
height:70px;
background-image:url(images/sprite.png);
background-position:1px -8px;
overflow:hidden;
margin: 0 auto;
}	


ul.menup  li{
width:166px;
height:72px;
list-style-type: none;
float:left;
margin:0px 20px;
}

a.home, a.mail, a.about {
background:url(images/sprite.png);
}

a.about:hover, a.home:hover, a.mail:hover {
-moz-transition-duration: 0.8s;
-webkit-transition-duration: 0.8s;
-o-transition-duration: 0.8s;
}

a.home {
background-position:1px -76px;
display: block;
width:166px;
height:72px;
margin-left:20px;
}

a.about {
background-position:-230px -76px;
display: block;
width:166px;
height:72px;
margin-left:20px;
}

a.mail {
background-position:-504px -76px;
display: block;
width:166px;
height:72px;
margin-left:20px;
}

a.home:hover {
background-position:1px -155px;
}

a.about:hover {
background-position:-230px -155px;
}

a.mail:hover {
background-position:-504px -155px;
}

a.mail:visited {
background-position:-504px -582px;
}

a.home:visited {
background-position:1px -582px;
}

a.about:visited {
background-position:-230px -582px;
}

/* MENU */