﻿/*
Theme Name: Guzel Magazine
Theme URI: http://www.customthemedesign.com/
Description: Guzel Magazine theme is a unique wordpress magazine style by <a href="http://www.customthemedesign.com/">Custom Theme Design</a>. Please use <a href="http://forums.gabfire.com/">support forums</a> for theme support questions.
Version: 1.0
Author: Ahmed Fouad
Author URI: http://www.customthemedesign.com/
*/

/*
Set general CSS declarations
*/
* {
	font-family: arial;
	font-size: 1em;
	outline: 0;
	padding: 0;
	margin: 0;
	border: 0;
	text-decoration: none;
	vertical-align: baseline;
	white-space: normal;
}

a {
	color: #FFFFFF;
}

a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

html, body {
	line-height: 1;
}

hr {
	display: none;
}

blockquote:before, blockquote:after, q:before, q:after {
	content: '';
}

blockquote, q {
	quotes: "" "";
}

ul {
	list-style-type: none;
}

ol {
	list-style-type: decimal;
}

body {
	text-align: center;
	background-color: #cc0000;
	background-repeat: repeat-x;
	background-position: center top;
	background-image: url(images/bg.jpg);
}
#bloque {
	display: inline-block;
	width: 100%;
	background-image: url(../../../../imagenes/bloque.jpg);
	background-repeat: no-repeat;
	height: 85px;
	background-position: left top;
	padding-top: 15px;
	margin-top: 5px;
	margin-bottom: 5px;
}
#bloqueup {
	background-image: url(../../../../imagenes/bloqueup.jpg);
	background-position: left top;
	display: block;
	height: 15px;
	width: 100%;
}
#bloquedown {
	background-image: url(../../../../imagenes/bloquedown.jpg);
	background-position: left bottom;
	display: block;
	height: 15px;
	width: 100%;
	margin-bottom: 20px;
	margin-top: 0px;
}
#block {
	display: block;
	clear: right;
	float: left;
	width: 225px;
	margin-left: 20px;
	height: 85px;
	margin-bottom: 0px;
}
#block li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #888888;
	list-style-type: none;
	line-height: 14px;
	letter-spacing: 1px;
}
#block  li a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999999;
	list-style-type: none;
	padding-left: 5px;
}
#block li a:hover {
	color: #FFFFFF;
	list-style-type: none;
	text-decoration: none;
}

#container {
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	margin-bottom: 0px;
	background-repeat: no-repeat;
	background-position: center top;
}

.clear {
	clear: both;
}

/*
Top part CSS
*/
#top {
	width: 980px;
	height: 25px;
	margin-bottom: 0px;
	background-repeat: repeat-x;
	background-position: top;
}

#topleft {
	float: left;
	height: 25px;
	padding-left: 10px;
	background-repeat: no-repeat;
	background-position: left top;
}

#topright {
	float: right;
	height: 25px;
	padding-right: 10px;
	background-repeat: no-repeat;
	background-position: right top;
}

/*
Page navigation CSS
*/
#pagenavigation {
	float: left;
	height: 32px;
	padding-top: 1px;
	padding-bottom: 1px;
	z-index: 20;
	border-left-width: 1px;
	border-left-style: none;
	border-left-color: #ddd;
	margin-top: 45px;
}

#pagenavigation li {
	float: left;
	display: block;
	margin-right: 15px;
}

#pagenavigation li ul li {
	width: 100%;
	border-right-width: 0;
	border-bottom-width: 1px;
	border-bottom-style: none;
	border-bottom-color: #ddd;
}

#pagenavigation li a {
	display: block;
	line-height: 32px;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	text-transform: uppercase;
}

#pagenavigation li a:hover {
	color: #FFFFFF;
	background-image: url(images/menuglow.gif);
	background-repeat: repeat-x;
	background-position: left top;
	text-decoration: none;
}

#pagenavigation li.current_page_item a {
	color: #FFFFFF;
	text-transform: uppercase;
	background-image: url(images/menuglow.gif);
	background-repeat: repeat-x;
	background-position: left top;
}

#pagenavigation li.current_page_item a:hover {
	color: #FFFFFF;
	text-transform: uppercase;
}

#pagenavigation ul {
	display: none;
	z-index: 99;
	position: absolute;
}

#pagenavigation ul li a {
	display: block;
	width: 250px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-transform: none;
	color: #FFFFFF;
	padding-right: 5px;
	padding-left: 10px;
	height: 25px;
	background-image: url(images/menu.png);
	z-index: 98;
	font-weight: normal;
}

