/*
Theme Name: Karleton 2010 black
Theme URI: http://www.essetra.com
Description: Tema para Karleton
Version: 1.0
Author: Gauden
Author URI: http://www.essetra.com/
Tags: red, black, clean, stylish
*/

/* GENERAL TAG STYLES */

body{
	background-attachment: fixed;
	background:#000;
	background-image: url(imagenes/bg.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	margin:0px;
	padding:0px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#FFF;
}
p, ul, li{
	color:#FFF;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
}
h1,h2,h3,h4,h5,h6{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}
a:link, a:visited{
	color:#eb1c2c;
	text-decoration:none;
}
a:focus, a:hover, a:active{
	color:#eb1c2c;
	text-decoration:underline;
}
img{
	display:block;
}
/* MAIN DIVS */

#wrapper{
	width: 980px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#header{
	width: 980px;
	float:left;
	padding-top:18px;
	background-image: url(imagenes/bgHeader.png);
	background-repeat: repeat-x;
}
.containerHome{
	background-image: url(imagenes/bgMes.jpg);
	background-position: right top;
}
#container{
	background-repeat:no-repeat;
	width: 980px;
	float:left;
	background:#131112;
}
#footer{
	background:url(imagenes/bgFooter.jpg);
	background-repeat:repeat-x;
	height:55px;
	padding-top:25px;
	clear:both;
	width:980px;
}
#tagline{
	float:left;
	padding:10px;
	width:930px;
	color:#CCC;
	font-style:italic;
	font-size:11px;
}
/*  HEADER STYLES 

------------------------------------------------ HEADER DIVS ------------------------------

*/
#logo{
	float:left;
	background-repeat:no-repeat;
	width:490px;
	height:98px;
	background-image: url(imagenes/logo.png);
	background-position: 20px top;
}
#logo a:link, #logo a:visited{
	display:block;
	color:#000;
	font-size:1px;
	width:490px;
	height:88px;
}
#utilities{
	float:left;
	width:490px;
	height:98px;
	text-align:right;
}
#contacto{
	text-align: right;
	clear:both;
	float:right;
	padding:10px;
	font-size:12px;
	color:#666;
}
#searchDiv{
	text-align:right;
	padding:10px;
	clear:both;
	float:right;
}
#searchDiv button{
	display:block;
	background:#ff3e46;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:11px;
	color:#FFF;
	height:20px;
	border:#C00 solid 1px;
	float:right;
}
#searchDiv input{
	display:block;
	border:#CCC solid 1px;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:11px;
	height:16px;
	float:right;
	color:#C00;
}
#menu{
	width:980px;
	height:23px;
	clear:both;
	background:url(imagenes/bgMenuSelected.png);
	background-repeat:repeat-x;
	background-position:bottom;
	margin-top:10px;
	padding-top:7px;
}
#menu a:link, #menu a:visited{
	float:left;
	display:block;
	width:190px;
	text-align:center;
	color:#FFF;
	font-family:"Myriad Web Pro", "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:16px;
}
#menu a:focus, #menu a:hover, #menu a:active{
	color:#FFF;
	font-family:"Myriad Web Pro", "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:16px;
	text-decoration:underline;
}


/*  CONTAINER STYLES 

------------------------------------------------ CONTAINER DIVS ------------------------------

*/
#container p{
	color:#FFF;
}
#container .postContainer{
	width:980px;
	float:left;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
	padding-top:15px;
}
#container .postContainer .imagenPost{
	width:200px;
	padding-left:65px;
	padding-right:20px;
	float:left;
}
#container .postContainer .imagenPost a img{
	border:none;
}
#container .postContainer .textoPost{
	width:475px;
	padding-right:20px;
	padding-top: 25px;
	float:left;
}
#container .postContainer .textoPost h1{
	color:#FFF;
}

#container .postContainer .textoPost a.botonPost,
#container #info a.botonPost{
	color:#FFF;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:11px;
	background-image: url(imagenes/boton.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	text-align: center;
	margin: 20px;
	float: right;
	padding-top:7px;
	height: 25px;
	width: 148px;
	padding-right: 30px;	
}
#container .postContainer .proveedoresPost{
	width:160px;
	background-color: #000;
	background-image: url(imagenes/nuestrosProveedoresPost.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	float: left;
	padding-top: 85px;
	padding-right: 20px;
	padding-left: 20px;
}

#container img, 
#container img a{
	float:left;
	border:none;
}
#container #banners{
	width:463px;
	float:left;
}
#container #articulos{
	width:330px;/*487*/
	padding-left:157px;
	float:left;
	padding-top:15px;
}
#container #articulos h2 a:link,
#container #articulos h2 a:visited{
	color:#FFF;
	font-weight:bold;
}
#container #articulos p, #container #articulos li{
	color:#000;
}

#container #articulos .fecha{
	display:block;
	padding-left:10px;
	background:url(imagenes/bgRed80.png);
	color:#FFF;
	font-weight:bold;
}
#container #articulos .boton{
	font-size:12px;
	display:block;
	float:left;
	margin-left:30px;
	background:#FFF;
	padding-right: 5px;
	padding-left: 5px;
	border: 2px solid #eb1c2c;
	position:relative;
	top:-8px;
}
#container #articulos .excerptHome{
	width:300px;
	padding:15px;
	background:url(imagenes/bgBlanco80.png);
}
#container #articulos .excerptHome h2{
	color:#333;
}

#container #proveedores{
	width:980px;
	clear:both;
}

/*  CONTAINER STYLES 

------------------------------------------------ INFO DIV ------------------------------

*/
#tagline strong{
	color:#eb1d2c;
}
#info{
	width:670px;
	padding:10px;
	float:left;
}
#info h2{
	color:#eb1c2c;
	margin:5px;
	font-weight:bold;
	background-image: url(imagenes/borderH2.gif);
	background-repeat:no-repeat;
	background-position: bottom;
	height: 30px;
}
#container #info img{
	float:right;
	margin:10px;
	border:#C00;
}

#infoContacto{
	float:left;
	width:650px;
	padding-right:20px;
}
#mapa{
	width:300px;
	float:left;
}

#sidebar{
	width:250px;
	float:left;
}
#sidebar h2{
	color:#FFF;
	margin:5px;
	font-weight:normal;
}
#sidebar img{
	float:left;
	margin-bottom:3px;
}

/*  FOOTER STYLES  */

#footer p{
	margin:0px;
	padding:0px;
	text-align:center;
}
#footer a:link, #footer a:visited{
	color:#FFF;
}