/*
 * José Zanni / Crear Imagen
 * Retro Invaders
 * Theme: default
 */

html, body 
{
	text-align: left;
	
	color: #000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.90em;
	font-weight: normal;
	line-height: 1.3em;
	background: url(background.png) repeat-x top #fafafa;
}



a,
a:visited
{
    color: #AA4400;
	text-decoration: none;
}
a:hover
{
	color: #840;
	text-decoration: underline;
}
a:visited   
{
	color: #D95700;
}

ul{
	list-style: circle;
	margin: 5px 0 15px 0;
	list-style-type: disc;
    list-style-position:inside;
}
ul li{
	padding-left: 15px;
	margin-bottom: 6px;
}


p{
	line-height: 1.3em;
	margin-bottom: 13px; 
}

blockquote { padding: 5px 5px 10px 30px; color: #555; }

mini
{
	color: #555;
	font-size: 0.9em;
	font-family: Arial;
}


.container
{
	margin: 0 auto;
	width: 96%;
}

h2
{
	margin-bottom: 10px;
	font-size: 1.2em;
	line-height: 2em;
	color: #006DF2;
}
h2 a,
h2 a:visited,
h2 a:hover
{
	text-decoration: none;
	color: #006DF2;
}
h2 a:hover
{
	text-decoration: underline;
}

#body h3
{
	padding: 30px 0 4px 0;
	font-size: 1.0em;
	line-height: 1.6em;
	color: #006DF2;
	
	display: block;
	clear: both;
}



em
{
    font-style: normal;
    color: #a00;
    font-weight: bold;
}





ul.nav
{
    display: block;
    float: left;
    width: 100%;
    margin: 22px 0 20px 0;

	padding: 0;
	list-style-type: none;
	font-size: 0.9em;
	line-height: 17px;
}
ul.nav li:first-child { margin-left: 0px; }
ul.nav li
{
    float:left;
	margin: 0 5px 0 0;
	padding: 0;
}
ul.nav li.right
{
    float:right;
}

ul.nav a:link,
ul.nav a:visited
{
    height: 17px;
    display: block;
    text-decoration: none;
    font-size: 0.9em;
    font-size: 10px;
	
	padding: 0 6px;
	color: #fff;
	border: 1px solid #333;
	background-color: #666;
	
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px;
 }

ul.nav li a:hover
{
    color: #666;
	background-color: #fff;
}

ul.nav li.active a,
ul.nav li.active a
{
    color: #666;
	background-color: #fff;
}
ul.nav li.active a:hover
{
	text-decoration: underline;
}





ul.tags
{
    display: block;
    float: left;
	clear: both;
    width: 100%;
	list-style-type: none;
}
ul.tags li
{
    display: inline;
	padding: 0;
}
ul.tags a
{
    display: inline;
    margin: 0 1em 0 0;
    line-height: 1.6em;
}
ul.tags a:hover
{
    display: inline;
    margin: 0 1em 0 0;
	color: #000;
	text-decoration: underline;
}






/*
ul.planets
{
	margin: 0;
}

ul.planets li
{
	color: #222;
	font-size: 0.9em;
	margin-bottom: 20px;
	padding: 10px;
	width: 100%;
	border: 1px solid #DEE7FA;
	display: block;
	float: left;
	background: url(planet_background.png) left top no-repeat #fff;
	overflow: hidden;
}
ul.planets li .fecha
{
	display: block;
	width: 100%;
	text-align: right;
	color: #aaa;
}
ul.planets li h2
{
	float: left;
	display: block;
	width: 100%;
	color: #0066CC;
}
ul.planets li h2 a
{
	color: #0066CC;
}
ul.planets li h2 a:visited
{
    color: #003388;
}
ul.planets li li
{
	margin-bottom: 10px;
	padding: 0 0 0 10px;
	width: auto;
	border: none;
	display: inherit;
	float: none;
	background: none;
	overflow: auto;
}



ul.planets .tags
{
	clear: both;
    margin: 10px 0;
    color: #666;
}
ul.planets .tags a
{
    font-size: 0.8em;
    color: #666;
    padding: 1px 2px;
    text-decoration: none;
}
ul.planets .tags a:hover
{
    background: #ddd;
    color: #fff;
    text-decoration: none;
}*/





ul.planets
{
	margin: 0;
}

ul.planets li
{
	color: #333;
	font-size: 0.9em;
	margin-bottom: 20px;
	padding: 2%;
	width: 96%;
	border: 1px solid #ddd;
	display: block;
	float: left;
	background: url(planet_background_1.png) left top no-repeat #eee;
	overflow: hidden;
	
	-moz-border-radius: 9px; 
	-webkit-border-radius: 9px;
}
ul.planets li.b1 { background-image: url(planet_background_1.png); }
ul.planets li.b2 { background-image: url(planet_background_2.png); }
ul.planets li.b3 { background-image: url(planet_background_3.png); }
ul.planets li.b4 { background-image: url(planet_background_4.png); }
ul.planets li.b5 { background-image: url(planet_background_5.png); }
ul.planets li.b6 { background-image: url(planet_background_6.png); }
ul.planets li.b7 { background-image: url(planet_background_7.png); }
ul.planets li.b8 { background-image: url(planet_background_8.png); }
ul.planets li.b9 { background-image: url(planet_background_9.png); }
ul.planets li.b10 { background-image: url(planet_background_10.png); }
ul.planets li.b11 { background-image: url(planet_background_11.png); }
ul.planets li.b12 { background-image: url(planet_background_12.png); }

ul.planets li .date
{
	display: block;
	width: 100%;
	text-align: right;
	color: #999;
	margin: 0;
	font-size: 0.8em;
}
ul.planets hr {
	border: none;
	border-top: solid 1px #ddd;
	margin-top: 15px;
	clear: both;
	display: block;
}
ul.planets li h2
{
	float: left;
	display: block;
	width: 100%;
	color: #0066CC;
	clear: both;

	/*padding-left: 50px;*/
}
ul.planets li h2 a {
	color: #0066CC;
}
ul.planets li h2 a:visited
{
    color: #003388;
}
ul.planets li h2 a.external {
	color: #D95700;
	font-size: 0.8em;
	
}
ul.planets a[rel=external]:visited {
	color: #aaa;
}
ul.planets li li
{
	margin-bottom: 10px;
	padding: 0 0 0 10px;
	width: auto;
	border: none;
	display: inherit;
	float: none;
	background: none;
	overflow: auto;
}



ul.planets .tags,
.tags
{
	clear: both;
    margin: 10px 0;
    color: #666;
}
ul.planets .tags a,
.tags a
{
    font-size: 0.8em;
    color: #666;
    padding: 1px 2px;
    text-decoration: none;
		
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px;
}
ul.planets .tags a:hover
{
    background: #ddd;
    color: #444;
    text-decoration: none;
}



ul.planets .social
{
	clear: both;
	margin: 14px 0 0 0;
}
ul.planets .social a
{
	width: 16px;
	height: 16px;
    overflow: hidden;
    display: block;
    float: left;
    padding: 2px;
	background-color: #fff;
	border: 2px solid #fff;
	margin: 0 2px 0 0;
}
ul.planets .social a:hover {
	border: 2px solid #888;
}





.planets img.center { display: block; margin: 0 auto; border: 4px solid #fff; }
.planets img { max-width: 95%; }







ul.blogs li {
	margin: 0;
	list-style: none;
	padding: 2px 0;
}






.header
{
	height: 135px;
	margin-bottom: 10px;
	clear: both;
	display: block;

	font-weight: bold;
	color: #fff;
	font-size: 0.9em;
	background: url(header.png) top left no-repeat;
}
.header h1
{
	margin: 0;
	padding: 0;
	font-size: 2.2em;
	color: #006DF2;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
}
.header h1 a
{
	text-decoration: none;
	color: #006DF2;
}
.header h1 a:hover
{
	text-decoration: none;
	color: #B9280E;
}
.header sub
{
    font-weight: normal;
}
.header span.description
{
    padding-left: 10px;
}








#content
{
	clear: both;
	display: block;
}

#content .banner
{
	clear: both;
	display: block;
	float: left;
	width: 100%;
	margin: 0 0 15px 0;
	padding: 0;
}
#content .banner .block
{
	display: block;
	float:left;
	padding: 5px;
	margin-right: 20px;
	border: 1px solid #ddd;
}
#content .banner a img {border: none; }
#content .banner a,
#content .banner a:link,
#content .banner a:visited
{
	line-height: 0;
}






/*.body a[href^="http://"],
.row a[href^="http://"]
{
	background:transparent url(../img/external_link.png) no-repeat scroll right center;
	line-height:18px;
	min-height:18px;
	overflow:visible;
	padding:2px 14px 2px 0px;
}*/
a[rel="external"],
a[rel="external nofollow"]
{
	background:transparent url(external_link.png) no-repeat scroll right center;
	line-height:18px;
	min-height:18px;
	overflow:visible;
	padding:2px 14px 2px 0px;
}




#body,
.row-70
{
	width: 70%;
	float: left;
}

#body .left { float: left; }

#body img.left { 
	float: left; 
	margin-right: 10px;	
}

#body p { 
}