#pagenavigation li ul a:hover {
	display: block;
	z-index: 100;
	font-weight: normal;
	background-color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}

#pagenavigation ul a {
	display: block;
}

#pagenavigation ul ul {
	margin-top: -27px;
	display: none;
	margin-left: 198px;
	position: absolute;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
}

#pagenavigation li:hover ul ul {
	display: none;
}
#pagenavigation li:hover ul {
	display: block;
}
#pagenavigation ul li:hover ul {
	display: block;
}
#pagenavigation li ul li {
	display: block;
	width: 100%;
}

/*
Search form CSS
*/
.searchform {
	display: inline;
}

.searchform fieldset {
	display: inline;
	background-position: left center;
	background-repeat: no-repeat;
	padding-top: 8px;
	margin-bottom: 10px;
}

.searchform label {
	vertical-align: middle;
	display: inline;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	clear: right;
	float: left;
}

.searchform input {
	vertical-align: middle;
	display: inline-block;
	font-size: 12px;
	clear: right;
	margin-right: 0px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
}

.searchinput {
	width: 155px;
	color: #FFFFFF;
	background-image: url(images/searchinput.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 10px;
	margin-right: 0px;
	clear: right;
	display: inline-block;
	padding-top: 5px;
	height: 20px;
	background-color: #CC0000;
}

.searchbutton {
	width: 35px;
	height: 25px;
	text-transform: uppercase;
	cursor: pointer;
	color: #FFF;
	font-weight: bold;
	background-repeat: no-repeat;
	display: inline-block;
	clear: right;
	background-position: center;
	background-color: #CC0000;
	background-image: url(images/SEARCH.jpg);
	margin: 0px;
	float: left;
}

/*
Header CSS
*/
#header {
	width: 980px;
	background-position: left top;
	height: 65px;
}

#headerlogo {
	float: left;
	display: inline;
	width: 218px;
}

#headerad {
	float: right;
	display: inline;
	margin-right: 10px;
}

#headerad a, #headerad img {
	display: block;
}

#headerlogo h1 {
	float: left;
	background: url(images/logo.gif) no-repeat;
	background-position: right 20px;
	margin-right: 5px;
	padding-right: 15px;
	padding-top: 25px;
}

#headerlogo h1 a {
	font-size: 1.4em;
	font-weight: normal;
	line-height: 1.5em;
	letter-spacing: -1px;
}

#headerlogo h1 a:hover {
	color: #4e74f2;
}

#headerlogo span {
	float: left;
	padding-top: 35px;
	font-weight: bold;
	font-size: 0.9em;
	line-height: 1.2em;
	color: #666;
}

/*
RSS Bar CSS
*/
#rssbar {
	width: 980px;
	margin-top: 10px;
	background-repeat: no-repeat;
	display: inline-block;
	margin-bottom: 15px;
	background-image: url(images/footer.jpg);
	background-position: left top;
	padding-top: 20px;
}
#rssbar  #today   {
	float: left;
	height: 30px;
	padding-left: 10px;
	font-size: 10px;
	color: #FFFFFF;
	line-height: 12px;
	margin-bottom: 10px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
}

#rssbar ul {
	float: right;
	display: inline;
	height: 40px;
	padding-right: 10px;
	margin: 0px;
}

#rssbar ul li {
	float: left;
	margin-left: 0px;
	display: inline;
	background-image: url(images/rss.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin-right: 0px;
}

#rssbar ul li a {
	height: 40px;
	background-position: left top;
	padding-left: 60px;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	display: inline-block;
	background-image: url(images/rss-off.jpg);
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
}

