/*
Theme Name: RojoMeat
Author: David Huerta
Author URI: http://www.productividadweb.com
*/

/*
 verde 		#779d03 
rojo oscuro #3A0303
rojo medio	#a01b20

*/
* html, *{margin: 0px ; padding: 0px; outline: 0px }

body {
	background: #a01b20 url(imagen/layout/fondo_top.jpg) repeat-x;
	font:13px/160% Verdana, Arial, Helvetica, sans-serif;
	color: #000000; min-width:880px;
	text-align: center; display:block;
}

/* EL CONTENEDOR DEL FORM COMPRAR ////////////////////////// */
.base_formcomprar_ini{display:none;}
.base_formcomprar{
	position:absolute; top:60px; left:0px;width:100%; height:100%; 
	display:block;	z-index:500; overflow:visible;
}

.layout_form{
	width: 650px;
	height:520px;margin: 0px auto 0px auto; 
	background: url(imagen/layout/fondo_vending.jpg);
	
}

/* TOOLBAR /////////////////////////////////////////////////// */

#fixme{	position: absolute;top: 0px;
	margin: 0px auto 0px auto; 	width:100%; height:50px;  z-index:1; 
	background-image:url(imagen/layout/fondo-tb.jpg);	background-repeat:repeat-x; background-position:top;	z-index:25; 	}
#fixmetoo {	position: absolute; right: 0px; bottom: 0px;  }
div > div#fixme { position: fixed; }	



#topToolBar{ 	
	width:320px; height:50px; float:left;
	position:relative;	padding:0px;
	background-color:#3A0303;	border-bottom-color:#6C1C06; 
	border-bottom-style:solid;	
	background-image:url(imagen/toolbar/toolbar.png);
	background-repeat:no-repeat; background-position:top;
}
a#link_comprar{
	width:50px; height:50px; display:block; 
	position:relative; top:0px; left:255px;
	line-height:80px;
	overflow:hidden; text-decoration:none;
	background-image:url(imagen/toolbar/comprar.gif);
	background-repeat:no-repeat; background-position:-5px 0px;	
	color:#ffff00;	
}
a#link_comprar:hover{
	background-position:-65px 0px;	
	color:#ffffff;  text-decoration:underline;
}
#fixeddiv{
	 position:absolute;
	 top: 0px; 	
	text-align: left;
}

h2#titulo_toolbar{
display:inline; clear:none; float:left;
color:#ffffff; letter-spacing:1px;
font:  15px  Arial, sans-serif; padding-top:2px;
}

/** Contenido /////////////////////////////////////////////////////**/

h1#titulowebsite_bottom{
	font-size:1px; text-indent:-999em;float:left; 	
	height:170px; width:540px; 
	
	background-image:url(imagen/layout/logo_foot.jpg); 
	background-repeat:no-repeat;
	padding:0px; margin:0px;
	
}

#principal {
	position: relative; top:65px;left:0px;
	width: 880px;
	margin: 0px auto 0px auto;
	padding:0px;
	text-align: left;
	clear:both; display:block;
	overflow:visible;
}
/** Tab  //////////////////////////////////////////////////////////////// **/
div#tabs{
	padding:0px 2px; display:block; overflow:visible;
	position:absolute; top:0px;
	margin:0px;padding:0px;	
}

ul#topnav_list {
	float: left;	
 	list-style: none;	
	margin: 2px 0 0 0;	padding: 0 0 0 10px; clear:both;
	}
ul#topnav_list li {
	float: left;	margin: 0px 0px 0px 0px; padding: 0 0 0px 12px;	
	float:left; height:35px;
	margin:0 1px 0 0;
	padding:0 0 0 15px;
	background-image: url(imagen/layout/tab/tab_left.png);
	background-repeat: no-repeat;	
}

ul#topnav_list li:hover, ul#topnav_list li.selected {
	background-image: url(imagen/layout/tab/tabsel_left.png);
	background-repeat: no-repeat; 	
}
	
ul#topnav_list li a {	
	margin: 0;	padding: 3px 10px 0px 3px;
	color: #3A0303; height:35px;
	font: bold 15px/26px 'Trebuchet MS', 'Helvetica Neue', Arial, sans-serif;
	letter-spacing:1px;
	text-decoration: none;
	float:left;
	display:block;
	text-decoration:none;
	background-image: url(imagen/layout/tab/tab_body.png);
	background-repeat: no-repeat;
	background-position: right top;
}

ul#topnav_list li.selected  a, ul#topnav_list li  a:hover   {
color: #a01b20 ; 
background-image: url(imagen/layout/tab/tabsel_body.png);
background-repeat: no-repeat;
background-position: right top;
}


/** Banner Principal /////////////////////////////////////////////////// **/

#bannerTop{ 
	height:184px; width:880px; 
	overflow:hidden;
	position:absolute; top:36px;	
	clear:both; float:left;
	background-color:#FFFFFF;
	background-image: url(imagen/banner/banner_fondo.jpg);
	background-repeat: no-repeat;
	background-position: 2px 2px;	
}

