/*  



design by Gregory

Hay algo que tienes que recordar a la hora de poner un nuevo flash

para que el menu drop haga funcion arriba del flash pon este parametro dentro del html de flash

<param name="wmode" value="transparent">

y luego pones este otro al final del embed   wmode="transparent"

recuerdalos siempre



*/





/* Estos son los parametros generales de la pagina */



* {



	margin:0;



	padding:0;



	}



body {



	font: 100% Arial, Helvetica;



	background:#ffdc00  0 0 repeat-x repeat-y;



	color: #333;



	}



p {	



	margin: 15px 0;



	}







a:link, a:visited {



	color: #3c57a7;



	text-decoration:none



	}







a:hover, a:active {



	color: #3c57a7;



	text-decoration:underline;



	}







a img {



	border:0;



	}







code {



	font: 1.0em 'Courier New', Courier, Fixed;

	background:#ececec;



	}	







acronym, abbr, span.caps {	



	font-size: 0.9em;



	letter-spacing: .07em;



	cursor: help;



	}			







acronym, abbr {



	border-bottom: 1px dashed #999;



	}







blockquote {



	padding: 10px 10px 0 10px;



	border-top: 1px solid #ddd;



	border-bottom: 1px solid #ddd;



	background: #eee;



	font:1.0em Arial;



	line-height:1.5em;



	margin:10px 0px;



	}







select {



	width: 130px;



	}	



/* code para letras grandes a inicio de parrafo */

.dropcaps {

float:left;

color: #000000;

font-size:80px;

line-height:70px;

padding-top:1px;

padding-right:5px;

}













/* Estructura de la web */





#video{

    width:746px;

    height:413px;

    background:#ffffff url(images/los23.jpg) no-repeat;

    margin:70px auto;

    margin_top:150px;

    }



#head {



	width:960px;

	height:160px;

    background:#2c2c2c url(images/) no-repeat;

	margin:0px auto;

	margin-top:10px;



	padding:0px;



	font-size:0.7em;



	}

	

#head2 {



	width:960px;

	height:0px;

	margin:0px auto;

	margin-top:0px;

	padding:0px 0px;

	font-size:0.7em;



	}



#head .menu24 {



	margin:0px auto;



	}

	

#head .head_principal {



	margin-top:0px;



	}







#page {



	width:958px;



	margin:0px auto;

	padding:1px;

	background:#ffffff;

	font-size: 10px;



	}

	



#espacio {



    height: 10px;

    margin-bottom:-35px;

	}



.left {

    margin-top:127px;

	float:left;



	}







.right {

    width: 279px;

    height: 131px;

    margin-top: 0px;

    margin: -128px 30px;

    float:right;



	}



.reloj {

    width: 100px;

    height: 20px;

    margin-top: 0px;

    margin: 60px 185px;

    float:left;

    font-size: 11px;



	}







/* Navigation Bar*/



#navbar {

    height:0px;

	margin:0 auto;

	margin-top:30px;

	padding:0px 30px;

	text-transform:uppercase;

		



	}

.menu23 {

	margin:0 auto;





	}

	

#nav {

    width:960px;

    background:#000000;

	margin:0 auto;

	margin-top:0px;



	}

#page-bar {

	width:722px;





	}



#page-bar ul {

	list-style: none;

	}



#page-bar li {

	float:left;

	list-style:none;

	cursor: pointer;

	display:block;

	border-right:1px solid #333;

	}



#page-bar li:hover {

	background: #fcba01;

	}





#page-bar a, #page-bar a:visited {

	margin: 0px;

	padding:10px 16px;

	font-weight:bold;

	color:#FFF;

	display:block;

	}



#page-bar a:hover {

	text-decoration:none;

	display:block;

	}











/* Text*/







h1 {



	font:3.5em Arial;



	font-weight:bold;

	letter-spacing:-0.08em;



	}







h2 {



	font:2.3em Georgia, "Times New Roman";



	}







h3 {



	font:1.3em Arial;



	margin-bottom:3px;



	color:#ffae00;

	font-weight:bold;



	}







h4 {



	font:1.0em Arial;



	}





h3.cat_title, h3.cat_title a {

	color:#333;

	letter-spacing:-0.05em;

	}





h3#respond {



	margin-top:0px;



	padding-top:20px;



	}







h3#comments {



	margin-top:32px;



	padding-left:0px;



	}



h3.authors {

	margin-top:15px;

	}







/* Contenido de la pagina*/



#logo {



	width:350px;



	}





#tagline {

	margin-top:5px;



	font-size:1em;



	color:#333;

	}





#top {

	padding:0;

  

	}



#fondochat {

	width:560px;

	height 400px;

    background:#e38c02;

	}



#headline {



	width:590px;



	float:left;



	background:#ffffff;



	padding:15px;

	font-size:1.3em;

	line-height:1.5em;

	margin:0;



	}

	

	

#headline02 {



	width:925px;



	float:left;

	background:#000000;



	padding:15px;

	font-size:1.3em;

	line-height:1.5em;

	margin:0;



	}