#rssbar ul li a:hover {
	color: #FFFFFF;
	text-decoration: underline;
	background-image: url(images/rss.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#rssbar   ul   facebook {
	float: left;
	margin-left: 0px;
	display: inline;
	background-image: url(images/facebook.jpg);
	background-position: left top;
	background-repeat: no-repeat;
}
#rssbar   ul   facebook   a {
	height: 40px;
	background-position: left center;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	display: inline-block;
	background-image: url(images/facebook-off.jpg);
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	padding-left: 60px;
}
#rssbar   ul   facebook   a:hover {
	color: #FFFFFF;
	text-decoration: underline;
	background-image: url(images/facebook.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#rssbar ul twitter {
	float: left;
	display: inline;
	background-image: url(images/twitter.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#rssbar ul twitter a {
	height: 40px;
	background-position: left center;
	padding-left: 60px;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	display: inline-block;
	background-image: url(images/twitter-off.jpg);
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
}
#rssbar ul twitter a:hover {
	color: #FFFFFF;
	text-decoration: underline;
	background-image: url(images/twitter.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#rssbar ul vimeo {
	float: left;
	display: inline;
	background-image: url(images/vimeo.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#rssbar ul vimeo a {
	height: 40px;
	background-position: left center;
	padding-left: 60px;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	display: inline-block;
	background-image: url(images/vimeo-off.jpg);
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
}
#rssbar ul vimeo a:hover {
	color: #FFFFFF;
	text-decoration: underline;
	background-image: url(images/vimeo.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#rssbar ul youtube {
	float: left;
	display: inline;
	background-image: url(images/youtube.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#rssbar ul youtube a {
	height: 40px;
	background-position: left center;
	padding-left: 60px;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	display: inline-block;
	background-image: url(images/youtube-off.jpg);
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
}
#rssbar ul youtube a:hover {
	color: #FFFFFF;
	text-decoration: underline;
	background-image: url(images/youtube.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#rssbar ul wordpress {
	float: left;
	display: inline;
	background-image: url(images/wordpress.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#rssbar ul wordpress a {
	height: 40px;
	background-position: left center;
	padding-left: 60px;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	display: inline-block;
	background-image: url(images/wordpress-off.jpg);
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
}
#rssbar ul wordpress a:hover {
	color: #FFFFFF;
	text-decoration: underline;
	background-image: url(images/wordpress.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#rssbar ul calendar {
	float: left;
	display: inline;
	background-image: url(images/cal.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#rssbar ul calendar a {
	height: 40px;
	background-position: left center;
	padding-left: 60px;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	display: inline-block;
	background-image: url(images/cal-off.jpg);
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
}
#rssbar ul calendar a:hover {
	color: #FFFFFF;
	text-decoration: underline;
	background-image: url(images/cal.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#rssbar ul webcal {
	float: left;
	display: inline;
	background-image: url(images/ics.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#rssbar ul webcal a {
	height: 40px;
	background-position: left center;
	padding-left: 60px;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	display: inline-block;
	background-image: url(images/ics-off.jpg);
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
}
#rssbar ul webcal a:hover {
	color: #FFFFFF;
	text-decoration: underline;
	background-image: url(images/ics.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

/*
Featured Column CSS
*/
#featured {
	width: 980px;
	background-repeat: repeat-x;
	color: #FFFFFF;
	background-position: center top;
	margin-top: 3px;
	padding: 0px;
}

#featuredleft {
	float: left;
	width: 950px;
}

#featuredright {
	float: right;
	width: 5px;
	padding-right: 10px;
}

/*
Featured Posts CSS
*/
.featuredposts {
	width: 930px;
	background-repeat: repeat-x;
	background-position: bottom;
}

.featuredposts li {
	float: left;
	display: inline;
	text-align: center;
	color: #333333;
	background-repeat: repeat-x;
	background-position: bottom;
}

.featuredposts li a {
	float: left;
	display: block;
	padding-left: 8px;
	padding-right: 8px;
	font-size: 16px;
	font-weight: bold;
	color: #333333;
	text-transform: uppercase;
}

.featuredposts li a:hover {
	color: #333333;
}

.featuredposts li a.selected {
	color: #333333;
	background-repeat: repeat-x;
	background-position: left top;
}

.featuredposts li a.selected:hover {
	color: #333333;
}
#selectderecha {
	background-position: right top;
	display: inline-block;
	width: 10px;
	background-color: #CC0000;
}

.featuredposts_content {
	display: none;
	padding: 15px;
}

@media print {
	.featuredposts_content {
	display: block !important;
	}
}

.featuredposts_content .post {
	display: inline;
	margin-top: 15px;
}
h1  a   {
	font-size: 24px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	display: block;
	margin-top: 90px;
	font-weight: normal;
}
h1  a:hover   {
	color: #FFFFFF;
	text-decoration: underline;
}

.featuredposts_content .post .time {
	color: #333333;
	font-size: 0.7em;
	line-height: 2em;
}
.entry   {
	padding-top: 5px;
}
.entry  p   {
	font-size: 13px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 0px;
	margin-right: 30px;
	margin-bottom: 7px;
	margin-left: 0px;
	line-height: 15px;
}
.endpost   {
	padding-top: 5px;
}
.cat  a   {
	float: right;
	display: block;
	font-size: 12px;
	color: #ddd;
	font-weight: normal;
	margin-right: 20px;
	background-image: url(../../../../imagenes/fechitagris.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 15px;
	margin-bottom: 20px;
	position: static;
	right: 0px;
	bottom: 0px;
}
.cat  a:hover   {
	color: #FFFFFF;
	background-image: url(../../../../imagenes/flechita.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	display: inline-block;
}

.extra {
	float: right;
}

.extra li {
	display: inline;
	float: right;
}

.extra li a {
	font-size: 11px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background-image: url(../../../../imagenes/botonito-OFF.png);
	height: 25px;
	width: 150px;
	text-align: center;
	display: inline-block;
	vertical-align: middle;
	padding-top: 5px;
}
.extra li a:hover {
	font-size: 11px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background-image: url(../../../../imagenes/botonito.png);
	background-repeat: no-repeat;
	background-position: left top;
	text-decoration: none;
}

.extra li.comments a {
	background: url(images/comments.gif) no-repeat;
	background-position: right center;
	padding-right: 20px;
	padding-left: 10px;
	border-left: 1px solid #bbb;
	color: #ff9000;
}

.extra li.comments a:hover {
	text-decoration: underline;
}

@media print {
}

/*
Big Column CSS
*/
#bigcolumn {
	width: 980px;
	background-repeat: repeat-x;
	background-position: center top;
	padding: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#widecolumn {
	float: left;
	display: inline-block;
	clear: right;
	width: 770px;
	margin-right: 10px;
}

#sidebar {
	float: left;
	width: 200px;
	display: inline-block;
	padding-top: 60px;
}

.box {
	background-color: #ddd;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
}

.box p {
	font-size: 0.75em;
	line-height: 1.3em;
	color: #666;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.postbox {
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	clear: right;
}

.postbox p {
	font-size: 0.75em;
	line-height: 1.3em;
	text-align: left;
	margin: 0;
	color: #666;
}

ul.sidebar {
	font-size: 10px;
	float: left;
	list-style: none;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	width: 200px;
}
ul.sidebar li a{
	display: block;
	color: #fff;
	text-decoration: none;
	background-color: #C10000;
	background-image: url(images/iconbot.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 8px;
	padding-right: 5px;
	padding-left: 25px;
	padding-bottom: 8px;
	width: 165px;
	border-top-width: 4px;
	border-top-style: solid;
	border-top-color: #CC0000;
}

ul.sidebar li a:hover {
	background-image: url(images/iconbot2.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #333333;
}

ul.sidebar li span{	
	display: none; 
}

ul.sidebar li a:hover span {
	display: block;
	font-size: 11px;
	padding: 10px 0;
	font-weight: normal;
	line-height: 15px;
	color: #CCCCCC;
	text-transform: none;
}

#footer {
	width: 980px;
	margin-bottom: 30px;
	line-height: 1.8em;
	margin-top: 20px;
}

#footer a:hover {
	color: #3259d8;
	text-decoration: underline;
}

#required {
	display: inline;
	float: left;
	margin-left: 10px;
	font-size: 0.7em;
	color: #666;
}

#copyright {
	display: inline;
	float: right;
	margin-right: 10px;
	font-size: 0.7em;
	color: #666;
}
#cuadrado {
	background-color: #eee;
	border: 1px solid #CCCCCC;
	padding: 10px;
	margin-right: 8px;
	margin-bottom: 8px;
	display: block;
	float: left;
	width: 95%;
}