#bannertop_inner{
	padding-left:2px;
	padding-top:2px;
}

/** SLIDE SHOW JJQUERY///////////////////////////////////////*/
#slideshow {
    position:relative;
    height:180px;
}

#slideshow IMG {
    position:absolute;
    top:0;    left:0;
    z-index:8;   opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;  opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}

/** Bottom bar ///////////////////////////////////////////////////////// **/

#contenido_bottom_wrap{
	width:100%;  float:left;	
	background-image:url(imagen/layout/foot_02.jpg);
	background-repeat:repeat-x;	
	color:#FFFFFF
}

#metas_bottom{
	float:right; clear:none;
	width:280px; height:170px; 	
}

#metas_bottom p{
	padding:3px 0px;
}

#metas_bottom  a{ 
	text-decoration:none;
	color:#e97a0e; font-weight:bold;
}

#metas_bottom div {
	padding-top:50px;
}


/** Contenido //////////////////////////////////////////////////////////  **/

#contenido_wrap{ 
	width: 880px; 
	padding:0px;	 	
	clear:both; overflow:visible;
	display:block;
	float:left; margin:0px;	
	position:absolute;
	top:220px;		
}
.alignright {float: right}
.alignleft {float:left}
/**  ///////////////////////////////////////////////////// **/
div#contactform{
	padding:4px 0px; 
	width:100%; height:490px;
	background-image:url(imagen/layout/fondo_form.jpg); background-repeat:no-repeat;
	
}

h1, h2 ,h3{
	font-family: "Trebuchet MS",Tahoma,Arial; 
}

h1{ padding:5px 2px 10px 2px;}


a img{border:5px solid #DDD8BA; }
/* ////////////////////////////////////////////   */
#contenido{
	background-color:#ffffff; 
	display:block; overflow:visible;
	width:100%; float:left;
	
}

#contenido_inner{ 
	padding:2px 2px ;  display:block;
	
}

/* cmain ////////////////////////////////////////////  */
div#cmain_wrapper{
	width:585px; float:left; 
	background-color:#faf5d2;
}

div#cmain{}

div#cmain_inner{padding:5px; display:block;}

div#cmain_inner  a{text-decoration:none; font-weight:bold;
font-family:arial,tahoma;}
div#cmain_inner  a:hover{text-decoration:underline;}

div#cmain_inner h1{	
	font-weight: bold;
	font-size: 25px; line-height:28px; 
	color:#710a0b;
	
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #c1c9a6;
	
}
div#cmain_inner h2 {padding:8px 0px;}
div#cmain_inner h2.titulo a {
	font-size: 18px;
	letter-spacing: 1px;
	font-weight: bold;
	color: #710a0b;
	
	background-image: url(imagen/ir.png);
	background-repeat: no-repeat;
	padding-left: 30px; padding-bottom:5px;

}


div#cmain_inner p{
	padding:3px 0px;
}

div#cmain_inner p.tag{
	padding:2px 0px 10px 8px;
}

div#cmain_inner ul , div.post div.articulo_body ul , div.post div.articulo_body ol{
	padding:2px 5px 2px 30px; 
}




div#cmain_inner div.articulo_body  p img{
	border:3px solid #ffffff;
}

div#cmain_inner  h2{
	color: #88ac0b;
}

div#cmain_inner  h3.index{
	color: #333333; text-transform:uppercase; font-size:15px; padding:20px 0px 0px 0px; text-align:center;
}

div.post{
	padding:6px 0px 15px;	clear:both;
}
div.post img{
	border: 1px solid #ffffff;
	padding:2px 5px ; 
}
div.post h1.titulo{ padding:15px 0px 5px 0px}

div.thumb{ float:left; padding:10px 5px 0px 0px;}

div.thumb img {
	border: 1px solid  #88ac0b;
	padding:4px; background-color:#ffffff;
	

}


div.details{font-size:12px; background-color:#DDD8BA;padding:2px;}

div.seccionlista{ padding-left:190px; }

.upper{ text-transform:uppercase;}
.claro{clear:both;}
div#cmain_inner strong, .resaltar{font-weight:bold; color:#3a0303 }
.nofondo{background-image:none;}

/* Los puntos de venta*/

ul#listapv li{
	display: inline; margin:2px 5px;
}


blockquote {
	margin: 15px 10px;
	padding: 7px 7px 7px 40px;
	font-weight: normal;
	font-size: 18px;
	line-height: 1.6em;
	font-style: italic;
	font-family: Georgia,'Times New Roman',Times,serif;
	color: #710a0b;
	
	border: 1px solid #eee8e1;
	background-color: #faf7f5;
	background-image: url(imagen/quote.gif);
	background-repeat: no-repeat;
	background-position: 13px 5px;

}


div#comments{padding:20px 8px 8px 8px; clear:both}

div#comments h2{color:#710a0b}
textarea#comment{ width:500px; height:80px}