#footer
{
	padding: 10px 0;
	margin-top: 20px;
	
	clear: both;
	border-top: 1px solid #aaa;
}
#footer .links
{
	margin: 15px 0; 
}
#footer .links li
{
	display: inline;
	padding: 10px;
}


a.button
{
	padding: 10px;
	border: 1px solid #888;
	background: #eee;
}
a.button:hover
{
	background: #fff;
}






code
{
	font-family: Monaco, Verdana, Sans-serif;
	font-size: 12px;
	background-color: #f9f9f9;
	border: 1px solid #D0D0D0;
	color: #002166;
	display: block;
	margin: 14px 0 14px 0;
	padding: 12px 10px 12px 10px;
}





/* forms.css */
/*
label {font-weight:normal;color:#555;font-size:0.9em;}
fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}
legend {font-weight:bold;font-size:1.2em;}
button, input, input.title, textarea, select {margin:0.5em 0;border:1px solid #bbb;}
button:focus, input:focus, input.title:focus, textarea:focus, select:focus {border:1px solid #666;}
button:hover, input:hover, textarea:hover, select:hover {border:1px solid #222;}
input.text, input.title {width:300px;padding:5px;}
input.title {font-size:1.5em;}
textarea {width:300px;height:150px;padding:5px;}

.error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}

a.button {color:#264409;padding:.8em;margin-bottom:1em;border:2px solid #ddd;background:#FFF6BF;border-color:#FFD324;}
a.button {color:#264409;padding:.8em;margin-bottom:1em;border:2px solid #ddd;background:#FFF6BF;border-color:#FFD324;display:inline;}

.input
{
    clear: both;
    padding: 5px 0;
}
.input label
{
    width: 16em;
    margin:0.5em;
    padding: 0 15px 0 0;
    display: block;
    float: left;
    text-align: right;
}
.input .submit
{
    margin: 0.5em 0.5em 0.5em 16.5em;
}




.breadcrumb
{
    padding-left: 16px;
    color: #666;
    background: url(breadcrumb.png) top left no-repeat;
}




.rssSuscribe
{
    padding: 18px 0 22px 70px;
    background: url(rss.png) top left no-repeat;
}
.rssSuscribe a
{
    color: #fff;
    font-weight: normal;
    font-size: 1.8em;
    font-family: Tahoma, Arial, Verdana;
}


span.info
{
    width: 16px;
    height: 16px;
    background: url(breadcrumb.png) top left no-repeat;
}


p.info
{
    display: none;
}






#usuarios-ie {font-family: Verdana, Arial, sans-serif; background: #FFFFDE;color:#000; border-bottom: 2px solid #7F0C00;}
#usuarios-ie p {font-size: 1.3em; margin: 0; padding: 5px 0; line-height: 1.5em;}
#usuarios-ie a {text-decoration: underline; font-weight: bold; color: #D64411;}
*/