/*
POST BODY CSS
*/
.postbody {
	padding-right: 10px;
	display: inline-block;
}

.postbody h1, .postbody h2, .postbody h3, .postbody h4, .postbody h5, .postbody h6 {
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
}

.postbody p {
	color: #FFFFFF;
	display: block;
	font-size: 13px;
	line-height: 17px;
	font-family: Arial, Helvetica, sans-serif;
	margin-left: 15px;
	margin-right: 25px;
	margin-bottom: 15px;
	font-weight: lighter;
}
.postbody p a {
	color: #FFFFFF;
	font-size: 13px;
	line-height: 16px;
	margin-bottom: 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: underline;
}
.postbody p a:hover {
	color: #FFFFFF;
	font-size: 13px;
	line-height: 16px;
	margin-bottom: 15px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: underline;
}

.postbody h1 {
	font-size: 24px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom: 15px;
}

.postbody h2 {
	font-size: 20px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	margin-bottom: 15px;
	margin-top: 20px;
}
.postbody h3 {
	font-size: 13px;
	color: #FFFFFF;
	clear: right;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	margin-top: 15px;
	line-height: 15px;
}
.postbody  h3 a {
	font-size: 18px;
	color: #FFFFFF;
	clear: right;
	font-family: Arial, Helvetica, sans-serif;
}

