/*   
Theme Name: Palestra Aguascalientes
Description: Periódico en Linea de la ciudad de Aguascalientes 
Author: Hugo Moreno (Teko)
Author URI: http://www.tekoestudio.com/
Version: 1.0
.
General comments/License Statement.
.
*/

/* Reset the browser and comment stylesheet 

	GRIS CLARO = #e6e6e6
	ROJO LINK = #c62127
	AZUL = #123053

*/

@import url(reset.css);
@import url(commentstyle.css);

/*---------------------------- GENERAL -------------------------------------- */

body { font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#666666; padding:0; margin:0; background:url(images/site_background.gif);}

* { margin:0; padding:0;}

html { margin-bottom:1px; height:100%; }

strong { font-weight:bold;}

#contenedor { width:966px; margin:0 auto; background:url(images/bg_contenedor.png) repeat-y;}

.left { float:left;}

.right { float:right;}

h1 { font-size:16px; color:#333333; font-weight:bold; margin:0 0 10px 0; line-height:18px;}

/*--------------------------- PUBLICIDAD --------------------------------------- */

.ad468 { width:468px; text-align:right;}

/*--------------------------- HEADER --------------------------------------- */

#headerwrap {width:960px; margin:0 auto;}

#menutop { background:#e6e6e6; height:15px; padding:5px;}

#menutop ul li { float:left;}

#menutop ul li a { color:#333333; font-size:12px; text-decoration: none; padding:10px; }

#menutop ul li a:hover { color:#999999;}

.border { border-left:solid 1px #333333;}

#header { padding:10px;}

#logo a { background:url(images/palestra_aguascalientes.jpg) no-repeat; display:block; height:65px; width:308px; text-indent:-999999px;}

.refer { font-size:15px; margin:10px 0 0 0; font-weight:bold; }

.refer span {color:#c62127;}

#menucat { height:37px; background:url(images/bg_catmenu.jpg) repeat-x;}

#menucat ul { margin:0 0 0 0;}

#menucat ul li { float:left; margin:10px 0 0 0;}

#menucat ul li a { color:white; text-decoration:none; font-size:12px; padding:0 10px 0 10px; border-right: #FFFFFF 1px solid;}

#menucat ul li a:hover { color:#00CCFF;}

#search { background:url(images/barra_buscar.jpg) no-repeat; width:953px; height:44px; margin:0 0 0 3px; padding:1px;}

#searchform { margin:10px 0 0 10px; height:15px;}

#searchform label { color:white;}

#s { height:15px;}

#searchsubmit { border:none; background:#c62127; width:70px; height:20px; color:white;}

#searchsubmit:hover { background:#666666;}

/*--------------------------- CONTENIDO --------------------------------------- */

#contenido { margin:10px 0 0 0;}

.box, .boxsingle, .boxp { background:#f9f9fa; border:1px solid #c6c6c5; padding:11px; margin:0 0 10px 0;}

.boxp  { width:280px; min-height:500px;}

.boxwhite { background:white; border:1px solid #c6c6c5; padding:5px; margin:0 0 10px 0;}

.ci { padding:10px; width:610px;}

.tabcont { background:#f9f9fa;}

.tabcont img { margin:0 10px 0 0;}

.conttab { width:550px;}

.conttab h2 { font-size:18px; color:#123053; font-weight:bold; margin:0 0 5px 0;}

.conttab small { font-size:11px;}

.conttab small a { color:#c62127;}

.conttab p { margin:20px 0 0 0; line-height:16px;}

.postsmall {border-top: #999999 1px dotted; padding:10px 0 10px 0; }

.postsmall a:hover p { text-decoration:underline;}

.postsmall a p { color: #666666;}

.postsmall img { float:left; margin:0 10px 0 0 ;}



.postcontsmall { float:right; width:205px;}

.postcontsmall p, .postcontsmallcatego p { line-height:16px;}

.postcontsmall h2, .similar h3, .postcontsmallcatego h2 { font-size:13px; color:#123053; font-weight:bold; margin:0 0 5px 0; text-decoration:none;}

.postcontsmall h2 a, .postcontsmallcatego h2 a { font-size:13px; color:#123053; font-weight:bold; margin:0 0 5px 0; text-decoration:none;}

.postcontsmall h2 a:hover, .postcontsmallcatego h2 a:hover { text-decoration:underline;}

.mas { color:#c62127;}

.mas a { color:#c62127;}

.adver { background:#666666; margin:5px; width:576px; height:60px;}


.galeria img { margin:5px 0 0 0;}



.artrec {border-top: #999999 1px dotted; padding:10px 0 10px 0; }

.artrec a:hover p { text-decoration:underline;}

.artrec a p { color: #666666;}

.artrec img { float:left; margin:0 10px 0 0 ;}

.artrec { float:right; min-width:585px;}

.artrec p, .page p { line-height:17px;}

.artrec h2 , .page h2{ font-size:15px; color:#123053; font-weight:bold; margin:0 0 5px 0; text-decoration:none;}

.artrec h2 a, .page h2 a { font-size:15px; color:#123053; font-weight:bold; margin:0 0 5px 0; text-decoration:none;}

.artrec h2 a:hover, .page h2 a:hover { text-decoration:underline;}


.catego { font-size:15px; color:#333333; margin:0 0 20px 0;}

.catego span { color:#c62127; font-weight:bold;}



/*--------------------------- SIDEBAR --------------------------------------- */

.sidebar { margin:10px 10px 0 0; width:324px;}

.sidebar ul li { background:url(images/redbullet.png) no-repeat; padding:0 0 0 18px; margin:0 0 10px 0; min-height:15px; line-height:18px;}

.sidebar ul li a { color:#999999; text-decoration:none;}

.sidebar ul li  a:hover { color:#c62127; text-decoration:underline;}

/*--------------------------- SINGLE --------------------------------------- */

.boxsingle h2, .tabprincipal h2 {font-size:22px; color:#123053; font-weight:bold; margin:0 0 5px 0; text-decoration:none;}

.boxsingle h4 { color:#c62127; font-size:22px; width:400px; font-weight:bold; line-height:30px; margin:16px 0 0 10px;}

.boxsingle img { max-width:585px; max-height:390px; margin:5px 0 5px 0;}

.tabprincipal a img { margin:5px; float:left;}

.boxsingle, .tabprincipal { line-height:20px;}

.boxsingle h3, .tabprincipal h3 {  font-size: 25px; font-weight: bold; letter-spacing: -1px; margin: 0 0 10px 0; color: #222222;  text-align:left;}

.boxsingle a, .tabprincipal a { color: #222222; text-decoration:none; font-weight:bold;}

.boxsingle a:hover, .tabprincipal a:hover { color:#999999;}

.boxsingle ol, .tabprincipal ol { margin:0 0 15px 25px; list-style:circle;  text-align:left;}

.boxsingle ul, .tabprincipal ul { margin:0 0 15px 25px;  text-align:left;}

.boxsingle small, .tabprincipal small { font-size:11px;}

.tabprincipal small { margin:0 0 15px 0;}

.boxsingle small a, .tabprincipal small a { color:#c62127;}

.boxsingle ul li, .boxsingle ol li, .tabprincipal ul li, .tabprincipal ol li { margin:0 0 5px 15px ;}

.boxsingle ul li, .tabprincipal ul li { list-style: disc;}

.boxsingle ol li, .tabprincipal ol li { list-style:decimal;}

.boxsingle p, .tabprincipal p { margin:0 0 10px 0;  text-align:left;}

.tabprincipalinfo p { margin:10px 0 0 0;} 

.boxsingle p em, .tabprincipal p em { margin:0 0 10px 0; font-style:italic;}

.boxsingle blockquote, .tabprincipal blockquote { padding:0 0 0 15px; font-size:14px; background: #999999; color:white; text-align:center; line-height:22px;}

.tabprincipalinfo { width:400px; margin:10px 0 0 0;}

.autoravatar { margin:0 10px 0 0;}

.autorbox p { line-height:17px; margin:0 0 10px 0;} 

.autorbox p strong{ font-weight:bold;} 

.autorbox p span { color:#c62127; text-transform:capitalize; font-weight:bold;}

.similar ul li { background:url(images/redbullet.png) no-repeat; padding:0 0 0 18px; margin:0 0 10px 0; min-height:15px; line-height:18px;}

.similar ul li a { color:#999999; text-decoration:none;}

.similar ul li  a:hover { color:#c62127; text-decoration:underline;}

.similar ul li small { font-size:11px;}

/*--------------------------- COMENTARIOS --------------------------------------- */

/*------------------------------  COMENTARIOS -------------------------- */

#comments { padding:15px;}

#respond a, #comments a { color:#c62127;}

#respond small { font-size:11px; margin:0 0 10px 0;}

#comments h3 { font-size:18px; color:#123053; font-weight:bold; margin:0 0 5px 0; text-decoration:none;}

#respond h3, .contact { font-size:18px; color:#123053; font-weight:bold; margin:0 0 5px 0; text-decoration:none;}

#submit { height:49px; background:#123053; border:none; cursor:pointer; color:white; display:block; width:583px; text-transform:uppercase; font-weight:bold;}

#submit:hover { background: #999999;}

.inputform { margin:10px 0 10px 0;}

.input , .inputform input{ height:25px; padding:5px 0 0 5px; font-size:13px; color:#333333; background:white; border:1px solid #dfdfde; font-family:Arial, Helvetica, sans-serif; width:573px;}

.inputwrap { height:30px;} 

.con p { margin:15px 0 10px 0;}

.small { font-size:10px; color:#333333; width:437px; background:white; margin:0 0 0 133px; font-family:Arial, Helvetica, sans-serif; text-align:right;}

.areacomentario, .inputform textarea { height:200px; padding:5px 0 0 5px; font-size:13px; color:#333333; width:573px; background:white; border:1px solid #dfdfde; font-family:Arial, Helvetica, sans-serif; display:block;}

.siguientes a, .anteriores a { font-size:14px; color:#52c5ed;; text-decoration:underline; }

.siguientes a:hover, .anteriores a:hover { color: #333333;} 


/*--------------------------- TABS --------------------------------------- */


.boxtab{
background: #ededed;
}
.boxholder{
clear: both;
padding: 5px;
background: #ededed;
}
.tab{
float: left;
height: 32px;
width: 102px;
margin: 0 1px 0 0;
text-align: center;
background: #666666;
color:red;
}

.tab:hover { background:#ededed;}

.tabtxt{
margin: 0;
color: #fff;
font-size: 12px;
font-weight: bold;
padding: 9px 0 0 0;
}

.tabtxt a { color:white;}

.tabtxt a:hover { color:#c62127;}


/*--------------------------- FOOTER --------------------------------------- */

#footer { background:#123053; height:50px; width:960px; margin:0 auto;}

#firma { background: #CCCCCC; height:25px; width:960px; margin:0 auto; text-align:center; color:#333333;
; font-size:11px; padding:1px;}

#firma p { margin:8px 0 0 0;}

#firma a { color:#123053;} 

#menufoo li { float:left; color:white; padding:5px; margin:15px 0 0 0;}

#menufoo li a { color:white; text-decoration:none; }

#menufoo li a:hover { text-decoration:underline;}


/*--------------------------- FEATURED --------------------------------------- */

#featured{
	width:585px;
	position:relative;
	height:400px;
	background:#fff;
}


#featured ul.ui-tabs-nav{
	position:absolute;
	top:0; left:400px;
	list-style:none;
	padding:0; margin:0;
	width:250px;
}
#featured ul.ui-tabs-nav li{
	padding:1px 0; padding-left:13px;
	font-size:12px;
	color:#666;
}
#featured ul.ui-tabs-nav li span{
	font-size:11px; font-family:Verdana;
	line-height:18px;
}


#featured .ui-tabs-panel{
	width:585px; height:400px;
	background:#999; position:relative;
        overflow:hidden;
}
#featured .ui-tabs-hide{
	display:none;
}


#featured li.ui-tabs-nav-item a{/*On Hover Style*/
	display:block;
	height:60px;
	color:#333;  background:#fff;
	line-height:20px;
	outline:none;
}
#featured li.ui-tabs-nav-item a:hover{
	background:#f2f2f2;
}
#featured li.ui-tabs-selected{ /*Selected tab style*/
	background:url('images/selected-item.gif') top left no-repeat;
}
#featured ul.ui-tabs-nav li.ui-tabs-selected a{
	background:#ccc;
}

#featured ul.ui-tabs-nav li img{
	float:left; margin:2px 5px;
	background:#fff;
	padding:2px;
	border:1px solid #eee;
}


#featured .ui-tabs-panel .info{
	position:absolute;
	top:280px; left:0;
	height:300px; width: 585px;
	background: url('images/transparent-bg.png');
}
#featured .info h2{
	font-size:20px; font-family:Georgia, serif;
	text-decoration:underline;
 	color:white;
	line-height:25px;
	padding:5px; margin:0;
	overflow:hidden;
	font-weight:bold;
}
#featured .info p{
	margin:0 5px;
	font-family:Verdana; font-size:11px;
	line-height:15px; color:#f0f0f0;
}
#featured .info a{
	text-decoration:none;
	color:white;
}
#featured .info a:hover{
	text-decoration:underline;
}