#headline  div.title {



	font-weight:bold;

  

	font:2.4em Georgia;

    

	letter-spacing:-0.05em;

	display:block;

	padding-bottom:5px;



	}





#headline div.meta {

	display:block;

	padding-bottom:2px;

	}



#headline p {

	padding-bottom:15px;

	}





#top23content {



	width:300px;

	background:#ffffff url(images/back_top23.jpg) repeat 0 0px ;



	float:left;



	padding:10px 10px 6px 10px;



	}

	

#top23content02 {



	width:300px;

	background:#ffffff url(images/back_top23_02.jpg) no-repeat 0 0px ;



	float:left;



	padding:10px 10px 6px 10px;



	}







#top23content .clearfloat {



	margin-top:3px;



	margin-bottom:5px;



	}

	

#top23content02 .clearfloat {



	margin-top:3px;



	margin-bottom:5px;



	}



#top23content .tres_banner {



	margin-top:-10px;



	margin-bottom:-40px;



	}

	

#top23content02 .tres_banner {



	margin-top:-10px;



	margin-bottom:-40px;



	}









#top23content .info {



	margin-top:5px;



	padding-top:5px;



	float:right;



	width:185px;



	}

	

#top23content02 .info {



	margin-top:5px;



	padding-top:5px;



	float:right;



	width:185px;



	}



#top23content .title {

	font-weight:bold;

	}



#top23content02 .title {

	font-weight:bold;

	}



#top23content .imagen {

    margin-top:-115px;

    margin-right:0px;

    padding:0px 0px 0px 0px;

    float:right;

	width: 100px;

	height:65px;



	}

	

#top23content02 .imagen {

    margin-top:-115px;

    margin-right:0px;

    padding:0px 0px 0px 0px;

    float:right;

	width: 100px;

	height:65px;



	}







#headline a img, #featured a img {

	border:1px solid #bbb;

	margin-top:5px;

	margin-right:10px;

	}







#middle {



	width: 920px;

	background:#fff;

	float:left;

	padding:10px;

	margin:10px 0;



	}







.category {



	width:90px;



	float:left;



	border-top:8px solid #333;



	margin:0px;



	padding:5px 10px 10px 10px;

	background:#fff;



	}



.category p {

	margin:0;

	}







#cat-1, #cat-3, #cat-5  {border-top:8px solid #333333;}



#cat-2, #cat-4 {border-top:8px solid #ffdc00;}







.category span.cat_title, #front-popular h3, #front-list .cat_title {



	



	margin:0;



	font-weight:bold;



	font-size:1.2em;



	letter-spacing:-0.05em;



	}



#front-popular h3 {

	color:#fff;

	}





.category a {



	color:#333;

	display:block;

	background:none;



	}







.category a:hover {



	background:none;

	color:#fff;

	text-decoration:none;



	}







#cat-1:hover, #cat-3:hover, #cat-5:hover {background:#333333; color:#fff; }



#cat-2:hover, #cat-4:hover {background:#ffdc00; color:#000; }



#cat-1:hover a, #cat-3:hover a, #cat-5:hover a {background:#333333; color:#fff; }



#cat-2:hover a, #cat-4:hover a {background:#ffdc00; color:#000; }





#bottom {



	width: 955px;

    background:#000000;

	}





#front-list {



	width:590px;

	background:#fff;



	padding:10px;

	font-size:1.05em;



	line-height:1.75em;

	float:left;



	}







#front-list blockquote {



	padding: 0px 10px 0 10px;



	}







#front-list .title {



	font-weight:bold;



	font:2.0em Georgia;



	letter-spacing:-0.05em;



	}







#front-list .divider {



	margin-left:216px;



	margin-top:15px;



	margin-bottom:15px;



	}







.author {



	font-size:0.8em;



	font-weight:bold;



	}







.meta {



	margin-top:-5px;



	font-size:0.8em;



	color:#333;



	}







.meta a {



	color:#333;



	}







#headline p, #featured p {



	margin:0;



	}











/* Contenido de la pagina*/







#content {



	width:590px;

	background:#fff;



	padding:10px;

	font-size:1.05em;



	line-height:1.75em;

	float:left;



	min-height:400px;



	}



.post {

	font-size:1.05em;



	line-height:1.75em;

	}







.post p {



	margin-top:0px;



	}







.post .clearfloat {



	border-bottom:1px dotted #333;



	margin:10px 0px;



	}







.post ul, .post ol {



	margin-bottom:15px;



	}







#content h2.title {



	font-weight:bold;



	font:2.2em Georgia;



	letter-spacing:-0.05em;

	border-bottom:1px solid #eae9e4;

	border-top:3px solid #eae9e4;

	margin-bottom:15px;

	padding:5px 0px;



	}



#content .title {

	font:1.5em Georgia;

	}







.post ul li {	



	list-style:square;



	margin-left:30px;



	}







.post ol li {	



	list-style:decimal;



	margin-left:30px;



	}







.post ol li ul li {	



	list-style:square;



	margin-left:20px;



	}







.post img, .post a img, #front-list img {



	border:0px;



	margin:0 10px 5px 0;



	}