.postbody h4 {
	font-size: 14px;
	font-weight: normal;
	color: #CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
	background-color: #333333;
	line-height: 15px;
	border: 1px solid #666666;
	padding-top: 15px;
	padding-right: 25px;
	padding-bottom: 15px;
	padding-left: 25px;
}

.postbody h5 {
	font-size: 0.8em;
	font-weight: bold;
	color: #999;
}

.postbody h6 {
	font-size: 0.7em;
	font-weight: bold;
	color: #577aee;
}

.postbody ol {padding-left: 20px;}
.postbody ul {margin: 5px 5px 20px 5px;}
.postbody ol {margin: 5px 5px 20px 5px;}
.postbody ul ul {margin: 5px 5px 5px 5px;}
.postbody ol ol {margin: 5px 5px 5px 5px;}
.postbody   ol   li  {
	margin-bottom: 5px;
	margin-left: 35px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 16px;
	color: #00FFFF;
}
.p ol li {
	margin-bottom: 10px;
	margin-left: 35px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 18px;
	color: #FFFFFF;
}

.postbody ul li {
	background-position: left center;
	padding-left: 15px;
	margin-bottom: 5px;
	margin-left: 20px;
	font-size: 13px;
	font-style: italic;
	background-image: url(images/bullet.gif);
	background-repeat: no-repeat;
}

.postbody blockquote {
	margin-bottom: 5px;
	padding-top: 10px;
	padding-left: 25px;
	padding-right: 25px;
	margin-top: 5px;
	color: #CCCCCC;
	text-align: left;
	padding-bottom: 10px;
}

.postbody blockquote p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: lighter;
	color: #999999;
	line-height: 12px;
	padding-left: 100px;
	letter-spacing: 1px;
	padding-right: 20px;
	background-color: #333333;
	display: block;
	float: left;
	padding-top: 15px;
	padding-bottom: 15px;
	text-align: left;
	margin-bottom: 15px;
	background-image: url(images/info.gif);
	background-position: left center;
	background-repeat: no-repeat;
}

.postbody ins {
	color: #333;
	text-decoration: underline;
}

.postbody del {
	color: #333;
	text-decoration: line-through;
}

.postbody code {
	color: #333;
	font-family: verdana;
	font-size: 11px;
	background: #eee;
	margin-bottom: 10px;
}

/*
Results .p class
*/
.p {
	0width: 910px;
	margin-bottom: 5px;
	display: block;
	float: left;
	padding-top: 10px;
	padding-right: 35px;
	padding-bottom: 10px;
	padding-left: 20px;
	margin-left: 15px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FF0000;
}
.thumb  img  {
	display: inline;
	float: left;
	margin-bottom: 5px;
	margin-right: 5px;
}
.time  {
	font-size: 0.7em;
	color: #999;
	margin-right: 5px;
}
.excerpt  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	line-height: 12px;
	display: inline-block;
	margin-bottom: 10px;
}

.p .info {
	text-align: right;
	font-size: 0.7em;
	line-height: 1.3em;
	color: #666;
}

.p .tags {
	background: #fdfff4;
	border: 1px dotted #ddd;
	padding: 5px;
	font-size: 0.7em;
	line-height: 1.3em;
	color: #666;
	text-transform: lowercase;
	margin-top: 5px;
}

.p .tags a {
	color: #333;
}

.p .tags a:hover {
	color: #3259d8;
}
#navigation/*
Navigation CSS
*/
 {
	padding-top: 10px;
	margin-top: 10px;
	display: block;
	float: left;
	height: 40px;
	width: 100%;
}

.navigation a {
	font-size: 13px;
	font-weight: bold;
	padding-top: 10px;
	height: 20px;
	background-image: url(../../../../imagenes/botonito-OFF.png);
	width: 150px;
	text-align: center;
	margin-bottom: 20px;
}

.navigation a:hover {
	background-image: url(../../../../imagenes/botonito.png);
}

.navleft {
	float: left;
}

.navleft a {
	float: left;
	display: block;
	background-position: left top;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	border-right-width: 1px;
	border-right-color: #FFFFFF;
	margin-left: 10px;
}
.navleft a:hover {
	float: left;
	background-position: left top;
	color: #FFFFFF;
	text-decoration: none;
}

.navright {
	float: right;
}

