/* Contenido Gral
----------------------------------------------- */

#contentwrapinicio{
	background-image: url(../img/fondo_content2col.jpg);
	background-repeat: repeat-y;
	background-position: center top;
	background-color: #adadad;
	border-top-width: 4px;
	border-top-style: solid;
	border-top-color: #ADADAD;
	margin: 0;
	padding: 0;
}

#maincontentinicio{
	float:left;
	width:380px;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}

	/* Contenido Novedades Box
	----------------------------------------------- */
#contentnov {
	margin: 0px;
	padding: 0px;
	width: 380px;
}
#contentnov p {
	color: #333333;
	font-size: 1em;
	line-height: normal;

}
#contentnov .box1 {
	background-color: #FFFFFF;
	background-image: url(../img/inicio-sugerencia.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 120px;
	/*border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #E0DFE3;*/
}


#contentnov .box1 p {
	padding-top: 15px;
}

#contentnov .box1 img {
	float: right;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 5px;
}

#contentnov .box2 {
	padding: 10px;
	border-left-width: 10px;
	border-left-style: solid;
	border-left-color: #DA251D;
	background-color: #E6E6E6;
}
#contentnov .box2 p {
	font-size: 0.9em;
}

#contentnov .box2 img {
	float: left;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 0px;
}

#contentnov .box2 em {
	font-size: 0.9em;
	color: #C71008;
	line-height: 1.8em;
}
#contentnov h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #CB0711;
	font-size: 140%;
	font-weight: normal;
	overflow: hidden;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #666666;
	padding-bottom: 5px;
	line-height: 1.7em;
}
#contentnov a {
	color: #E8B864;
	text-decoration: none;
}
#contentnov a:hover {
	color: #4B360A;
	background-color: #E9B84F;
}


	/* Contenido Marcas Box
	----------------------------------------------- */
#contentmarcas  {
	padding-top: 5px;
	padding-right: 0px;
	padding-left: 10px;
	margin: 0px;
	width: 370px;
	background-color: #999999;
	height: 370px;
	padding-bottom: 5px;

}	
#contentmarcas .box  {
	background-color: #CCCCCC;
	float: left;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 0px;
	text-align: center;
	padding: 0px;
	height: 113px;
	width: 113px;


}
#contentmarcas .box img  {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}

#contentmarcas .box a {
	color: #333333;
	font-weight: bold;
	font-size: 11px;
	cursor: pointer;

}	
#contentmarcas .box a:hover {
	color: #000000;
	background-color: #999999;

}

#contentmarcas .box p {
	text-align: left;
	padding-left: 5px;
	font-size: 9px;
}


#contentmarcas .box  ul {
	text-align: left;
	list-style-type: none;
	float: left;
	padding: 0px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	display: inline;
}
#contentmarcas .box li {
	display: inline;
	padding-right: 10px;
	background-image: url(../img/flechagris_cir.gif);
	background-repeat: no-repeat;
	background-position: 2px 3px;
	padding-left: 15px;
}

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
	position: absolute;
	background-color: #00FFCC;
	padding: 0px;
	left: -1000px;
	visibility: hidden;
	color: black;
	text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
}

.thumbnail:hover span#izq1{ /*CSS for enlarged image on hover*/
	visibility: visible;
	top: -102px;
	left: 0px; /*position where enlarged image should offset horizontally */
	display: block;
	height: 359px;
	cursor: default;

}

.thumbnail:hover span#medio1{ 
	visibility: visible;
	top: -102px;
	left: -123px; 
	display: block;
	height: 359px;

}

	/* Contenido Servicios (Clima / Cereales)
	-------------------------------------------------------- */

#contentderinicio{
	float:left;
	width:190px;
	margin: 0px;
	padding: 0px;

}
#contentderinicio .colderecha {
	margin-top: 0px;
}


#clima {
	width: 190px;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
}
#clima #pronostico p {
	display: block;
	float: right;
	font-weight: normal;
	font-size: 11px;
	margin: 0px;
	padding: 5px;
	text-align: left;
	width: 135px;
	line-height: 1.2em;
}
#clima #pronostico img {
	float: left;
	padding-left: 3px;
}
#clima ul {
	display: block;
	float: left;
	background-color: #ECF2F4;
	width: 190px;
	margin: 0px;
	padding: 0px;
}
#clima li {
	font-size: 12px;
	font-weight: normal;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #BAD0D8;
	padding: 3px;
}
#clima span {
	font-weight: bold;
	font-size: 16px;
	padding-left: 5px;
}






#clima caption {
	width: 190px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background-color: #466C79;
	font-size: 11px;
	font-weight: bold;
	padding-left: 5px;
}

#clima th {
	color: #324E56;
	letter-spacing: 0px;
	text-align: left;
	background-color: #8CB1BD;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-top-color: #A2BFCA;
	border-right-color: #A2BFCA;
	border-bottom-color: #6797A7;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	font-family: Arial, Helvetica, sans-serif;
	padding-left: 2px;
	font-weight: bold;
}

#clima th.nobg {
	width: 190px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 5px;

}

#clima th.spec {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #81A9B6;
	padding-left: 0px;
	background-color: #FFFFFF;
	border-top-width: 0px;
}

#clima th.specalt {
	color: #243840;
	border-top-width: 0;
	border-left-width: 1px;
	border-left-style: solid;
	background-color: #BAD0D8;
	background-repeat: no-repeat;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-left: 3px;
	border-left-color: #81A9B6;
}
#clima ul.extendido li {
	background-image: url(../img/flechacel_cir.gif);
	background-repeat: no-repeat;
	font-size: 1.1em;
	font-weight: bold;
	color: #FFFFFF;
	padding-left: 20px;
	background-position: 5px 7px;
}
#clima ul.extendido {
	background-color: #324E56;
}

