/*
Theme Name: Sumesa
Theme URI: http://sumesa.com.ec/
Description: El tema de sumesa.com desarrolado por Geeks Ecuador
Version: 1
Author: Geeks Ecuador
Author URI: http://geeks.com.ec
Tags: sumesa,ecuador,alimentos,empresa

	Sumesa v1.0
	http://geeks.com.ec

*/


/* ------------------------ 
	Layout 
	------------------------*/

body{
	margin: 0px;
	padding: 0px;
	background-color: #f7efde;
	background-image: url(images/bg_gradient.jpg);
	background-repeat: repeat-x;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	/*font-family:Arial, Helvetica, sans-serif;*/
}
.post-date{
	color: #999;
	font-size: 11px;
	float: left;
	width: 100%;
	padding-bottom: 5px;
}
.entry{
	font-size: 11px;
	color: #333;
	margin-left: 15px;
	margin-right: 10px;
}
img{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
a{
	text-decoration: none;
}
#wrapper{width:100%;}   
.center{width:1000px;margin:0 auto;}
.left{float:left;}
.right{float:right;}
.breathe{padding:0 0 5px 10px;}


#gheader{/*background-color: #000;*/ float: left; width: 100%;}
#gbody{/*background-color: #CF0;*/ float: left; width: 100%;}
#gfooter{
	float: left;
	width: 100%;
	background-image: url(images/bg_footer.jpg);
	background-repeat: repeat-x;
	height: 26px;
	margin-top: 13px;
	text-align: center;
	color: #FFF;
	font-size: 11px;
	padding-top: 3px;
	
}

#logo_header{height: 115px; width: 166px; float: left; position: absolute; margin-left:20px; margin-top: 10px;}
#bg_header{/*background-image: url(images/bg_header.png); background-repeat: repeat-x;*/
	float: left;
	width: 910px;
	height: 115px;
	margin-left: 80px;
	margin-top:5px;
	
	
	background-image: url(images/barraSup.png);
	background-repeat: no-repeat;
	background-position: right 85px;
	
}

#bg_header_der{/*background-image: url(images/bg_header_der.png);*/ width: 30px; float: left; height: 115px; background-repeat: no-repeat;}

.cuadro_UP{
	background-image: url(images/bg_cuadro_UP.png);
	height: 17px;
	width: 1000px;
	background-repeat: no-repeat;
	float: left;
}
.cuadro_Middle{
	background-image: url(images/bg_cuadro.png);
	background-repeat: repeat-y;
	/*height: 300px;*/
	width: 920px;
	float: left;
	padding-right: 40px;
	padding-left: 40px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.head_corporativo{
	width:100%;
	height:200px;
	background:#000;
	float: left;
	margin-bottom: 10px;
}
.cuadro_Middle #left{
	/*background-color: #f2f2f2;*/
	float: left;
	width: 180px;
	height: 500px;
	background-image: url(images/fondo_left.png);
	background-repeat: repeat-x;
}
.cuadro_Middle #left #menuSeccion{
	list-style-type: none;
	font-size: 12px;
	padding-left: 22px;
	float: left;
}
.cuadro_Middle #left #menuSeccion .titulo{
	color:#de1f24;
}
.cuadro_Middle #left #menuSeccion .itemSeccion{
	padding-left: 8px;
	padding-top: 5px;
	color:#8b8b8b;
	list-style-image: url(http://www.sumesa.com.ec/wp-content/themes/sumesa/images/vineta.png);
	list-style-position: inside;
}
.cuadro_Middle #left #menuSeccion .itemSeccion a{
	color:#8b8b8b;
	text-decoration: none;
}
.cuadro_Middle #left #menuSeccion .itemSeccion a:hover{
	color:#B8B8B8;
	text-decoration: none;
}
.cuadro_Middle #right {
	/*background-color: #FFC;*/
	float: right;
	width: 720px;
	/*height: 300px;*/
}
.cuadro_Middle #right #divtituloSeccion{
	float: left;
	width: 100%;	
}
.cuadro_Middle #right #divtituloSeccion #divSeccionPeq{
	font-size: 11px;
	color: #b1b1b1;	
}
.cuadro_Middle #right #divtituloSeccion #divPag h1{
	font-size: 27px;
	color: #de1f24;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}