/* forms.css */
label {font-weight:normal;color:#555;font-size:0.9em; line-height: 2.4em;}
fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}
legend {font-weight:bold;font-size:1.2em;}
textarea, button, input, input.title, select {margin:0.5em 0;border:1px solid #bbb; padding: 5px;}
button:focus, input:focus, input.title:focus, textarea:focus, select:focus {border:1px solid #666;}
button:hover, input:hover, textarea:hover, select:hover {border:1px solid #222;}
textarea, input.text, input.title {width:300px;padding:5px;}
input.title {font-size:1.5em;}
textarea, input {
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size: 1.0em;
}
/*textarea {width:300px;height:150px;padding:5px;}*/

.error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}

a.button {color:#264409;padding:.8em;margin-bottom:1em;border:2px solid #ddd;background:#FFF6BF;border-color:#FFD324;}
a.button {color:#264409;padding:.8em;margin-bottom:1em;border:2px solid #ddd;background:#FFF6BF;border-color:#FFD324;display:inline;}

form div {
    clear: both;
    padding: 5px 0;
}
form div label {
    width: 16em;
    margin:0.5em;
    padding: 0 15px 0 0;
    display: block;
    float: left;
    text-align: right;
}
form div .submit
{
    margin: 0.5em 0.5em 0.5em 16.5em;
}







#sidebar {
	width: 25%;
	float: right;
}

#sidebar .suscriptions
{
    padding: 18px 0 22px 72px;
	margin-bottom: 0;
}
#sidebar .suscriptions a
{
    color: #fff;
    font-weight: normal;
    font-size: 1.3em;
    font-family: Tahoma, Arial, Verdana;
}
#sidebar .rss { background: url(rss.png) top left no-repeat; }
#sidebar .email { background: url(email_suscription.png) top left no-repeat; }
#sidebar .twitter { background: url(twitter_suscription.png) top left no-repeat; }


#sidebar .title
{
	font-size: 1.2em;
	line-height: 1.6em;
	font-weight: bold;
	color: #006DF2;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
}
#sidebar ul
{
	list-style: none;
	margin-left: 0;
}





span.info
{
    width: 16px;
    height: 16px;
    background: url(breadcrumb.png) top left no-repeat;
}


p.info
{
    display: none;
}






#usuarios-ie {font-family: Verdana, Arial, sans-serif; background: #FFFFDE;color:#000; border-bottom: 2px solid #7F0C00;}
#usuarios-ie p {font-size: 1.3em; margin: 0; padding: 5px 0; line-height: 1.5em;}
#usuarios-ie a {text-decoration: underline; font-weight: bold; color: #D64411;}









/* pagination */
.pagination
{
	margin: 10px 0;
	padding: 4px;
}
.pagination div
{
	padding: 0;
	margin: 0 4px;
	border: 1px solid #ccc;
	background: #eee;
	display: inline;
}

.pagination div a,
.pagination div a:link,
.pagination div a:visited,
.pagination div.active
{
	padding: 0 8px;
	text-decoration: none;
	background: #eee;
	color: #aaa;
	display: inline;
}
.pagination div a:hover
{
	background: #888;
	color: #fff;
}
.pagination div.active
{
	background: #888;
	color: #fff;
}



/* ajax... */
img.loading { display:none; }




/*
	Formulario de búsqueda de Google */
form#cse-search-box { margin:0; padding:0; border: 1px solid #f00;}