/* ----------------------------------------------------------------------------------------------------------------*/
/* ---- Body<<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
body {
	font-family:"Trebuchet MS", verdana, "bitstream vera sans";
	margin:0px;
	background:url(../img/back.jpg) fixed;
	background-position:center;
	background-color:#AEAEAE;
}

img{border:0;}


#wrap{
	overflow:hidden;

}
#background{
	position:absolute;  
	left: 50%; 
	z-index:1;
	height:646px;
	width:1062px;
	margin-left: -600px;
	margin-top:50px;
	background:url(../img/back_manchas1.png) no-repeat;
}

#main{
	width:980px;
	position: relative; 
	margin:0 auto;
	overflow:hidden;
	z-index:2;
}
/* ---------------------------------------------------------------------------------*/

#cont{
	overflow:hidden;
	position:relative; 
	z-index:4;
}
#prod{
	width:536px;
	height:598px;
	padding-left:25px;
	position:relative; 
	z-index:4;
}
#planet{
	width:571px;
	height:598px;
	position:absolute;
	top:-4px;
	z-index:3;
	left: 199px;
}
#planet2{
	width:571px;
	height:598px;
	position:absolute;
	top:-4px;
	z-index:3;
	left: 288px;
}
/* ---------------------------------------------------------------------------------*/
#head{
	overflow:hidden;
}
#menu{
	width:980px;
	height:190px;
}
#reg{

}
#btn_reg{
	width:156px;
	height:35px;
	margin-left:750px;
}
.cont_reg{

}

/* ---- Contenido----------------------------------------------------------------------------*/
#content{
	width:980px;
	position: relative; 
}
#col-1{
	width:685px;
	overflow:hidden;
	float:left;
	margin-left:10px;
}

#col-2{
	width:270px;
	overflow:hidden;
	margin-left:5px;
	float:left;
}

#col{
	width:940px;
	overflow:hidden;
	margin-left:30px;
}
/* ---- Contenido----------------------------------------------------------------------------*/
#footer{
	clear:both;
	overflow:hidden;
	background:url(../img/separate-footer.jpg) repeat-x;
	background-color:#3A342B;
}
#footer-c{
	overflow:hidden;
	width:980px;
	margin:0 auto;
}

#logo{
	width:270px;
	height:192px;
	float:left;
	background:url(../img/back-logo-footer.jpg) no-repeat;
}
#logo-sub{
	padding-left:55px;
	padding-top:15px;	
}
#sep{
	float:left;
	padding-top:25px;
}
#sep2{
	float:left;
	padding-top:15px;
}
#sub-m{
	width:670px;
	height:210px;
	float:left;
	margin-left:5px;
}
#sub-m2{
	width:670px;
	overflow:hidden;
	float:left;
	margin-left:5px;
}
/* ---- btns<<-----------------------------------------------------------------------------*/
#up{
	overflow:hidden;
	width:980px;
}
#end{
	overflow:hidden;
	clear:both;
	width:980px;
	margin-bottom:10px;
}

#lin{
	background:url(../img/line1.jpg) repeat-x;
	width:100%;
	height:4px;
}

.bt{
	float:left;
	padding-right:5px;
	padding-left:5px;
}
/* ---- Redes<<-----------------------------------------------------------------------------*/

#red{
	width:632px;
	height:45px;
	margin-left:15px;
	margin-top:6px;
	clear:left;
}
.sp{
	float:left;
	margin-right:5px;
}



/* ----------------------------------------------------------------------------------------------------------------*/
/* ---- Noticias<<-----------------------------------------------------------------------------*/
#not{
	width:630px;
	height:100px;
	margin-top:25px;
	margin-left:15px;
}


.l-not{
	float:left;
	width:8px;
	height:8px;
	color:#FFFFFF;
	
}
.m-not{
	float:left;
	width:614px;
	height:8px;
	background:url(../img/up.gif) repeat-x;
}
.m-not2{
	float:left;
	width:614px;
	height:8px;
	background:url(../img/down.gif) repeat-x;
}
.r-not{
	float:left;
	width:8px;
	height:8px;
}
.r-not3{
	float:left;
	width:614px;
	height:8px;
	background:url(../img/up.gif) repeat-x;
}
.r-not2{
	float:left;
	width:614px;
	height:8px;
	background:url(../img/down.gif) repeat-x;
}
#not-1{
	width:630px;
	clear:both;
	height:8px;
	ackground:url(../img/back-not.gif) repeat-y;
}
#not-2{
	width:630px;
	height:105px;
	clear:left;
	background:url(../img/back_not.gif) repeat-y;
}
#not-3{
	width:630px;
	clear:both;
	ackground:url(../img/back-not.gif) repeat-y;
}

#n1{
	width:614px;
	clear:both;
	padding-left:8px;
	padding-right:8px;
}