ul.commentlist li  {
	border-bottom:2px solid  #a01b20; padding-top:3px;
	
}

ul.commentlist li ul li {
	border-bottom:0px; border-top:1px solid  #bbbbbb;
	list-style-type:none;
}
/* start - table */
table {
	border-collapse: collapse;
	margin: 15px 10px;
}
th {
	height: 38px;
	padding-left: 12px;
	padding-right: 12px;
	color: #fff;
	text-align: left;
	background: #ADD163;
	border-width: 1px;
  	border-style: solid;
  	border-color: #C4DE8F #93C138 #93C138 #C4DE8F;
}
tr {
	height: 34px;
	background: #fff;
}
td {
	padding-left: 11px;
	padding-right: 11px;
	border-bottom: 1px solid #CCC;
	font-size:0.96em;
}
/* end - table */


/* ////////////////////////////////////////////// */
div.box{
	padding:7px 1px;
}
div#csec_wrapper{
	width:280px;  float:right;
	
}
div#csec{ 
	padding-top:7px; 
}
div#csec_inner{
	width:100%; background-color:#ffffff;	
	float:right; 
}

div#csec_inner ul {	
	list-style-type:none;
}

div#csec_inner h3{
	font-family: Tahoma,Arial,sans-serif;
	font-size: 20px; font-weight:normal; letter-spacing:1px;
	color: #779d03;
	margin: 0px;
	padding: 5px 2px;
	border-bottom: 1px dotted #c1c9a6;
}

div#csec_inner a{
	text-decoration:none; 
	font-size:14px; font-family:arial, tahoma;
	background-image:url(imagen/mini-star.gif);  background-repeat:no-repeat; background-position:left;
	padding-left:15px;
	color:#710a0b;
}

div#csec_inner a.banner_link{
	background-image:none;
	padding-left:0px;
}

div#csec_inner a.banner_link img{
	border:1px solid #ee8311 ;
	margin:0px;	
	padding:0px
}


div#csec_inner a:hover{
	text-decoration:underline;
	
}

div.box_side{
	margin:0px;	
	background-color:#efc705;
	padding:6px;	
}
div#buscar{
	padding-left:50px; text-align:right;
	background-image:url(imagen/buscar.jpg); background-position:left; background-repeat:no-repeat;	
}

/* PAGINACION  ************************************************** */

div.paginacion {
	width:100%;text-align:center; padding:10px 0px
}

.wp-pagenavi span.pages {
	padding: 2px 4px;
	margin: 2px 10px;
	color: #000000;
	border: 1px solid #000000;
	background-color: #ffffff;
}

.wp-pagenavi a, .wp-pagenavi a:link {
	padding: 2px 4px;
	margin: 2px;
	text-decoration: none;
	border: 1px solid #3A0303; 	
	color: #3A0303;
	background-color: #ffffff;
}

.wp-pagenavi span.current{
	padding: 2px 4px;
	margin: 2px;
	font-weight: bold;
	border: 1px solid #DDD8BA;
	background-color: #ffffff;
	color:#3A0303;
}


/* Tabs */


#tabbed_box_1 {
	margin: 0px;
	width:280px;
}

div #csec_inner .tabbed_area {	
	background-color:#efc705;
	padding:6px;	
}

div #csec_inner ul.tabs {
	margin:0px; padding:0px;
	margin-top:5px;
	margin-bottom:4px;
}
div #csec_inner ul.tabs li {
	list-style:none;
	display:inline;
}
div #csec_inner ul.tabs li a {
	background-color:#3b0304;
	color:#ffebb5;
	padding:8px 10px 8px 10px;
	text-decoration:none;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-transform:uppercase;
	border:1px solid #3b0304;
	background-image:none;

}
div #csec_inner ul.tabs li a:hover {
	background-color:#a01b20;
	border-color:#a01b20;
}
div #csec_inner ul.tabs li a.active {
	background-color:#ffffff;
	color:#282e32;
	border:1px solid #ffffff; 
	
	background-image:none;
	
}
div #csec_inner .content {
	background-color:#ffffff;
	padding:6px;		
	font-family:Arial, Helvetica, sans-serif;
	background-image:none;

}
div #csec_inner #content_2, div #csec_inner #content_3 { display:none; }

div #csec_inner .content ul {
	margin:0px;
	padding:0px 10px;
}
div #csec_inner .content ul li {
	list-style:none;
	border-bottom:1px solid #d6dde0;
	padding:10px 0px;	
	font-size:13px;
}
div #csec_inner .content ul li:last-child {
	border-bottom:none;
}

div #csec_inner .content ul li a small {
	color:#8b959c;
	font-size:9px;
	text-transform:uppercase;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	position:relative;
	left:4px;
	top:0px;
}
div #csec_inner .content ul li a:hover {
	text-decoration:underline;
}
div #csec_inner .content ul li a:hover small {
	color:#baae8e;
}



div.claro{ clear:both; float:left;text-align:center; width:100%; padding:10px 0px;}