.cuadro_Middle #right #divContenido{
	clear: both;
	float: left;
	width:700px;
	margin-top: 20px;
	padding-left: 15px;
	margin-right: 15px;
	font-size: 12px;
}
.cuadro_Middle #right #divContenido strong{
	font-size: 14px;
	color: #de1f24;
}

.cuadro_Middle #right #divContenido .contenidoFlash{
	width:700px;
	height:400px;
	/*background-color: #000;*/
}

#divMapa_Transparente{
	width: 920px;
	float: left;
	padding-right: 40px;
	padding-left: 40px;
	padding-top: 15px;
	padding-bottom: 10px;
}
.cuadro_DOWN{
	background-image: url(images/bg_cuadro_DOWN.png);
	background-repeat: no-repeat;
	height: 20px;
	width: 1000px;
	float: left;
}


/* BUSCAR */
#search{
	right: 0px;
	width: 290px;
	float: right;
}

.textoBusqueda{
	float: left;
	width: 60px;
	height: 18px;
	padding-top: 3px;
	color: #868586;
	font-size: 12px;
}

.textboxS{
	background-image: url(images/search_cuadrotxt.jpg);
	height: 24px;
	width: 189px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-repeat: no-repeat;
	float: left;
}
.txtTransparente{
	border:none; background:none; margin-top:3px; margin-left:3px;
}
#btn_buscar{
	background-image: url(images/search_btn.jpg);
	background-repeat: no-repeat;
	height: 24px;
	width: 32px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}


/* MAPA SITIO */
#rotuloMapa{
	float: left;
	width: 200px;
	color: #868586;
}
#divlinks{
	background-color: #fafafa;
	display: block;
	width: 100%;
	float: left;
	height: 150px;
	clear: both;
	margin-top: 10px;
}
#divlinks #div_columna{
	list-style-type: none;
	color: #666666;
	float: left;
	width: 110px;
	padding-top: 0px;
	padding-right: 18px;
	padding-bottom: 0px;
	padding-left: 20px;
}
#div_columna .titulo{
	font-size: 12px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #666;
}
#div_columna .item{
	font-size: 11px;
	margin-top: 3px;
	margin-bottom: 3px;
}
#div_columna .item a{
	text-decoration: none;
	color: #666666;
}
#div_columna .item a:hover{
	text-decoration: none;
	color: #999;
}





/* MENU */
#header_menu{
	list-style-type: none;
	float: left;
	margin-left: 115px;
	margin-top: 48px;
	color: #FFF;
	font-size: 13px;
}
#header_menu a{
	color: #FFF;
	text-decoration: none;
}
#header_menu a:hover{
	color: #F68A7F;
	text-decoration: none;
}
#header_menu .itemM{
	float: left;
	/*width: 125px;*/
	margin-left:28px;
	text-align: center;
	height: 35px;
	/*background-image: url(images/serparador_menu.jpg);
	background-repeat: no-repeat;
	background-position: left top;*/
	padding-top: 7px;
	display: block;
}

/* INICIO */

#main_animacion{
	float: left;
	width: 100%;
	height: 400px;
}
#divbloques{
	float: left;
	width: 100%;
	margin-bottom: 30px;
}


#recetario{
	float:left;
	width:520px;
	margin-left:15px;
	
}
#recetario #up{
	background-image: url(images/bg_recetarioUp.png);
	background-repeat:no-repeat;
	width: 513px;
	float: left;
	height:15px;
	/*background:#666;*/
}

#recetario #down{
	background-image: url(images/bg_recetarioDown.png);
	background-repeat:no-repeat;
	width: 513px;
	float: left;
	height:15px;
	/*background:#666;*/
}

#recetario #mid{
	background-image: url(images/bg_recetarioMid.png);
	background-repeat:repeat-y;
	width: 468px;
	float: left;
	padding-left:15px;
	padding-right:30px;
	text-align:justify;
}

#recetario #cont_izq{
	width:190px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#636362;

}

#recetario #rec_imagen{
	float:right;
	margin-right:60px;
	width:249px;
	height:330px;
	background:#999;
	border: 2px solid #FFF;	
}

.sliderwrapper{
float:left;width:520px; height:335px;overflow:hidden;
padding:0; margin:0; 
}

.sliderwrapper .contentdiv{
width: 520px; 
height: 100%;
padding:0; margin:0; overflow: hidden;
}

