/*   
Theme Name: na
Theme URI: 
Description: a magazine template
Author: JCJ
Author URI: http://wwww.cosmoswide.com
Template: thematic
Version: 1.0
Tags: Thematic, magazine
*/

/* Reset browser defaults */
@import url('../thematic/library/styles/reset.css');

/* Apply basic typography styles */
@import url('../thematic/library/styles/typography.css');

/* Apply a basic layout */
@import url('../thematic/library/layouts/2c-r-fixed.css');

/* Apply basic image styles */
@import url('../thematic/library/styles/images.css');

/* Apply default theme styles and colors */
/* It's better to actually copy over default.css into this file (or link to a copy in your child theme) if you're going to do anything outrageous */
@import url('../thematic/library/styles/default.css');

/* Prepare theme for plugins */
@import url('../thematic/library/styles/plugins.css');

/* Main styles */
body { font: 100% Baskerville, "Hoefler Text", Garamond, "Times New Roman", Times, serif;color: #444; background-color:#e6e6e6; }
#blog-title a {height: 90px; width: 190px; display: block; margin-left: 750px;}
#blog-title a, #blog-description {text-indent: -9999px;}
a.more {color: #9e2b14; font-size: small;}
a.more:hover {text-decoration: underline;}
#primary {border: none;}
#content .aside {border: none;}
.entry-title {font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 22px;}
.slug-articulos h3.entry-title, h2.entry-title {font-size: 20px;}
.entry-title a	{color: #9f6f11;}
.entry-content {padding-right: 10px;}
.main-aside ul ul  {padding: 2px 0 0 15px; list-style-type: square; }
#buttons li {list-style-type: none;}
#buttons li img {margin: 20px 0px 0px 65px;}
#container {min-height: 350px;}
img.wpicon {padding: 0 20px;}
img.connect {padding: 40px 0;}
.granate {color: #a80000;}
.dorado { color: #997b40;}
a.info {text-decoration: underline; font-size: small; color:#a80000; }
a.info:hover {color:#444; }
.legal {height: 91px; width: 57px; float: right;background: transparent url(images/certificado.gif) no-repeat bottom right;}
/* Main layout */
#main {padding: 30px 0px 22px;}
#branding {padding: 16px 0px 8px;background: url(images/logo.jpg) no-repeat center right;} 
#bellowheader {height: 180px;  width: 940px; margin: 0px auto; padding: 5px 0 0 0;}
#moto {width: 736px; height:100%;}
#buttons {float:right; width: 204px;height:100%; margin-top: -170px; padding: 0;}

/*  Blog  */
.blog #wrapper, .single #wrapper {background: #e6e6e6 url(images/header_blog.jpg) no-repeat top center;}
.blog #main {padding: 80px 0px 22px; width: 940px;}
.blog #container {background-color: white; padding-top: 20px;}
.blog h2.entry-title a {text-decoration: underline;}

/*  Page  */
.page #wrapper {background: #e6e6e6 url(images/header_page.jpg) no-repeat top center;}
.slug-colecciones #content, .slug-contacto #content {width: 940px; margin: 0px 0px 0px 10px;}
.slug-nuestros-servicios #container, .slug-sobre-na-magazine #container, .slug-el-equipo #container, .tax #container {width: 740px;}
.slug-nuestros-servicios #content, .slug-sobre-na-magazine #content, .slug-el-equipo #content {width: 785px;}
.slug-nuestros-servicios .main-aside, .slug-sobre-na-magazine .main-aside, .slug-el-equipo .main-aside {width: 200px; right: 0px; left: 15px;}
.slug-nuestros-servicios .entry-title, .slug-sobre-na-magazine .entry-title, .slug-el-equipo .entry-title {text-indent: -9999px; line-height: 29px;}
.slug-nuestros-servicios .entry-content, .slug-sobre-na-magazine .entry-content, .slug-el-equipo .entry-content {background-color: white; padding: 22px 20px 0px 40px;}
.slug-nuestros-servicios .entry-title {background-color: #9f111c;}
.slug-sobre-na-magazine .entry-title  {background-color:#5f5144; }
.slug-el-equipo .entry-title {background-color: #957840;}
.slug-contacto .entry-content {padding: 0px;}
ul.menuserv .page-item-19, ul.menuserv .page-item-21, ul.menuserv .page-item-23  {height: 30px; padding-bottom: 25px; text-transform: uppercase;  font-weight: bold; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 12px;line-height: 35px; text-align: center;}
ul.menuserv .page-item-19 a, ul.menuserv .page-item-21 a , ul.menuserv .page-item-23 a,
ul.menuserv .page-item-19 a:hover, ul.menuserv .page-item-21 a:hover , ul.menuserv .page-item-23 a:hover,
ul.menuserv .page-item-19 a:visited, ul.menuserv .page-item-21 a:visited , ul.menuserv .page-item-23 a:visited {color:white; text-decoration: none; }
ul.menuserv .page-item-19 {background: #e6e6e6 url(images/serv.jpg) no-repeat top left;}
ul.menuserv .page-item-21 {background: #e6e6e6 url(images/sobrena.jpg) no-repeat top left;}
ul.menuserv .page-item-23 {background: #e6e6e6 url(images/equipo.jpg) no-repeat top left;}

/* Single  */
.single #container {width: 760px;background: url(images/content_bg.jpg) repeat-y top left; }
.single #content {width: 723px;}
.single #main, .four04 #main, .archive #main {padding: 60px 0px 22px;}
.single .main-aside {width: 200px;}
.single h1.entry-title {color: white; position: relative; padding-top: 3px; }
.single .entry-title, .single .entry-content, .single .entry-utility, .single .navigation, .single #comments { margin-left: 104px; padding-left:  18px; }
.single .entry-title {font-size: 22px; height: 29px; }
.single .entry-meta {display: block; width: 114px; height: 50px; margin-top: -39px; }
.single .entry-date {display: block; width: 100px;  height: 35px;color: white; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 26px;padding :  7px 0 0 7px;}
.single .entry-meta abbr {font-size: 20px; font-weight: bold;}
.single .meta-prep.meta-prep-entry-date, .single .meta-sep.meta-sep-entry-date {display:none;}
.single .nav-next {text-align: center;}

.s-category-blog .entry-date, .s-category-portada .entry-date {background: transparent url(images/singlepost.jpg) no-repeat top left;}
.s-category-blog h1.entry-title, .s-category-portada  h1.entry-title {background: transparent url(images/singleposth1.jpg) no-repeat top right;}
/* Artículos and Category */
.s-category-articulos .entry-date {background: transparent url(images/singlearticle.jpg) no-repeat top left;}
.s-category-articulos h1.entry-title {background: transparent url(images/singlearticleh1.jpg) no-repeat top right;}
.slug-articulos #wrapper, .category-articulos #wrapper {background: #e6e6e6 url(images/header_page.jpg) no-repeat top center;}
.slug-articulos #container, .s-category-articulos #container, .category-articulos #container, .tax #container{width: 740px;}
.slug-articulos #content, .s-category-articulos #content, .category-articulos #content, .tax #content{width: 723px;}
.slug-articulos .main-aside, .s-category-articulos .main-aside, .category-articulos .main-aside, .tax .main-aside{width: 200px; right: 0px; left: 15px;}

.slug-articulos h2.entry-title, .s-category-articulos h2.entry-title  {padding: 10px 0 0 0px;}
.slug-articulos h3.entry-title, .s-category-articulos h3.entry-title  {padding: 10px 0 0 0px;}
.slug-articulos .entry-utility, .s-category-articulos .entry-utility {color: #202020;}
.slug-articulos .entry-utility a, .s-category-articulos .entry-utility a {color: #800203; font-style: normal;}
.slug-articulos h3.entry-title a:hover {text-decoration: underline; color:#997b40;}
/*   aside for articulos and category  */
.slug-articulos .aside, .s-category-articulos .aside, .category-articulos .aside, .tax .aside {font-family: 'Myriad Pro', Helvetica, Arial, sans-serif;}
.slug-articulos .aside ul ul, .s-category-articulos .aside ul ul, .category-articulos .aside ul ul, .tax .aside ul ul  {margin:0 0 22px 0;}
.slug-articulos .aside a, .s-category-articulos .aside a, .category-articulos .aside a, .tax .aside a {text-decoration: none;}
.aside h3, .s-category-articulos .aside h3, .category-articulos .aside h3, .tax .aside h3 {font-style: normal; font-weight: bold; color: #a80000;font-size: 13px;}
.slug-articulos #aboveaside h3, .s-category-articulos #aboveaside h3, .category-articulos #aboveaside h3,  .tax #aboveaside h3 {padding-left: 20px;}
.slug-articulos .shr-bookmarks.shr-bookmarks-expand {display: none;}
.slug-articulos span.comments-link.comments-closed-link  {display: none;}

.slug-articulos .hentry, .category-articulos .hentry, .tax .hentry{float: left; width: 200px; height: 360px; padding:12px; margin:0 10px 15px 0; overflow: hidden; font-size: 12px; background-color: white;}
.slug-articulos .page-title, .category .page-title {display: none;}
/* Archive */
.tax #wrapper, .archive #wrapper, .four04 #wrapper {background: #e6e6e6 url(images/header_blog.jpg) no-repeat top center;}
.archive #container {background-color: white; padding-top: 20px;}
h1.author, .archive h1.page-title {color: #800203; }
.four04 h1.entry-title {text-shadow: 0px -3px 0px #e5e5ee; filter: dropshadow(color=#e5e5ee,offX=0,offY=-3); font-size: 36px; }
.four04 .entry-content p {text-shadow: 0px 1px 0px #e5e5ee;}
/* Home */
.home #wrapper {background: #e6e6e6 url(images/header.jpg) no-repeat top center;}
.home #main {padding: 15px 0px 22px;}
.home #container {width: 960px; }
.home #content {width: 940px; padding: -10px 0 10px 0;}
.home #bellowheader { height: 75px; padding: 45px 0 0 0;}
.home #moto {width: 430px; height:100%;}
.home #buttons { width: 514px; margin-top: -160px;}
.home #buttons li {list-style-type: none; display: inline;}
.home #buttons li img {margin: 100px  0 0 8px;}
/*** Menu ***/
#access {background: url(images/nav_bar.jpg) no-repeat center center;font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: bold;font-size: 11px; border-bottom: none; height: 32px; padding-top: 2px;width: 940px; margin: 0px auto;}
.sf-menu {text-transform: uppercase;border:none; }
.sf-menu a, .sf-menu a:visited  {color: #c8c8c8; border:none;}
.sf-menu li li a, .sf-menu li li a:visited {background-color: #454546;color: #777; /*Sets second level font color*/  }
.sf-menu ul {border: none; margin-top: -3px;}
.sf-menu .current_page_item a,
.sf-menu .current-cat a,
.sf-menu .current_page_ancestor a,
.sf-menu .current_page_parent a { color: #fff;}
.sf-menu li.sfHover a {background-color: #454546;}
.sf-menu li { background: transparent url(images/separator.jpg) no-repeat top right ;color: #fff;}  
.sf-menu li li {border-bottom: 1px solid #444;}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {background: transparent url(images/separator.jpg) no-repeat center right ;color: #fff; border-bottom: none;}
.sf-menu li li a:hover {color: #fff; }
ul.rsslink { margin-left: 885px; padding: 6px 0 0 0;}
ul.rsslink a {display: block; width: 60px; height: 20px; color: #c8c8c8; }
/*** MENU arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}
/* widgets */
.widgetcontainer.aktt_widget {background: transparent url(images/twitter_bird.png) no-repeat top right;}
.aktt_widget {padding-top: 20px;}
div.aktt_tweets ul {padding: 8px 0px 0px 0; margin: 0;}
.aktt_tweets ul li { list-style-type: none; color: black;}
.aktt_tweets ul li a {}

/* banners y slogans */
.slug-colecciones #moto {background: transparent url(images/frase_colecciones.png) no-repeat top left;}
.slug-articulos #moto {background: transparent url(images/frase_articulos.png) no-repeat top left;}
.slug-social #moto {background: transparent url(images/frase_social.png) no-repeat top left;}
.slug-contacto #moto {background: transparent url(images/frase_contacto.png) no-repeat top left;}
.slug-nuestros-servicios #moto, .slug-sobre-na-magazine #moto, .slug-el-equipo #moto {background: transparent url(images/frase_servicios.png) no-repeat top left;}
/* accordion */
#primary h3.widgettitle { font-style: normal; line-height: 40px;background: transparent url(images/separe.png) no-repeat bottom left; padding: 0;} 
#primary h3.widgettitle a {display: block;}
/* contact form  */
.slug-contacto h1.entry-title {display: none;}
.slug-contacto div.wpcf7 { width: 500px; float:right; position:relative; top: -500px;} 
.slug-contacto .textbg {background:  url(images/textbg.png) no-repeat 0px 0px;color: dimGray;display: block;font: normal normal normal 2em/normal 'Hoefler Text', Garamond, 'Times New Roman', Times, serif;height: 47px;margin: 2px 0px 20px;padding: 0px 15px;width: 330px;border: none;}
.slug-contacto .textbgb {background: url(images/textbgb.png) no-repeat 0px 0px;color: dimGray;display: block;font: normal normal normal 1.5em/1.6em 'Hoefler Text', Garamond, 'Times New Roman', Times, serif;height: 247px;margin: 2px 0px 20px;padding: 15px;width: 490px;border: none;}
.slug-contacto .quizbg {background:  url(images/quizbg.png) no-repeat 0px 0px;color: dimGray;display: block;font: normal normal normal 2em/normal 'Hoefler Text', Garamond, 'Times New Roman', Times, serif;height: 47px;margin: 2px 0px 20px;padding: 0px 15px;width: 50px;border: none;}
.half {clear: right;  width: 350px;}
.half li {list-style-type: none;}
.half ul {margin: -20px 0 20px 0px;}
img.contact {margin: 30px 10px -11px 0;}
.alignr {display: block;  padding-left: 42px; }
h1.dorado {padding-bottom: 30px;}
/* contact form for newsletter */
#newsletter {height: 10px;  width: 940px; margin:0px auto; padding: 25px 0 10px 0; background: transparent url(images/newsletter-bg.png) no-repeat top right; }
.home .wpcf7 { float: right; width: 287px; height: 60px; }
.home .textbg {background:  url(images/textbgs.png) no-repeat center top; color: dimGray;display: block;font: normal normal normal 1em/normal 'Hoefler Text', Garamond, 'Times New Roman', Times, serif;height: 26px;margin: 2px 0px 5px;padding: 0px 5px;width: 173px;border: none; float:left;}
.home .wpcf7-submit  {background: url(images/enviar.png) no-repeat;cursor: pointer; width: 95px; height: 27px; color: black; float:right; margin: 2px 0 0 0;font: normal normal  .6em/normal 'Helvetica Neue', Helvetica, Arial, sans-serif; border: none; text-transform: uppercase;}
/* footer  */
#footer {background: url(images/footer.jpg) repeat-x; margin-top: 0; }
#subsidiary {height: 330px; width: 960px; }
#first.aside.sub-aside, #second.aside.sub-aside  {padding-top: 100px;}
#subsidiary #first {background: transparent url(images/tags.jpg) no-repeat top left;}
#subsidiary #second {background: transparent url(images/world.jpg) no-repeat top left;}
#subsidiary #third {background: transparent url(images/cats.jpg) no-repeat 0% 5%;}
#footer a {color: #dcd468;}
#subsidiary .aside {padding: 80px 0px 0px; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; color: #dcd468; width:320px; margin:0; }
#subsidiary .aside ul ul li, #subsidiary h3 {color: #dcd468; list-style-type: none;}
#subsidiary h3 { font-weight: bold; font-size: 16px; font-style: normal;}
#subsidiary #second.aside.sub-aside ul ul {margin-left:0px;}
a.upwards img {float: right;}
#siteinfo {color: white;}

ul.socialicons li {display: inline;}

/* Take care of the usual suspects  */
.ie6 .aviso {background-color: red; color: white; font-weight: bold; text-align: center;}
.ie6 .aviso h3 {font-size: x-large;text-transform: uppercase; }
.ie7 ul.rsslink { margin: -30px 0 0 850px;}
.ie7 .home .wpcf7 {padding-top: 20px;}
.ie7 a.upwards img, .ie6 a.upwards img {margin-top: -20px;}
.ie6 ul.rsslink {display: none;}