.navright a {
	float: right;
	display: block;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-decoration: none;
}
.navright a:hover {
	float: right;
	background-position: right top;
	color: #FFFFFF;
}

.alignright {
	float: right;
	display: inline;
	margin-left: 15px;
	margin-bottom: 5px;
}

.aligncenter {
	display: inline;
	text-align: center;
}

.alignnone {
}
#tituloseccion {
	margin-top: 40px;
	font-size: 11px;
	color: #FFFFFF;
	clear: right;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: lighter;
	margin-bottom: 10px;
	text-transform: uppercase;
	display: block;
	text-align: center;
	padding-bottom: 2px;
	background-image: url(images/seccion.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 25px;
}
ol.snap_nav {
	display: inline;
	float: left;
	clear: both;
	list-style: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
}

ol.snap_nav li {
	display: block;
	float: left;
	color: #CCCCCC;
	padding-right: 4px;
	padding-left: 4px;
}

ol.snap_nav li a {
	font-weight: bold;
	color: #FFFFFF;
}

ol.snap_nav li.snap_selected a {
	cursor: text;
	color: #FF9900;
}

ol.snap_titles {
	clear: both;
	display: block;
	border: 0;
	list-style: none;
	width: 16px;
}
.textosingle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
}
.time  {
	font-size: 0.7em;
	color: #999;
	margin-right: 5px;
}

.front .info {
	text-align: right;
	font-size: 0.7em;
	line-height: 1.3em;
	color: #666;
}

.front .tags {
	background: #fdfff4;
	border: 1px dotted #ddd;
	padding: 5px;
	font-size: 0.7em;
	line-height: 1.3em;
	color: #666;
	text-transform: lowercase;
	margin-top: 5px;
}

.front .tags a {
	color: #333;
}

.front .tags a:hover {
	color: #3259d8;
}

.front .thumb img {
	border: 1px solid #FF9900;
	margin-bottom: 5px;
	display: inline-block;
}
#tituloaviso a:hover {
	display: block;
	font-weight: bold;
	color: #FFFFFF;
}
#promocional {
	display: inline-block;
	width: 480px;
	clear: right;
	float: left;
	margin-right: 15px;
	margin-left: 10px;
	margin-top: 5px;
}
.page {
	width: 600px;
	margin-bottom: 8px;
	padding: 10px;
	display: inline-block;
	float: left;
	background-repeat: repeat-x;
	background-position: bottom;
}
.page  ol {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333333;
	margin-bottom: 10px;
}
.page h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #333333;
	margin-bottom: 10px;
	font-weight: bold;
}
.page p {
	margin-bottom: 10px;
	background-color: #dddddd;
	display: block;
	padding: 10px;
	margin-top: 5px;
	border: 1px solid #CCCCCC;
}
#news {
	display: block;
	height: 30px;
	width: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	margin-bottom: 5px;
	background-image: url(images/newsbody.png);
	background-repeat: repeat-x;
	float: left;
	padding: 0px;
}
.novedadesnews {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #CCCCCC;
	display: inline-block;
	background-position: right center;
	background-repeat: no-repeat;
	float: right;
	width: 150px;
	text-align: right;
	background-image: url(images/news.png);
	padding-right: 15px;
	padding-top: 9px;
	height: 21px;
	margin-left: 15px;
	margin-top: -9px;
	clear: left;
}
.novedadestitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	background-position: left center;
	background-repeat: repeat-x;
	height: 21px;
	width: 50%;
	text-align: right;
	font-weight: bold;
	padding-top: 9px;
	display: inline-block;
}
.blognews {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #CCCCCC;
	display: inline-block;
	float: left;
	background-position: left center;
	background-repeat: no-repeat;
	width: 150px;
	background-image: url(images/news.png);
	padding-left: 15px;
	padding-top: 9px;
	clear: right;
	height: 21px;
	margin-right: 15px;
	margin-top: -9px;
}
.blogtitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	display: inline-block;
	float: left;
	background-position: left center;
	background-repeat: repeat-x;
	height: 21px;
	width: 50%;
	font-weight: bold;
	padding-top: 9px;
}
#destacados {
	display: block;
	float: left;
	width: 980px;
	height: 205px;
}

.bubbleInfo {
	position: relative;
	top: 0px;
	left: 0px;
	width: 196px;
}
.bubbleInfo2 {
	position: relative;
	top: 0px;
	left: 196px;
	width: 196px;
}
.bubbleInfo3 {
	position: relative;
	top: 0px;
	left: 392px;
	width: 196px;
}
.bubbleInfo4 {
	position: relative;
	top: 0px;
	left: 588px;
	width: 196px;
}
.bubbleInfo5 {
	position: relative;
	top: 0px;
	left: 784px;
	width: 196px;
}
.trigger {
	position: absolute;
	width: 196px;
}
     