.pagination{
float:left;width:185px;height:33px;text-align:left;
}
.pagination a.prev img{
	width:25px;
	height:25px;
}

.pagination a.next img{
	width:25px;
	height:25px;
}


/*   hasta aqui el recetario   */








#promo{
	/*background-color:#000;*/
	margin-right:8px;
	float:right;
	width:441px;
		
}
#promo #up{
	background-image: url(images/cuadro_verdeUP.png);
	background-repeat:no-repeat;
	width: 441px;
	float: left;
	height:13px;
}

#promo #mid{
	background-image: url(images/cuadro_verdeMid.png);
	background-repeat:repeat-y;
	width:100%;
	float: left;
	padding-left:15px;
	padding-right:30px;
	text-align:justify;
	/*background:#000;*/
}

#promo #cont_promos{
	width:320px;
	height:180px;
	margin-top:30px;
	margin-left:35px;
	color:#000;
	border: 1px solid #FFF;
	background-color:#FFF;
}

#promo #down{
	background-image: url(images/cuadro_verdeDOWN.png);
	background-repeat:no-repeat;
	width: 441px;
	float: left;
	height: 34px;
	/*background:#666;*/
	
}
#sliderDerecho{
	margin-top:30px;
	margin-left:35px;
	}



#sliderDerecho ul, #sliderDerecho li{
		margin:0;
		padding:0;
		list-style:none;
		}
#sliderDerecho li{ 
    width:320px;
	height:180px;
	overflow:hidden; 
		}	
	/* numeric controls */	

	ol#controls{
		margin-top:3px;
		margin-left:33px;
		padding:0;
		height:28px;	
		}
	ol#controls li{
		margin:0 5px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		width:28px;
		height:28px;
		line-height:28px;
		
		}
	ol#controls li a{
	float:left;
	height:28px;
	width:28px;
	line-height:28px;
	/*border:1px solid #ccc;
		background:#DAF3F8;*/
		color:#FFF;
	padding:0 10px;
	text-decoration:none;
	background:url(images/bola_verde2.png) no-repeat top left;
		}
	ol#controls li.current a{
		height:28px;
		width:28px;
		line-height:28px;
		padding:0 10px;
		background:url(images/bola_over.png) no-repeat top left;
		color:#939315;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	
/* // Easy Slider */

















#catalog_interact{
	background-image: url(images/bloque_catalogo.png);
	background-repeat:no-repeat;
	margin-right:8px;
	float:right;
	width:324px;
	height:103px;
	
	padding-top:30px;
	padding-left:15px;
	padding-right:100px;
	
	
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#fff;
	
	
}


/**********************/

.bloque{
	float: left;
	width: 298px;
	height: 148px;
	background-color: #231f20;
	margin-right: 13px;
}
.bloqueUlt{
	float: left;
	width: 298px;
	height: 148px;
	background-color: #231f20;
}
.bloque .izq, .bloqueUlt .izq{
	float: left;
	width: 108px;
	height: 148px;
	padding-top: 1px;
	padding-right: 5px;
	padding-left: 10px;
}
.bloque .der, .bloqueUlt .der{
	float: right;
	width: 175px;
	height: 148px;
	background-color: #CCC;
}
.bloque .izq h3, .bloqueUlt .izq h3{
	color: #FFF;
	font-size: 13px;
}
.bloque .izq p, .bloqueUlt .izq p{
	font-size: 11px;
	color: #e3e3e3;
	margin: 0px;
}
.alignright {
	float: right;
	padding-right: 40px;
	padding-top: 5px;
	}

.alignleft {
	float: left;
	padding-left: 15px;
	padding-top: 5px;
	}
#vacantes {
	border: thin solid #333;
	font-family: "Trebuchet MS";
	font-size: 12px;
	width: 680px;
}
#vacantes .head{
	background-color: #C00;
	color: #FFF;
}
#vacantes tr{
	padding:0px;
	margin:0px;
}
#vacantes td{
	padding:3px;
}
#vacantes p{
	padding:0px;
	margin:0px;
}
/*#columna1, #columna2, #columna3{
	width: 180px;
}*/
.gray{
	background-color: #FFE2E8;
}
#comerciales p{
	padding:0px;
	margin:0px;
}
#comerciales img{
	padding-left:20px;
}