/*  
Theme Name: PRIMAVERA / VERANO 09 - MOD
Theme URI: http://www.idomkt.com/
Description: Publicación de los productos hazel
Version: 1.1
Author: José Luis Checa - IDO MARKETING
Author URI: http://www.idomkt.com/
/* HTML Elements */

* {margin:0;padding:0;}
body {background:white;color:#505050;font-family:"Century Gothic", Helvetica, Verdana, Arial, sans-serif; font-size:11px;}

#IP {background:white;width:5000px;height:5000px;}
#IC {background:#424a52;width:300px;line-height:25px;padding:10px;color:white;font-weight:bold;}

	
p {font-size:12px;margin: 15px 0;text-align:justify;}
a:link {color:#d6083b;text-decoration:none;}
a:hover, a:active {text-decoration:underline;}
hr {display: block;height:1px;background:#333;border:0;}
small {font-size: 0.95em;background:#eef5e1;padding:3px 6px;}
img, a:link img, a:visited img {border:0}

/* Structure */

#page {width:960px;margin:5px auto 0 auto;}
.header { margin-bottom:10px; z-index:999; text-align:left; height:35px;}
#content {width:960px;float:left;border-top: 1px solid #505050;border-bottom: 1px solid #505050; padding:20px 0 ;}
#content_text {width:615px;}
#single_page {text-align:justify;}
#single_page p {font-size:13px;margin: 15px 0;}
#content ul, #content li{list-style:none;}
#sidebar {width:250px;float:right;}
.left {float:left;}
.right {float:right;}

/* Content */

.featureNews {width:615px;text-align:justify;z-index:2; clear:right;}
.featureNews a, .featureNews a:visited {color:#424a52;text-decoration:none;}
.featureNews a:hover {color:#d6083b;text-decoration:underline;}
.featureNews p {margin-bottom:10px;margin-top:0px;}
.featureNews h1 {display:block; font-size:16px;margin-bottom:10px;}
.featureNews img {margin-right:15px;width:255px;height:180px;float:left;}

.pagetitle {font-size:20px;color:#d6083b;letter-spacing:0.2em;text-transform:uppercase; text-align:left;}


#navi {z-index:999;font:11px;margin-top:-20px;margin-bottom:25px;}
#navi a {background:#424a52;color:white;padding:2px 5px;border-right:1px solid white;text-decoration: none }
#navi a.activeSlide {background:#9c9c9c;color:#424a52}
#navi a:focus {outline:none;}

#navi2 {z-index:1;font:11px;margin-top:-20px;margin-bottom:25px;}
#navi2 a {background:#424a52;color:white;padding:2px 5px;border-right:1px solid white;text-decoration: none }
#navi2 a.activeSlide {background:#9c9c9c;color:#424a52}
#navi2 a:focus {outline:none;}
#block {margin-bottom:20px;}

#image_cloud { margin:0 auto;position:relative;float:left;margin:0 10px 10px 0;text-align:center;}
#image_cloud img {width:200px;height:141px;background-color:#FFFFFF;border:1px solid #A9A9A9;margin:4px;padding:4px;}
#image_cloud:hover {background-color: #A9A9A9;}


/*Subnav */

.subnav li {list-style:none;border-bottom:1px solid #FFF;}
.subnav li a:link, .subnav li a:visited {background:#eef5e1;display:block;padding:4px 4px 4px 8px;border-left:4px solid #e4efd5;}	
.subnav li a:hover, .subnav li a:active {background:#e4efd5;text-decoration:none;color: #7da939;}
.subnav li li a:link, .subnav li li a:visited {border-left:none}

/*	Headers */

h1 {font-size:20px;font-weight:bold;letter-spacing:-0.02em;}
h2 {font-size:16px;color:#b54050;padding-bottom:8px;letter-spacing:0.1em;}
h3, #sidebar h2 {font-size:12px;text-transform:uppercase;letter-spacing:0.1em;margin-bottom:4px;font-weight:bold;color:#5f5f5f;}
	
/* Float Properties*/

.clearfloat:after {display:block;visibility:hidden;clear:both;height:0;content:".";}
.clearfloat {display:inline-block}

/* Footer*/

#footer {margin: 0px auto 20px auto;width:960px;color:#505050; font-size:10px;}
#footer p {font-size:10px;margin:0; padding:0px;}

.wp-pagenavi {color:#505050;margin:2px 0 20px 0;}


.hazel_links { margin:0; padding:0px; }
.hazel_links ul {display: inline;margin: 0 !important;padding: 0 !important;}
.hazel_links ul li {background: none;display: inline !important;list-style-type: none;margin: 0;padding: 1px;}
.hazel_links ul li:after { content: " "; }
.hazel_links ul li a { color:#505050; }
.hazel_links ul li a:visited { color:#505050; }
.hazel_links img {float: none;border: 0;margin: 0;padding: 0;}
.hazel_links-hovers {opacity: .4;-moz-opacity: .4;filter: alpha(opacity=40);}
.hazel_links-hovers:hover {opacity: 1;-moz-opacity: 1;filter: alpha(opacity=100);}

/*navigation links */
.navigation {z-index:9999; width:895px;}
.navigation a { color:#505050; text-decoration:none;}

.navigation .alignleft a { background: url(icos/flecha_izq.png) no-repeat left center; display:block; width:85px; padding:2px 0 2px 20px;float:left;}
.navigation .alignright a { background: url(icos/flecha_der.png) no-repeat right center; display:block; width:85px; padding:2px 20px 2px 0;text-align:right;float:right;}

.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}