/* CSS Document */
body, th, td, input, textarea, select{
	font-family:"Trebuchet MS", "Century Gothic", Tahoma;
	color:#3F3D43;
	font-size:13px;
	line-height:1.4em;
}
body{
background:#fff;
margin:0 0 0 0;}

a:link, a:visited{color:#1DB2EC; text-decoration:underline; font-weight:normal; }
a:hover{color:#000; text-decoration:underline;  }
h1, h2{margin:0; padding:0; letter-spacing:-1px; font-family:"Century Gothic", "Trebuchet MS", Tahoma; font-weight:normal;}
h1{font-size:260%; margin:8px 0px; line-height:1em;}
h2{font-size:180%; margin:8px 0 10px 0; line-height:1em;}
h3{font-size:130%; margin:8px 0 10px 0; line-height:1em; color:#99CC00;  font-weight:normal;}
p{text-align:left;}
form{margin:0; padding:0;}
input, select, textarea{padding:5px; font-size:12px; font-weight:bold; font-family:"Century Gothic", "Trebuchet MS", Tahoma; color:#1DB2EC;}
ul{padding:0 0 0 10px;}

#global{
width:960px; 
margin:auto !important;
padding:0 10px 10px 10px; background:#fff;

}
#top{
clear:both;
height:116px;
padding:0 5px;
}
#logo{padding:0px 0 0 0; width:418px; height:116px; float:left;}
#topoptions{width:524px; height:27px; float:right; font-size:12px; color:#6C6C6C; padding:0px 0 0px 0; text-align:right;}
#topoptions a:link, #topoptions a:visited{text-decoration:none; color:#08CCFE; font-size:12px; font-family:"Century Gothic", "Trebuchet MS", Tahoma; }
#topoptions a:hover, #topoptions #current a:link, #topoptions #current a:visited{ color:#FFCC00;}
#loginbar{padding:4px 16px 4px 4px; background-color:#1BABE8; width:260px; float:right; clear:right; color:#fff;}
#loginbar a:link, #loginbar a:visited{color:#fff;} #loginbar a:hover{color:#FFFF00; text-decoration:underline;}

#menu{ width:960px;  height:43px; clear:both; padding:0px 0 0 0; border-bottom:10px solid #fff;  background:#1BABE8 url(../images/bgmenu.jpg) top left repeat-x; }
#menu ul{margin:0; padding:0; list-style:none;}
#menu ul li{ float:left; padding:12px 10px 0px 10px; }
#menu ul li a:link,  #menu ul li a:visited{
	color:#fff; text-decoration:none;  
	font-size:14px;
	padding:10px 3px 12px 3px;
	font-weight:normal; text-transform:uppercase;
	font-family:"Century Gothic", "Trebuchet MS", Tahoma;
}
#menu ul li a:hover, #current a:link, #current a:visited{ color:#fff; background:#002444 url(../images/bgmenuOver.jpg) repeat-x top left;}

#anim{clear:both;  height:276px;}

#content{ width:960px; background:#fff; clear:both;  margin:0 0 0 0; padding:0 0 10px 0;}
.block{ float:left; width:270px; }
.textos{padding:20px; }
.gridItem{float:left; width:230px; margin:0 13px 0px 0;}
#last{margin:0;}


/* Sub Menu */
#submenu{margin:0; padding:0 0 30px 10px; list-style:none;}
#submenu li{padding:0px 0 0 0px; border-bottom:1px dotted #eee; }
#submenu a:link, #submenu a:visited{display:block; color:#eee; text-decoration:none; padding:8px 0 8px 0px;  font-size:15px; }
#submenu a:hover, #submenu #current a:link, #submenu #current a:visited{ color:#1DB2EC;}


/* Listados */
#list{margin:0; padding:0; list-style:none;}
#list li{padding:10px 0 10px 4px;}
#list li a:link, #list li a:hover{}
#list .title{color:#333; font-weight:normal;}
#list .resumen{ font-weight:normal; font-size:12px; }
#list .image{padding:2px; border:4px solid #eee;}
#list .small{font-size:10px;}

#headSection{clear:both; height:64px; background:none; overflow:hidden; }
#headSection h1{font-size:38px; font-weight:normal; padding:15px 0 0 6px; text-transform:none;}


/**************************
paginacion
****************************/
/* paginación */
#paginacion{clear:both; height:60px; padding:10px 0; border-top:1px dotted #ddd; }
.num{margin:0 6px 14px 6px; float:left; background:#fff; }
.num a:link, .num a:visited{text-decoration:none; color:#333; border:1px solid #ddd;   padding:4px 10px;  background:#fff;}
.Over{margin:0 6px; float:left; }
.Over a:link, #Over a:visited{text-decoration:none; color:#fff;    padding:4px 10px;  background:#CB3D4C;  }



/************************************************************ 
Items como artículos o cosas a poner con imágenes...
*************************************************************/
#item{float:left; width:296px;  background:#fff; /* background:#fff url(../images/bgblock.jpg) top left repeat-x;*/ height:160px;  padding:3px; margin:0 8px 8px 0;  font-size:11px; /* border:1px outset #ddd; */}

#item .head {clear:both; height:18px; margin:0 0 4px 0; border-bottom:1px dotted #ccc;}
#item .head .fecha{width:120px; float:left}
#item .head .comentarios{width:120px; float:right; text-align:right;}
#item .head .fecha, #item .head .comentarios{font-size:10px; color:#999}
#item .texto{ clear:both; line-height:14px; height:118px; overflow:hidden; }

#item .titulo {margin:0 0 5px 0;}
#item .titulo a:link, #item .titulo a:visited{color:#1DB2EC; font-size:19px; text-decoration:none;  padding:0 0 2px 0; line-height:18px; font-weight:bold; /*text-transform:lowercase;*/ font-family:"Century Gothic", "Trebuchet MS", Tahoma; }
#item .titulo a:hover{color:#FF3399;}
#item .img{ width:120px; float:left; height:70px; overflow:hidden; margin:0 1px 0 0;  border-bottom:4px solid #1DB2EC;}
#item .img img{ width:120px;  padding:0px; }
#item .textoholder{float:left; width:150px; padding:4px; }
#item .moreinfo{clear:both; height:20px; text-align:left; /* border-top:1px dotted #eee; */}
#item .moreinfo a:link,#item .moreinfo a:visited{   background:#fff; color:#1DB2EC; text-decoration:none;  padding:1px 12px 0px 0; font-weight:bold;}
#item .moreinfo a:hover{color:#FF3399;  }
#item .cat{ color:#FF9900; font-size:10px; font-weight:bold; }

.last{margin-right:0; float:right;}
.alto{height:auto !important;}
.colorA{ background-color:#DA0051;}
.colorB{ background-color:#1DB2EC;}
.colorC{ background-color:#8D3A8F;}
.colorD{ background-color:#FFCC00;}
.colorE{ background-color:#fff;}

/* Blog Item Details */
#comentarios{margin:20px 0 0 0; padding:7px; clear:both;}
.comentario{clear:both; background:#fff; border-top:3px solid #CDDFEF; padding:4px; margin:0 0 10px 0; font-size:90%;}
.nombres{float:left; width:140px;  padding:6px;}
.mensaje{float:left; width:490px; background:#E4ECF6 url(../images/commentsFlecha.gif) top left no-repeat; margin:0 0 0 20px; padding:6px 6px 10px 30px;}


/* Side Bar */
#sidebar{float:right; width:330px;  height:340px; background:#1DB2EC url(../images/avisobg001.jpg) top left repeat-x;}
#sidebar .in{ margin:60px 50px 0 50px;   padding:6px; height:100px; overflow:hidden; text-align:center;}
#sidebar .in .fecha{ font-size:40px; padding:0 0 10px 0; font-weight:bold; color:#DA0051; text-transform:uppercase; font-family:"Century Gothic", "Trebuchet MS", Tahoma;}
#sidebar .in .mes{ font-size:20px; font-weight:bold; color:#DA0051; text-transform:uppercase; font-family:"Century Gothic", "Trebuchet MS", Tahoma;}
#sidebar .details{  height:140px; color:#fff;  overflow:hidden; margin:0px 0px 0 0px; padding:0px; }
#sidebar .details h2{color:#fff; text-transform:uppercase; padding:4px 0; text-align:center; margin:0; font-size:20px; letter-spacing:normal; background:#FFCC00;  }
#sidebar .details p{  padding:0 6px; margin:0; }

#salto{height:2px; clear:both;}
.ico{cursor:pointer; cursor:hand;}

#piebar{
clear:both;
width:940px; 
height:60px; overflow:hidden;
background:#fff url(../images/bgpiebar.jpg) top left repeat-x; 
padding:4px 10px;  margin:10px auto;
border-bottom:2px solid #fff;
}
#piebar #item{float:left; width:202px; font-size:13px; padding:10px 0 0 0; background:none; font-family:"Century Gothic", "Trebuchet MS", Tahoma; border:none;}
#piebar #item a:link, #piebar #item a:visited{display:block;  height:46px; color:#6D8492; text-decoration:none; font-weight:normal; padding:4px 0px 0px 50px; background:url(../images/bgItemPiebar.jpg) top left no-repeat; }
#piebar #item a:hover{background:url(../images/bgItemPiebarOver.jpg) top left no-repeat; color:#5B2F75;}
#piebar #item h2{margin:0; padding:0; font-size:22px;  color:#6D8492;  }
#piebar #item a:hover h2{color:#5B2F75;  }

#pie{
width:900px;
height:auto !important;
border:1px solid #ddd;
text-align:center;
padding:10px 30px 10px 30px;
margin:10px auto 10px auto;
clear:both;
}
#pie a:link, #pie a:visited{color:#000; padding:0 6px; text-decoration:underline; font-weight:bold;}
#pie a:hover{color:#FFCC00; text-decoration:underline;}