@charset "utf-8";
/*#############################################################
Name: SIN FIN
Date: febrero 2009
Author: María José
URL: http://www.ramrom.com.ar
#############################################################*/

/* standard elements */
html {min-height: 100%;}

* {
	margin: 0;
	padding: 0;
	outline: 0;
}

a {text-decoration: none; color:#000000;}
a:link { text-decoration: none;}
a:active {text-decoration: none;}
a:hover { text-decoration: none;}
a:visited {text-decoration: none;}

body {
	background: #D7D9B2 url(img/pattern.jpg);
	color: #000;
	font: 12px Tahoma, Helvetica, sans-serif;}

/*p,code,ul {padding-bottom: 1.2em;}

li {list-style: none;}*/

h1 {
	color: #85AD19;
	text-align: center;
	font-size: 18px;
	padding: 10px 0;
	margin:10px 0;
	line-height: 40px;}

h2 {
	color: #85AD19;
	font-size: 18px;
	margin:10px 0;
	font-weight:normal;
	border-bottom: #85AD19 1px dotted;
	padding: 0 0 5px 0;}

/* misc */
.clearer {clear: both;}

.left {float: left;}

.right {float: right;}

/* structure */
.structura {
	width: 750px;
	margin: 35px auto;}

/* header */
.header {
	width: 750px;
	margin: 0 auto;}

.logo {
	float: left;
	width: 231px;}


#premio{
	width:450px;
	height:89px;
	position:absolute;
	top:0px;
	text-align:right;
	z-index:-10;}

.botonera {
	float: right;
	width: 446px;
	height: 150px;}
	

/* content */
.content {
	float: right;
	margin: 10px auto;
	padding: 0;
	width: 730px;}

.banners {
	float:left;
	width: 222px;
	margin: 0 20px 0 0;
}

.banner_iram {
	float:left;
	width: 222px;
	height:181px;
	background-image:url(img/iram.gif);
}

.banner_iram a {display: block; width: 222px; height:181px;}
.banner_iram a:link { text-decoration: none;}
.banner_iram a:active {text-decoration: none;}
.banner_iram a:hover {background-image:url(img/iram_on.gif);}
.banner_iram a:visited {text-decoration: none;}

.banner_iram a span  {display: none;}

.banner_exclusivos {
	float:left;
	width: 222px;
	height:181px;
	background-image:url(img/productos_exclusivos.gif);
}

.banner_exclusivos a {display: block; width: 222px; height:181px;}
.banner_exclusivos a:link { text-decoration: none;}
.banner_exclusivos a:active {text-decoration: none;}
.banner_exclusivos a:hover {background-image:url(img/productos_exclusivos_on.gif);}
.banner_exclusivos a:visited {text-decoration: none;}

.banner_exclusivos a span  {display: none;}

.banner_porelmundo {
	float:left;
	width: 222px;
	height:181px;
	background-image:url(img/sinfinporelmundo.gif);
}

.banner_porelmundo a {display: block; width: 222px; height:181px;}
.banner_porelmundo a:link { text-decoration: none;}
.banner_porelmundo a:active {text-decoration: none;}
.banner_porelmundo a:hover {background-image:url(img/sinfinporelmundo_on.gif);}
.banner_porelmundo a:visited {text-decoration: none;}

.banner_porelmundo a span  {display: none;}

.banner_news {
	float:left;
	width: 222px;
	height:181px;
	background-image:url(img/newsletter.gif);
}

.banner_news a {display: block; width: 222px; height:181px;}
.banner_news a:link { text-decoration: none;}
.banner_news a:active {text-decoration: none;}
.banner_news a:hover {background-image:url(img/newsletter_on.gif);}
.banner_news a:visited {text-decoration: none;}

.banner_news a span  {display: none;}

.espacito {
	float:left;
	width: 222px;
	height:13px;
}

.lineas {
	width: 150px;
	float: right;
}

.lalinea {
	float: left;
	border-bottom:#85AD19 1px dotted;
	padding: 5px 0;
	clear: both;
	width: 130px;
}

.lalinea a:hover{
	color:#85AD19;
}

.contenido {
	float: right;
	width: 480px;
}

.panel {
	float: right;
	width: 480px;
	height: 382px;
	background-image:url(img/panel.gif);
}

.panel2 {
	float: right;
	width: 480px;
	height: 468px;
	background-image:url(img/panel2.gif);
}

.panel3 {
	float: right;
	width: 480px;
	height: 1064px;
	background-image:url(img/panel3.gif);
}

.txt {
	width: 420px;
	margin: 20px auto;
	text-align: center;
}

.productos {
	width: 444px;
	margin: 10px auto;
}

.detalle {
	font-size:11px;
	color:#333333;
}

.porelmundo {
	float: right;
	width: 726px;
	height: 382px;
}

/* footer */
.footer {
	background: url(img/bgfooter.gif) repeat-x;
	color: #8F896B;
	font: bold 1em sans-serif;
	line-height: 20px;
	padding: 0 12px;
	text-align: center;
	font-size: 10px;
}
.footer a {color: #8F896B;}

.footer a:hover {color: #78735A;}

#flashcontent{
z-index:10;}