#clima ul.extendido a {
	font-weight: bold;
	color: #FFFFFF;
}
#clima ul.extendido a:hover {
	color: #BAD0D8;
	text-decoration: none;
	background-color: transparent;
}


#cereales {
	width: 190px;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
}

#cereales caption {
	width: 190px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background-color: #B2390F;
	font-size: 11px;
	font-weight: bold;
	padding-left: 5px;
}

#cereales th {
	color: #B2390F;
	letter-spacing: 0px;
	text-align: left;
	background-color: #FBE4BB;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFFAE8;
	border-right-color: #FFFAE8;
	border-bottom-color: #FFFAE8;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0;
	font-family: Arial, Helvetica, sans-serif;
	padding-left: 2px;
	font-weight: bold;
}

#cereales th.nobg {
	width: 190px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 5px;

}

#cereales td {
	background: #fff;
	color: #B2390F;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #FFFAE8;
	border-bottom-color: #FFFAE8;
	padding-top: 0;
	padding-bottom: 0;
	text-align: center;
}


#cereales td.alt {
	color: #B2390F;
	background-color: #FBE4BB;
}

#cereales th.spec {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FFFAE8;
	padding-left: 3px;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	border-top-width: 0px;
}

#cereales th.specalt {
	color: #B2390F;
	border-top-width: 0;
	border-left-width: 1px;
	border-left-style: solid;
	background-color: #FBE4BB;
	background-repeat: no-repeat;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	padding-left: 3px;
	border-left-color: #FFFAE8;
}

#contentderinicio #opinion {
	background-color: #CCCCCC;
	background-image: url(../img/inicio-opinion.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 55px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
	width: 160px;
}
#contentderinicio #opinion p {
	color: #333333;
	font-size: 0.9em;
	line-height: normal;
}


	/*  News - Imagen
	----------------------------------------------- */

#panoramic
{
	position: relative;
	width: 760px;
}

#panoramic img
{
	text-align: right;
}


ul#rotator
{
	cursor: pointer;
	float: right;
	margin: 0;
	padding: 0;
	overflow: hidden;
	width: 577px;
	height: 200px;
	z-index: 0;
	background-color: #333333;
}

ul#rotator li
{
	width: 580px;
	height: 200px;
}

ul#rotator img
{
	width: 580px;
	height: 200px;
}


	/* News Box
	=========================================================================== */
#newswrap{ 
	padding:0;
	margin:0;
	border-bottom:solid 1px #666;
	background-color: #333333;
	
}
#news{
	height:200px;
	width: 760px;
}

/* simplified box model hack, as explained by Andy Clover:
   http://www.doxdesk.com/personal/posts/css/20020212-bmh.html  */



#newsbox
{
	color: #333333;
	font-size: 11px;
	position: absolute;
	top: 0;
	left: 0px;
	width: 190px;
	height: 200px;
	z-index: 10;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0px;
	margin: 0px;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #808080;
}
#newsbox h3 {
	background-color: #666666;
	background-image: url(../img/fondo_titnewsbox.gif);
	background-repeat: repeat-x;
	height: 26px;
	width: 180px;
	padding-left: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color: #333333;

}

#newsbox ul {
	padding: 10px;
}

.holder p {
	font-size: 1em;
	line-height: 1.5em;
	margin-bottom: 0em;
	color: #CCCCCC;
}
#pane2 h5 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background-image: url(../img/flecha_cir.gif);
	background-repeat: no-repeat;
	padding-left: 15px;
	background-position: left 8px;
	padding-top: 5px;
	line-height: 1.2em;
	font-size: 120%;
	display: inline;
}
.espaciador {
	height: 10px;
}

.holder p.date {
  font-family: "Georgia", Times New Roman, Times, serif;
  font-size: 0.9em;
  line-height: 1.5em;
  color: #8b8d90;
}
#pane2 a {
	color: #E8B864;
}
#pane2 a:hover {
	background-color: #E9B84F;
	color: #4B360A;
}
#pane2 a.nota {
	color: #E8B864;
	text-decoration: none;
	/*	display: block;*/
	font-size: 0.9em;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	display: block;
}
#pane2 .nota:hover {
	color: #4B360A;
	background-color: #E9B84F;
}
#pane2 a.todas {
	color: #E1B351;
	text-decoration: none;
	/*	display: block;*/
	font-size: 0.8em;
	margin: 0px;
	padding: 0px;
	display: block;
}
#pane2 .todas:hover {
	color: #4B360A;
	background-color: #E9B84F;
}

	/* Scroll baby scroll
	=========================================================================== */

.holder {
	float: left;
	background: #4d4e50;
	color: #b5b7b9;
	padding-left: 6px;
}

.scroll-pane {
	width: 184px;
	overflow: auto;
	background: #4d4e50;
	float: left;
	height: 174px;
}
#pane2 {
   height: 174px;
			}

.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #aaa;
}
.jScrollPaneDrag {
	position: absolute;
	cursor: pointer;
	overflow: hidden;
	background-color: #6E6E6E;
	background-image: url(../img/drag_grab.gif);
	background-repeat: no-repeat;
	background-position: center center;
}


.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0px;
	right: 0px;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
	background: url(../img/basic_arrow_up.gif) no-repeat 0 0;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
	background-position: 0 -15px;
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0px;
	right: 0px;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
	background-image: url(../img/basic_arrow_down.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
	background-position: 0 -15px;
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
	background-position: 0 -30px;
}
#contentnov .box3 {
	padding: 0px;
	width: 185px;
	float: left;
	border: 2px solid #E0DFE3;
	height: 100px;
}