#fot-n{
	width:131px;
	height:96px;
	padding-left:3px;
	padding-top:3px;
	float:left;
	background-color:#000000;
}
#txt-n{
	width:475px;
	overflow:hidden;
	float:left;
	margin-left:5px;
}
#dat{
	width:59px;
	height:20x;
	background-color:#000000;
	text-align:center;
	color:#FFFFFF;
	font-size:12px;
	float:left;
	margin-top:2px;
	margin-right:6px;
}
#tit{
	margin-left:5px;
}
#res{
	overflow:hidden;
}


/* ---- Links<<<-----------------------------------------------------------------------------*/
.c {
	font-size:17px;
	letter-spacing:-1px;
}
a.c:link {
	font-size:17px;
	letter-spacing:-1px;
	color: #FFFFFF;
	text-decoration: none;
}
a.c:visited {
	text-decoration: none;
	letter-spacing:-1px;
	color: #FFFFFF;
}
a.c:hover {
	color: #FFFFFF;
	letter-spacing:-1px;
	background-color:#000000;
}
a.c:active {
	text-decoration: none;
	letter-spacing:-1px;
	color: #FFFFFF;
}

.d {
	font-size:12px;
	letter-spacing:-1px;
}
a.d:link {
	font-size:12px;
	letter-spacing:-1px;
	color: #FFFFFF;
	text-decoration: none;
}
a.d:visited {
	text-decoration: none;
	letter-spacing:-1px;
	color: #FFFFFF;
}
a.d:hover {
	color: #FFFFFF;
	letter-spacing:-1px;
	background-color:#000000;
}
a.d:active {
	text-decoration: none;
	letter-spacing:-1px;
	color: #FFFFFF;
}


.e {
	font-size:12px;
	letter-spacing:-1px;
}
a.e:link {
	font-size:12px;
	letter-spacing:-1px;
	color: #FFFFFF;
	text-decoration: none;
}
a.e:visited {
	text-decoration: none;
	letter-spacing:-1px;
	color: #FFFFFF;
}
a.e:hover {
	color: #FFFFFF;
	letter-spacing:-1px;
	text-decoration: underline;
}
a.e:active {
	text-decoration: none;
	letter-spacing:-1px;
	color: #FFFFFF;
}

.le {
	font-size:13px;
	letter-spacing:-1px;
}
a.le:link {
	font-size:13px;
	letter-spacing:-1px;
	color: #333333;
	text-decoration: none;
}
a.le:visited {
	text-decoration: none;
	letter-spacing:-1px;
	color: #333333;
}
a.le:hover {
	color: #FFFFFF;
	letter-spacing:-1px;
	background-color:#000000;
}
a.le:active {
	text-decoration: none;
	letter-spacing:-1px;
	color: #333333;
}

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


.o {
}
a.o:link {
	color: #FFFFFF;
	text-shadow: 1px 1px 1px #000;
	text-decoration: none;
}
a.o:visited {
	text-decoration: none;
	color: #FFFFFF;
}
a.o:hover {
	color: #FFFFFF;
	background-color:#000000;
}
a.o:active {
	text-decoration: none;
	color: #FFFFFF;
}

.si {

}
a.si:link {
	color: #333333;
	text-decoration: none;
}
a.si:visited {
	text-decoration: none;
	color: #333333;
}
a.si:hover {
	color: #FFFFFF;
	background-color:#333333;
}
a.si:active {
	text-decoration: none;
	color: #333333;
}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---- Forms<<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
.fieldclass {
	background-image: url("../img/field2-bg.gif");
	background-repeat: repeat-x;
	background-color: #FFFFFF;
	border:1px solid #B6B6B6;
	color: #293003;
	height:18px;
	width:250px;
	font-family: "trebuchet ms", verdana, "bitstream vera sans";
	font-size: 14px;
	text-indent: 2px;
}
.fieldclass2 {
	background-image: url("../img/field2-bg.gif");
	background-repeat: repeat-x;
	background-color: #FFFFFF;
	border:1px solid #B6B6B6;
	color: #293003;
	font-family: "trebuchet ms", verdana, "bitstream vera sans";
	font-size: 13px;
	text-indent: 2px;
}
.fieldclass3 {
	background-image: url("../img/field2-bg.gif");
	background-repeat: repeat-x;
	background-color: #FFFFFF;
	border:1px solid #B6B6B6;
	color: #293003;
	font-family: "trebuchet ms", verdana, "bitstream vera sans";
	font-size: 15px;
	text-indent: 2px;
	text-align:center;
}
/* ----------------------------------------------------------------------------------------------------------------*/
.stepcarousel{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 668px; /*Width of Carousel Viewer itself*/
height: 300px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
	position: absolute; /*leave this value alone*/
	left: 0px;
	top: 0px;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 0px; /*margin around each panel*/
width: 668px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

/* ----------------------------------------------------------------------------------------------------------------*/