.popup {
	position: absolute;
	display: none;
	z-index: 50;
	border-collapse: collapse;
	margin-top: -10px;
	margin-left: 55px;
}
.popup td.corner {
	height: 15px;
	width: 19px;
	margin: 0px;
}

.popup td#topleft {
	background-image: url(../../../../imagenes/bubble-1.png);
	height: 15px;
	width: 19px;
	margin: 0px;
}
.popup td.top {
	background-image: url(../../../../imagenes/bubble-2.png);
	height: 15px;
	margin: 0px;
}
.popup td#topright {
	background-image: url(../../../../imagenes/bubble-3.png);
	height: 15px;
	width: 19px;
	margin: 0px;
	background-position: right top;
}
.popup td.left {
	background-image: url(../../../../imagenes/bubble-4.png);
	width: 19px;
	background-repeat: repeat-y;
	margin: 0px;
}
.popup td.right {
	background-image: url(../../../../imagenes/bubble-5.png);
	width: 19px;
	background-repeat: repeat-y;
	margin: 0px;
	background-position: right;
}
.popup td#bottomleft {
	background-image: url(../../../../imagenes/bubble-6.png);
	height: 19px;
	width: 19px;
	margin: 0px;
	background-position: left bottom;
}
.popup td.bottom {
	background-image: url(../../../../imagenes/bubble-7.png);
	text-align: center;
	height: 19px;
	margin: 0px;
	background-position: center bottom;
}
.popup td.bottom img { display: block; margin: 0 auto; }
.popup td#bottomright {
	background-image: url(../../../../imagenes/bubble-8.png);
	height: 19px;
	width: 19px;
	margin: 0px;
	background-position: right bottom;
}

.popup table.popup-contents {
	font-size: 12px;
	line-height: 1.2em;
	color: #CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
	background-image: url(../../../../imagenes/bubble.png);
	background-repeat: repeat;
}

table.popup-contents td {
	text-align: left;
}

tr#release-notes td a {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	font-size: 11px;
}#related {
	display: inline-block;
	width: 960px;
	background-repeat: repeat-y;
	background-position: left top;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: auto;
	margin-left: 0px;
	padding-left: 10px;
	background-image: url(images/related.png);
	padding-right: 10px;
}
#relatedsuperior {
	background-image: url(images/relsuperior.png);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	float: left;
	height: 15px;
	width: 980px;
	margin: 0px;
	padding: 0px;
}
#relatedinferior {
	background-image: url(images/relinferior.png);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	float: left;
	height: 15px;
	width: 980px;
	margin-bottom: 5px;
	margin-top: -2px;
}
#block2 {
	display: block;
	clear: right;
	float: left;
	width: 900px;
}
#block2 li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	list-style-type: none;
	line-height: 16px;
	letter-spacing: 1px;
	clear: right;
	float: left;
}
#block2 li a {
	color: #FFFFFF;
	list-style-type: none;
	padding-left: 15px;
	padding-right: 15px;
	background-image: url(images/go.png);
	background-repeat: no-repeat;
	background-position: right center;
}
#block2 li a:hover {
	color: #FFFFFF;
	list-style-type: none;
	text-decoration: underline;
}.p ol li {
	padding-left: 5px;
	margin-bottom: 5px;
	margin-left: 40px;
	font-size: 15px;
	line-height: 17px;
	margin-right: 60px;
	color: #FFFFFF;
	font-weight: lighter;
}

p.wp-caption-text {
	font-size: 10px;
	color: #FFFFFF;
	text-align: left;
	margin-bottom: 5px;
	margin-right: 0px;
	margin-left: 15px;
	border-top-width: 1px;
	display: block;
	margin-top: 0px;
	padding-top: 10px;
	width: 100%;
	padding-left: 15px;
}
.alignleft {
	float: left;
	margin-right: 30px;
	margin-bottom: 30px;
}
.p           .size-full        {
	padding: 10px;
}
.p .wp-caption       .size-thumbnail {
	float: left;
	border: 10px solid #FFFFFF;
	margin-left: 20px;
	margin-bottom: 5px;
}
.ngg-albumoverview {
	margin-top: 10px;
	width: 100%;
	clear:both; 
	display:block !important;
}

.ngg-album {
    height: 100%;
    padding: 5px;
    margin-bottom: 5px;
    border: 1px solid #fff;
}

