/*
Theme Name: Isopixel One
Theme URI: http://isopixelone.com
Description: 
Version: 1.0
Author: Ruben Araiza
Author URI: http://trostme.com/
Tags: blue, custom header, fixed width, two columns
*/

* {margin:0; padding:0; list-style:none; outline:none;}
body {color:#000000; font:normal 12px/18px Arial, Helvetica, sans-serif; background:#FFFFFF url(images/bg.jpg);}
p, h1, h2, h3, h4 {margin:0 0 13px 0;}
a, a:visited, a img { color:#4e8b0d; text-decoration:underline; }
a:hover { color:#000000;  }
.line {height:1px; border-top:solid 1px #e0e0e0; margin-bottom:13px;}
.last {margin:0;}

/* Header */
#header_container {height:102px; background:url(images/bg_header.jpg) repeat-x;}
#header {width:960px; height:102px; margin:0 auto; overflow:hidden;}
.logo {width:153px; height:101px; float:left; background:url(images/logo.png) no-repeat;}
.logo h1 {display:none;}
.logo a { width:401px; height:102px; display:block; }

/* Nav */
ul#menu-mainnav {width:640px; height:32px; float:right; position:relative; top:70px; }
ul#menu-mainnav li {float:left;}
ul#menu-mainnav li a {margin:0 0 0 20px; height:32px; display:block; font:bold 12px Arial, Helvetica, sans-serif; color:#000; text-decoration:none;}
ul#menu-mainnav li a:hover { background:url(images/nav_hover.png) no-repeat center bottom;}
.current-menu-item a, .current-page-ancestor a { background:url(images/nav_hover.png) no-repeat center bottom; }

.container { width:960px; height:356px; overflow:hidden; position:relative; cursor:pointer; }
.slides { position:absolute; top:0; left:0; }
.slides div { position:absolute; top:0; width:960px; height:356px; display:none; }
#loopedSlider { margin:0 auto; width:960px; height:356px; position:relative; clear:both; }
ul.pagination { list-style-type:none;  padding:0; margin:325px auto 0 auto; width:132px; }
ul.pagination li { float:left; margin:0 5px; }	
ul.pagination a { display:block; width:12px; padding-top:12px; height:0; overflow:hidden; background-image:url(images/pagination.png); background-position:0 0; background-repeat:no-repeat;}
ul.pagination li.active a {background-position:0 -12px}

/* Banner */
#banner_container {height:356px; background:#0C1214 url(images/bg_banner.jpg) repeat-x; }
#banner {width:960px; height:356px; margin:0 auto; color: #fff;}
#banner_container_interior {height:70px; background: url(images/bg_banner.jpg) repeat-x;}
#banner_interior {width:960px; margin:0 auto;}

/* Twitter */
#twitter_bar {height:41px; background:url(images/bg_twitter.jpg) repeat-x;}
.tweet {width:960px; height:41px; margin:0 auto; overflow:hidden;}
.tweet images {float:left; margin-right:10px;}
.tweet p {color:#fff; font:normal 12px/41px Arial, Helvetica, sans-serif; height:41px; float:left;}
.tweet a {color:#a1d9ee; font-size:12px; text-decoration:none;}
.tweet a:hover {text-decoration:underline;}
.tweet .tweet_list { width:960px; height:41px; overflow:hidden; }
.tweet .tweet_list li { width:960px; height:41px; line-height:41px; color:#fff; }
.tweet_avatar img { vertical-align: middle; margin-right:8px; }

/* Content */
.contentContainer { background:#fff; }
#content {width:960px; margin:0 auto; overflow:hidden; padding:40px 0;}
.col {width:275px; padding:0 30px 0 15px; float:left; overflow:hidden;}
.col h2 {color:#000000; font:bold 25px Arial, Helvetica, sans-serif;}
.col h4 {color:#000000; font:bold 15px Arial, Helvetica, sans-serif; margin-bottom:5px;}
.col h3 {margin-bottom:0;}
.col h3 a {color:#006dab; font:bold 12px Arial, Helvetica, sans-serif; text-decoration:none; margin-bottom:0;}
.col h3 a:hover, .col a:hover { color:#333; }
.col images {margin-bottom:30px;}
.col a {color:#4e8b0d; font:bold 12px Arial, Helvetica, sans-serif; text-decoration:underline;}
.col ul {padding-left:5px; margin-bottom:13px;}
.col li {background:url(images/col_bullet.jpg) no-repeat 0 8px; padding:2px 0 2px 10px;}
.col li a {}
.blog p {color:#555555; font:normal 12px Arial, Helvetica, sans-serif;}
.date { color:#888; font-size:11px; }
.wideCol .date { font-size:11px; margin-bottom:12px; display:block; color:#888; }

/* Widecol */
.wideCol {width:640px; margin-right:0; float:left; overflow:hidden; }
.wideCol p {color:#555555; margin-bottom:15px;}
.wideCol h1 {color:#000000; font:bold 30px Arial, Helvetica, sans-serif;}
.wideCol h2 {color:#555555; font:bold 18px/22px Arial, Helvetica, sans-serif; margin-bottom:10px;}
.wideCol h2.intro {color:#888888; font:bold 16px/20px Arial, Helvetica, sans-serif;}
.wideCol h3 {color:#4e8b0d; font:bold 16px/20px Arial, Helvetica, sans-serif; }
.wideCol h4 {color:#006dab; font:bold 14px/18px Arial, Helvetica, sans-serif; }
.wideCol .entry { border-bottom:1px solid #d2d2d2; padding-bottom:15px; margin-bottom:30px; overflow:hidden; }
.wideCol .entry ul {margin-left:25px; margin-bottom:15px;}
.wideCol .entry li {color:#555555; background:url(images/col_bullet.jpg) no-repeat 0 8px; padding:2px 0 2px 10px;}
.wideCol .entry li a {font:normal 12px Arial, Helvetica, sans-serif; color:#0995c9;}
.wideCol .entry li a:hover {color:#000000;}

.alianzas { width:202px; float:left; margin-right:10px; }
.alianzas img { border:1px solid #dedede; margin-bottom:6px; }
.aliado { text-align:center; }
.aliado a {olor:#333;}


/* tags */
ul.tags {list-style-type:none; margin:0 0 15px 0; padding:0; overflow:hidden;}
ul.tags li { float:left; }
ul.tags li a { font-size:11px; line-height:100%; font-family:"lucida Grande", Arial; text-decoration:none; padding:4px 8px; color:#fff; background-color:#0995c9; background-image:none; display:block; margin-right:5px;

-moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;

 }
ul.tags li a:hover { color:#fff; background-color:#555; }

/* Narrowcol */
.narrowcol {width:280px; float:right; overflow:hidden; }
.narrowcol h3 {width:265px; height:35px; padding-left:15px; color:#ffffff; font:bold 15px/35px Arial, Helvetica, sans-serif; background: url(images/narrow_h3.jpg); margin-bottom:0;}
.narrowcol ul {padding:10px 15px 10px 15px; width:250px; margin:0 auto 20px;  background:#eeeeee url(images/narrow_round.jpg) no-repeat bottom; overflow:hidden; }
.narrowcol li {  }
.narrowcol li a { padding:6px 0 6px 15px; font:bold 12px/17px Arial, Helvetica, sans-serif; background:url(images/col_bullet.jpg) no-repeat 0 11px; width:229px display:block; color:#666666; font:bold 12px/17px Arial, Helvetica, sans-serif; text-decoration:none; display:block;}
.narrowcol li a:hover {color:#000000;}

/* Footer */
#footer_container {height:266px; background:url(images/bg_footer.jpg) repeat-x; overflow:hidden;}
#footer {width:960px;  margin:40px auto 0 auto; overflow:hidden;}
#footer h3 {color:#FFFFFF; font:bold 15px Arial, Helvetica, sans-serif; margin-bottom:5px;}
#footer li {color:#90d8f3; font:normal 11px/15px "Lucida Grande", Arial, Helvetica, sans-serif;}
#footer li a {color:#90d8f3; font:normal 11px/15px "Lucida Grande", Arial, Helvetica, sans-serif;}
#footer p {color:#90d8f3; font:normal 11px/15px "Lucida Grande", Arial, Helvetica, sans-serif;}
#footer a {color:#FFFFFF; text-decoration:none;}
#footer a:hover {color:#ffffff; text-decoration:underline;}
#footer images {float:left; margin-right:20px;}
.footer_info {width:400px; float:left;}
.footer_ayuda {width:130px; float:left;}
.footer_boletin {width:300px; float:right;}
.footer_right {width:440px;float:right; overflow:hidden;}
.form { height:25px; overflow:hidden; margin-bottom:13px;}
.boletin {width:180px; height:25px; border:solid 1px #077aa5; float:left; margin-right:5px;}
.submit {height:25px; float:left;}

/* >>> Fotos <<< 
----------------------------------------------------- */
p img { padding: 0; max-width: 100%; }
img.centered { display: block; margin-left: auto; margin-right: auto;}
img.alignright { margin: 0 0 5px 10px; display: inline; }
img.alignleft {	margin: 0 10px 5px 0; display: inline; }
.alignright { float: right; margin: 0 0 10px 10px; }
.alignleft { float: left; margin: 0 10px 10px 0; }

/* >>> Captions <<< 
----------------------------------------------------- */
.aligncenter, div.aligncenter {	display: block;	margin-left: auto; margin-right: auto; }
.wp-caption { text-align: center; background-color: #f3f3f3; padding-top: 4px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption p.wp-caption-text {	font-size: 10px; line-height: 15px; padding: 4px; margin: 0;}
.round { -moz-border-radius: 7px; -webkit-border-radius: 7px; }


/* =Comments
-------------------------------------------------------------- */
#comments {
	clear: both;
}
#comments .navigation {
	padding: 0 0 18px 0;
}
h3#comments-title,
h3#reply-title {
	color: #000;
	font-weight: bold;
	font-size: 20px;
	margin-bottom: 0;
}
h3#comments-title {
	padding: 24px 0;
}
.commentlist {
	list-style: none;
	margin: 0;
}
.commentlist li.comment {
	border-bottom: 1px solid #e7e7e7;
	line-height: 24px;
	margin: 0 0 24px 0;
	padding: 0 0 0 56px;
	position: relative;
}
.commentlist li:last-child {
	border-bottom:none;
	margin-bottom:0;
}
#comments .comment-body ul,
#comments .comment-body ol {
	margin-bottom: 18px;
}
#comments .comment-body p:last-child {
	margin-bottom: 6px;
}
#comments .comment-body blockquote p:last-child {
	margin-bottom: 24px;
}
.commentlist ol {
	list-style: decimal;
}
.commentlist .avatar {
	position: absolute;
	top: 4px;
	left: 0;
}
.comment-author {
}
.comment-author cite {
	color: #000;
	font-style: normal;
	font-weight: bold;
}
.comment-author .says {
	font-style: italic;
}
.comment-meta {
	font-size: 12px;
	margin: 0 0 18px 0;
}
.comment-meta a:link,
.comment-meta a:visited {
	color: #888;
	text-decoration: none;
}
.comment-meta a:active,
.comment-meta a:hover {
	color: #FF4B33;
}
.commentlist .even {
}
.commentlist .bypostauthor {
}
.reply {
	font-size: 12px;
	padding: 0 0 24px 0;
}
.reply a,
a.comment-edit-link {
	color: #888;
}
.reply a:hover,
a.comment-edit-link:hover {
	color: #FF4B33;
}
.commentlist .children {
	list-style: none;
	margin: 0;
}
.commentlist .children li {
	border: none;
	margin: 0;
}
.nopassword,
.nocomments {
	display: none;
}
#comments .pingback {
	margin-bottom: 18px;
	padding-bottom: 18px;
	border-bottom: 1px solid #e7e7e7;
}
.commentlist li.comment+li.pingback {
	margin-top: -6px;
}
#comments .pingback p {
	color: #888;
	font-size: 12px;
	line-height: 18px;
	display:block;
	margin: 0;
}
#comments .pingback .url {
	font-style: italic;
	font-size: 13px;
}



/* Comments form */
input[type=submit] {
	color: #333;
}

#respond { padding-top:25px;
	margin: 24px 0;
	border-top: 1px solid #e7e7e7;
	overflow: hidden;
	position: relative;
}
#respond p {
	margin: 0;
}
#respond .comment-notes {
	margin-bottom: 1em;
}
.form-allowed-tags {
	line-height: 1em;
}
.children #respond {
	margin: 0 48px 0 0;
}
h3#reply-title {
	margin: 18px 0;
}
#comments-list #respond {
	margin: 0 0 18px 0;
}
#comments-list ul #respond {
	margin: 0;
}
#cancel-comment-reply-link {
	font-size: 12px;
	line-height: 18px;
	font-weight: normal;
}
#respond .required { color:#FF4B33; font-weight:bold;}
#respond label { color: #888; font-size: 12px;}
#respond input, .entry .campotexto {width:65%; border:1px solid #cdcdcd; padding:5px; background:none;}
.campomensaje { width:98%; border:1px solid #cdcdcd; padding:5px; background:none;}
#respond textarea { width:98%; border:1px solid #cdcdcd; padding:3px; margin-bottom:15px; }
#respond .form-allowed-tags { color: #888; font-size: 12px; line-height: 18px;}
#respond .form-allowed-tags code { font-size: 11px;}

.contacto .campotexto {width:98%; border:1px solid #cdcdcd; padding:5px; background:none;}

input#submit, .botonenviar { font-size:14px; background:#1c8fc4 url(images/bg_twitter.jpg) repeat-x; color:#fff; border:none; padding: 5px 14px; }