.post .ads {



	margin-top:10px;



	}







#stats {

	margin-top:-10px;



       	margin-bottom:10px;



	padding:4px;



	text-transform:uppercase;



	font:0.8em Arial;

	display:block;



	}







#stats span {



	border-right:1px dotted #333;



	padding: 0px 5px 0px 5px;



	}







#stats span a:hover {



	background:none;



	}







#stats span a {



	color:#333;



	}







#stats img, #nav img {



	border:0px;



	margin:0px;



	}





#tools {

	width:590px;

	height:25px;

	font-size:0.95em;

	}



#tools a:hover {

	background:none;

	}







/* Sidebar*/

#sidebar {

	width:320px;

	height:600px;

	float:right;

	margin:0px 0px 0px 0px;

	background:#ffffff;

	}



#sidebar h3 {

	font:1.1em Arial;

	font-weight:bold;

	background:#333;

	color:#fff;

	margin:10px 0px 5px 0px;

	padding:3px 10px;

	}



#sidebar-top, #sidebar-bottom {

	width:285px;

	float:right;

	padding:0px 10px 10px 10px;

	background:#fff;

	}



#sidebar-bottom, #sidebar-middle {

	margin-top:10px;

	}



#sidebar-middle {

	width:318px;

	float:right;

	}



#sidebar-left {

	width:130px;

	padding:0px 10px 0px 10px;

	float:left;

	

	}



#sidebar-right {

	width:130px;

	padding:0px 10px 10px 10px;

	float:left;

	

	}





#sidebar li {

	list-style:none;

	border-bottom:1px dotted #bbb;

	display:block;

	padding:2px 0px 2px 13px;

	background:url(images/sub.png) no-repeat 0 0px;

	}



#sidebar-ads {

	width:300px;

	float:right;

	margin-bottom:10px;

	padding:10px;

	background:#fff;

	}















/* Footer*/







#front-popular {



	font-size: 9px;



	color:#fff;

	width: 955px;

    height: 140px;

	background:#000000 url(images/negro_bottom.jpg) bottom no-repeat;

    margin: 10px auto;

    margin-right: 10px;

	padding: -5px;



	}

	

#front-popular02 {



	font-size: 9px;



	color:#fff;

	width: 940px;

    height: 140px;

	background:#000000 url(images/negro_bottom.jpg) bottom no-repeat;

    margin: 10px auto;

    margin-right: 5px;

	padding: -5px;



	}







#recentpost, #mostcommented {



	width:280px;

    height: 115px;

	float:left;



	padding:10px;



	border:1px solid #000000;



	}

	

#recentpost02, #mostcommented02 {



	width:280px;

    height: 115px;

	float:left;



	padding:10px;



	border:1px solid #fff;



	}





#mostcommented {

	margin-left:17px;

	}





#recent_comments {



	width:280px;

    height: 130px;

	float:right;



	padding:10px;



	border:1px solid #000000;



	}



#recent_comments02 {



	width:280px;

    height: 130px;

	float:right;



	padding:10px;



	border:1px solid #fff;



	}







#recentpost a, #mostcommented a, #recent_comments a {



	color:#fff;



	}



#recentpost02 a, #mostcommented02 a, #recent_comments02 a {



	color:#fff;



	}



#recentpost ul, #mostcommented ul, #recent_comments ul {



	margin-top:5px;



	}

#recentpost02 ul, #mostcommented02 ul, #recent_comments02 ul {



	margin-top:5px;



	}





#recentpost ul li, #mostcommented ul li, #recent_comments ul li {



	list-style:none;



	border-top:1px dotted #fff;



	padding:5px;



	display:block;



	}

	

#recentpost02 ul li, #mostcommented02 ul li, #recent_comments02 ul li {



	list-style:none;



	border-top:1px dotted #fff;



	padding:5px;



	display:block;



	}









#recentpost ul li:hover, #mostcommented ul li:hover, #recent_comments ul li:hover {



	background:#fcc60b;



	color:#fff;



	}



#recentpost02 ul li:hover, #mostcommented02 ul li:hover, #recent_comments02 ul li:hover {



	background:#fcc60b;



	color:#fff;



	}







#recentpost ul li:first-child, #mostcommented ul li:first-child, #recent_comments ul li:first-child {



	border-top:0px dotted #fff;



	}



#recentpost02 ul li:first-child, #mostcommented02 ul li:first-child, #recent_comments02 ul li:first-child {



	border-top:0px dotted #fff;



	}







#footer {



	margin: 0 auto;

    background:#000000;

	width: 955px;



	font-size:10px;



	padding-top:26px;



	padding-bottom:10px;



	}











/* Float Properties*/

.clearfloat:after {



	content:".";



	display:block;



	height:0;



	clear:both;



	visibility:hidden;



	}







.clearfloat {



	display:inline-block;





	}











/* Hides from IE-mac \*/



* html .clearfloat {



	height:1%;



	}

	

*+html .clearfloat {



	height:1%;



	}

.clearfloat {



	display: inline-block;



	}

.clearfloatfooter {



	display: block;



	}