@charset "utf-8";
#page_clave{
	float:left;
	width:100%;
	margin-top:20px;
	border-top:3px red solid;
}
#page_clave_main {
	float:left;
	width:735px;
}
.clave_satelite {
	float: left;
	width:156px;
	height:366px;
	margin:0px 28px 25px 0px;
	border: 1px #656565 solid;
	font-size:0.8em;
	color:#555;
	text-align:center;
	line-height:1.2;
	position:relative;
}
#clave_satelite_0, #clave_satelite_4, #clave_satelite_5 {
	margin-right:0px;
}
.clave_imagen {
	float:left;
	width:142px;
	height:176px;
	margin: 7px 0px 0px 7px;
	background-color:#efefef;
	text-align:center;
	position:relative;
}
.clave_imagen img {
	width:142px;
	height:176px;
}
.clave_imagen a {
	display:none;
	width:28px;
	height:28px;
	background-color:red;
	position:absolute;
	top:0;
}
#flecha_0, #flecha_1, #flecha_2 { right:0; }
#flecha_0 {background:url(../images/page-clave/iconos.jpg) no-repeat 0px 0px;}
#flecha_1 {background:url(../images/page-clave/iconos.jpg) no-repeat -84px -28px;}
#flecha_2 {background:url(../images/page-clave/iconos.jpg) no-repeat -84px 0px;}
#flecha_3 {background:url(../images/page-clave/iconos.jpg) no-repeat -84px 0px;}
#flecha_4 {background:url(../images/page-clave/iconos.jpg) no-repeat -56px -28px;}
#flecha_5 {background:url(../images/page-clave/iconos.jpg) no-repeat -56px 0px;}
.clave_content h2 {
	float:left;
	margin:8px 0px;
	width:100%;
	color:red;
	font-size:1.05em;
	text-align:center;
	text-transform:uppercase;
}
.clave_content p {
	float:left;
	margin-bottom:12px;
	padding:0px 4px;
	text-align:center;
	color:#555;
}
.clave_url {
	width:100%;
	text-align:center;
	position:absolute;
	bottom:25px;
	font-weight:bold;
}
.clave_url a {
	color:#5a5a5a;
	font-style:italic;
}
.clave_content_active {
	background-color:#000;
}
.clave_content_active .clave_content {
	color:#fff;
}
.clave_content_active .clave_imagen {
	background-color:#444;
}
.clave_content_active .clave_imagen a {
	display:block;
}
.clave_content_active .clave_content p {
	color:#fff;
}
.clave_content_active .clave_url a {
	color:#fff;
}

/* Caja principal */
.clave_principal_wrapper {
	float:left;
	height:326px;
	overflow:hidden;
}
#clave_principal {
	float: left;
	width:376px;
	height:386px;
	margin:0px 12px 0px 12px;
	font-size:0.8em;
	color:#fff;
	text-align:center;
	line-height:1.2;
	position:relative;
	background-color:#000;
}
#clave_principal .clave_imagen {
	float:left;
	width:352px;
	height:176px;
	margin: 12px 0px 0px 12px;
	background-color:#333;
	text-align:center;
	position:relative;
}
#clave_principal .clave_imagen img {
	width:352px;
	height:176px;
}
a#mapita {
	display:block;
	width:38px;
	height:18px;
	background-color:transparent;
	position:absolute;
	top:336px;
	left:169px;
	background-image:url(../images/page-clave/mapita.png);
	background-repeat:none;
	background-position:0 0;
}
#clave_principal .clave_content h2 {
	font-size:1.9em;
	text-transform:none;
}
#clave_principal .clave_content p {
	float:left;
	padding:0px 12px;
	color:#fff;
	text-align:center;
}
#clave_principal .clave_principal_date {
	width:100%;
	height:20px;
	background-color:#fff;
	font-size:0.78em;
	text-align:center;
	line-height:2.0;
	position:absolute;
	bottom:0;
}
#page_clave_comments {
	float:right;
	width:254px;
}
#page_clave_footer {
	float:left;
	width:100%;
}
#clave_mini_logo {
	display:block;
	width:254px;
	height:75px;
	background:url(../images/page-clave/logito.jpg) no-repeat top;
}
#clave_comments_wrapper {
	float:left;
	width:238px;
	margin-top:1px;
	padding:0px 8px;
	border-top:1px #DEDAD9 solid;
	background-color:#F6F5F0;
	font-size:0.8em;
}
#clave_comments_wrapper h3#comments {
	margin:6px 0px 6px 26px;
	font-size:1.15em;
	font-style:italic;
}
#clave_comments_wrapper h3#comments span {
	color:red;
}
.commentlist .comentario {
	margin:0px 0px 20px 0px;
}
.commentlist .comentario .commenttext {
	padding-left:28px;
	color:#8A8889;
	background:url(../images/page-clave/flechita_der.jpg) no-repeat 0px 2px;
}
.commentlist .comentario .commenttext p {
	margin-bottom:10px;
	color:#8A8889;
}
#clave_comments_wrapper h3#respond {
	color:red;
}
#commentform .comment_avatar {
	float:left;
}
#commentform .comment_user_name {
	float:left;
	width:178px;
	margin-left:10px;
}
#commentform input, #commentform textarea {
	width:100%;
	margin-top:5px;
	border:1px #999 solid;
	color:#8A8891;
}
#commentform textarea {
	height:64px;
	resize:none;
}
#commentform span, #commentform label {	color:#ABA8AA;}
#commentform #imageField {
	width:23px;
	border-width:0px;
}
#commentform p {
	margin:10px 0px;
	font-size:1.1em;
}
/* Footer Scroller */
#clave_mas {
	float:left;
	padding: 4px 4px 0 4px;
	background-color:#F80001;
	font-size:0.8em;
	color:#fff;
	text-transform:uppercase;
}
#clave_scroller {
	width:990px;
	height:140px;
	float:left;
	border-top:3px #F80001 solid;
}
#clave_scroller div.clave_scrollable {
	position:relative;
	overflow:hidden;
	float:left;
	width:936px;
	height:140px;
}
#clave_scroller div.clave_scrollable div.clave_scroller_items{
	width:20000em;
	position:relative;
}
#clave_scroller div.clave_scrollable div.clave_scroller_items div.clave_scroller_items_group {
	float:left;
	width:936px;
	background-color:#FFFFFF;
}
#clave_scroller div.clave_scrollable div.clave_scroller_items div.clave_scroller_items_group div {
	float:left;
	margin-top:20px;
	width:156px;
	text-align:center;
}
#clave_scroller img {
	width:135px;
	height:68px;
	border:2px #656565 solid;
}
#clave_scroller a:hover img {
	border-color:#F80001;
}
#clave_scroller h2 {
	font-size:0.8em;
	margin:4px 0;
}
#clave_scroller span {
	color:#777779;
	font-size:0.75em;
}
.clave_scroller_prev {
	float:left;
	width:18px;
	height:18px;
	margin:52px 0px 0px 0px;
	background:url(../images/page-clave/left1.jpg) no-repeat 0 0;
	cursor:pointer;
}
.clave_scroller_next {
	float:left;
	width:18px;
	height:18px;
	margin:52px 0px 0px 0px;
	background:url(../images/page-clave/right1.jpg) no-repeat 0 0;
	cursor:pointer;
}
.clave_scroller_disabled_nav {
	background-position:0 -18px;
}