/* IE6 will ignore this , again I hate IE6 */
/* See also http://www.sitepoint.com/article/browser-specific-css-hacks */
html>body .ngg-album {
    overflow:hidden;
    padding: 5px;
    margin-bottom: 5px;
    border: 1px solid #cccccc;
} 

.ngg-album {
	overflow: hidden;
	padding: 5px;
	margin-bottom: 5px;
	border: 1px solid #cccccc;
}

.ngg-albumtitle {
	text-align: left;
 	font-weight: bold;
	margin:0px;
	padding:0px;
	font-size: 1.4em;
	margin-bottom: 10px;
}

.ngg-thumbnail {
	float: left;
	margin-right: 12px;
}

.ngg-thumbnail img {
	border:1px solid #A9A9A9;
	margin:10px;
	position:relative;
}

.ngg-thumbnail img:hover {
	background-color: #A9A9A9;
}

.ngg-description {
	text-align: left;
}

/* ----------- Gallery style -------------*/

.ngg-galleryoverview {
	overflow: hidden;
	margin-top: 10px;
	width: 100%;
	clear:both; 
	display:block !important;
}

.ngg-galleryoverview .desc {
/* required for description */
   margin:0px 10px 10px 0px;
   padding:5px;
}

.ngg-gallery-thumbnail-box {
	float: left;
}

.ngg-gallery-thumbnail {
	float: left;
	margin-right: 5px;
	text-align: center;
}

.ngg-gallery-thumbnail img {
	display:block;
	position:relative;
	margin-top: 10px;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 5px;
}

.ngg-gallery-thumbnail img:hover {
	background-color: #A9A9A9;
} 

.ngg-gallery-thumbnail span {
	/* Images description */
	font-size:12px;
	display:block;
	color: #FFFFFF;
}

.ngg-clear {
	clear: both;
}
.agregar {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	background-color: #333333;
	text-align: center;
	display: block;
	height: 10px;
	width: 100px;
	padding-top: 5px;
	padding-bottom: 5px;
}#cartsuperior {
	background-image: url(images/cartsuperior.png);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	float: left;
	height: 15px;
	width: 980px;
	margin: 0px;
	padding: 0px;
}
#cartinferior {
	background-image: url(images/cartinferior.png);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	float: left;
	height: 15px;
	width: 980px;
	margin-bottom: 5px;
}
#cart {
	background-image: url(images/cart.png);
	background-repeat: repeat-y;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	width: 980px;
	position: relative;
	float: left;
	margin-top: -2px;
	background-color: #333333;
}
.shopping    {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	display: block;
	float: left;
	margin-right: 25px;
	margin-left: 25px;
}
.small {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #CCCCCC;
	display: block;
	float: left;
	margin-right: 25px;
	margin-left: 25px;
	margin-top: 10px;
}
#twittersuperior {
	background-image: url(images/twitter.png);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	float: left;
	height: 60px;
	width: 200px;
	margin-top: 10px;
}
#twitterinferior {
	background-image: url(images/twitter.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	display: block;
	float: left;
	height: 15px;
	width: 200px;
	margin-bottom: 5px;
}
#twitter {
	background-image: url(images/twitter2.png);
	background-repeat: repeat-y;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	width: 160px;
	position: relative;
	float: left;
	padding-right: 20px;
	padding-left: 20px;
	background-position: left top;
	line-height: 13px;
}
#twitter ul {
	color: #FFFFFF;
	display: block;
}
.twitter {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	background-image: url(images/twitt.png);
	background-position: left top;
	padding-left: 20px;
	background-repeat: no-repeat;
	height: 14px;
	display: inline-block;
	float: right;
	padding-right: 10px;
	padding-top: 2px;
}
.facebook {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	background-image: url(images/facebook.png);
	background-position: left top;
	padding-left: 20px;
	background-repeat: no-repeat;
	height: 14px;
	display: inline-block;
	float: right;
	padding-right: 10px;
	padding-top: 2px;
}
.link   a  {
	font-weight: bold;
	color: #333333;
	margin-top: 5px;
	text-decoration: none;
}
.link   a:hover  {
	font-weight: bold;
	color: #FFFFFF;
	margin-top: 5px;
	text-decoration: underline;
}
.link  {
	font-weight: bold;
	color: #000000;
	margin-top: 5px;
	text-decoration: none;
	text-align: right;
}
.alignnone {
	margin-right: 30px;
	margin-bottom: 30px;
	display: block;
}
